@hopper-ui/components 1.6.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (384) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/accordion/src/Accordion.css +84 -77
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +84 -77
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +344 -325
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +344 -325
  9. package/dist/alert/src/index.js +11 -11
  10. package/dist/avatar/src/AnonymousAvatar.css +54 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -65
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +71 -64
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +54 -47
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +54 -47
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +54 -47
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -92
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +59 -52
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +54 -47
  27. package/dist/badge/src/FloatingBadge.js +2 -2
  28. package/dist/badge/src/index.css +69 -62
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +110 -103
  31. package/dist/buttons/src/Button.js +7 -7
  32. package/dist/buttons/src/ButtonContext.d.ts +13 -3
  33. package/dist/buttons/src/ButtonGroup.css +55 -48
  34. package/dist/buttons/src/ButtonGroup.js +3 -1
  35. package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
  36. package/dist/buttons/src/ClearButton.css +115 -108
  37. package/dist/buttons/src/ClearButton.js +3 -3
  38. package/dist/buttons/src/CloseButton.css +111 -104
  39. package/dist/buttons/src/CloseButton.js +8 -8
  40. package/dist/buttons/src/EmbeddedButton.css +115 -108
  41. package/dist/buttons/src/EmbeddedButton.js +1 -1
  42. package/dist/buttons/src/LinkButton.css +119 -112
  43. package/dist/buttons/src/LinkButton.js +5 -5
  44. package/dist/buttons/src/index.css +267 -260
  45. package/dist/buttons/src/index.d.ts +2 -2
  46. package/dist/buttons/src/index.js +12 -12
  47. package/dist/callout/src/Callout.css +279 -272
  48. package/dist/callout/src/Callout.js +9 -9
  49. package/dist/callout/src/CompactCallout.css +316 -309
  50. package/dist/callout/src/CompactCallout.js +9 -9
  51. package/dist/callout/src/index.css +328 -321
  52. package/dist/callout/src/index.js +10 -10
  53. package/dist/card/src/Card.css +47 -40
  54. package/dist/card/src/Card.js +1 -1
  55. package/dist/card/src/index.css +47 -40
  56. package/dist/card/src/index.js +1 -1
  57. package/dist/checkbox/src/Checkbox.css +63 -56
  58. package/dist/checkbox/src/Checkbox.js +5 -5
  59. package/dist/checkbox/src/CheckboxField.css +50 -43
  60. package/dist/checkbox/src/CheckboxField.js +4 -4
  61. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  62. package/dist/checkbox/src/CheckboxGroup.js +9 -8
  63. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  64. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  65. package/dist/checkbox/src/index.css +115 -108
  66. package/dist/checkbox/src/index.js +13 -12
  67. package/dist/{chunk-H7EN3SVB.js → chunk-23WYVBUK.js} +2 -2
  68. package/dist/{chunk-VB42QDEC.js → chunk-2C4RHHUL.js} +2 -2
  69. package/dist/{chunk-KB2NZRJF.js → chunk-2KFOOJ34.js} +20 -10
  70. package/dist/{chunk-NOD7XFD7.js → chunk-2WU7UWOH.js} +3 -3
  71. package/dist/{chunk-IGVGBFT6.js → chunk-3FHJOMUC.js} +1 -1
  72. package/dist/{chunk-SGQFSCGP.js → chunk-3VZPTUVR.js} +3 -3
  73. package/dist/{chunk-S72G6RPK.js → chunk-53QBBZR4.js} +2 -2
  74. package/dist/{chunk-IKSYTHKX.js → chunk-57RTMTQ7.js} +3 -3
  75. package/dist/{chunk-AI4IV7FO.js → chunk-5FXGGEA5.js} +26 -20
  76. package/dist/{chunk-N63SCDXK.js → chunk-5H2DG3VF.js} +2 -2
  77. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  78. package/dist/{chunk-NNBUHQU4.js → chunk-5ZP2KUGN.js} +17 -15
  79. package/dist/{chunk-WD34LPOD.js → chunk-67EK2P5M.js} +3 -3
  80. package/dist/{chunk-BHXYYOF6.js → chunk-6G56A3XH.js} +20 -10
  81. package/dist/{chunk-KNHM5GQQ.js → chunk-6Q6Q4HUH.js} +10 -8
  82. package/dist/chunk-6T7TUF6N.js +178 -0
  83. package/dist/{chunk-FM7FVXF6.js → chunk-AC5FLJJL.js} +2 -2
  84. package/dist/{chunk-HPOWDWRH.js → chunk-ACG3BFJQ.js} +1 -1
  85. package/dist/{chunk-N6FVXOZU.js → chunk-AV7XDPXN.js} +1 -1
  86. package/dist/{chunk-6BW3MSBX.js → chunk-AX3SYX3G.js} +1 -1
  87. package/dist/{chunk-HCNRBWQR.js → chunk-CC5SXS5R.js} +1 -1
  88. package/dist/{chunk-GDUMGSIP.js → chunk-CIQZIY5N.js} +1 -1
  89. package/dist/{chunk-GN2XLV5G.js → chunk-CNG2EXC7.js} +3 -3
  90. package/dist/{chunk-4DNIPOHN.js → chunk-CT3S2ZJP.js} +2 -2
  91. package/dist/{chunk-3SSWKFF2.js → chunk-DE74UTDH.js} +2 -2
  92. package/dist/{chunk-CFBDROF2.js → chunk-DEFXMEBJ.js} +2 -2
  93. package/dist/{chunk-PDVJDA3N.js → chunk-DP4FHVJR.js} +25 -13
  94. package/dist/{chunk-UWUX4HB6.js → chunk-EBXH6HHZ.js} +21 -11
  95. package/dist/{chunk-MEJX5PMD.js → chunk-EDDYY4KO.js} +1 -1
  96. package/dist/{chunk-Q5UDUQNS.js → chunk-FIY4TUYL.js} +4 -28
  97. package/dist/{chunk-MDFOHG56.js → chunk-G2IQWVGX.js} +1 -1
  98. package/dist/{chunk-RNYGUJIL.js → chunk-G5GYOSK7.js} +8 -8
  99. package/dist/{chunk-O7H6JXIB.js → chunk-GR5QWFCA.js} +4 -4
  100. package/dist/{chunk-YPZVGCLY.js → chunk-HERQEWF5.js} +3 -3
  101. package/dist/{chunk-4V3BBI6M.js → chunk-HQJZSCV7.js} +1 -1
  102. package/dist/{chunk-PHPJULDV.js → chunk-I25B6DME.js} +2 -2
  103. package/dist/{chunk-FRX2T2G4.js → chunk-IIBLQ2CB.js} +1 -1
  104. package/dist/{chunk-HVTA4MEG.js → chunk-J5FY5YAZ.js} +1 -1
  105. package/dist/{chunk-Z6Z2LMH2.js → chunk-J6FKM7WM.js} +1 -1
  106. package/dist/{chunk-B3VVOS3E.js → chunk-JBTFYM4B.js} +3 -3
  107. package/dist/{chunk-I4IBMLV4.js → chunk-JNJFX2LE.js} +2 -2
  108. package/dist/{chunk-PZZ76MYC.js → chunk-JVLK5INM.js} +3 -3
  109. package/dist/{chunk-BROSH5WN.js → chunk-KKUSWUZC.js} +1 -1
  110. package/dist/{chunk-QYLYNHMO.js → chunk-L7DSMPLQ.js} +2 -2
  111. package/dist/{chunk-FVYE4WG4.js → chunk-LACYHXY5.js} +2 -2
  112. package/dist/{chunk-RKYCEGIB.js → chunk-LBXB3JFD.js} +5 -5
  113. package/dist/{chunk-DPEJN5GM.js → chunk-LMH2XI5J.js} +10 -4
  114. package/dist/{chunk-XUTZ5DK5.js → chunk-LOFWD2GD.js} +2 -2
  115. package/dist/{chunk-BV2IOLOJ.js → chunk-LUCUQMMD.js} +3 -3
  116. package/dist/chunk-MR5BPD6R.js +7 -0
  117. package/dist/{chunk-23MPRPHQ.js → chunk-N7A4SDQA.js} +18 -16
  118. package/dist/{chunk-54G54DA4.js → chunk-NAK42XEC.js} +3 -3
  119. package/dist/{chunk-TY3S7XMW.js → chunk-NC7G3EHF.js} +2 -2
  120. package/dist/{chunk-6C22LT4E.js → chunk-NFETZ57D.js} +2 -2
  121. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  122. package/dist/{chunk-S37LFZ2Z.js → chunk-OABMTS4J.js} +1 -1
  123. package/dist/{chunk-ZAORXIJR.js → chunk-OCK54JWW.js} +2 -2
  124. package/dist/{chunk-6OC3EASW.js → chunk-OINTMN5W.js} +2 -2
  125. package/dist/{chunk-ZICTGDRV.js → chunk-OS6JDQKO.js} +2 -2
  126. package/dist/{chunk-3WNM2QCE.js → chunk-OYPIU6JL.js} +2 -2
  127. package/dist/chunk-PDWWX5JI.js +70 -0
  128. package/dist/{chunk-RIEGA5XZ.js → chunk-PJ2RHMZ3.js} +2 -2
  129. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  130. package/dist/{chunk-5H7VC5CQ.js → chunk-PQVBUEXC.js} +3 -3
  131. package/dist/{chunk-2PIBQPSE.js → chunk-QARGGDML.js} +4 -4
  132. package/dist/{chunk-DROINCCH.js → chunk-QDN24QKG.js} +1 -1
  133. package/dist/{chunk-4HT6QOTO.js → chunk-QSCBTSIF.js} +9 -3
  134. package/dist/{chunk-HPSQSM3G.js → chunk-RIFW5PYW.js} +3 -3
  135. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  136. package/dist/{chunk-V6QSG3P7.js → chunk-S5AHDRSE.js} +1 -1
  137. package/dist/chunk-TQQMWXRK.js +190 -0
  138. package/dist/{chunk-LORXIAD3.js → chunk-UBBZ4LV5.js} +19 -9
  139. package/dist/{chunk-Y24SHU4H.js → chunk-UBILZ2MS.js} +1 -1
  140. package/dist/{chunk-VRCFCFB5.js → chunk-UFR36PXP.js} +4 -4
  141. package/dist/{chunk-VE63YOPC.js → chunk-ULY62A7P.js} +6 -6
  142. package/dist/{chunk-BARSXCGR.js → chunk-V5PLUMR5.js} +3 -3
  143. package/dist/{chunk-IYYEOE54.js → chunk-V7OAPBQT.js} +1 -1
  144. package/dist/{chunk-ZVJPFIET.js → chunk-V7VDYDIQ.js} +3 -3
  145. package/dist/{chunk-TVDSIL3G.js → chunk-VBJVG2YA.js} +15 -6
  146. package/dist/{chunk-FCWARLFN.js → chunk-VSCRFXJ2.js} +5 -5
  147. package/dist/{chunk-G75ACCCJ.js → chunk-W2EX7F7K.js} +1 -1
  148. package/dist/{chunk-MAWL2EMK.js → chunk-WJE3JIRZ.js} +3 -3
  149. package/dist/{chunk-6EXB57VD.js → chunk-X4IV4VLD.js} +4 -4
  150. package/dist/{chunk-UZTC5A7X.js → chunk-XEMYAR47.js} +1 -1
  151. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  152. package/dist/{chunk-FMAMU4X6.js → chunk-YDNBMCQD.js} +8 -4
  153. package/dist/{chunk-4VGMZWJ2.js → chunk-YFQIN27E.js} +1 -1
  154. package/dist/{chunk-MC6PDZR7.js → chunk-YZBOR2D4.js} +9 -7
  155. package/dist/{chunk-IEGPCDG2.js → chunk-Z5WDAIAE.js} +2 -2
  156. package/dist/{chunk-ENPVMPHJ.js → chunk-ZLL3VV5V.js} +3 -3
  157. package/dist/{chunk-J34HZLGN.js → chunk-ZRYHXQDJ.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +687 -684
  159. package/dist/combobox/src/ComboBox.js +23 -22
  160. package/dist/combobox/src/index.css +687 -684
  161. package/dist/combobox/src/index.js +23 -22
  162. package/dist/contextual-help/src/ContextualHelp.css +4165 -0
  163. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  164. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  165. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  166. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  167. package/dist/contextual-help/src/index.css +4165 -0
  168. package/dist/contextual-help/src/index.d.ts +10 -0
  169. package/dist/contextual-help/src/index.js +14 -0
  170. package/dist/disclosure/src/Disclosure.css +54 -47
  171. package/dist/disclosure/src/Disclosure.js +2 -2
  172. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  173. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  174. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  175. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  176. package/dist/disclosure/src/index.css +79 -72
  177. package/dist/disclosure/src/index.js +9 -9
  178. package/dist/divider/src/Divider.css +46 -39
  179. package/dist/divider/src/Divider.js +1 -1
  180. package/dist/divider/src/index.css +46 -39
  181. package/dist/divider/src/index.js +1 -1
  182. package/dist/error-message/src/ErrorMessage.css +46 -39
  183. package/dist/error-message/src/ErrorMessage.js +3 -3
  184. package/dist/error-message/src/index.css +46 -39
  185. package/dist/error-message/src/index.js +3 -3
  186. package/dist/form/src/Form.css +44 -37
  187. package/dist/form/src/Form.js +1 -1
  188. package/dist/form/src/index.css +44 -37
  189. package/dist/form/src/index.js +1 -1
  190. package/dist/header/src/Header.css +279 -0
  191. package/dist/header/src/Header.js +3 -1
  192. package/dist/header/src/HeaderContext.d.ts +13 -3
  193. package/dist/header/src/index.css +279 -0
  194. package/dist/header/src/index.d.ts +1 -1
  195. package/dist/header/src/index.js +3 -1
  196. package/dist/helper-message/src/HelperMessage.css +46 -39
  197. package/dist/helper-message/src/HelperMessage.js +3 -3
  198. package/dist/helper-message/src/index.css +46 -39
  199. package/dist/helper-message/src/index.js +3 -3
  200. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  201. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  202. package/dist/hopper-provider/src/index.css +45 -38
  203. package/dist/hopper-provider/src/index.js +1 -1
  204. package/dist/i18n/src/index.js +1 -1
  205. package/dist/i18n/src/useLocalizedString.js +1 -1
  206. package/dist/icon-list/src/IconList.css +45 -38
  207. package/dist/icon-list/src/IconList.js +1 -1
  208. package/dist/icon-list/src/index.css +45 -38
  209. package/dist/icon-list/src/index.js +1 -1
  210. package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
  211. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  212. package/dist/illustrated-message/src/index.css +286 -279
  213. package/dist/illustrated-message/src/index.js +2 -2
  214. package/dist/image/src/Image.css +47 -40
  215. package/dist/image/src/Image.js +3 -1
  216. package/dist/image/src/ImageContext.d.ts +13 -3
  217. package/dist/image/src/SvgImage.css +45 -38
  218. package/dist/image/src/SvgImage.js +1 -1
  219. package/dist/image/src/index.css +48 -41
  220. package/dist/image/src/index.d.ts +1 -1
  221. package/dist/image/src/index.js +4 -2
  222. package/dist/index.css +1124 -1044
  223. package/dist/index.d.ts +10 -7
  224. package/dist/index.js +113 -110
  225. package/dist/inputs/src/Input.css +48 -41
  226. package/dist/inputs/src/Input.js +1 -1
  227. package/dist/inputs/src/InputGroup.css +50 -43
  228. package/dist/inputs/src/InputGroup.js +1 -1
  229. package/dist/inputs/src/NumberField.css +74 -67
  230. package/dist/inputs/src/NumberField.js +12 -11
  231. package/dist/inputs/src/PasswordField.css +287 -280
  232. package/dist/inputs/src/PasswordField.js +12 -11
  233. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  234. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  235. package/dist/inputs/src/SearchField.css +293 -286
  236. package/dist/inputs/src/SearchField.js +13 -12
  237. package/dist/inputs/src/TextArea.css +71 -64
  238. package/dist/inputs/src/TextArea.js +11 -10
  239. package/dist/inputs/src/TextField.css +291 -284
  240. package/dist/inputs/src/TextField.js +16 -15
  241. package/dist/inputs/src/index.css +339 -332
  242. package/dist/inputs/src/index.js +22 -21
  243. package/dist/layout/src/Content.css +279 -0
  244. package/dist/layout/src/Content.js +3 -1
  245. package/dist/layout/src/ContentContext.d.ts +13 -3
  246. package/dist/layout/src/Footer.css +279 -0
  247. package/dist/layout/src/Footer.js +3 -1
  248. package/dist/layout/src/FooterContext.d.ts +13 -3
  249. package/dist/link/src/Link.css +83 -76
  250. package/dist/link/src/Link.js +4 -4
  251. package/dist/link/src/index.css +83 -76
  252. package/dist/link/src/index.js +4 -4
  253. package/dist/list-box/src/ListBox.css +318 -311
  254. package/dist/list-box/src/ListBox.js +10 -10
  255. package/dist/list-box/src/ListBoxItem.css +306 -299
  256. package/dist/list-box/src/ListBoxItem.js +7 -7
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +318 -311
  260. package/dist/list-box/src/index.js +11 -11
  261. package/dist/menu/src/Menu.css +612 -609
  262. package/dist/menu/src/Menu.js +4 -4
  263. package/dist/menu/src/MenuItem.css +123 -116
  264. package/dist/menu/src/MenuItem.js +3 -3
  265. package/dist/menu/src/MenuSection.css +46 -39
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +637 -634
  268. package/dist/menu/src/index.js +9 -9
  269. package/dist/modal/src/BaseModal.css +59 -52
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +60 -53
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +334 -315
  274. package/dist/modal/src/Modal.js +10 -10
  275. package/dist/modal/src/index.css +335 -316
  276. package/dist/modal/src/index.js +12 -12
  277. package/dist/overlays/popover/src/Popover.css +604 -597
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +607 -604
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +71 -64
  284. package/dist/radio/src/DecorativeRadio.js +4 -4
  285. package/dist/radio/src/Radio.css +63 -56
  286. package/dist/radio/src/Radio.js +4 -4
  287. package/dist/radio/src/RadioField.css +50 -43
  288. package/dist/radio/src/RadioField.js +3 -3
  289. package/dist/radio/src/RadioGroup.css +115 -108
  290. package/dist/radio/src/RadioGroup.js +10 -9
  291. package/dist/radio/src/index.css +115 -108
  292. package/dist/radio/src/index.js +14 -13
  293. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  294. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  295. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  296. package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
  297. package/dist/segmented-control/src/index.css +60 -53
  298. package/dist/segmented-control/src/index.js +5 -5
  299. package/dist/select/src/Select.css +631 -628
  300. package/dist/select/src/Select.js +22 -21
  301. package/dist/select/src/SelectValue.css +105 -98
  302. package/dist/select/src/SelectValue.js +4 -4
  303. package/dist/select/src/index.css +631 -628
  304. package/dist/select/src/index.js +22 -21
  305. package/dist/spinner/src/Spinner.css +54 -47
  306. package/dist/spinner/src/Spinner.js +3 -3
  307. package/dist/spinner/src/index.css +54 -47
  308. package/dist/spinner/src/index.js +3 -3
  309. package/dist/switch/src/Switch.css +60 -53
  310. package/dist/switch/src/Switch.js +4 -4
  311. package/dist/switch/src/SwitchField.css +50 -43
  312. package/dist/switch/src/SwitchField.js +4 -4
  313. package/dist/switch/src/index.css +66 -59
  314. package/dist/switch/src/index.js +6 -6
  315. package/dist/tabs/src/Tab.css +457 -450
  316. package/dist/tabs/src/Tab.js +4 -4
  317. package/dist/tabs/src/TabLine.css +46 -39
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +53 -46
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +46 -39
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +468 -461
  324. package/dist/tabs/src/index.js +7 -7
  325. package/dist/tag/src/Tag.css +435 -428
  326. package/dist/tag/src/Tag.js +9 -9
  327. package/dist/tag/src/TagGroup.css +54 -47
  328. package/dist/tag/src/TagGroup.js +9 -8
  329. package/dist/tag/src/index.css +445 -438
  330. package/dist/tag/src/index.js +14 -13
  331. package/dist/tile/src/Tile.css +53 -46
  332. package/dist/tile/src/Tile.js +3 -3
  333. package/dist/tile/src/TileGroup.css +45 -38
  334. package/dist/tile/src/TileGroup.js +2 -2
  335. package/dist/tile/src/index.css +54 -47
  336. package/dist/tile/src/index.js +5 -5
  337. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +46 -39
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +54 -47
  342. package/dist/tooltip/src/Tooltip.js +4 -4
  343. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  344. package/dist/tooltip/src/index.css +54 -47
  345. package/dist/tooltip/src/index.js +5 -5
  346. package/dist/typography/heading/src/Heading.css +44 -37
  347. package/dist/typography/heading/src/Heading.js +3 -1
  348. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  349. package/dist/typography/heading/src/index.css +44 -37
  350. package/dist/typography/heading/src/index.d.ts +1 -1
  351. package/dist/typography/heading/src/index.js +3 -1
  352. package/dist/typography/label/src/FieldLabel.css +279 -0
  353. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  354. package/dist/typography/label/src/FieldLabel.js +8 -0
  355. package/dist/typography/label/src/Label.css +52 -45
  356. package/dist/typography/label/src/Label.d.ts +0 -10
  357. package/dist/typography/label/src/Label.js +1 -4
  358. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  359. package/dist/typography/label/src/index.css +44 -37
  360. package/dist/typography/label/src/index.d.ts +4 -2
  361. package/dist/typography/label/src/index.js +4 -3
  362. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  363. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  364. package/dist/typography/overline-text/src/index.css +44 -37
  365. package/dist/typography/overline-text/src/index.js +1 -1
  366. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  367. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  368. package/dist/typography/paragraph/src/index.css +44 -37
  369. package/dist/typography/paragraph/src/index.js +3 -3
  370. package/dist/typography/text/src/Text.css +44 -37
  371. package/dist/typography/text/src/Text.js +2 -2
  372. package/dist/typography/text/src/index.css +44 -37
  373. package/dist/typography/text/src/index.js +2 -2
  374. package/dist/utils/src/ClearSlots.css +44 -37
  375. package/dist/utils/src/ClearSlots.d.ts +1 -2
  376. package/dist/utils/src/ClearSlots.js +1 -1
  377. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  378. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  379. package/dist/utils/src/index.css +44 -37
  380. package/dist/utils/src/index.d.ts +1 -1
  381. package/dist/utils/src/index.js +3 -3
  382. package/dist/utils/src/types.d.ts +4 -0
  383. package/package.json +1 -1
  384. package/dist/chunk-LUQYZSMV.js +0 -121
@@ -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___8DNX2 {
2
+ .Heading-module__hop-Heading___f8I5B {
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___8DNX2) {
36
+ :where(.Heading-module__hop-Heading___f8I5B) {
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___ijsiM) {
44
+ :where(.Heading-module__hop-Heading--xs___RO7T9) {
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___BN2tx) {
50
+ :where(.Heading-module__hop-Heading--sm___u2TRR) {
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___lD9hR) {
56
+ :where(.Heading-module__hop-Heading--md___BFmdf) {
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___ONPsa) {
62
+ :where(.Heading-module__hop-Heading--lg___hMrrH) {
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___4KF24) {
68
+ :where(.Heading-module__hop-Heading--xl___gQz6L) {
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___E-4uB) {
74
+ :where(.Heading-module__hop-Heading--2xl___9oHXD) {
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___OwlpV) {
80
+ :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
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,33 +85,40 @@
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___RucAL {
88
+ .Form-module__hop-Form___7RaBZ {
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___F1-jA {
95
+ .Label-module__hop-Label___dgJtM {
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___F1-jA) {
102
+ :where(.Label-module__hop-Label___dgJtM) {
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);
106
106
  line-height: var(--hop-Label-line-height);
107
107
  color: var(--hop-Label-color);
108
108
  }
109
- :where(.Label-module__hop-Label__indicator___kySOy) {
109
+
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___HNiwu {
112
+ display: flex;
113
+ gap: var(--hop-space-inset-xs);
114
+ align-items: center;
115
+ }
116
+ .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
110
117
  padding-inline-start: var(--hop-space-20);
111
118
  }
112
119
 
113
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
- :where(.OverlineText-module__hop-OverlineText___nkvhg) {
121
+ :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
115
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -135,26 +142,26 @@
135
142
  text-transform: uppercase;
136
143
  letter-spacing: var(--letter-spacing);
137
144
  }
138
- .OverlineText-module__hop-OverlineText__text___2PvUz {
145
+ .OverlineText-module__hop-OverlineText__text___-Cgyx {
139
146
  box-sizing: border-box;
140
147
  }
141
- .OverlineText-module__hop-OverlineText__text___2PvUz::before,
142
- .OverlineText-module__hop-OverlineText__text___2PvUz::after {
148
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
149
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
143
150
  content: "";
144
151
  display: block;
145
152
  box-sizing: border-box;
146
153
  inline-size: 0;
147
154
  block-size: 0;
148
155
  }
149
- .OverlineText-module__hop-OverlineText__text___2PvUz::before {
156
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
150
157
  margin-block-end: var(--bottom-offset);
151
158
  }
152
- .OverlineText-module__hop-OverlineText__text___2PvUz::after {
159
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
153
160
  margin-block-start: var(--top-offset);
154
161
  }
155
162
 
156
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
157
- .Text-module__hop-Text___qvnKA {
164
+ .Text-module__hop-Text___NFTCi {
158
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
159
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
160
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -184,49 +191,49 @@
184
191
  --hop-Text-inherit-size-font-weight: inherit;
185
192
  --hop-Text-inherit-size-line-height: inherit;
186
193
  }
187
- :where(.Text-module__hop-Text___qvnKA) {
194
+ :where(.Text-module__hop-Text___NFTCi) {
188
195
  font-family: var(--font-family);
189
196
  font-size: var(--font-size);
190
197
  font-weight: var(--font-weight);
191
198
  line-height: var(--line-height);
192
199
  }
193
- :where(.Text-module__hop-Text--xs___heReZ) {
200
+ :where(.Text-module__hop-Text--xs___I0d0v) {
194
201
  --font-size: var(--hop-Text-xs-font-size);
195
202
  --font-family: var(--hop-Text-xs-font-family);
196
203
  --font-weight: var(--hop-Text-xs-font-weight);
197
204
  --line-height: var(--hop-Text-xs-line-height);
198
205
  }
199
- :where(.Text-module__hop-Text--sm___541we) {
206
+ :where(.Text-module__hop-Text--sm___33NDY) {
200
207
  --font-size: var(--hop-Text-sm-font-size);
201
208
  --font-family: var(--hop-Text-sm-font-family);
202
209
  --font-weight: var(--hop-Text-sm-font-weight);
203
210
  --line-height: var(--hop-Text-sm-line-height);
204
211
  }
205
- :where(.Text-module__hop-Text--md___hdUyI) {
212
+ :where(.Text-module__hop-Text--md___12lqb) {
206
213
  --font-size: var(--hop-Text-md-font-size);
207
214
  --font-family: var(--hop-Text-md-font-family);
208
215
  --font-weight: var(--hop-Text-md-font-weight);
209
216
  --line-height: var(--hop-Text-md-line-height);
210
217
  }
211
- :where(.Text-module__hop-Text--lg___lVP0u) {
218
+ :where(.Text-module__hop-Text--lg___EIx-l) {
212
219
  --font-size: var(--hop-Text-lg-font-size);
213
220
  --font-family: var(--hop-Text-lg-font-family);
214
221
  --font-weight: var(--hop-Text-lg-font-weight);
215
222
  --line-height: var(--hop-Text-lg-line-height);
216
223
  }
217
- :where(.Text-module__hop-Text--xl___CTAop) {
224
+ :where(.Text-module__hop-Text--xl___Hgsci) {
218
225
  --font-size: var(--hop-Text-xl-font-size);
219
226
  --font-family: var(--hop-Text-xl-font-family);
220
227
  --font-weight: var(--hop-Text-xl-font-weight);
221
228
  --line-height: var(--hop-Text-xl-line-height);
222
229
  }
223
- :where(.Text-module__hop-Text--2xl___yx4Sp) {
230
+ :where(.Text-module__hop-Text--2xl___bZva7) {
224
231
  --font-size: var(--hop-Text-2xl-font-size);
225
232
  --font-family: var(--hop-Text-2xl-font-family);
226
233
  --font-weight: var(--hop-Text-2xl-font-weight);
227
234
  --line-height: var(--hop-Text-2xl-line-height);
228
235
  }
229
- :where(.Text-module__hop-Text--inherit___284Ab) {
236
+ :where(.Text-module__hop-Text--inherit___D42Q3) {
230
237
  --font-size: var(--hop-Text-inherit-size-font-size);
231
238
  --font-family: var(--hop-Text-inherit-size-font-family);
232
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -234,7 +241,7 @@
234
241
  }
235
242
 
236
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
- .Paragraph-module__hop-Paragraph___txlUW {
244
+ .Paragraph-module__hop-Paragraph___pDtiI {
238
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -246,33 +253,33 @@
246
253
  margin-block-end: var(--margin-block-end);
247
254
  overflow-wrap: break-word;
248
255
  }
249
- .Paragraph-module__hop-Paragraph___txlUW:last-child {
256
+ .Paragraph-module__hop-Paragraph___pDtiI:last-child {
250
257
  --margin-block-end: 0;
251
258
  }
252
- .Paragraph-module__hop-Paragraph--xs___uSr-c {
259
+ .Paragraph-module__hop-Paragraph--xs___yzl-N {
253
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
254
261
  }
255
- .Paragraph-module__hop-Paragraph--sm___Xa52U {
262
+ .Paragraph-module__hop-Paragraph--sm___mssXe {
256
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
257
264
  }
258
- .Paragraph-module__hop-Paragraph--md___KBlMl {
265
+ .Paragraph-module__hop-Paragraph--md___Ujb4e {
259
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
260
267
  }
261
- .Paragraph-module__hop-Paragraph--lg___bF-R2 {
268
+ .Paragraph-module__hop-Paragraph--lg___fzVC0 {
262
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
263
270
  }
264
- .Paragraph-module__hop-Paragraph--xl___2XG7c {
271
+ .Paragraph-module__hop-Paragraph--xl___bF-Yd {
265
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
266
273
  }
267
- .Paragraph-module__hop-Paragraph--2xl___PyV-w {
274
+ .Paragraph-module__hop-Paragraph--2xl___UuYkH {
268
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
269
276
  }
270
- .Paragraph-module__hop-Paragraph--inherit___K3CwL {
277
+ .Paragraph-module__hop-Paragraph--inherit___jW721 {
271
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
272
279
  }
273
280
 
274
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG {
282
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR {
276
283
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
277
284
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
278
285
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -303,46 +310,46 @@
303
310
  background-color: var(--background-color);
304
311
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
305
312
  }
306
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___P4871 {
313
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AaOnx {
307
314
  --size: var(--hop-RichIconAvatarImage-xs-size);
308
315
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
309
316
  }
310
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___RasWJ {
317
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___8Ecej {
311
318
  --size: var(--hop-RichIconAvatarImage-sm-size);
312
319
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
313
320
  }
314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Dz4pU {
321
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___aIh9w {
315
322
  --size: var(--hop-RichIconAvatarImage-md-size);
316
323
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
317
324
  }
318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___OH-gD {
325
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9uTaH {
319
326
  --size: var(--hop-RichIconAvatarImage-lg-size);
320
327
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
321
328
  }
322
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___PUJ3C {
329
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZOuAb {
323
330
  --size: var(--hop-RichIconAvatarImage-xl-size);
324
331
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
325
332
  }
326
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___5PFE3 {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ybj8I {
327
334
  --size: var(--hop-RichIconAvatarImage-2xl-size);
328
335
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
329
336
  }
330
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG[data-disabled] {
337
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] {
331
338
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
332
339
  }
333
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
334
341
  position: relative;
335
342
  display: block;
336
343
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
337
344
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
338
345
  }
339
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___OfnoG[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2y6RI {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1PUxR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SKpum {
340
347
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
341
348
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
342
349
  }
343
350
 
344
351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
345
- .Avatar-module__hop-Avatar___UK5w- {
352
+ .Avatar-module__hop-Avatar___Ihw-T {
346
353
  --hop-Avatar-border-radius: var(--hop-shape-circle);
347
354
  --hop-Avatar-mix-blend-mode: normal;
348
355
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -387,67 +394,67 @@
387
394
  background-color: var(--background-color, transparent);
388
395
  border-radius: var(--hop-Avatar-border-radius);
389
396
  }
390
- .Avatar-module__hop-Avatar--xs___kGlrt {
397
+ .Avatar-module__hop-Avatar--xs___wUBE6 {
391
398
  --size: var(--hop-Avatar-xs-size);
392
399
  }
393
- .Avatar-module__hop-Avatar--sm___d9LVJ {
400
+ .Avatar-module__hop-Avatar--sm___zFiEI {
394
401
  --size: var(--hop-Avatar-sm-size);
395
402
  }
396
- .Avatar-module__hop-Avatar--md___rKLQC {
403
+ .Avatar-module__hop-Avatar--md___gGnf1 {
397
404
  --size: var(--hop-Avatar-md-size);
398
405
  }
399
- .Avatar-module__hop-Avatar--lg___VadBR {
406
+ .Avatar-module__hop-Avatar--lg___59OtB {
400
407
  --size: var(--hop-Avatar-lg-size);
401
408
  }
402
- .Avatar-module__hop-Avatar--xl___cG4AH {
409
+ .Avatar-module__hop-Avatar--xl___zCYTU {
403
410
  --size: var(--hop-Avatar-xl-size);
404
411
  }
405
- .Avatar-module__hop-Avatar--2xl___gYpb7 {
412
+ .Avatar-module__hop-Avatar--2xl___lpaAF {
406
413
  --size: var(--hop-Avatar-2xl-size);
407
414
  }
408
- .Avatar-module__hop-Avatar--decorative-option1___rPJY3 {
415
+ .Avatar-module__hop-Avatar--decorative-option1___x2qeq {
409
416
  --background-color: var(--hop-Avatar-decorative-1-background-color);
410
417
  --text-color: var(--hop-Avatar-decorative-1-text-color);
411
418
  }
412
- .Avatar-module__hop-Avatar--decorative-option2___wGv-I {
419
+ .Avatar-module__hop-Avatar--decorative-option2___2unk3 {
413
420
  --background-color: var(--hop-Avatar-decorative-2-background-color);
414
421
  --text-color: var(--hop-Avatar-decorative-2-text-color);
415
422
  }
416
- .Avatar-module__hop-Avatar--decorative-option3___B4LtG {
423
+ .Avatar-module__hop-Avatar--decorative-option3___rOlnd {
417
424
  --background-color: var(--hop-Avatar-decorative-3-background-color);
418
425
  --text-color: var(--hop-Avatar-decorative-3-text-color);
419
426
  }
420
- .Avatar-module__hop-Avatar--decorative-option4___AMRxq {
427
+ .Avatar-module__hop-Avatar--decorative-option4___FxzGH {
421
428
  --background-color: var(--hop-Avatar-decorative-4-background-color);
422
429
  --text-color: var(--hop-Avatar-decorative-4-text-color);
423
430
  }
424
- .Avatar-module__hop-Avatar--decorative-option5___q-beY {
431
+ .Avatar-module__hop-Avatar--decorative-option5___4y8u9 {
425
432
  --background-color: var(--hop-Avatar-decorative-5-background-color);
426
433
  --text-color: var(--hop-Avatar-decorative-5-text-color);
427
434
  }
428
- .Avatar-module__hop-Avatar--decorative-option6___zR-1U {
435
+ .Avatar-module__hop-Avatar--decorative-option6___jliDF {
429
436
  --background-color: var(--hop-Avatar-decorative-6-background-color);
430
437
  --text-color: var(--hop-Avatar-decorative-6-text-color);
431
438
  }
432
- .Avatar-module__hop-Avatar--decorative-option7___V7lf3 {
439
+ .Avatar-module__hop-Avatar--decorative-option7___Qy8IM {
433
440
  --background-color: var(--hop-Avatar-decorative-7-background-color);
434
441
  --text-color: var(--hop-Avatar-decorative-7-text-color);
435
442
  }
436
- .Avatar-module__hop-Avatar--decorative-option8___M6MKQ {
443
+ .Avatar-module__hop-Avatar--decorative-option8___AEFBt {
437
444
  --background-color: var(--hop-Avatar-decorative-8-background-color);
438
445
  --text-color: var(--hop-Avatar-decorative-8-text-color);
439
446
  }
440
- .Avatar-module__hop-Avatar--decorative-option9___IlUqF {
447
+ .Avatar-module__hop-Avatar--decorative-option9___qaNLY {
441
448
  --background-color: var(--hop-Avatar-decorative-9-background-color);
442
449
  --text-color: var(--hop-Avatar-decorative-9-text-color);
443
450
  }
444
- .Avatar-module__hop-Avatar___UK5w-[data-disabled] {
451
+ .Avatar-module__hop-Avatar___Ihw-T[data-disabled] {
445
452
  --background-color: var(--hop-Avatar-background-color-disabled);
446
453
  --text-color: var(--hop-Avatar-text-color-disabled);
447
454
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
448
455
  isolation: isolate;
449
456
  }
450
- .Avatar-module__hop-Avatar__image___JwMgS {
457
+ .Avatar-module__hop-Avatar__image___4XmMJ {
451
458
  position: relative;
452
459
  display: block;
453
460
  box-sizing: border-box;
@@ -458,7 +465,7 @@
458
465
  }
459
466
 
460
467
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
461
- .Tooltip-module__hop-Tooltip___P0P5e {
468
+ .Tooltip-module__hop-Tooltip___RIZp2 {
462
469
  --hop-Tooltip-max-inline-size: 20rem;
463
470
  --hop-Tooltip-slide-amount: 0.25rem;
464
471
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -485,29 +492,29 @@
485
492
  border-radius: var(--hop-Tooltip-border-radius);
486
493
  box-shadow: var(--hop-Tooltip-box-shadow);
487
494
  }
488
- .Tooltip-module__hop-Tooltip--top___ZfA-q {
495
+ .Tooltip-module__hop-Tooltip--top___LYimQ {
489
496
  --origin-x: 0;
490
497
  --origin-y: var(--hop-Tooltip-slide-amount);
491
498
  }
492
- .Tooltip-module__hop-Tooltip--right___zw45r {
499
+ .Tooltip-module__hop-Tooltip--right___U7MIG {
493
500
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
494
501
  --origin-y: 0;
495
502
  }
496
- .Tooltip-module__hop-Tooltip--bottom___dlSjn {
503
+ .Tooltip-module__hop-Tooltip--bottom___dawQ8 {
497
504
  --origin-x: 0;
498
505
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
499
506
  }
500
- .Tooltip-module__hop-Tooltip--left___IRimW {
507
+ .Tooltip-module__hop-Tooltip--left___qVC3o {
501
508
  --origin-x: var(--hop-Tooltip-slide-amount);
502
509
  --origin-y: 0;
503
510
  }
504
- .Tooltip-module__hop-Tooltip___P0P5e[data-entering] {
505
- animation: Tooltip-module__slide___Wdi5R 0.2s ease-out;
511
+ .Tooltip-module__hop-Tooltip___RIZp2[data-entering] {
512
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-out;
506
513
  }
507
- .Tooltip-module__hop-Tooltip___P0P5e[data-exiting] {
508
- animation: Tooltip-module__slide___Wdi5R 0.2s ease-in reverse;
514
+ .Tooltip-module__hop-Tooltip___RIZp2[data-exiting] {
515
+ animation: Tooltip-module__slide___-wv3b 0.2s ease-in reverse;
509
516
  }
510
- @keyframes Tooltip-module__slide___Wdi5R {
517
+ @keyframes Tooltip-module__slide___-wv3b {
511
518
  from {
512
519
  transform: translate(var(--origin-x), var(--origin-y));
513
520
  opacity: 0;
@@ -519,44 +526,44 @@
519
526
  }
520
527
 
521
528
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
522
- .AvatarGroup-module__hop-AvatarGroup___iEI3W {
529
+ .AvatarGroup-module__hop-AvatarGroup___2Ak-A {
523
530
  --hop-AvatarGroup-display: flex;
524
531
  --hop-AvatarGroup-align-items: center;
525
532
  display: var(--hop-AvatarGroup-display);
526
533
  align-items: var(--hop-AvatarGroup-align-items);
527
534
  }
528
- .AvatarGroup-module__hop-AvatarGroup--wrap___UQFjo {
535
+ .AvatarGroup-module__hop-AvatarGroup--wrap___1DU6Z {
529
536
  flex-wrap: wrap;
530
537
  }
531
- .AvatarGroup-module__hop-AvatarGroup--xs___2bo4Q {
538
+ .AvatarGroup-module__hop-AvatarGroup--xs___zbilM {
532
539
  --gap: -0.125rem;
533
540
  }
534
- .AvatarGroup-module__hop-AvatarGroup--sm___jxRGB {
541
+ .AvatarGroup-module__hop-AvatarGroup--sm___9fEko {
535
542
  --gap: -0.25rem;
536
543
  }
537
- .AvatarGroup-module__hop-AvatarGroup--md___o9-ff {
544
+ .AvatarGroup-module__hop-AvatarGroup--md___kEMKx {
538
545
  --gap: -0.5rem;
539
546
  }
540
- .AvatarGroup-module__hop-AvatarGroup--lg___5tURN {
547
+ .AvatarGroup-module__hop-AvatarGroup--lg___jXOOK {
541
548
  --gap: -1rem;
542
549
  }
543
- .AvatarGroup-module__hop-AvatarGroup--xl___amVob {
550
+ .AvatarGroup-module__hop-AvatarGroup--xl___FxILA {
544
551
  --gap: -1rem;
545
552
  }
546
- .AvatarGroup-module__hop-AvatarGroup--2xl___Rj8b8 {
553
+ .AvatarGroup-module__hop-AvatarGroup--2xl___cMa1B {
547
554
  --gap: -2rem;
548
555
  }
549
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS {
556
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
550
557
  margin-inline-start: var(--gap);
551
558
  transition: margin var(--hop-easing-duration-2);
552
559
  }
553
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS {
560
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl {
554
561
  margin-inline-start: 0;
555
562
  }
556
- .AvatarGroup-module__hop-AvatarGroup__avatar___El3AS:first-child {
563
+ .AvatarGroup-module__hop-AvatarGroup__avatar___T5Tfl:first-child {
557
564
  margin-inline-start: 0;
558
565
  }
559
- .AvatarGroup-module__hop-AvatarGroup__label___9YEzQ {
566
+ .AvatarGroup-module__hop-AvatarGroup__label___f4h8d {
560
567
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
561
568
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
562
569
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -568,7 +575,7 @@
568
575
  font-weight: var(--hop-AvatarGroup-label-font-weight);
569
576
  line-height: var(--hop-AvatarGroup-label-line-height);
570
577
  }
571
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___8VqJ- {
578
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB {
572
579
  --hop-AvatarGroup__hiddenAvatar-display: flex;
573
580
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
574
581
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -586,21 +593,21 @@
586
593
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
587
594
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
588
595
  }
589
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___8VqJ-:not(:last-child) {
596
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___GDwNB:not(:last-child) {
590
597
  margin-block-end: 0.25rem;
591
598
  }
592
- .AvatarGroup-module__hop-AvatarGroup--start___BnTP1 {
599
+ .AvatarGroup-module__hop-AvatarGroup--start___zDpr- {
593
600
  justify-content: flex-start;
594
601
  }
595
- .AvatarGroup-module__hop-AvatarGroup--end___OSrjF {
602
+ .AvatarGroup-module__hop-AvatarGroup--end___mNOnu {
596
603
  justify-content: flex-end;
597
604
  }
598
- .AvatarGroup-module__hop-AvatarGroup--center___Lo2Cv {
605
+ .AvatarGroup-module__hop-AvatarGroup--center___jDYuI {
599
606
  justify-content: center;
600
607
  }
601
608
 
602
609
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
603
- .Badge-module__hop-Badge___lPpFg {
610
+ .Badge-module__hop-Badge___A-Bla {
604
611
  --hop-Badge-height: 1.5rem;
605
612
  --hop-Badge-width: max-content;
606
613
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -650,67 +657,67 @@
650
657
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
651
658
  border-radius: var(--border-radius);
652
659
  }
653
- .Badge-module__hop-Badge--primary___u6qz3 {
660
+ .Badge-module__hop-Badge--primary___E55Gz {
654
661
  --background-color: var(--hop-Badge-primary-background-color);
655
662
  --text-color: var(--hop-Badge-primary-text-color);
656
663
  }
657
- .Badge-module__hop-Badge--primary___u6qz3[data-hovered] {
664
+ .Badge-module__hop-Badge--primary___E55Gz[data-hovered] {
658
665
  --background-color: var(--hop-Badge-primary-background-color-hovered);
659
666
  --text-color: var(--hop-Badge-primary-text-color-hovered);
660
667
  }
661
- .Badge-module__hop-Badge--primary___u6qz3[data-pressed] {
668
+ .Badge-module__hop-Badge--primary___E55Gz[data-pressed] {
662
669
  --background-color: var(--hop-Badge-primary-background-color-pressed);
663
670
  --text-color: var(--hop-Badge-primary-text-color-pressed);
664
671
  }
665
- .Badge-module__hop-Badge--primary___u6qz3[data-selected] {
672
+ .Badge-module__hop-Badge--primary___E55Gz[data-selected] {
666
673
  --background-color: var(--hop-Badge-primary-background-color-selected);
667
674
  --text-color: var(--hop-Badge-primary-text-color-selected);
668
675
  }
669
- .Badge-module__hop-Badge--secondary___wqxKv {
676
+ .Badge-module__hop-Badge--secondary___0bxAx {
670
677
  --background-color: var(--hop-Badge-secondary-background-color);
671
678
  --text-color: var(--hop-Badge-secondary-text-color);
672
679
  }
673
- .Badge-module__hop-Badge--secondary___wqxKv[data-hovered] {
680
+ .Badge-module__hop-Badge--secondary___0bxAx[data-hovered] {
674
681
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
675
682
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
676
683
  }
677
- .Badge-module__hop-Badge--secondary___wqxKv[data-pressed] {
684
+ .Badge-module__hop-Badge--secondary___0bxAx[data-pressed] {
678
685
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
679
686
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
680
687
  }
681
- .Badge-module__hop-Badge--secondary___wqxKv[data-selected] {
688
+ .Badge-module__hop-Badge--secondary___0bxAx[data-selected] {
682
689
  --background-color: var(--hop-Badge-secondary-background-color-selected);
683
690
  --text-color: var(--hop-Badge-secondary-text-color-selected);
684
691
  }
685
- .Badge-module__hop-Badge--subdued___BgfRB {
692
+ .Badge-module__hop-Badge--subdued___zdomT {
686
693
  --background-color: var(--hop-Badge-subdued-background-color);
687
694
  --text-color: var(--hop-Badge-subdued-text-color);
688
695
  }
689
- .Badge-module__hop-Badge--subdued___BgfRB[data-hovered] {
696
+ .Badge-module__hop-Badge--subdued___zdomT[data-hovered] {
690
697
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
691
698
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
692
699
  }
693
- .Badge-module__hop-Badge--subdued___BgfRB[data-pressed] {
700
+ .Badge-module__hop-Badge--subdued___zdomT[data-pressed] {
694
701
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
695
702
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
696
703
  }
697
- .Badge-module__hop-Badge--subdued___BgfRB[data-selected] {
704
+ .Badge-module__hop-Badge--subdued___zdomT[data-selected] {
698
705
  --background-color: var(--hop-Badge-subdued-background-color-selected);
699
706
  --text-color: var(--hop-Badge-subdued-text-color-selected);
700
707
  }
701
- .Badge-module__hop-Badge___lPpFg[data-indeterminate] {
708
+ .Badge-module__hop-Badge___A-Bla[data-indeterminate] {
702
709
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
703
710
  --height: var(--hop-Badge-indeterminate-height);
704
711
  --width: var(--hop-Badge-indeterminate-width);
705
712
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
706
713
  }
707
- .Badge-module__hop-Badge___lPpFg[data-disabled] {
714
+ .Badge-module__hop-Badge___A-Bla[data-disabled] {
708
715
  --background-color: var(--hop-Badge-background-color-disabled);
709
716
  --text-color: var(--hop-Badge-text-color-disabled);
710
717
  }
711
718
 
712
719
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
713
- .FloatingBadge-module__hop-FloatingBadge___KvZf7 {
720
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ {
714
721
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
715
722
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
716
723
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -751,7 +758,7 @@
751
758
  box-sizing: border-box;
752
759
  inline-size: max-content;
753
760
  }
754
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top right"] {
761
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"] {
755
762
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
756
763
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
757
764
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -759,11 +766,11 @@
759
766
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
760
767
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
761
768
  }
762
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top right"][data-overlap=circular] {
769
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top right"][data-overlap=circular] {
763
770
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
764
771
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
765
772
  }
766
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top left"] {
773
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"] {
767
774
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
768
775
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
769
776
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -771,11 +778,11 @@
771
778
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
772
779
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
773
780
  }
774
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="top left"][data-overlap=circular] {
781
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="top left"][data-overlap=circular] {
775
782
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
776
783
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
777
784
  }
778
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom right"] {
785
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"] {
779
786
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
780
787
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
781
788
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -783,11 +790,11 @@
783
790
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
784
791
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
785
792
  }
786
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom right"][data-overlap=circular] {
793
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom right"][data-overlap=circular] {
787
794
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
788
795
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
789
796
  }
790
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom left"] {
797
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"] {
791
798
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
792
799
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
793
800
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -795,11 +802,11 @@
795
802
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
796
803
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
797
804
  }
798
- .FloatingBadge-module__hop-FloatingBadge___KvZf7[data-placement="bottom left"][data-overlap=circular] {
805
+ .FloatingBadge-module__hop-FloatingBadge___TCgcQ[data-placement="bottom left"][data-overlap=circular] {
799
806
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
800
807
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
801
808
  }
802
- .FloatingBadge-module__hop-FloatingBadge__badge___dInkZ {
809
+ .FloatingBadge-module__hop-FloatingBadge__badge___sf8Z8 {
803
810
  position: absolute;
804
811
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
805
812
  transform-origin: var(--badge-transform-origin);
@@ -807,7 +814,7 @@
807
814
  }
808
815
 
809
816
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
810
- .IconList-module__hop-IconList___dAr-Y {
817
+ .IconList-module__hop-IconList___m2E3v {
811
818
  --hop-IconList-gap: var(--hop-space-inline-xs);
812
819
  display: flex;
813
820
  flex-wrap: wrap;
@@ -816,7 +823,7 @@
816
823
  }
817
824
 
818
825
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
819
- @keyframes Spinner-module__spin___dI-4t {
826
+ @keyframes Spinner-module__spin___pKwfA {
820
827
  0% {
821
828
  transform: rotate(0deg);
822
829
  }
@@ -824,7 +831,7 @@
824
831
  transform: rotate(360deg);
825
832
  }
826
833
  }
827
- .Spinner-module__hop-Spinner___nfESa {
834
+ .Spinner-module__hop-Spinner___NL-2c {
828
835
  --hop-Spinner-border-radius: var(--hop-shape-circle);
829
836
  --hop-Spinner-sm-wheel-size: 1rem;
830
837
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -832,7 +839,7 @@
832
839
  --hop-Spinner-track-width: 0.125rem;
833
840
  --hop-Spinner-track-opacity: 0.2;
834
841
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
835
- --hop-Spinner-fill-animation: Spinner-module__spin___dI-4t .8s infinite linear;
842
+ --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
836
843
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
837
844
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
838
845
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -843,19 +850,19 @@
843
850
  align-items: center;
844
851
  box-sizing: border-box;
845
852
  }
846
- .Spinner-module__hop-Spinner--sm___mbeG8 {
853
+ .Spinner-module__hop-Spinner--sm___o8oor {
847
854
  --width: var(--hop-Spinner-sm-wheel-size);
848
855
  --height: var(--hop-Spinner-sm-wheel-size);
849
856
  }
850
- .Spinner-module__hop-Spinner--md___GJhEX {
857
+ .Spinner-module__hop-Spinner--md___Z3T3P {
851
858
  --width: var(--hop-Spinner-md-wheel-size);
852
859
  --height: var(--hop-Spinner-md-wheel-size);
853
860
  }
854
- .Spinner-module__hop-Spinner--lg___hXeT0 {
861
+ .Spinner-module__hop-Spinner--lg___-2JJ5 {
855
862
  --width: var(--hop-Spinner-lg-wheel-size);
856
863
  --height: var(--hop-Spinner-lg-wheel-size);
857
864
  }
858
- .Spinner-module__hop-Spinner__track___VD4ur {
865
+ .Spinner-module__hop-Spinner__track___-5qNx {
859
866
  grid-area: spinner;
860
867
  box-sizing: border-box;
861
868
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -864,7 +871,7 @@
864
871
  border: var(--hop-Spinner-track-border);
865
872
  border-radius: var(--hop-Spinner-border-radius);
866
873
  }
867
- .Spinner-module__hop-Spinner__fill___fXKFk {
874
+ .Spinner-module__hop-Spinner__fill___ds519 {
868
875
  grid-area: spinner;
869
876
  box-sizing: border-box;
870
877
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -875,17 +882,17 @@
875
882
  animation: var(--hop-Spinner-fill-animation);
876
883
  }
877
884
  @media (prefers-reduced-motion: reduce) {
878
- .Spinner-module__hop-Spinner__fill___fXKFk {
885
+ .Spinner-module__hop-Spinner__fill___ds519 {
879
886
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
880
887
  }
881
888
  }
882
- .Spinner-module__hop-Spinner__label___vagu8 {
889
+ .Spinner-module__hop-Spinner__label___aAqY5 {
883
890
  grid-area: label;
884
891
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
885
892
  }
886
893
 
887
894
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
888
- .Button-module__hop-Button___ZPqlN {
895
+ .Button-module__hop-Button___drz4z {
889
896
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
890
897
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
891
898
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1009,215 +1016,215 @@
1009
1016
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1010
1017
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1011
1018
  }
1012
- .Button-module__hop-Button--fluid___K97-Y {
1019
+ .Button-module__hop-Button--fluid___jF2LE {
1013
1020
  --inline-size: 100%;
1014
1021
  }
1015
- .Button-module__hop-Button--sm___VdVxi {
1022
+ .Button-module__hop-Button--sm___yWI1w {
1016
1023
  --block-size: var(--hop-Button-sm-height);
1017
1024
  --padding: var(--hop-Button-sm-padding);
1018
1025
  }
1019
- .Button-module__hop-Button--sm___VdVxi[class*=--ghost] {
1026
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1020
1027
  --padding: var(--hop-Button-ghost-sm-padding);
1021
1028
  }
1022
- .Button-module__hop-Button--md___kasx5[class*=--ghost] {
1029
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1023
1030
  --padding: var(--hop-Button-ghost-md-padding);
1024
1031
  }
1025
- .Button-module__hop-Button--icon-only___NMJIz {
1032
+ .Button-module__hop-Button--icon-only___ZVI03 {
1026
1033
  --column-gap: var(--hop-Button-icon-only-column-gap);
1027
1034
  --padding: var(--hop-Button-icon-only-padding);
1028
1035
  aspect-ratio: 1;
1029
1036
  }
1030
- .Button-module__hop-Button--primary___hVpe1 {
1037
+ .Button-module__hop-Button--primary___gQcR4 {
1031
1038
  --background-color: var(--hop-Button-primary-background-color);
1032
1039
  --color: var(--hop-Button-primary-color);
1033
1040
  --border: var(--hop-Button-primary-border);
1034
1041
  --spinner-color: var(--hop-Button-primary-spinner-color);
1035
1042
  }
1036
- .Button-module__hop-Button--primary___hVpe1[data-hovered],
1037
- .Button-module__hop-Button--primary___hVpe1[data-focus-visible] {
1043
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
1044
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1038
1045
  --background-color: var(--hop-Button-primary-background-color-hover);
1039
1046
  --color: var(--hop-Button-primary-color-hover);
1040
1047
  --border: var(--hop-Button-primary-border-hover);
1041
1048
  }
1042
- .Button-module__hop-Button--primary___hVpe1[data-pressed] {
1049
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1043
1050
  --background-color: var(--hop-Button-primary-background-color-pressed);
1044
1051
  --color: var(--hop-Button-primary-color-pressed);
1045
1052
  --border: var(--hop-Button-primary-border-pressed);
1046
1053
  }
1047
- .Button-module__hop-Button--secondary___Gjg5h {
1054
+ .Button-module__hop-Button--secondary___iPATA {
1048
1055
  --background-color: var(--hop-Button-secondary-background-color);
1049
1056
  --color: var(--hop-Button-secondary-color);
1050
1057
  --border: var(--hop-Button-secondary-border);
1051
1058
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1052
1059
  }
1053
- .Button-module__hop-Button--secondary___Gjg5h[data-hovered],
1054
- .Button-module__hop-Button--secondary___Gjg5h[data-focus-visible] {
1060
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
1061
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1055
1062
  --background-color: var(--hop-Button-secondary-background-color-hover);
1056
1063
  --color: var(--hop-Button-secondary-color-hover);
1057
1064
  --border: var(--hop-Button-secondary-border-hover);
1058
1065
  }
1059
- .Button-module__hop-Button--secondary___Gjg5h[data-pressed] {
1066
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1060
1067
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1061
1068
  --color: var(--hop-Button-secondary-color-pressed);
1062
1069
  --border: var(--hop-Button-secondary-border-pressed);
1063
1070
  }
1064
- .Button-module__hop-Button--upsell___j1HQ7 {
1071
+ .Button-module__hop-Button--upsell___1odMt {
1065
1072
  --background-color: var(--hop-Button-upsell-background-color);
1066
1073
  --color: var(--hop-Button-upsell-color);
1067
1074
  --border: var(--hop-Button-upsell-border);
1068
1075
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1069
1076
  }
1070
- .Button-module__hop-Button--upsell___j1HQ7[data-hovered],
1071
- .Button-module__hop-Button--upsell___j1HQ7[data-focus-visible] {
1077
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
1078
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1072
1079
  --background-color: var(--hop-Button-upsell-background-color-hover);
1073
1080
  --color: var(--hop-Button-upsell-color-hover);
1074
1081
  --border: var(--hop-Button-upsell-border-hover);
1075
1082
  }
1076
- .Button-module__hop-Button--upsell___j1HQ7[data-pressed] {
1083
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1077
1084
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1078
1085
  --color: var(--hop-Button-upsell-color-pressed);
1079
1086
  --border: var(--hop-Button-upsell-border-pressed);
1080
1087
  }
1081
- .Button-module__hop-Button--danger___5VBlb {
1088
+ .Button-module__hop-Button--danger___nvNVv {
1082
1089
  --background-color: var(--hop-Button-danger-background-color);
1083
1090
  --color: var(--hop-Button-danger-color);
1084
1091
  --border: var(--hop-Button-danger-border);
1085
1092
  --spinner-color: var(--hop-Button-danger-spinner-color);
1086
1093
  }
1087
- .Button-module__hop-Button--danger___5VBlb[data-hovered],
1088
- .Button-module__hop-Button--danger___5VBlb[data-focus-visible] {
1094
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
1095
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1089
1096
  --background-color: var(--hop-Button-danger-background-color-hover);
1090
1097
  --color: var(--hop-Button-danger-color-hover);
1091
1098
  --border: var(--hop-Button-danger-border-hover);
1092
1099
  }
1093
- .Button-module__hop-Button--danger___5VBlb[data-pressed] {
1100
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1094
1101
  --background-color: var(--hop-Button-danger-background-color-pressed);
1095
1102
  --color: var(--hop-Button-danger-color-pressed);
1096
1103
  --border: var(--hop-Button-danger-border-pressed);
1097
1104
  }
1098
- .Button-module__hop-Button--ghost-primary___jdoVD {
1105
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
1099
1106
  --background-color: var(--hop-Button-ghost-primary-background-color);
1100
1107
  --color: var(--hop-Button-ghost-primary-color);
1101
1108
  --border: var(--hop-Button-ghost-primary-border);
1102
1109
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1103
1110
  }
1104
- .Button-module__hop-Button--ghost-primary___jdoVD[data-hovered],
1105
- .Button-module__hop-Button--ghost-primary___jdoVD[data-focus-visible] {
1111
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1112
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1106
1113
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1107
1114
  --color: var(--hop-Button-ghost-primary-color-hover);
1108
1115
  --border: var(--hop-Button-ghost-primary-border-hover);
1109
1116
  --text-underline: underline;
1110
1117
  }
1111
- .Button-module__hop-Button--ghost-primary___jdoVD[data-pressed] {
1118
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1112
1119
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1113
1120
  --color: var(--hop-Button-ghost-primary-color-pressed);
1114
1121
  --border: var(--hop-Button-ghost-primary-border-pressed);
1115
1122
  --text-underline: underline;
1116
1123
  }
1117
- .Button-module__hop-Button--ghost-secondary___FIdYc {
1124
+ .Button-module__hop-Button--ghost-secondary___YirRd {
1118
1125
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1119
1126
  --color: var(--hop-Button-ghost-secondary-color);
1120
1127
  --border: var(--hop-Button-ghost-secondary-border);
1121
1128
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1122
1129
  }
1123
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-hovered],
1124
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-focus-visible] {
1130
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1131
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1125
1132
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1126
1133
  --color: var(--hop-Button-ghost-secondary-color-hover);
1127
1134
  --border: var(--hop-Button-ghost-secondary-border-hover);
1128
1135
  --text-underline: underline;
1129
1136
  }
1130
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-pressed] {
1137
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1131
1138
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1132
1139
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1133
1140
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1134
1141
  --text-underline: underline;
1135
1142
  }
1136
- .Button-module__hop-Button--ghost-danger___hWB-b {
1143
+ .Button-module__hop-Button--ghost-danger___J37kT {
1137
1144
  --background-color: var(--hop-Button-ghost-danger-background-color);
1138
1145
  --color: var(--hop-Button-ghost-danger-color);
1139
1146
  --border: var(--hop-Button-ghost-danger-border);
1140
1147
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1141
1148
  }
1142
- .Button-module__hop-Button--ghost-danger___hWB-b[data-hovered],
1143
- .Button-module__hop-Button--ghost-danger___hWB-b[data-focus-visible] {
1149
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1150
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1144
1151
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1145
1152
  --color: var(--hop-Button-ghost-danger-color-hover);
1146
1153
  --border: var(--hop-Button-ghost-danger-border-hover);
1147
1154
  --text-underline: underline;
1148
1155
  }
1149
- .Button-module__hop-Button--ghost-danger___hWB-b[data-pressed] {
1156
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1150
1157
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1151
1158
  --color: var(--hop-Button-ghost-danger-color-pressed);
1152
1159
  --border: var(--hop-Button-ghost-danger-border-pressed);
1153
1160
  --text-underline: underline;
1154
1161
  }
1155
- .Button-module__hop-Button___ZPqlN[data-focus-visible] {
1162
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
1156
1163
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1157
1164
  }
1158
- .Button-module__hop-Button___ZPqlN[data-disabled],
1159
- .Button-module__hop-Button--loading___BXVdp {
1165
+ .Button-module__hop-Button___drz4z[data-disabled],
1166
+ .Button-module__hop-Button--loading___Vt2Li {
1160
1167
  cursor: not-allowed;
1161
1168
  }
1162
- .Button-module__hop-Button___ZPqlN[data-disabled] {
1169
+ .Button-module__hop-Button___drz4z[data-disabled] {
1163
1170
  --background-color: var(--hop-Button-background-color-disabled);
1164
1171
  --color: var(--hop-Button-color-disabled);
1165
1172
  --border: var(--hop-Button-border-disabled);
1166
1173
  }
1167
- .Button-module__hop-Button___ZPqlN[class*=--ghost][data-disabled] {
1174
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1168
1175
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1169
1176
  --color: var(--hop-Button-ghost-color-disabled);
1170
1177
  --border: var(--hop-Button-ghost-border-disabled);
1171
1178
  }
1172
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--primary___hVpe1 {
1179
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1173
1180
  --background-color: var(--hop-Button-primary-background-color);
1174
1181
  --color: var(--hop-Button-primary-color);
1175
1182
  --border: var(--hop-Button-primary-border);
1176
1183
  }
1177
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--secondary___Gjg5h {
1184
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1178
1185
  --background-color: var(--hop-Button-secondary-background-color);
1179
1186
  --color: var(--hop-Button-secondary-color);
1180
1187
  --border: var(--hop-Button-secondary-border);
1181
1188
  }
1182
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--upsell___j1HQ7 {
1189
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1183
1190
  --background-color: var(--hop-Button-upsell-background-color);
1184
1191
  --color: var(--hop-Button-upsell-color);
1185
1192
  --border: var(--hop-Button-upsell-border);
1186
1193
  }
1187
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--danger___5VBlb {
1194
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1188
1195
  --background-color: var(--hop-Button-danger-background-color);
1189
1196
  --color: var(--hop-Button-danger-color);
1190
1197
  --border: var(--hop-Button-danger-border);
1191
1198
  }
1192
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-primary___jdoVD {
1199
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1193
1200
  --background-color: var(--hop-Button-ghost-primary-background-color);
1194
1201
  --color: var(--hop-Button-ghost-primary-color);
1195
1202
  --border: var(--hop-Button-ghost-primary-border);
1196
1203
  --text-underline: none;
1197
1204
  }
1198
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-secondary___FIdYc {
1205
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1199
1206
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1200
1207
  --color: var(--hop-Button-ghost-secondary-color);
1201
1208
  --border: var(--hop-Button-ghost-secondary-border);
1202
1209
  --text-underline: none;
1203
1210
  }
1204
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-danger___hWB-b {
1211
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1205
1212
  --background-color: var(--hop-Button-ghost-danger-background-color);
1206
1213
  --color: var(--hop-Button-ghost-danger-color);
1207
1214
  --border: var(--hop-Button-ghost-danger-border);
1208
1215
  --text-underline: none;
1209
1216
  }
1210
- .Button-module__hop-Button__Spinner___310hA {
1217
+ .Button-module__hop-Button__Spinner___qFcTX {
1211
1218
  position: absolute;
1212
1219
  color: var(--spinner-color);
1213
1220
  }
1214
- .Button-module__hop-Button__icon___YbJeU,
1215
- .Button-module__hop-Button__icon-list___w8gX0 {
1221
+ .Button-module__hop-Button__icon___i0bX0,
1222
+ .Button-module__hop-Button__icon-list___h-l1l {
1216
1223
  flex: 0 0 auto;
1217
1224
  justify-self: end;
1218
1225
  order: 1;
1219
1226
  }
1220
- .Button-module__hop-Button__text___HL8Dk {
1227
+ .Button-module__hop-Button__text___gW1zi {
1221
1228
  user-select: none;
1222
1229
  overflow: visible;
1223
1230
  flex: 0 1 auto;
@@ -1227,60 +1234,60 @@
1227
1234
  text-underline-offset: 0.125rem;
1228
1235
  text-wrap: nowrap;
1229
1236
  }
1230
- .Button-module__hop-Button__end-icon___y2Lq-,
1231
- .Button-module__hop-Button__end-icon-list___CTkAY {
1237
+ .Button-module__hop-Button__end-icon___H4Qu5,
1238
+ .Button-module__hop-Button__end-icon-list___k4l7m {
1232
1239
  flex: 0 0 auto;
1233
1240
  order: 3;
1234
1241
  }
1235
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__icon-list___w8gX0,
1236
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__end-icon-list___CTkAY {
1242
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1243
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1237
1244
  flex-wrap: nowrap;
1238
1245
  }
1239
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button___ZPqlN > *:not(.Button-module__hop-Button__Spinner___310hA) {
1246
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1240
1247
  opacity: 0;
1241
1248
  }
1242
1249
 
1243
1250
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1244
- .ButtonGroup-module__hop-ButtonGroup___U8kPM {
1251
+ .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
1245
1252
  display: inline-flex;
1246
1253
  flex-wrap: nowrap;
1247
1254
  gap: var(--hop-space-inline-md);
1248
1255
  }
1249
- .ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
1256
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1250
1257
  align-items: center;
1251
1258
  }
1252
- .ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
1259
+ .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1253
1260
  flex-direction: column;
1254
1261
  gap: var(--hop-space-stack-md);
1255
1262
  justify-content: center;
1256
1263
  }
1257
- .ButtonGroup-module__hop-ButtonGroup--start___EXB1h.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
1264
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1258
1265
  align-items: flex-start;
1259
1266
  }
1260
- .ButtonGroup-module__hop-ButtonGroup--center___151Hb.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
1267
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1261
1268
  align-items: center;
1262
1269
  }
1263
- .ButtonGroup-module__hop-ButtonGroup--end___o5PYt.ButtonGroup-module__hop-ButtonGroup--vertical___r-XYE {
1270
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
1264
1271
  align-items: flex-end;
1265
1272
  }
1266
- .ButtonGroup-module__hop-ButtonGroup--start___EXB1h.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
1273
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1267
1274
  justify-content: flex-start;
1268
1275
  }
1269
- .ButtonGroup-module__hop-ButtonGroup--center___151Hb.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
1276
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1270
1277
  justify-content: center;
1271
1278
  }
1272
- .ButtonGroup-module__hop-ButtonGroup--end___o5PYt.ButtonGroup-module__hop-ButtonGroup--horizontal___dkw2x {
1279
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
1273
1280
  justify-content: flex-end;
1274
1281
  }
1275
- .ButtonGroup-module__hop-ButtonGroup--wrap___54QPw {
1282
+ .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
1276
1283
  flex-wrap: wrap;
1277
1284
  }
1278
- .ButtonGroup-module__hop-ButtonGroup--fluid___jt0SM {
1285
+ .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
1279
1286
  inline-size: 100%;
1280
1287
  }
1281
1288
 
1282
1289
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1283
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug {
1290
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
1284
1291
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1285
1292
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1286
1293
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1444,7 +1451,7 @@
1444
1451
  outline: none;
1445
1452
  transition: color var(--transition);
1446
1453
  }
1447
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug::before {
1454
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
1448
1455
  content: "";
1449
1456
  position: absolute;
1450
1457
  inset-block-start: 50%;
@@ -1457,284 +1464,284 @@
1457
1464
  border-radius: var(--effect-border-radius);
1458
1465
  transition: background-color var(--transition);
1459
1466
  }
1460
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-square] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
1461
1468
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1462
1469
  }
1463
- .EmbeddedButton-module__hop-EmbeddedButton--md___dovnN {
1470
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
1464
1471
  --inline-size: var(--hop-EmbeddedButton-md-width);
1465
1472
  --block-size: var(--hop-EmbeddedButton-md-height);
1466
1473
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1467
1474
  }
1468
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ZSBkP {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
1469
1476
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1470
1477
  --block-size: var(--hop-EmbeddedButton-lg-height);
1471
1478
  --focus-ring-offset: 0;
1472
1479
  }
1473
- .EmbeddedButton-module__hop-EmbeddedButton--md___dovnN::before {
1480
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
1474
1481
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1475
1482
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1476
1483
  }
1477
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ZSBkP::before {
1484
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
1478
1485
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1479
1486
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1480
1487
  }
1481
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0 {
1488
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
1482
1489
  --color: var(--hop-EmbeddedButton-neutral-color);
1483
1490
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1484
1491
  }
1485
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh {
1492
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
1486
1493
  --color: var(--hop-EmbeddedButton-subdued-color);
1487
1494
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1488
1495
  }
1489
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5 {
1496
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
1490
1497
  --color: var(--hop-EmbeddedButton-progress-color);
1491
1498
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1492
1499
  }
1493
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr {
1500
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
1494
1501
  --color: var(--hop-EmbeddedButton-positive-color);
1495
1502
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1496
1503
  }
1497
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3 {
1504
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
1498
1505
  --color: var(--hop-EmbeddedButton-caution-color);
1499
1506
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1500
1507
  }
1501
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN {
1508
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
1502
1509
  --color: var(--hop-EmbeddedButton-negative-color);
1503
1510
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1504
1511
  }
1505
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh {
1512
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
1506
1513
  --color: var(--hop-EmbeddedButton-option1-color);
1507
1514
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1508
1515
  }
1509
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms {
1516
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
1510
1517
  --color: var(--hop-EmbeddedButton-option2-color);
1511
1518
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1512
1519
  }
1513
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L {
1520
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
1514
1521
  --color: var(--hop-EmbeddedButton-option3-color);
1515
1522
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1516
1523
  }
1517
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB {
1524
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
1518
1525
  --color: var(--hop-EmbeddedButton-option4-color);
1519
1526
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1520
1527
  }
1521
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1 {
1528
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
1522
1529
  --color: var(--hop-EmbeddedButton-option5-color);
1523
1530
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1524
1531
  }
1525
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5 {
1532
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
1526
1533
  --color: var(--hop-EmbeddedButton-option6-color);
1527
1534
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1528
1535
  }
1529
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-selected] {
1536
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
1530
1537
  --color: var(--hop-EmbeddedButton-selected-color);
1531
1538
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1532
1539
  }
1533
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-focus-visible] {
1540
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
1534
1541
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1535
1542
  outline-offset: var(--focus-ring-offset);
1536
1543
  }
1537
- .EmbeddedButton-module__hop-EmbeddedButton___YGBug[data-disabled] {
1544
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1538
1545
  cursor: not-allowed;
1539
1546
  }
1540
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-hovered] {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1541
1548
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1542
1549
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1543
1550
  }
1544
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-focus-visible] {
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1545
1552
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1546
1553
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1547
1554
  }
1548
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-pressed] {
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1549
1556
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1550
1557
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1551
1558
  }
1552
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___j3dz0[data-disabled] {
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1553
1560
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1554
1561
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1555
1562
  }
1556
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-hovered] {
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1557
1564
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1558
1565
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1559
1566
  }
1560
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-focus-visible] {
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1561
1568
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1562
1569
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1563
1570
  }
1564
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-pressed] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1565
1572
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1566
1573
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1567
1574
  }
1568
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___C-zBh[data-disabled] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1569
1576
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1570
1577
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1571
1578
  }
1572
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-hovered] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1573
1580
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1574
1581
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1575
1582
  }
1576
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-focus-visible] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1577
1584
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1578
1585
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1579
1586
  }
1580
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-pressed] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1581
1588
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1582
1589
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1583
1590
  }
1584
- .EmbeddedButton-module__hop-EmbeddedButton--progress___S26E5[data-disabled] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1585
1592
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1586
1593
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1587
1594
  }
1588
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-hovered] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1589
1596
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1590
1597
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1591
1598
  }
1592
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-focus-visible] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1593
1600
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1594
1601
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1595
1602
  }
1596
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-pressed] {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1597
1604
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1598
1605
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1599
1606
  }
1600
- .EmbeddedButton-module__hop-EmbeddedButton--positive___zADdr[data-disabled] {
1607
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1601
1608
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1602
1609
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1603
1610
  }
1604
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-hovered] {
1611
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1605
1612
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1606
1613
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1607
1614
  }
1608
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-focus-visible] {
1615
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1609
1616
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1610
1617
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1611
1618
  }
1612
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-pressed] {
1619
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1613
1620
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1614
1621
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1615
1622
  }
1616
- .EmbeddedButton-module__hop-EmbeddedButton--caution___0UeB3[data-disabled] {
1623
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1617
1624
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1618
1625
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1619
1626
  }
1620
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-hovered] {
1627
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1621
1628
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1622
1629
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1623
1630
  }
1624
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-focus-visible] {
1631
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1625
1632
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1626
1633
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1627
1634
  }
1628
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-pressed] {
1635
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1629
1636
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1630
1637
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1631
1638
  }
1632
- .EmbeddedButton-module__hop-EmbeddedButton--negative___wqhRN[data-disabled] {
1639
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1633
1640
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1634
1641
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1635
1642
  }
1636
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-hovered] {
1643
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1637
1644
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1638
1645
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1639
1646
  }
1640
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-focus-visible] {
1647
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1641
1648
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1642
1649
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1643
1650
  }
1644
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-pressed] {
1651
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1645
1652
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1646
1653
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1647
1654
  }
1648
- .EmbeddedButton-module__hop-EmbeddedButton--option1___h5Xdh[data-disabled] {
1655
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1649
1656
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1650
1657
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1651
1658
  }
1652
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-hovered] {
1659
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1653
1660
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1654
1661
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1655
1662
  }
1656
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-focus-visible] {
1663
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1657
1664
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1658
1665
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1659
1666
  }
1660
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-pressed] {
1667
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1661
1668
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1662
1669
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1663
1670
  }
1664
- .EmbeddedButton-module__hop-EmbeddedButton--option2___nmmms[data-disabled] {
1671
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1665
1672
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1666
1673
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1667
1674
  }
1668
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-hovered] {
1675
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1669
1676
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1670
1677
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1671
1678
  }
1672
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-focus-visible] {
1679
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1673
1680
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1674
1681
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1675
1682
  }
1676
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-pressed] {
1683
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1677
1684
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1678
1685
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1679
1686
  }
1680
- .EmbeddedButton-module__hop-EmbeddedButton--option3___u3w8L[data-disabled] {
1687
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1681
1688
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1682
1689
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1683
1690
  }
1684
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-hovered] {
1691
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1685
1692
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1686
1693
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1687
1694
  }
1688
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-focus-visible] {
1695
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1689
1696
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1690
1697
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1691
1698
  }
1692
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-pressed] {
1699
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1693
1700
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1694
1701
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1695
1702
  }
1696
- .EmbeddedButton-module__hop-EmbeddedButton--option4___0L3BB[data-disabled] {
1703
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1697
1704
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1698
1705
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1699
1706
  }
1700
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-hovered] {
1707
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1701
1708
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1702
1709
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1703
1710
  }
1704
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-focus-visible] {
1711
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1705
1712
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1706
1713
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1707
1714
  }
1708
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-pressed] {
1715
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1709
1716
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1710
1717
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1711
1718
  }
1712
- .EmbeddedButton-module__hop-EmbeddedButton--option5___8g2L1[data-disabled] {
1719
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1713
1720
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1714
1721
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1715
1722
  }
1716
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-hovered] {
1723
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1717
1724
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1718
1725
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1719
1726
  }
1720
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-focus-visible] {
1727
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1721
1728
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1722
1729
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1723
1730
  }
1724
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-pressed] {
1731
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1725
1732
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1726
1733
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1727
1734
  }
1728
- .EmbeddedButton-module__hop-EmbeddedButton--option6___QNXv5[data-disabled] {
1735
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1729
1736
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1730
1737
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1731
1738
  }
1732
- .EmbeddedButton-module__hop-EmbeddedButton__icon___BbHVZ {
1739
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1733
1740
  position: relative;
1734
1741
  }
1735
1742
 
1736
1743
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1737
- button.CloseButton-module__hop-CloseButton___fFfuS {
1744
+ button.CloseButton-module__hop-CloseButton___aWaMI {
1738
1745
  --hop-CloseButton-margin-top: 0rem;
1739
1746
  --hop-CloseButton-padding: 0rem;
1740
1747
  --hop-CloseButton-width: fit-content;
@@ -1746,7 +1753,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1746
1753
  }
1747
1754
 
1748
1755
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1749
- .Button-module__hop-Button___ZPqlN {
1756
+ .Button-module__hop-Button___drz4z {
1750
1757
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1751
1758
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1752
1759
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1870,215 +1877,215 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
1870
1877
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1871
1878
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1872
1879
  }
1873
- .Button-module__hop-Button--fluid___K97-Y {
1880
+ .Button-module__hop-Button--fluid___jF2LE {
1874
1881
  --inline-size: 100%;
1875
1882
  }
1876
- .Button-module__hop-Button--sm___VdVxi {
1883
+ .Button-module__hop-Button--sm___yWI1w {
1877
1884
  --block-size: var(--hop-Button-sm-height);
1878
1885
  --padding: var(--hop-Button-sm-padding);
1879
1886
  }
1880
- .Button-module__hop-Button--sm___VdVxi[class*=--ghost] {
1887
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1881
1888
  --padding: var(--hop-Button-ghost-sm-padding);
1882
1889
  }
1883
- .Button-module__hop-Button--md___kasx5[class*=--ghost] {
1890
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1884
1891
  --padding: var(--hop-Button-ghost-md-padding);
1885
1892
  }
1886
- .Button-module__hop-Button--icon-only___NMJIz {
1893
+ .Button-module__hop-Button--icon-only___ZVI03 {
1887
1894
  --column-gap: var(--hop-Button-icon-only-column-gap);
1888
1895
  --padding: var(--hop-Button-icon-only-padding);
1889
1896
  aspect-ratio: 1;
1890
1897
  }
1891
- .Button-module__hop-Button--primary___hVpe1 {
1898
+ .Button-module__hop-Button--primary___gQcR4 {
1892
1899
  --background-color: var(--hop-Button-primary-background-color);
1893
1900
  --color: var(--hop-Button-primary-color);
1894
1901
  --border: var(--hop-Button-primary-border);
1895
1902
  --spinner-color: var(--hop-Button-primary-spinner-color);
1896
1903
  }
1897
- .Button-module__hop-Button--primary___hVpe1[data-hovered],
1898
- .Button-module__hop-Button--primary___hVpe1[data-focus-visible] {
1904
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
1905
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1899
1906
  --background-color: var(--hop-Button-primary-background-color-hover);
1900
1907
  --color: var(--hop-Button-primary-color-hover);
1901
1908
  --border: var(--hop-Button-primary-border-hover);
1902
1909
  }
1903
- .Button-module__hop-Button--primary___hVpe1[data-pressed] {
1910
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1904
1911
  --background-color: var(--hop-Button-primary-background-color-pressed);
1905
1912
  --color: var(--hop-Button-primary-color-pressed);
1906
1913
  --border: var(--hop-Button-primary-border-pressed);
1907
1914
  }
1908
- .Button-module__hop-Button--secondary___Gjg5h {
1915
+ .Button-module__hop-Button--secondary___iPATA {
1909
1916
  --background-color: var(--hop-Button-secondary-background-color);
1910
1917
  --color: var(--hop-Button-secondary-color);
1911
1918
  --border: var(--hop-Button-secondary-border);
1912
1919
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1913
1920
  }
1914
- .Button-module__hop-Button--secondary___Gjg5h[data-hovered],
1915
- .Button-module__hop-Button--secondary___Gjg5h[data-focus-visible] {
1921
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
1922
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1916
1923
  --background-color: var(--hop-Button-secondary-background-color-hover);
1917
1924
  --color: var(--hop-Button-secondary-color-hover);
1918
1925
  --border: var(--hop-Button-secondary-border-hover);
1919
1926
  }
1920
- .Button-module__hop-Button--secondary___Gjg5h[data-pressed] {
1927
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1921
1928
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1922
1929
  --color: var(--hop-Button-secondary-color-pressed);
1923
1930
  --border: var(--hop-Button-secondary-border-pressed);
1924
1931
  }
1925
- .Button-module__hop-Button--upsell___j1HQ7 {
1932
+ .Button-module__hop-Button--upsell___1odMt {
1926
1933
  --background-color: var(--hop-Button-upsell-background-color);
1927
1934
  --color: var(--hop-Button-upsell-color);
1928
1935
  --border: var(--hop-Button-upsell-border);
1929
1936
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1930
1937
  }
1931
- .Button-module__hop-Button--upsell___j1HQ7[data-hovered],
1932
- .Button-module__hop-Button--upsell___j1HQ7[data-focus-visible] {
1938
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
1939
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1933
1940
  --background-color: var(--hop-Button-upsell-background-color-hover);
1934
1941
  --color: var(--hop-Button-upsell-color-hover);
1935
1942
  --border: var(--hop-Button-upsell-border-hover);
1936
1943
  }
1937
- .Button-module__hop-Button--upsell___j1HQ7[data-pressed] {
1944
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1938
1945
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1939
1946
  --color: var(--hop-Button-upsell-color-pressed);
1940
1947
  --border: var(--hop-Button-upsell-border-pressed);
1941
1948
  }
1942
- .Button-module__hop-Button--danger___5VBlb {
1949
+ .Button-module__hop-Button--danger___nvNVv {
1943
1950
  --background-color: var(--hop-Button-danger-background-color);
1944
1951
  --color: var(--hop-Button-danger-color);
1945
1952
  --border: var(--hop-Button-danger-border);
1946
1953
  --spinner-color: var(--hop-Button-danger-spinner-color);
1947
1954
  }
1948
- .Button-module__hop-Button--danger___5VBlb[data-hovered],
1949
- .Button-module__hop-Button--danger___5VBlb[data-focus-visible] {
1955
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
1956
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1950
1957
  --background-color: var(--hop-Button-danger-background-color-hover);
1951
1958
  --color: var(--hop-Button-danger-color-hover);
1952
1959
  --border: var(--hop-Button-danger-border-hover);
1953
1960
  }
1954
- .Button-module__hop-Button--danger___5VBlb[data-pressed] {
1961
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1955
1962
  --background-color: var(--hop-Button-danger-background-color-pressed);
1956
1963
  --color: var(--hop-Button-danger-color-pressed);
1957
1964
  --border: var(--hop-Button-danger-border-pressed);
1958
1965
  }
1959
- .Button-module__hop-Button--ghost-primary___jdoVD {
1966
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
1960
1967
  --background-color: var(--hop-Button-ghost-primary-background-color);
1961
1968
  --color: var(--hop-Button-ghost-primary-color);
1962
1969
  --border: var(--hop-Button-ghost-primary-border);
1963
1970
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1964
1971
  }
1965
- .Button-module__hop-Button--ghost-primary___jdoVD[data-hovered],
1966
- .Button-module__hop-Button--ghost-primary___jdoVD[data-focus-visible] {
1972
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1973
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1967
1974
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1968
1975
  --color: var(--hop-Button-ghost-primary-color-hover);
1969
1976
  --border: var(--hop-Button-ghost-primary-border-hover);
1970
1977
  --text-underline: underline;
1971
1978
  }
1972
- .Button-module__hop-Button--ghost-primary___jdoVD[data-pressed] {
1979
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1973
1980
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1974
1981
  --color: var(--hop-Button-ghost-primary-color-pressed);
1975
1982
  --border: var(--hop-Button-ghost-primary-border-pressed);
1976
1983
  --text-underline: underline;
1977
1984
  }
1978
- .Button-module__hop-Button--ghost-secondary___FIdYc {
1985
+ .Button-module__hop-Button--ghost-secondary___YirRd {
1979
1986
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1980
1987
  --color: var(--hop-Button-ghost-secondary-color);
1981
1988
  --border: var(--hop-Button-ghost-secondary-border);
1982
1989
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1983
1990
  }
1984
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-hovered],
1985
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-focus-visible] {
1991
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1992
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1986
1993
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1987
1994
  --color: var(--hop-Button-ghost-secondary-color-hover);
1988
1995
  --border: var(--hop-Button-ghost-secondary-border-hover);
1989
1996
  --text-underline: underline;
1990
1997
  }
1991
- .Button-module__hop-Button--ghost-secondary___FIdYc[data-pressed] {
1998
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1992
1999
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1993
2000
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1994
2001
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1995
2002
  --text-underline: underline;
1996
2003
  }
1997
- .Button-module__hop-Button--ghost-danger___hWB-b {
2004
+ .Button-module__hop-Button--ghost-danger___J37kT {
1998
2005
  --background-color: var(--hop-Button-ghost-danger-background-color);
1999
2006
  --color: var(--hop-Button-ghost-danger-color);
2000
2007
  --border: var(--hop-Button-ghost-danger-border);
2001
2008
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2002
2009
  }
2003
- .Button-module__hop-Button--ghost-danger___hWB-b[data-hovered],
2004
- .Button-module__hop-Button--ghost-danger___hWB-b[data-focus-visible] {
2010
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
2011
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
2005
2012
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2006
2013
  --color: var(--hop-Button-ghost-danger-color-hover);
2007
2014
  --border: var(--hop-Button-ghost-danger-border-hover);
2008
2015
  --text-underline: underline;
2009
2016
  }
2010
- .Button-module__hop-Button--ghost-danger___hWB-b[data-pressed] {
2017
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
2011
2018
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2012
2019
  --color: var(--hop-Button-ghost-danger-color-pressed);
2013
2020
  --border: var(--hop-Button-ghost-danger-border-pressed);
2014
2021
  --text-underline: underline;
2015
2022
  }
2016
- .Button-module__hop-Button___ZPqlN[data-focus-visible] {
2023
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
2017
2024
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2018
2025
  }
2019
- .Button-module__hop-Button___ZPqlN[data-disabled],
2020
- .Button-module__hop-Button--loading___BXVdp {
2026
+ .Button-module__hop-Button___drz4z[data-disabled],
2027
+ .Button-module__hop-Button--loading___Vt2Li {
2021
2028
  cursor: not-allowed;
2022
2029
  }
2023
- .Button-module__hop-Button___ZPqlN[data-disabled] {
2030
+ .Button-module__hop-Button___drz4z[data-disabled] {
2024
2031
  --background-color: var(--hop-Button-background-color-disabled);
2025
2032
  --color: var(--hop-Button-color-disabled);
2026
2033
  --border: var(--hop-Button-border-disabled);
2027
2034
  }
2028
- .Button-module__hop-Button___ZPqlN[class*=--ghost][data-disabled] {
2035
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
2029
2036
  --background-color: var(--hop-Button-ghost-background-color-disabled);
2030
2037
  --color: var(--hop-Button-ghost-color-disabled);
2031
2038
  --border: var(--hop-Button-ghost-border-disabled);
2032
2039
  }
2033
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--primary___hVpe1 {
2040
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
2034
2041
  --background-color: var(--hop-Button-primary-background-color);
2035
2042
  --color: var(--hop-Button-primary-color);
2036
2043
  --border: var(--hop-Button-primary-border);
2037
2044
  }
2038
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--secondary___Gjg5h {
2045
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
2039
2046
  --background-color: var(--hop-Button-secondary-background-color);
2040
2047
  --color: var(--hop-Button-secondary-color);
2041
2048
  --border: var(--hop-Button-secondary-border);
2042
2049
  }
2043
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--upsell___j1HQ7 {
2050
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
2044
2051
  --background-color: var(--hop-Button-upsell-background-color);
2045
2052
  --color: var(--hop-Button-upsell-color);
2046
2053
  --border: var(--hop-Button-upsell-border);
2047
2054
  }
2048
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--danger___5VBlb {
2055
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
2049
2056
  --background-color: var(--hop-Button-danger-background-color);
2050
2057
  --color: var(--hop-Button-danger-color);
2051
2058
  --border: var(--hop-Button-danger-border);
2052
2059
  }
2053
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-primary___jdoVD {
2060
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
2054
2061
  --background-color: var(--hop-Button-ghost-primary-background-color);
2055
2062
  --color: var(--hop-Button-ghost-primary-color);
2056
2063
  --border: var(--hop-Button-ghost-primary-border);
2057
2064
  --text-underline: none;
2058
2065
  }
2059
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-secondary___FIdYc {
2066
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
2060
2067
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2061
2068
  --color: var(--hop-Button-ghost-secondary-color);
2062
2069
  --border: var(--hop-Button-ghost-secondary-border);
2063
2070
  --text-underline: none;
2064
2071
  }
2065
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button--ghost-danger___hWB-b {
2072
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
2066
2073
  --background-color: var(--hop-Button-ghost-danger-background-color);
2067
2074
  --color: var(--hop-Button-ghost-danger-color);
2068
2075
  --border: var(--hop-Button-ghost-danger-border);
2069
2076
  --text-underline: none;
2070
2077
  }
2071
- .Button-module__hop-Button__Spinner___310hA {
2078
+ .Button-module__hop-Button__Spinner___qFcTX {
2072
2079
  position: absolute;
2073
2080
  color: var(--spinner-color);
2074
2081
  }
2075
- .Button-module__hop-Button__icon___YbJeU,
2076
- .Button-module__hop-Button__icon-list___w8gX0 {
2082
+ .Button-module__hop-Button__icon___i0bX0,
2083
+ .Button-module__hop-Button__icon-list___h-l1l {
2077
2084
  flex: 0 0 auto;
2078
2085
  justify-self: end;
2079
2086
  order: 1;
2080
2087
  }
2081
- .Button-module__hop-Button__text___HL8Dk {
2088
+ .Button-module__hop-Button__text___gW1zi {
2082
2089
  user-select: none;
2083
2090
  overflow: visible;
2084
2091
  flex: 0 1 auto;
@@ -2088,57 +2095,57 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2088
2095
  text-underline-offset: 0.125rem;
2089
2096
  text-wrap: nowrap;
2090
2097
  }
2091
- .Button-module__hop-Button__end-icon___y2Lq-,
2092
- .Button-module__hop-Button__end-icon-list___CTkAY {
2098
+ .Button-module__hop-Button__end-icon___H4Qu5,
2099
+ .Button-module__hop-Button__end-icon-list___k4l7m {
2093
2100
  flex: 0 0 auto;
2094
2101
  order: 3;
2095
2102
  }
2096
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__icon-list___w8gX0,
2097
- .Button-module__hop-Button___ZPqlN .Button-module__hop-Button__end-icon-list___CTkAY {
2103
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
2104
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
2098
2105
  flex-wrap: nowrap;
2099
2106
  }
2100
- .Button-module__hop-Button--loading___BXVdp.Button-module__hop-Button___ZPqlN > *:not(.Button-module__hop-Button__Spinner___310hA) {
2107
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
2101
2108
  opacity: 0;
2102
2109
  }
2103
- .LinkButton-module__hop-LinkButton___N3nc0 {
2110
+ .LinkButton-module__hop-LinkButton___hlYkA {
2104
2111
  }
2105
- .LinkButton-module__hop-LinkButton--fluid___mJSQl {
2112
+ .LinkButton-module__hop-LinkButton--fluid___iCMfM {
2106
2113
  }
2107
- .LinkButton-module__hop-LinkButton--sm___D9mwg {
2114
+ .LinkButton-module__hop-LinkButton--sm___yzSw4 {
2108
2115
  }
2109
- .LinkButton-module__hop-LinkButton--icon-only___gJ4PG {
2116
+ .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
2110
2117
  }
2111
- .LinkButton-module__hop-LinkButton--primary___AJNa- {
2118
+ .LinkButton-module__hop-LinkButton--primary___l-P07 {
2112
2119
  }
2113
- .LinkButton-module__hop-LinkButton--secondary___CxLPH {
2120
+ .LinkButton-module__hop-LinkButton--secondary___37NV- {
2114
2121
  }
2115
- .LinkButton-module__hop-LinkButton--upsell___ika2M {
2122
+ .LinkButton-module__hop-LinkButton--upsell___cIPT- {
2116
2123
  }
2117
- .LinkButton-module__hop-LinkButton--danger___7K9U7 {
2124
+ .LinkButton-module__hop-LinkButton--danger___6bQIM {
2118
2125
  }
2119
- .LinkButton-module__hop-LinkButton--ghost-primary___EgbKo {
2126
+ .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
2120
2127
  }
2121
- .LinkButton-module__hop-LinkButton--ghost-secondary___sHQSh {
2128
+ .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
2122
2129
  }
2123
- .LinkButton-module__hop-LinkButton--ghost-danger___oALe- {
2130
+ .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
2124
2131
  }
2125
- .LinkButton-module__hop-LinkButton__Spinner___qT9rt {
2132
+ .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
2126
2133
  }
2127
- .LinkButton-module__hop-LinkButton__icon___T-YW5,
2128
- .LinkButton-module__hop-LinkButton__icon-list___hekki {
2134
+ .LinkButton-module__hop-LinkButton__icon___CjXqw,
2135
+ .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
2129
2136
  }
2130
- .LinkButton-module__hop-LinkButton__text___R7z5h {
2137
+ .LinkButton-module__hop-LinkButton__text___PNN59 {
2131
2138
  }
2132
- .LinkButton-module__hop-LinkButton__end-icon___IMzH0,
2133
- .LinkButton-module__hop-LinkButton__end-icon-list___-pAku {
2139
+ .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
2140
+ .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
2134
2141
  }
2135
- .LinkButton-module__hop-LinkButton___N3nc0 .LinkButton-module__hop-LinkButton__icon-list___hekki,
2136
- .LinkButton-module__hop-LinkButton___N3nc0 .LinkButton-module__hop-LinkButton__end-icon-list___-pAku {
2142
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
2143
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
2137
2144
  flex-wrap: nowrap;
2138
2145
  }
2139
2146
 
2140
2147
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
2141
- .Tag-module__hop-Tag___7n4Dx {
2148
+ .Tag-module__hop-Tag___TUAuQ {
2142
2149
  --hop-Tag-border-size: 0.0625rem;
2143
2150
  --hop-Tag-border-radius: var(--hop-shape-pill);
2144
2151
  --hop-Tag-sm-block-size: 1.25rem;
@@ -2378,7 +2385,7 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2378
2385
  outline: none;
2379
2386
  outline-offset: 0.125rem;
2380
2387
  }
2381
- .Tag-module__hop-Tag--sm___jT4o8 {
2388
+ .Tag-module__hop-Tag--sm___qupvw {
2382
2389
  --block-size: var(--hop-Tag-sm-block-size);
2383
2390
  --padding-inline: var(--hop-Tag-sm-padding-inline);
2384
2391
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -2386,13 +2393,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2386
2393
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
2387
2394
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
2388
2395
  }
2389
- .Tag-module__hop-Tag--sm___jT4o8:not(:has(.Tag-module__hop-Tag__remove-btn___vIFMe, .Tag-module__hop-Tag__Spinner___KUPOI)) {
2396
+ .Tag-module__hop-Tag--sm___qupvw:not(:has(.Tag-module__hop-Tag__remove-btn___LWGUY, .Tag-module__hop-Tag__Spinner___owefL)) {
2390
2397
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
2391
2398
  }
2392
- .Tag-module__hop-Tag--sm___jT4o8:not(:has(.Tag-module__hop-Tag__avatar___eLv98)) {
2399
+ .Tag-module__hop-Tag--sm___qupvw:not(:has(.Tag-module__hop-Tag__avatar___JGUX1)) {
2393
2400
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
2394
2401
  }
2395
- .Tag-module__hop-Tag--md___2uZZF {
2402
+ .Tag-module__hop-Tag--md___orF2o {
2396
2403
  --block-size: var(--hop-Tag-md-block-size);
2397
2404
  --padding-inline: var(--hop-Tag-md-padding-inline);
2398
2405
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -2400,13 +2407,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2400
2407
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
2401
2408
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
2402
2409
  }
2403
- .Tag-module__hop-Tag--md___2uZZF:not(:has(.Tag-module__hop-Tag__remove-btn___vIFMe, .Tag-module__hop-Tag__Spinner___KUPOI)) {
2410
+ .Tag-module__hop-Tag--md___orF2o:not(:has(.Tag-module__hop-Tag__remove-btn___LWGUY, .Tag-module__hop-Tag__Spinner___owefL)) {
2404
2411
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
2405
2412
  }
2406
- .Tag-module__hop-Tag--md___2uZZF:not(:has(.Tag-module__hop-Tag__avatar___eLv98)) {
2413
+ .Tag-module__hop-Tag--md___orF2o:not(:has(.Tag-module__hop-Tag__avatar___JGUX1)) {
2407
2414
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
2408
2415
  }
2409
- .Tag-module__hop-Tag--lg___C6rPv {
2416
+ .Tag-module__hop-Tag--lg___JhLRp {
2410
2417
  --block-size: var(--hop-Tag-lg-block-size);
2411
2418
  --padding-inline: var(--hop-Tag-lg-padding-inline);
2412
2419
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -2414,348 +2421,348 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2414
2421
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
2415
2422
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
2416
2423
  }
2417
- .Tag-module__hop-Tag--lg___C6rPv:not(:has(.Tag-module__hop-Tag__remove-btn___vIFMe, .Tag-module__hop-Tag__Spinner___KUPOI)) {
2424
+ .Tag-module__hop-Tag--lg___JhLRp:not(:has(.Tag-module__hop-Tag__remove-btn___LWGUY, .Tag-module__hop-Tag__Spinner___owefL)) {
2418
2425
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
2419
2426
  }
2420
- .Tag-module__hop-Tag--lg___C6rPv:not(:has(.Tag-module__hop-Tag__avatar___eLv98)) {
2427
+ .Tag-module__hop-Tag--lg___JhLRp:not(:has(.Tag-module__hop-Tag__avatar___JGUX1)) {
2421
2428
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
2422
2429
  }
2423
- .Tag-module__hop-Tag--neutral___TTHvN {
2430
+ .Tag-module__hop-Tag--neutral___dqPlQ {
2424
2431
  --border-color: var(--hop-Tag-neutral-border-color);
2425
2432
  --background-color: var(--hop-Tag-neutral-background-color);
2426
2433
  --text-color: var(--hop-Tag-neutral-text-color);
2427
2434
  }
2428
- .Tag-module__hop-Tag--subdued___GwtM2 {
2435
+ .Tag-module__hop-Tag--subdued___o7oto {
2429
2436
  --border-color: var(--hop-Tag-subdued-border-color);
2430
2437
  --background-color: var(--hop-Tag-subdued-background-color);
2431
2438
  --text-color: var(--hop-Tag-subdued-text-color);
2432
2439
  }
2433
- .Tag-module__hop-Tag--progress___MqtYW {
2440
+ .Tag-module__hop-Tag--progress___fCcQd {
2434
2441
  --border-color: var(--hop-Tag-progress-border-color);
2435
2442
  --background-color: var(--hop-Tag-progress-background-color);
2436
2443
  --text-color: var(--hop-Tag-progress-text-color);
2437
2444
  }
2438
- .Tag-module__hop-Tag--positive___8bLid {
2445
+ .Tag-module__hop-Tag--positive___xBCWA {
2439
2446
  --border-color: var(--hop-Tag-positive-border-color);
2440
2447
  --background-color: var(--hop-Tag-positive-background-color);
2441
2448
  --text-color: var(--hop-Tag-positive-text-color);
2442
2449
  }
2443
- .Tag-module__hop-Tag--caution___DexH1 {
2450
+ .Tag-module__hop-Tag--caution___U-1Km {
2444
2451
  --border-color: var(--hop-Tag-caution-border-color);
2445
2452
  --background-color: var(--hop-Tag-caution-background-color);
2446
2453
  --text-color: var(--hop-Tag-caution-text-color);
2447
2454
  }
2448
- .Tag-module__hop-Tag--negative___miF5y {
2455
+ .Tag-module__hop-Tag--negative___0ynAV {
2449
2456
  --border-color: var(--hop-Tag-negative-border-color);
2450
2457
  --background-color: var(--hop-Tag-negative-background-color);
2451
2458
  --text-color: var(--hop-Tag-negative-text-color);
2452
2459
  }
2453
- .Tag-module__hop-Tag--option1___lEaY2 {
2460
+ .Tag-module__hop-Tag--option1___i9Q9R {
2454
2461
  --border-color: var(--hop-Tag-option1-border-color);
2455
2462
  --background-color: var(--hop-Tag-option1-background-color);
2456
2463
  --text-color: var(--hop-Tag-option1-text-color);
2457
2464
  }
2458
- .Tag-module__hop-Tag--option2___VWfbX {
2465
+ .Tag-module__hop-Tag--option2___srQPr {
2459
2466
  --border-color: var(--hop-Tag-option2-border-color);
2460
2467
  --background-color: var(--hop-Tag-option2-background-color);
2461
2468
  --text-color: var(--hop-Tag-option2-text-color);
2462
2469
  }
2463
- .Tag-module__hop-Tag--option3___Z5uBX {
2470
+ .Tag-module__hop-Tag--option3___X7s-B {
2464
2471
  --border-color: var(--hop-Tag-option3-border-color);
2465
2472
  --background-color: var(--hop-Tag-option3-background-color);
2466
2473
  --text-color: var(--hop-Tag-option3-text-color);
2467
2474
  }
2468
- .Tag-module__hop-Tag--option4___Cfnpd {
2475
+ .Tag-module__hop-Tag--option4___8hbe- {
2469
2476
  --border-color: var(--hop-Tag-option4-border-color);
2470
2477
  --background-color: var(--hop-Tag-option4-background-color);
2471
2478
  --text-color: var(--hop-Tag-option4-text-color);
2472
2479
  }
2473
- .Tag-module__hop-Tag--option5___AyNcF {
2480
+ .Tag-module__hop-Tag--option5___1GGgO {
2474
2481
  --border-color: var(--hop-Tag-option5-border-color);
2475
2482
  --background-color: var(--hop-Tag-option5-background-color);
2476
2483
  --text-color: var(--hop-Tag-option5-text-color);
2477
2484
  }
2478
- .Tag-module__hop-Tag--option6___383Q0 {
2485
+ .Tag-module__hop-Tag--option6___BMtkR {
2479
2486
  --border-color: var(--hop-Tag-option6-border-color);
2480
2487
  --background-color: var(--hop-Tag-option6-background-color);
2481
2488
  --text-color: var(--hop-Tag-option6-text-color);
2482
2489
  }
2483
- .Tag-module__hop-Tag___7n4Dx[data-href] {
2490
+ .Tag-module__hop-Tag___TUAuQ[data-href] {
2484
2491
  cursor: pointer;
2485
2492
  }
2486
- .Tag-module__hop-Tag--neutral___TTHvN[data-focus-visible] {
2493
+ .Tag-module__hop-Tag--neutral___dqPlQ[data-focus-visible] {
2487
2494
  --border-color: var(--hop-Tag-neutral-border-color-focus);
2488
2495
  --background-color: var(--hop-Tag-neutral-background-color-focus);
2489
2496
  --text-color: var(--hop-Tag-neutral-text-color-focus);
2490
2497
  }
2491
- .Tag-module__hop-Tag--neutral___TTHvN[data-hovered] {
2498
+ .Tag-module__hop-Tag--neutral___dqPlQ[data-hovered] {
2492
2499
  --border-color: var(--hop-Tag-neutral-border-color-hover);
2493
2500
  --background-color: var(--hop-Tag-neutral-background-color-hover);
2494
2501
  --text-color: var(--hop-Tag-neutral-text-color-hover);
2495
2502
  }
2496
- .Tag-module__hop-Tag--neutral___TTHvN[data-pressed] {
2503
+ .Tag-module__hop-Tag--neutral___dqPlQ[data-pressed] {
2497
2504
  --border-color: var(--hop-Tag-neutral-border-color-press);
2498
2505
  --background-color: var(--hop-Tag-neutral-background-color-press);
2499
2506
  --text-color: var(--hop-Tag-neutral-text-color-press);
2500
2507
  }
2501
- .Tag-module__hop-Tag--neutral___TTHvN[data-disabled] {
2508
+ .Tag-module__hop-Tag--neutral___dqPlQ[data-disabled] {
2502
2509
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
2503
2510
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
2504
2511
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
2505
2512
  }
2506
- .Tag-module__hop-Tag--subdued___GwtM2[data-focus-visible] {
2513
+ .Tag-module__hop-Tag--subdued___o7oto[data-focus-visible] {
2507
2514
  --border-color: var(--hop-Tag-subdued-border-color-focus);
2508
2515
  --background-color: var(--hop-Tag-subdued-background-color-focus);
2509
2516
  --text-color: var(--hop-Tag-subdued-text-color-focus);
2510
2517
  }
2511
- .Tag-module__hop-Tag--subdued___GwtM2[data-hovered] {
2518
+ .Tag-module__hop-Tag--subdued___o7oto[data-hovered] {
2512
2519
  --border-color: var(--hop-Tag-subdued-border-color-hover);
2513
2520
  --background-color: var(--hop-Tag-subdued-background-color-hover);
2514
2521
  --text-color: var(--hop-Tag-subdued-text-color-hover);
2515
2522
  }
2516
- .Tag-module__hop-Tag--subdued___GwtM2[data-pressed] {
2523
+ .Tag-module__hop-Tag--subdued___o7oto[data-pressed] {
2517
2524
  --border-color: var(--hop-Tag-subdued-border-color-press);
2518
2525
  --background-color: var(--hop-Tag-subdued-background-color-press);
2519
2526
  --text-color: var(--hop-Tag-subdued-text-color-press);
2520
2527
  }
2521
- .Tag-module__hop-Tag--subdued___GwtM2[data-disabled] {
2528
+ .Tag-module__hop-Tag--subdued___o7oto[data-disabled] {
2522
2529
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
2523
2530
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
2524
2531
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
2525
2532
  }
2526
- .Tag-module__hop-Tag--progress___MqtYW[data-focus-visible] {
2533
+ .Tag-module__hop-Tag--progress___fCcQd[data-focus-visible] {
2527
2534
  --border-color: var(--hop-Tag-progress-border-color-focus);
2528
2535
  --background-color: var(--hop-Tag-progress-background-color-focus);
2529
2536
  --text-color: var(--hop-Tag-progress-text-color-focus);
2530
2537
  }
2531
- .Tag-module__hop-Tag--progress___MqtYW[data-hovered] {
2538
+ .Tag-module__hop-Tag--progress___fCcQd[data-hovered] {
2532
2539
  --border-color: var(--hop-Tag-progress-border-color-hover);
2533
2540
  --background-color: var(--hop-Tag-progress-background-color-hover);
2534
2541
  --text-color: var(--hop-Tag-progress-text-color-hover);
2535
2542
  }
2536
- .Tag-module__hop-Tag--progress___MqtYW[data-pressed] {
2543
+ .Tag-module__hop-Tag--progress___fCcQd[data-pressed] {
2537
2544
  --border-color: var(--hop-Tag-progress-border-color-press);
2538
2545
  --background-color: var(--hop-Tag-progress-background-color-press);
2539
2546
  --text-color: var(--hop-Tag-progress-text-color-press);
2540
2547
  }
2541
- .Tag-module__hop-Tag--progress___MqtYW[data-disabled] {
2548
+ .Tag-module__hop-Tag--progress___fCcQd[data-disabled] {
2542
2549
  --border-color: var(--hop-Tag-progress-border-color-disabled);
2543
2550
  --background-color: var(--hop-Tag-progress-background-color-disabled);
2544
2551
  --text-color: var(--hop-Tag-progress-text-color-disabled);
2545
2552
  }
2546
- .Tag-module__hop-Tag--positive___8bLid[data-focus-visible] {
2553
+ .Tag-module__hop-Tag--positive___xBCWA[data-focus-visible] {
2547
2554
  --border-color: var(--hop-Tag-positive-border-color-focus);
2548
2555
  --background-color: var(--hop-Tag-positive-background-color-focus);
2549
2556
  --text-color: var(--hop-Tag-positive-text-color-focus);
2550
2557
  }
2551
- .Tag-module__hop-Tag--positive___8bLid[data-hovered] {
2558
+ .Tag-module__hop-Tag--positive___xBCWA[data-hovered] {
2552
2559
  --border-color: var(--hop-Tag-positive-border-color-hover);
2553
2560
  --background-color: var(--hop-Tag-positive-background-color-hover);
2554
2561
  --text-color: var(--hop-Tag-positive-text-color-hover);
2555
2562
  }
2556
- .Tag-module__hop-Tag--positive___8bLid[data-pressed] {
2563
+ .Tag-module__hop-Tag--positive___xBCWA[data-pressed] {
2557
2564
  --border-color: var(--hop-Tag-positive-border-color-press);
2558
2565
  --background-color: var(--hop-Tag-positive-background-color-press);
2559
2566
  --text-color: var(--hop-Tag-positive-text-color-press);
2560
2567
  }
2561
- .Tag-module__hop-Tag--positive___8bLid[data-disabled] {
2568
+ .Tag-module__hop-Tag--positive___xBCWA[data-disabled] {
2562
2569
  --border-color: var(--hop-Tag-positive-border-color-disabled);
2563
2570
  --background-color: var(--hop-Tag-positive-background-color-disabled);
2564
2571
  --text-color: var(--hop-Tag-positive-text-color-disabled);
2565
2572
  }
2566
- .Tag-module__hop-Tag--caution___DexH1[data-focus-visible] {
2573
+ .Tag-module__hop-Tag--caution___U-1Km[data-focus-visible] {
2567
2574
  --border-color: var(--hop-Tag-caution-border-color-focus);
2568
2575
  --background-color: var(--hop-Tag-caution-background-color-focus);
2569
2576
  --text-color: var(--hop-Tag-caution-text-color-focus);
2570
2577
  }
2571
- .Tag-module__hop-Tag--caution___DexH1[data-hovered] {
2578
+ .Tag-module__hop-Tag--caution___U-1Km[data-hovered] {
2572
2579
  --border-color: var(--hop-Tag-caution-border-color-hover);
2573
2580
  --background-color: var(--hop-Tag-caution-background-color-hover);
2574
2581
  --text-color: var(--hop-Tag-caution-text-color-hover);
2575
2582
  }
2576
- .Tag-module__hop-Tag--caution___DexH1[data-pressed] {
2583
+ .Tag-module__hop-Tag--caution___U-1Km[data-pressed] {
2577
2584
  --border-color: var(--hop-Tag-caution-border-color-press);
2578
2585
  --background-color: var(--hop-Tag-caution-background-color-press);
2579
2586
  --text-color: var(--hop-Tag-caution-text-color-press);
2580
2587
  }
2581
- .Tag-module__hop-Tag--caution___DexH1[data-disabled] {
2588
+ .Tag-module__hop-Tag--caution___U-1Km[data-disabled] {
2582
2589
  --border-color: var(--hop-Tag-caution-border-color-disabled);
2583
2590
  --background-color: var(--hop-Tag-caution-background-color-disabled);
2584
2591
  --text-color: var(--hop-Tag-caution-text-color-disabled);
2585
2592
  }
2586
- .Tag-module__hop-Tag--negative___miF5y[data-focus-visible] {
2593
+ .Tag-module__hop-Tag--negative___0ynAV[data-focus-visible] {
2587
2594
  --border-color: var(--hop-Tag-negative-border-color-focus);
2588
2595
  --background-color: var(--hop-Tag-negative-background-color-focus);
2589
2596
  --text-color: var(--hop-Tag-negative-text-color-focus);
2590
2597
  }
2591
- .Tag-module__hop-Tag--negative___miF5y[data-hovered] {
2598
+ .Tag-module__hop-Tag--negative___0ynAV[data-hovered] {
2592
2599
  --border-color: var(--hop-Tag-negative-border-color-hover);
2593
2600
  --background-color: var(--hop-Tag-negative-background-color-hover);
2594
2601
  --text-color: var(--hop-Tag-negative-text-color-hover);
2595
2602
  }
2596
- .Tag-module__hop-Tag--negative___miF5y[data-pressed] {
2603
+ .Tag-module__hop-Tag--negative___0ynAV[data-pressed] {
2597
2604
  --border-color: var(--hop-Tag-negative-border-color-press);
2598
2605
  --background-color: var(--hop-Tag-negative-background-color-press);
2599
2606
  --text-color: var(--hop-Tag-negative-text-color-press);
2600
2607
  }
2601
- .Tag-module__hop-Tag--negative___miF5y[data-disabled] {
2608
+ .Tag-module__hop-Tag--negative___0ynAV[data-disabled] {
2602
2609
  --border-color: var(--hop-Tag-negative-border-color-disabled);
2603
2610
  --background-color: var(--hop-Tag-negative-background-color-disabled);
2604
2611
  --text-color: var(--hop-Tag-negative-text-color-disabled);
2605
2612
  }
2606
- .Tag-module__hop-Tag--option1___lEaY2[data-focus-visible] {
2613
+ .Tag-module__hop-Tag--option1___i9Q9R[data-focus-visible] {
2607
2614
  --border-color: var(--hop-Tag-option1-border-color-focus);
2608
2615
  --background-color: var(--hop-Tag-option1-background-color-focus);
2609
2616
  --text-color: var(--hop-Tag-option1-text-color-focus);
2610
2617
  }
2611
- .Tag-module__hop-Tag--option1___lEaY2[data-hovered] {
2618
+ .Tag-module__hop-Tag--option1___i9Q9R[data-hovered] {
2612
2619
  --border-color: var(--hop-Tag-option1-border-color-hover);
2613
2620
  --background-color: var(--hop-Tag-option1-background-color-hover);
2614
2621
  --text-color: var(--hop-Tag-option1-text-color-hover);
2615
2622
  }
2616
- .Tag-module__hop-Tag--option1___lEaY2[data-pressed] {
2623
+ .Tag-module__hop-Tag--option1___i9Q9R[data-pressed] {
2617
2624
  --border-color: var(--hop-Tag-option1-border-color-press);
2618
2625
  --background-color: var(--hop-Tag-option1-background-color-press);
2619
2626
  --text-color: var(--hop-Tag-option1-text-color-press);
2620
2627
  }
2621
- .Tag-module__hop-Tag--option1___lEaY2[data-disabled] {
2628
+ .Tag-module__hop-Tag--option1___i9Q9R[data-disabled] {
2622
2629
  --border-color: var(--hop-Tag-option1-border-color-disabled);
2623
2630
  --background-color: var(--hop-Tag-option1-background-color-disabled);
2624
2631
  --text-color: var(--hop-Tag-option1-text-color-disabled);
2625
2632
  }
2626
- .Tag-module__hop-Tag--option2___VWfbX[data-focus-visible] {
2633
+ .Tag-module__hop-Tag--option2___srQPr[data-focus-visible] {
2627
2634
  --border-color: var(--hop-Tag-option2-border-color-focus);
2628
2635
  --background-color: var(--hop-Tag-option2-background-color-focus);
2629
2636
  --text-color: var(--hop-Tag-option2-text-color-focus);
2630
2637
  }
2631
- .Tag-module__hop-Tag--option2___VWfbX[data-hovered] {
2638
+ .Tag-module__hop-Tag--option2___srQPr[data-hovered] {
2632
2639
  --border-color: var(--hop-Tag-option2-border-color-hover);
2633
2640
  --background-color: var(--hop-Tag-option2-background-color-hover);
2634
2641
  --text-color: var(--hop-Tag-option2-text-color-hover);
2635
2642
  }
2636
- .Tag-module__hop-Tag--option2___VWfbX[data-pressed] {
2643
+ .Tag-module__hop-Tag--option2___srQPr[data-pressed] {
2637
2644
  --border-color: var(--hop-Tag-option2-border-color-press);
2638
2645
  --background-color: var(--hop-Tag-option2-background-color-press);
2639
2646
  --text-color: var(--hop-Tag-option2-text-color-press);
2640
2647
  }
2641
- .Tag-module__hop-Tag--option2___VWfbX[data-disabled] {
2648
+ .Tag-module__hop-Tag--option2___srQPr[data-disabled] {
2642
2649
  --border-color: var(--hop-Tag-option2-border-color-disabled);
2643
2650
  --background-color: var(--hop-Tag-option2-background-color-disabled);
2644
2651
  --text-color: var(--hop-Tag-option2-text-color-disabled);
2645
2652
  }
2646
- .Tag-module__hop-Tag--option3___Z5uBX[data-focus-visible] {
2653
+ .Tag-module__hop-Tag--option3___X7s-B[data-focus-visible] {
2647
2654
  --border-color: var(--hop-Tag-option3-border-color-focus);
2648
2655
  --background-color: var(--hop-Tag-option3-background-color-focus);
2649
2656
  --text-color: var(--hop-Tag-option3-text-color-focus);
2650
2657
  }
2651
- .Tag-module__hop-Tag--option3___Z5uBX[data-hovered] {
2658
+ .Tag-module__hop-Tag--option3___X7s-B[data-hovered] {
2652
2659
  --border-color: var(--hop-Tag-option3-border-color-hover);
2653
2660
  --background-color: var(--hop-Tag-option3-background-color-hover);
2654
2661
  --text-color: var(--hop-Tag-option3-text-color-hover);
2655
2662
  }
2656
- .Tag-module__hop-Tag--option3___Z5uBX[data-pressed] {
2663
+ .Tag-module__hop-Tag--option3___X7s-B[data-pressed] {
2657
2664
  --border-color: var(--hop-Tag-option3-border-color-press);
2658
2665
  --background-color: var(--hop-Tag-option3-background-color-press);
2659
2666
  --text-color: var(--hop-Tag-option3-text-color-press);
2660
2667
  }
2661
- .Tag-module__hop-Tag--option3___Z5uBX[data-disabled] {
2668
+ .Tag-module__hop-Tag--option3___X7s-B[data-disabled] {
2662
2669
  --border-color: var(--hop-Tag-option3-border-color-disabled);
2663
2670
  --background-color: var(--hop-Tag-option3-background-color-disabled);
2664
2671
  --text-color: var(--hop-Tag-option3-text-color-disabled);
2665
2672
  }
2666
- .Tag-module__hop-Tag--option4___Cfnpd[data-focus-visible] {
2673
+ .Tag-module__hop-Tag--option4___8hbe-[data-focus-visible] {
2667
2674
  --border-color: var(--hop-Tag-option4-border-color-focus);
2668
2675
  --background-color: var(--hop-Tag-option4-background-color-focus);
2669
2676
  --text-color: var(--hop-Tag-option4-text-color-focus);
2670
2677
  }
2671
- .Tag-module__hop-Tag--option4___Cfnpd[data-hovered] {
2678
+ .Tag-module__hop-Tag--option4___8hbe-[data-hovered] {
2672
2679
  --border-color: var(--hop-Tag-option4-border-color-hover);
2673
2680
  --background-color: var(--hop-Tag-option4-background-color-hover);
2674
2681
  --text-color: var(--hop-Tag-option4-text-color-hover);
2675
2682
  }
2676
- .Tag-module__hop-Tag--option4___Cfnpd[data-pressed] {
2683
+ .Tag-module__hop-Tag--option4___8hbe-[data-pressed] {
2677
2684
  --border-color: var(--hop-Tag-option4-border-color-press);
2678
2685
  --background-color: var(--hop-Tag-option4-background-color-press);
2679
2686
  --text-color: var(--hop-Tag-option4-text-color-press);
2680
2687
  }
2681
- .Tag-module__hop-Tag--option4___Cfnpd[data-disabled] {
2688
+ .Tag-module__hop-Tag--option4___8hbe-[data-disabled] {
2682
2689
  --border-color: var(--hop-Tag-option4-border-color-disabled);
2683
2690
  --background-color: var(--hop-Tag-option4-background-color-disabled);
2684
2691
  --text-color: var(--hop-Tag-option4-text-color-disabled);
2685
2692
  }
2686
- .Tag-module__hop-Tag--option5___AyNcF[data-focus-visible] {
2693
+ .Tag-module__hop-Tag--option5___1GGgO[data-focus-visible] {
2687
2694
  --border-color: var(--hop-Tag-option5-border-color-focus);
2688
2695
  --background-color: var(--hop-Tag-option5-background-color-focus);
2689
2696
  --text-color: var(--hop-Tag-option5-text-color-focus);
2690
2697
  }
2691
- .Tag-module__hop-Tag--option5___AyNcF[data-hovered] {
2698
+ .Tag-module__hop-Tag--option5___1GGgO[data-hovered] {
2692
2699
  --border-color: var(--hop-Tag-option5-border-color-hover);
2693
2700
  --background-color: var(--hop-Tag-option5-background-color-hover);
2694
2701
  --text-color: var(--hop-Tag-option5-text-color-hover);
2695
2702
  }
2696
- .Tag-module__hop-Tag--option5___AyNcF[data-pressed] {
2703
+ .Tag-module__hop-Tag--option5___1GGgO[data-pressed] {
2697
2704
  --border-color: var(--hop-Tag-option5-border-color-press);
2698
2705
  --background-color: var(--hop-Tag-option5-background-color-press);
2699
2706
  --text-color: var(--hop-Tag-option5-text-color-press);
2700
2707
  }
2701
- .Tag-module__hop-Tag--option5___AyNcF[data-disabled] {
2708
+ .Tag-module__hop-Tag--option5___1GGgO[data-disabled] {
2702
2709
  --border-color: var(--hop-Tag-option5-border-color-disabled);
2703
2710
  --background-color: var(--hop-Tag-option5-background-color-disabled);
2704
2711
  --text-color: var(--hop-Tag-option5-text-color-disabled);
2705
2712
  }
2706
- .Tag-module__hop-Tag--option6___383Q0[data-focus-visible] {
2713
+ .Tag-module__hop-Tag--option6___BMtkR[data-focus-visible] {
2707
2714
  --border-color: var(--hop-Tag-option6-border-color-focus);
2708
2715
  --background-color: var(--hop-Tag-option6-background-color-focus);
2709
2716
  --text-color: var(--hop-Tag-option6-text-color-focus);
2710
2717
  }
2711
- .Tag-module__hop-Tag--option6___383Q0[data-hovered] {
2718
+ .Tag-module__hop-Tag--option6___BMtkR[data-hovered] {
2712
2719
  --border-color: var(--hop-Tag-option6-border-color-hover);
2713
2720
  --background-color: var(--hop-Tag-option6-background-color-hover);
2714
2721
  --text-color: var(--hop-Tag-option6-text-color-hover);
2715
2722
  }
2716
- .Tag-module__hop-Tag--option6___383Q0[data-pressed] {
2723
+ .Tag-module__hop-Tag--option6___BMtkR[data-pressed] {
2717
2724
  --border-color: var(--hop-Tag-option6-border-color-press);
2718
2725
  --background-color: var(--hop-Tag-option6-background-color-press);
2719
2726
  --text-color: var(--hop-Tag-option6-text-color-press);
2720
2727
  }
2721
- .Tag-module__hop-Tag--option6___383Q0[data-disabled] {
2728
+ .Tag-module__hop-Tag--option6___BMtkR[data-disabled] {
2722
2729
  --border-color: var(--hop-Tag-option6-border-color-disabled);
2723
2730
  --background-color: var(--hop-Tag-option6-background-color-disabled);
2724
2731
  --text-color: var(--hop-Tag-option6-text-color-disabled);
2725
2732
  }
2726
- .Tag-module__hop-Tag___7n4Dx[data-focus-visible] {
2733
+ .Tag-module__hop-Tag___TUAuQ[data-focus-visible] {
2727
2734
  outline: 0.125rem solid var(--focus-ring-color);
2728
2735
  }
2729
- .Tag-module__hop-Tag___7n4Dx[data-hovered] {
2736
+ .Tag-module__hop-Tag___TUAuQ[data-hovered] {
2730
2737
  cursor: pointer;
2731
2738
  }
2732
- .Tag-module__hop-Tag___7n4Dx[data-selected] {
2739
+ .Tag-module__hop-Tag___TUAuQ[data-selected] {
2733
2740
  --background-color: var(--hop-Tag-background-color-selected);
2734
2741
  --border-color: var(--hop-Tag-border-color-selected);
2735
2742
  --text-color: var(--hop-Tag-text-color-selected);
2736
2743
  }
2737
- .Tag-module__hop-Tag___7n4Dx[data-pressed] {
2744
+ .Tag-module__hop-Tag___TUAuQ[data-pressed] {
2738
2745
  cursor: pointer;
2739
2746
  }
2740
- .Tag-module__hop-Tag___7n4Dx[data-invalid] {
2747
+ .Tag-module__hop-Tag___TUAuQ[data-invalid] {
2741
2748
  --border-color: var(--hop-Tag-border-color-invalid);
2742
2749
  }
2743
- .Tag-module__hop-Tag___7n4Dx[data-disabled] {
2750
+ .Tag-module__hop-Tag___TUAuQ[data-disabled] {
2744
2751
  cursor: not-allowed;
2745
2752
  }
2746
- .Tag-module__hop-Tag__avatar___eLv98 {
2753
+ .Tag-module__hop-Tag__avatar___JGUX1 {
2747
2754
  flex: 0 0 auto;
2748
2755
  order: 1;
2749
2756
  margin-inline-start: var(--avatar-margin-inline-start);
2750
2757
  }
2751
- .Tag-module__hop-Tag__icon___RRZ8x,
2752
- .Tag-module__hop-Tag__icon-list___oDO0x {
2758
+ .Tag-module__hop-Tag__icon___qdNLu,
2759
+ .Tag-module__hop-Tag__icon-list___0ljri {
2753
2760
  flex: 0 0 auto;
2754
2761
  flex-wrap: nowrap;
2755
2762
  order: 2;
2756
2763
  margin-inline-start: var(--icon-margin-inline-start, 0);
2757
2764
  }
2758
- .Tag-module__hop-Tag__text___f6zc- {
2765
+ .Tag-module__hop-Tag__text___0JZM5 {
2759
2766
  overflow: hidden;
2760
2767
  flex: 1 1 auto;
2761
2768
  order: 3;
@@ -2763,33 +2770,33 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2763
2770
  text-align: center;
2764
2771
  text-overflow: ellipsis;
2765
2772
  }
2766
- .Tag-module__hop-Tag__badge___WKPcw {
2773
+ .Tag-module__hop-Tag__badge___bA1PK {
2767
2774
  flex: 0 0 auto;
2768
2775
  order: 4;
2769
2776
  margin-inline-end: var(--badge-margin-inline-end);
2770
2777
  }
2771
- .Tag-module__hop-Tag___7n4Dx .Tag-module__hop-Tag__badge--subdued___6DP9J {
2778
+ .Tag-module__hop-Tag___TUAuQ .Tag-module__hop-Tag__badge--subdued___9EbJ- {
2772
2779
  margin-inline-start: var(--badge-secondary-margin-inline-start);
2773
2780
  color: inherit;
2774
2781
  background: none;
2775
2782
  }
2776
- .Tag-module__hop-Tag--sm___jT4o8 .Tag-module__hop-Tag__badge___WKPcw {
2783
+ .Tag-module__hop-Tag--sm___qupvw .Tag-module__hop-Tag__badge___bA1PK {
2777
2784
  block-size: 100%;
2778
2785
  }
2779
- .Tag-module__hop-Tag__remove-btn___vIFMe,
2780
- .Tag-module__hop-Tag__Spinner___KUPOI {
2786
+ .Tag-module__hop-Tag__remove-btn___LWGUY,
2787
+ .Tag-module__hop-Tag__Spinner___owefL {
2781
2788
  flex: 0 0 auto;
2782
2789
  order: 5;
2783
2790
  }
2784
- .Tag-module__hop-Tag__Spinner___KUPOI {
2791
+ .Tag-module__hop-Tag__Spinner___owefL {
2785
2792
  margin-inline-end: var(--spinner-margin-inline-end);
2786
2793
  }
2787
- .Tag-module__hop-Tag__remove-btn___vIFMe {
2794
+ .Tag-module__hop-Tag__remove-btn___LWGUY {
2788
2795
  margin-inline: var(--clear-btn-margin-inline);
2789
2796
  }
2790
2797
 
2791
2798
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2792
- .ErrorMessage-module__hop-ErrorMessage___GOnja {
2799
+ .ErrorMessage-module__hop-ErrorMessage___XomeT {
2793
2800
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2794
2801
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2795
2802
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2806,13 +2813,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2806
2813
  line-height: var(--hop-ErrorMessage-line-height);
2807
2814
  color: var(--hop-ErrorMessage-color);
2808
2815
  }
2809
- .ErrorMessage-module__hop-ErrorMessage__icon___quLAp {
2816
+ .ErrorMessage-module__hop-ErrorMessage__icon___aiAt8 {
2810
2817
  flex: 0 0 auto;
2811
2818
  align-self: flex-start;
2812
2819
  }
2813
2820
 
2814
2821
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2815
- .HelperMessage-module__hop-HelperMessage___-PNk8 {
2822
+ .HelperMessage-module__hop-HelperMessage___QIP7E {
2816
2823
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2817
2824
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2818
2825
  display: flex;
@@ -2821,13 +2828,13 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2821
2828
  box-sizing: border-box;
2822
2829
  color: var(--hop-HelperMessage-color);
2823
2830
  }
2824
- .HelperMessage-module__hop-HelperMessage__icon___mhyT3 {
2831
+ .HelperMessage-module__hop-HelperMessage__icon___bYyzZ {
2825
2832
  flex: 0 0 auto;
2826
2833
  align-self: flex-start;
2827
2834
  }
2828
2835
 
2829
2836
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
2830
- .TagGroup-module__hop-TagGroup___TZZaK {
2837
+ .TagGroup-module__hop-TagGroup___48fwW {
2831
2838
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
2832
2839
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
2833
2840
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -2847,10 +2854,10 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2847
2854
  inline-size: max-content;
2848
2855
  max-inline-size: 100%;
2849
2856
  }
2850
- .TagGroup-module__hop-TagGroup___TZZaK > .TagGroup-module__hop-TagGroup__label___5Fhna {
2857
+ .TagGroup-module__hop-TagGroup___48fwW > .TagGroup-module__hop-TagGroup__label___8gSQ3 {
2851
2858
  order: 1;
2852
2859
  }
2853
- .TagGroup-module__hop-TagGroup__list___wWsFW {
2860
+ .TagGroup-module__hop-TagGroup__list___FWPsU {
2854
2861
  display: flex;
2855
2862
  flex-wrap: wrap;
2856
2863
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -2859,11 +2866,11 @@ button.CloseButton-module__hop-CloseButton___fFfuS {
2859
2866
  border-radius: var(--list-border-radius);
2860
2867
  outline: none;
2861
2868
  }
2862
- .TagGroup-module__hop-TagGroup__list___wWsFW[data-focus-visible] {
2869
+ .TagGroup-module__hop-TagGroup__list___FWPsU[data-focus-visible] {
2863
2870
  outline: 0.125rem solid var(--list-focus-ring-color);
2864
2871
  outline-offset: 0.125rem;
2865
2872
  }
2866
- .TagGroup-module__hop-TagGroup___TZZaK > .TagGroup-module__hop-TagGroup__error-message___QIUDH,
2867
- .TagGroup-module__hop-TagGroup___TZZaK > .TagGroup-module__hop-TagGroup__helper-message___wj7lM {
2873
+ .TagGroup-module__hop-TagGroup___48fwW > .TagGroup-module__hop-TagGroup__error-message___IKwxJ,
2874
+ .TagGroup-module__hop-TagGroup___48fwW > .TagGroup-module__hop-TagGroup__helper-message___ysCU- {
2868
2875
  order: 3;
2869
2876
  }