@hopper-ui/components 2.3.2 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (385) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +481 -430
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +481 -430
  9. package/dist/alert/src/index.js +10 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -99
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +125 -108
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +126 -109
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +135 -118
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +155 -138
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +408 -357
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +455 -404
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +411 -360
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +458 -407
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +461 -410
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +421 -370
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +457 -406
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +470 -419
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +44 -44
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +44 -44
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  71. package/dist/checkbox/src/Checkbox.js +4 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +3 -3
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +11 -11
  80. package/dist/{chunk-X4FPPXLG.js → chunk-24R3EGJR.js} +1 -1
  81. package/dist/{chunk-6OJMZUFO.js → chunk-2OPXA4ZF.js} +1 -1
  82. package/dist/{chunk-2WNYXIJJ.js → chunk-376YJLL2.js} +1 -1
  83. package/dist/{chunk-UTZGP5CP.js → chunk-3FHNPVER.js} +2 -2
  84. package/dist/{chunk-RR77542L.js → chunk-3JX2MDSA.js} +3 -3
  85. package/dist/{chunk-M4PU3SH7.js → chunk-3NQLBUNP.js} +2 -2
  86. package/dist/{chunk-OS53EEHZ.js → chunk-3WUNHFXV.js} +1 -1
  87. package/dist/{chunk-D4SNBS67.js → chunk-4464PVUD.js} +1 -1
  88. package/dist/{chunk-HZF6UUAJ.js → chunk-4ZUPW34P.js} +8 -8
  89. package/dist/{chunk-ID4H42UR.js → chunk-5B4QOUOM.js} +1 -1
  90. package/dist/{chunk-CZ56ESKH.js → chunk-6TUDSRGP.js} +1 -1
  91. package/dist/{chunk-3KNR2X2V.js → chunk-6VRMOBH5.js} +1 -1
  92. package/dist/{chunk-I2UFPPAU.js → chunk-6ZGN7HHE.js} +2 -2
  93. package/dist/{chunk-EFEABLW5.js → chunk-6ZMXR4S3.js} +1 -1
  94. package/dist/{chunk-HZMVVLLF.js → chunk-76YZFRNF.js} +3 -3
  95. package/dist/{chunk-VY3LVLUW.js → chunk-7B2KJHEV.js} +3 -3
  96. package/dist/{chunk-532BRS34.js → chunk-7BKKADWA.js} +4 -4
  97. package/dist/{chunk-TKFZDTGM.js → chunk-7PCI6OM2.js} +1 -1
  98. package/dist/{chunk-LGED3DPV.js → chunk-7ZO2JZN2.js} +7 -7
  99. package/dist/{chunk-SEMPMNJ5.js → chunk-A2XIUN2O.js} +2 -2
  100. package/dist/{chunk-Z3LPI4JK.js → chunk-AO4T3W2F.js} +8 -8
  101. package/dist/{chunk-RX2T7BR7.js → chunk-ATF4J35R.js} +2 -2
  102. package/dist/{chunk-HIDKCZWI.js → chunk-AZI73GQS.js} +2 -2
  103. package/dist/{chunk-LI7FUSWE.js → chunk-B7V24RNY.js} +3 -3
  104. package/dist/{chunk-TJOZ7CD4.js → chunk-BL4PAJ5G.js} +8 -8
  105. package/dist/{chunk-KGGMUYUT.js → chunk-BO2YVLU5.js} +2 -2
  106. package/dist/{chunk-36F63QJS.js → chunk-CCHQOV57.js} +9 -9
  107. package/dist/{chunk-FPLMSADC.js → chunk-CTST3LWT.js} +1 -1
  108. package/dist/{chunk-QPG7DEUU.js → chunk-CZYIFUNT.js} +3 -3
  109. package/dist/{chunk-VAAGDZ76.js → chunk-D4SSV4V7.js} +1 -1
  110. package/dist/{chunk-5UB2RZ3X.js → chunk-D5ONBC6J.js} +6 -6
  111. package/dist/{chunk-ZILS4JPQ.js → chunk-D6TXHFB6.js} +1 -1
  112. package/dist/{chunk-6KRKFGQ7.js → chunk-DEGX67IT.js} +5 -5
  113. package/dist/{chunk-FO5MAD6S.js → chunk-DFHWBPSX.js} +2 -2
  114. package/dist/{chunk-OUHIHE7Z.js → chunk-DX7QEXMT.js} +1 -1
  115. package/dist/{chunk-3YB5DE3C.js → chunk-E7L6FKSF.js} +1 -1
  116. package/dist/{chunk-KYL3FXEP.js → chunk-EPZ42MXO.js} +1 -1
  117. package/dist/{chunk-53UBEI6H.js → chunk-F2IWLP3A.js} +1 -1
  118. package/dist/{chunk-YWUFDS6V.js → chunk-F3DMLLTC.js} +3 -3
  119. package/dist/{chunk-6YTLOKOY.js → chunk-F7X6LUJS.js} +1 -1
  120. package/dist/{chunk-Z6EE4FCY.js → chunk-FCR6YKV2.js} +1 -1
  121. package/dist/{chunk-TU76DYRY.js → chunk-FOLSTBL6.js} +12 -12
  122. package/dist/{chunk-NQTR4JSZ.js → chunk-FQIZUQQF.js} +2 -2
  123. package/dist/{chunk-PZ2PY4YL.js → chunk-GPD55VGV.js} +3 -3
  124. package/dist/{chunk-7HB2DPZP.js → chunk-GTAAIQFG.js} +1 -1
  125. package/dist/{chunk-XPPC5WSS.js → chunk-I3LHVV6T.js} +1 -1
  126. package/dist/{chunk-YL5HJJED.js → chunk-ICR2GYDZ.js} +2 -2
  127. package/dist/{chunk-HLQJYJZG.js → chunk-ICTCPS75.js} +2 -2
  128. package/dist/{chunk-NL237XSI.js → chunk-IRQY5HQ7.js} +1 -1
  129. package/dist/{chunk-3MXZBG3G.js → chunk-IUZ2TCQO.js} +2 -2
  130. package/dist/{chunk-3TGKMAHW.js → chunk-JJSUTGVL.js} +1 -1
  131. package/dist/{chunk-ZXGDNHUC.js → chunk-JVHKM7Y2.js} +3 -3
  132. package/dist/{chunk-HF3WOTVB.js → chunk-KC6EZPZH.js} +2 -2
  133. package/dist/{chunk-6QLDTHKY.js → chunk-KCBJ7DRT.js} +5 -5
  134. package/dist/{chunk-JPROIQSQ.js → chunk-KF2QKDB6.js} +9 -9
  135. package/dist/{chunk-SXEB5XAR.js → chunk-KIHSJKGM.js} +5 -5
  136. package/dist/{chunk-KPXQAT5H.js → chunk-KPOOJDOC.js} +1 -1
  137. package/dist/{chunk-F4CNLHMN.js → chunk-KSFWJOSU.js} +2 -2
  138. package/dist/{chunk-YX7MGMHP.js → chunk-KTYQ7SFA.js} +1 -1
  139. package/dist/{chunk-GT6KTZQH.js → chunk-KXNPCYUK.js} +2 -2
  140. package/dist/{chunk-SZAHVIQO.js → chunk-L656SVCQ.js} +1 -1
  141. package/dist/{chunk-D3PIWNDL.js → chunk-LNYQM6KY.js} +1 -1
  142. package/dist/{chunk-Y7S6X6VP.js → chunk-MKRDXXRL.js} +1 -1
  143. package/dist/{chunk-IQJAKN6B.js → chunk-MNYUJJO3.js} +3 -3
  144. package/dist/{chunk-SVKSPVG6.js → chunk-MXILIX5W.js} +2 -2
  145. package/dist/{chunk-2LMHSSKC.js → chunk-NNEX2TU5.js} +1 -1
  146. package/dist/{chunk-VXOVLQ55.js → chunk-NXFBLJ2G.js} +5 -5
  147. package/dist/{chunk-TUESUQJT.js → chunk-OQZOBCTU.js} +1 -1
  148. package/dist/{chunk-O4G5ZGLE.js → chunk-PBOW6SG4.js} +1 -1
  149. package/dist/{chunk-KA6YZLA3.js → chunk-PYEVSTZ5.js} +1 -1
  150. package/dist/{chunk-P4AKLK5R.js → chunk-Q2M7NFFI.js} +10 -10
  151. package/dist/{chunk-NJO2H6E5.js → chunk-QIYLESE4.js} +1 -1
  152. package/dist/{chunk-Y353SJWK.js → chunk-QXJUKYPV.js} +11 -11
  153. package/dist/{chunk-LWOJYHUQ.js → chunk-REBVHWHN.js} +4 -4
  154. package/dist/{chunk-X43NCMYD.js → chunk-SJABIRIR.js} +2 -2
  155. package/dist/{chunk-KMG7CTLK.js → chunk-SKFA62NR.js} +2 -2
  156. package/dist/{chunk-J6AYJOUK.js → chunk-SLSDFRQ5.js} +2 -2
  157. package/dist/{chunk-3E2VIPMN.js → chunk-SPJQWYXC.js} +1 -1
  158. package/dist/{chunk-N4KFX2RH.js → chunk-SYRNLRKI.js} +2 -2
  159. package/dist/{chunk-4MBZODJ6.js → chunk-T5T3CVMJ.js} +4 -4
  160. package/dist/{chunk-VC2RVKRC.js → chunk-TQHOZB4X.js} +2 -2
  161. package/dist/{chunk-ZJ7ZTDRT.js → chunk-TQP64PUQ.js} +2 -2
  162. package/dist/{chunk-TNSL7Y3L.js → chunk-TU6UEDLB.js} +1 -1
  163. package/dist/{chunk-RBG3JLEM.js → chunk-TWTGTBRU.js} +1 -1
  164. package/dist/{chunk-QWNOQMR3.js → chunk-TZZF5QHA.js} +1 -1
  165. package/dist/{chunk-RWHIR5MT.js → chunk-U3T4Q6OX.js} +3 -3
  166. package/dist/{chunk-ZVMG4X5G.js → chunk-U7ZCUCVC.js} +2 -2
  167. package/dist/{chunk-Z66MD2VO.js → chunk-UNTDUVDL.js} +1 -1
  168. package/dist/{chunk-UII7U7HP.js → chunk-UTPU6ZTD.js} +3 -3
  169. package/dist/{chunk-GZQZ4NC5.js → chunk-UZDGM3QQ.js} +2 -2
  170. package/dist/{chunk-7PXNHQGL.js → chunk-VL4DXDXZ.js} +2 -2
  171. package/dist/{chunk-X4M232F4.js → chunk-VPZBMH75.js} +3 -3
  172. package/dist/{chunk-MJCFNIYD.js → chunk-XPZXCMPU.js} +1 -1
  173. package/dist/{chunk-OD2F64MJ.js → chunk-ZNDOIVR2.js} +2 -2
  174. package/dist/{chunk-SJCWQSMH.js → chunk-ZOMFEBZZ.js} +1 -1
  175. package/dist/{chunk-PARFQRPF.js → chunk-ZPUOVW2D.js} +3 -3
  176. package/dist/{chunk-P77YUOPP.js → chunk-ZREHVU22.js} +5 -5
  177. package/dist/combobox/src/ComboBox.css +838 -787
  178. package/dist/combobox/src/ComboBox.js +17 -17
  179. package/dist/combobox/src/index.css +838 -787
  180. package/dist/combobox/src/index.js +17 -17
  181. package/dist/contextual-help/src/ContextualHelp.css +757 -706
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +757 -706
  184. package/dist/contextual-help/src/index.js +4 -4
  185. package/dist/date-picker/src/DateInput.css +52 -52
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +898 -847
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +901 -850
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +909 -858
  192. package/dist/date-picker/src/index.js +22 -22
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +1 -1
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -7
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +430 -379
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +430 -379
  226. package/dist/illustrated-message/src/index.js +1 -1
  227. package/dist/illustration/src/Illustration.css +48 -48
  228. package/dist/illustration/src/Illustration.js +1 -1
  229. package/dist/illustration/src/index.css +48 -48
  230. package/dist/illustration/src/index.js +1 -1
  231. package/dist/image/src/Image.css +42 -42
  232. package/dist/image/src/Image.js +1 -1
  233. package/dist/image/src/SvgImage.css +40 -40
  234. package/dist/image/src/SvgImage.js +1 -1
  235. package/dist/image/src/index.css +43 -43
  236. package/dist/image/src/index.js +2 -2
  237. package/dist/index.css +1382 -1280
  238. package/dist/index.js +105 -105
  239. package/dist/inputs/src/Input.css +44 -44
  240. package/dist/inputs/src/Input.js +1 -1
  241. package/dist/inputs/src/InputGroup.css +45 -45
  242. package/dist/inputs/src/InputGroup.js +1 -1
  243. package/dist/inputs/src/NumberField.css +70 -70
  244. package/dist/inputs/src/NumberField.js +10 -10
  245. package/dist/inputs/src/PasswordField.css +429 -378
  246. package/dist/inputs/src/PasswordField.js +10 -10
  247. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  248. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  249. package/dist/inputs/src/SearchField.css +435 -384
  250. package/dist/inputs/src/SearchField.js +11 -11
  251. package/dist/inputs/src/TextArea.css +69 -69
  252. package/dist/inputs/src/TextArea.js +9 -9
  253. package/dist/inputs/src/TextField.css +433 -382
  254. package/dist/inputs/src/TextField.js +13 -13
  255. package/dist/inputs/src/index.css +484 -433
  256. package/dist/inputs/src/index.js +17 -17
  257. package/dist/layout/src/Content.css +39 -39
  258. package/dist/layout/src/Footer.css +39 -39
  259. package/dist/link/src/Link.css +78 -78
  260. package/dist/link/src/Link.js +3 -3
  261. package/dist/link/src/index.css +78 -78
  262. package/dist/link/src/index.js +3 -3
  263. package/dist/list-box/src/ListBox.css +320 -320
  264. package/dist/list-box/src/ListBox.js +7 -7
  265. package/dist/list-box/src/ListBoxItem.css +308 -308
  266. package/dist/list-box/src/ListBoxItem.js +6 -6
  267. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  268. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  269. package/dist/list-box/src/index.css +320 -320
  270. package/dist/list-box/src/index.js +7 -7
  271. package/dist/menu/src/Menu.css +759 -708
  272. package/dist/menu/src/Menu.js +2 -2
  273. package/dist/menu/src/MenuItem.css +124 -124
  274. package/dist/menu/src/MenuItem.js +2 -2
  275. package/dist/menu/src/MenuSection.css +41 -41
  276. package/dist/menu/src/MenuSection.js +1 -1
  277. package/dist/menu/src/index.css +785 -734
  278. package/dist/menu/src/index.js +5 -5
  279. package/dist/modal/src/BaseModal.css +2 -2
  280. package/dist/modal/src/BaseModal.js +1 -1
  281. package/dist/modal/src/CustomModal.css +55 -55
  282. package/dist/modal/src/CustomModal.js +2 -2
  283. package/dist/modal/src/Modal.css +451 -400
  284. package/dist/modal/src/Modal.js +9 -9
  285. package/dist/modal/src/index.css +465 -414
  286. package/dist/modal/src/index.js +10 -10
  287. package/dist/overlays/popover/src/Popover.css +751 -700
  288. package/dist/overlays/popover/src/Popover.js +1 -1
  289. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  290. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  291. package/dist/overlays/popover/src/index.css +754 -703
  292. package/dist/overlays/popover/src/index.js +2 -2
  293. package/dist/radio/src/DecorativeRadio.css +66 -66
  294. package/dist/radio/src/DecorativeRadio.js +3 -3
  295. package/dist/radio/src/Radio.css +58 -58
  296. package/dist/radio/src/Radio.js +3 -3
  297. package/dist/radio/src/RadioField.css +45 -45
  298. package/dist/radio/src/RadioField.js +2 -2
  299. package/dist/radio/src/RadioGroup.css +111 -111
  300. package/dist/radio/src/RadioGroup.js +7 -7
  301. package/dist/radio/src/index.css +111 -111
  302. package/dist/radio/src/index.js +11 -11
  303. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  304. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  305. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  306. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  307. package/dist/segmented-control/src/index.css +55 -55
  308. package/dist/segmented-control/src/index.js +3 -3
  309. package/dist/select/src/MultiSelect.css +852 -801
  310. package/dist/select/src/MultiSelect.js +22 -22
  311. package/dist/select/src/Select.css +852 -801
  312. package/dist/select/src/Select.js +22 -22
  313. package/dist/select/src/SelectInternal.css +852 -801
  314. package/dist/select/src/SelectInternal.js +21 -21
  315. package/dist/select/src/SelectValue.css +105 -105
  316. package/dist/select/src/SelectValue.js +2 -2
  317. package/dist/select/src/index.css +852 -801
  318. package/dist/select/src/index.js +23 -23
  319. package/dist/spinner/src/Spinner.css +49 -49
  320. package/dist/spinner/src/Spinner.js +2 -2
  321. package/dist/spinner/src/index.css +49 -49
  322. package/dist/spinner/src/index.js +2 -2
  323. package/dist/switch/src/Switch.css +55 -55
  324. package/dist/switch/src/Switch.js +3 -3
  325. package/dist/switch/src/SwitchField.css +45 -45
  326. package/dist/switch/src/SwitchField.js +2 -2
  327. package/dist/switch/src/index.css +61 -61
  328. package/dist/switch/src/index.js +4 -4
  329. package/dist/tabs/src/Tab.css +678 -576
  330. package/dist/tabs/src/Tab.js +2 -2
  331. package/dist/tabs/src/TabList.css +44 -44
  332. package/dist/tabs/src/TabList.js +1 -1
  333. package/dist/tabs/src/TabPanel.css +41 -41
  334. package/dist/tabs/src/TabPanel.js +1 -1
  335. package/dist/tabs/src/index.css +685 -583
  336. package/dist/tabs/src/index.js +4 -4
  337. package/dist/tag/src/Tag.css +653 -551
  338. package/dist/tag/src/Tag.js +7 -7
  339. package/dist/tag/src/TagGroup.css +49 -49
  340. package/dist/tag/src/TagGroup.js +7 -7
  341. package/dist/tag/src/index.css +663 -561
  342. package/dist/tag/src/index.js +12 -12
  343. package/dist/tile/src/Tile.css +67 -67
  344. package/dist/tile/src/Tile.js +1 -1
  345. package/dist/tile/src/TileGroup.css +40 -40
  346. package/dist/tile/src/TileGroup.js +1 -1
  347. package/dist/tile/src/index.css +68 -68
  348. package/dist/tile/src/index.js +2 -2
  349. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  350. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  351. package/dist/toggle-arrow/src/index.css +41 -41
  352. package/dist/toggle-arrow/src/index.js +1 -1
  353. package/dist/tooltip/src/Tooltip.css +49 -49
  354. package/dist/tooltip/src/Tooltip.js +3 -3
  355. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  356. package/dist/tooltip/src/index.css +49 -49
  357. package/dist/tooltip/src/index.js +3 -3
  358. package/dist/typography/heading/src/Heading.css +39 -39
  359. package/dist/typography/heading/src/Heading.js +1 -1
  360. package/dist/typography/heading/src/index.css +39 -39
  361. package/dist/typography/heading/src/index.js +1 -1
  362. package/dist/typography/label/src/FieldLabel.css +39 -39
  363. package/dist/typography/label/src/FieldLabel.js +3 -3
  364. package/dist/typography/label/src/Label.css +39 -39
  365. package/dist/typography/label/src/Label.js +1 -1
  366. package/dist/typography/label/src/index.css +39 -39
  367. package/dist/typography/label/src/index.js +3 -3
  368. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  369. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  370. package/dist/typography/overline-text/src/index.css +39 -39
  371. package/dist/typography/overline-text/src/index.js +1 -1
  372. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  373. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  374. package/dist/typography/paragraph/src/index.css +39 -39
  375. package/dist/typography/paragraph/src/index.js +2 -2
  376. package/dist/typography/text/src/Text.css +39 -39
  377. package/dist/typography/text/src/Text.js +1 -1
  378. package/dist/typography/text/src/index.css +39 -39
  379. package/dist/typography/text/src/index.js +1 -1
  380. package/dist/utils/src/ClearSlots.css +39 -39
  381. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  382. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  383. package/dist/utils/src/index.css +39 -39
  384. package/dist/utils/src/index.js +2 -2
  385. package/package.json +2 -2
@@ -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___aOEua {
2
+ .Heading-module__hop-Heading___4-vSC {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +33,53 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___aOEua) {
36
+ :where(.Heading-module__hop-Heading___4-vSC) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___aOEua):not(.Heading-module__hop-Heading--unset___FDqIB) {
40
+ :where(.Heading-module__hop-Heading___4-vSC):not(.Heading-module__hop-Heading--unset___3K6Xc) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___H93Uz) {
46
+ :where(.Heading-module__hop-Heading--xs___58cmk) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___kL40u) {
52
+ :where(.Heading-module__hop-Heading--sm___oL2mC) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___UR4Bs) {
58
+ :where(.Heading-module__hop-Heading--md___YebsU) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___DAcdi) {
64
+ :where(.Heading-module__hop-Heading--lg___twIgN) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___AdoUn) {
70
+ :where(.Heading-module__hop-Heading--xl___I3qvE) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___VEs-M) {
76
+ :where(.Heading-module__hop-Heading--2xl___VLl38) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___EGlUj) {
82
+ :where(.Heading-module__hop-Heading--3xl___Ia3t3) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___TsCxS {
90
+ .Form-module__hop-Form___VYI77 {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___VBt0f {
97
+ .Label-module__hop-Label___qXh3Z {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___VBt0f) {
104
+ :where(.Label-module__hop-Label___qXh3Z) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___jNCqA {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___8f9YZ {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___V3sk5 {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___ooBMV {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___2fLf-) {
123
+ :where(.OverlineText-module__hop-OverlineText___ntGrc) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___Utxq4 {
147
+ .OverlineText-module__hop-OverlineText__text___TMgcy {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___Utxq4::before,
151
- .OverlineText-module__hop-OverlineText__text___Utxq4::after {
150
+ .OverlineText-module__hop-OverlineText__text___TMgcy::before,
151
+ .OverlineText-module__hop-OverlineText__text___TMgcy::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___Utxq4::before {
158
+ .OverlineText-module__hop-OverlineText__text___TMgcy::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___Utxq4::after {
161
+ .OverlineText-module__hop-OverlineText__text___TMgcy::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___0z6iU {
166
+ .Text-module__hop-Text___xHbpW {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___0z6iU) {
196
+ :where(.Text-module__hop-Text___xHbpW) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___0VW3R) {
202
+ :where(.Text-module__hop-Text--xs___JY7Cn) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___cImgt) {
208
+ :where(.Text-module__hop-Text--sm___j1W2T) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___7kpR0) {
214
+ :where(.Text-module__hop-Text--md___my-Nh) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___l-EPt) {
220
+ :where(.Text-module__hop-Text--lg___5Xx48) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___9w6yP) {
226
+ :where(.Text-module__hop-Text--xl___AVoeA) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___ltpkK) {
232
+ :where(.Text-module__hop-Text--2xl___0hhD6) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___vO7p-) {
238
+ :where(.Text-module__hop-Text--inherit___hq0Mb) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___z9-oa {
246
+ .Paragraph-module__hop-Paragraph___-IBRV {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___z9-oa:last-child {
258
+ .Paragraph-module__hop-Paragraph___-IBRV:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___tTJqq {
261
+ .Paragraph-module__hop-Paragraph--xs___HxZ8C {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___WI-Mh {
264
+ .Paragraph-module__hop-Paragraph--sm___cL8J- {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___R-7Cr {
267
+ .Paragraph-module__hop-Paragraph--md___BcLft {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___9WfCs {
270
+ .Paragraph-module__hop-Paragraph--lg___4j6Y1 {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___Y0ZPI {
273
+ .Paragraph-module__hop-Paragraph--xl___IL-MQ {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___-3T85 {
276
+ .Paragraph-module__hop-Paragraph--2xl___Cvb7J {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___eYc2m {
279
+ .Paragraph-module__hop-Paragraph--inherit___l6ur3 {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
284
- .Badge-module__hop-Badge___YNCMl {
284
+ .Badge-module__hop-Badge___QA029 {
285
285
  display: inline-flex;
286
286
  align-items: center;
287
287
  justify-content: center;
@@ -291,67 +291,67 @@
291
291
  padding-inline: var(--hop-space-inset-sm);
292
292
  border-radius: var(--hop-shape-pill);
293
293
  }
294
- .Badge-module__hop-Badge--primary___xXOlt {
294
+ .Badge-module__hop-Badge--primary___8Noit {
295
295
  background: var(--hop-comp-badge-primary-background);
296
296
  color: var(--hop-comp-badge-primary-text-color);
297
297
  }
298
- .Badge-module__hop-Badge--primary___xXOlt[data-hovered] {
298
+ .Badge-module__hop-Badge--primary___8Noit[data-hovered] {
299
299
  background: var(--hop-comp-badge-primary-background-hover);
300
300
  color: var(--hop-comp-badge-primary-text-color-hover);
301
301
  }
302
- .Badge-module__hop-Badge--primary___xXOlt[data-pressed] {
302
+ .Badge-module__hop-Badge--primary___8Noit[data-pressed] {
303
303
  background: var(--hop-comp-badge-primary-background-press);
304
304
  color: var(--hop-comp-badge-primary-text-color-press);
305
305
  }
306
- .Badge-module__hop-Badge--primary___xXOlt[data-selected] {
306
+ .Badge-module__hop-Badge--primary___8Noit[data-selected] {
307
307
  background: var(--hop-comp-badge-primary-background-selected);
308
308
  color: var(--hop-comp-badge-primary-text-color-selected);
309
309
  }
310
- .Badge-module__hop-Badge--secondary___DVoWc {
310
+ .Badge-module__hop-Badge--secondary___5TP-v {
311
311
  background: var(--hop-comp-badge-secondary-background);
312
312
  color: var(--hop-comp-badge-secondary-text-color);
313
313
  }
314
- .Badge-module__hop-Badge--secondary___DVoWc[data-hovered] {
314
+ .Badge-module__hop-Badge--secondary___5TP-v[data-hovered] {
315
315
  background: var(--hop-comp-badge-secondary-background-hover);
316
316
  color: var(--hop-comp-badge-secondary-text-color-hover);
317
317
  }
318
- .Badge-module__hop-Badge--secondary___DVoWc[data-pressed] {
318
+ .Badge-module__hop-Badge--secondary___5TP-v[data-pressed] {
319
319
  background: var(--hop-comp-badge-secondary-background-press);
320
320
  color: var(--hop-comp-badge-secondary-text-color-press);
321
321
  }
322
- .Badge-module__hop-Badge--secondary___DVoWc[data-selected] {
322
+ .Badge-module__hop-Badge--secondary___5TP-v[data-selected] {
323
323
  background: var(--hop-comp-badge-secondary-background-selected);
324
324
  color: var(--hop-comp-badge-secondary-text-color-selected);
325
325
  }
326
- .Badge-module__hop-Badge--subdued___ca4w- {
326
+ .Badge-module__hop-Badge--subdued___cahhu {
327
327
  background: var(--hop-comp-badge-subdued-background);
328
328
  color: var(--hop-comp-badge-subdued-text-color);
329
329
  }
330
- .Badge-module__hop-Badge--subdued___ca4w-[data-hovered] {
330
+ .Badge-module__hop-Badge--subdued___cahhu[data-hovered] {
331
331
  background: var(--hop-comp-badge-subdued-background-hover);
332
332
  color: var(--hop-comp-badge-subdued-text-color-hover);
333
333
  }
334
- .Badge-module__hop-Badge--subdued___ca4w-[data-pressed] {
334
+ .Badge-module__hop-Badge--subdued___cahhu[data-pressed] {
335
335
  background: var(--hop-comp-badge-subdued-background-press);
336
336
  color: var(--hop-comp-badge-subdued-text-color-press);
337
337
  }
338
- .Badge-module__hop-Badge--subdued___ca4w-[data-selected] {
338
+ .Badge-module__hop-Badge--subdued___cahhu[data-selected] {
339
339
  background: var(--hop-comp-badge-subdued-background-selected);
340
340
  color: var(--hop-comp-badge-subdued-text-color-selected);
341
341
  }
342
- .Badge-module__hop-Badge___YNCMl[data-indeterminate] {
342
+ .Badge-module__hop-Badge___QA029[data-indeterminate] {
343
343
  border-radius: var(--hop-shape-circle);
344
344
  block-size: 1rem;
345
345
  inline-size: 1rem;
346
346
  padding-inline: 0;
347
347
  }
348
- .Badge-module__hop-Badge___YNCMl[data-disabled] {
348
+ .Badge-module__hop-Badge___QA029[data-disabled] {
349
349
  background: var(--hop-comp-badge-disabled-background);
350
350
  color: var(--hop-comp-badge-disabled-text-color);
351
351
  }
352
352
 
353
353
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
354
- .FloatingBadge-module__hop-FloatingBadge___aGBpv {
354
+ .FloatingBadge-module__hop-FloatingBadge___XUch5 {
355
355
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
356
356
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
357
357
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -392,7 +392,7 @@
392
392
  box-sizing: border-box;
393
393
  inline-size: max-content;
394
394
  }
395
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top right"] {
395
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="top right"] {
396
396
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
397
397
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
398
398
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -400,11 +400,11 @@
400
400
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
401
401
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
402
402
  }
403
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top right"][data-overlap=circular] {
403
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="top right"][data-overlap=circular] {
404
404
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
405
405
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
406
406
  }
407
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top left"] {
407
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="top left"] {
408
408
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
409
409
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
410
410
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -412,11 +412,11 @@
412
412
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
413
413
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
414
414
  }
415
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="top left"][data-overlap=circular] {
415
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="top left"][data-overlap=circular] {
416
416
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
417
417
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
418
418
  }
419
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom right"] {
419
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="bottom right"] {
420
420
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
421
421
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
422
422
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -424,11 +424,11 @@
424
424
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
425
425
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
426
426
  }
427
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom right"][data-overlap=circular] {
427
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="bottom right"][data-overlap=circular] {
428
428
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
429
429
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
430
430
  }
431
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom left"] {
431
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="bottom left"] {
432
432
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
433
433
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
434
434
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -436,11 +436,11 @@
436
436
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
437
437
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
438
438
  }
439
- .FloatingBadge-module__hop-FloatingBadge___aGBpv[data-placement="bottom left"][data-overlap=circular] {
439
+ .FloatingBadge-module__hop-FloatingBadge___XUch5[data-placement="bottom left"][data-overlap=circular] {
440
440
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
441
441
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
442
442
  }
443
- .FloatingBadge-module__hop-FloatingBadge__badge___erx0E {
443
+ .FloatingBadge-module__hop-FloatingBadge__badge___Pl9MJ {
444
444
  position: absolute;
445
445
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
446
446
  transform-origin: var(--badge-transform-origin);
@@ -448,7 +448,7 @@
448
448
  }
449
449
 
450
450
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
451
- .ErrorMessage-module__hop-ErrorMessage___-To9e {
451
+ .ErrorMessage-module__hop-ErrorMessage___cOR5w {
452
452
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
453
453
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
454
454
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -465,13 +465,13 @@
465
465
  line-height: var(--hop-ErrorMessage-line-height);
466
466
  color: var(--hop-ErrorMessage-color);
467
467
  }
468
- .ErrorMessage-module__hop-ErrorMessage__icon___OrPPe {
468
+ .ErrorMessage-module__hop-ErrorMessage__icon___Tws3V {
469
469
  flex: 0 0 auto;
470
470
  align-self: flex-start;
471
471
  }
472
472
 
473
473
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
474
- .HelperMessage-module__hop-HelperMessage___2EaD- {
474
+ .HelperMessage-module__hop-HelperMessage___8HrxZ {
475
475
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
476
476
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
477
477
  display: flex;
@@ -480,13 +480,13 @@
480
480
  box-sizing: border-box;
481
481
  color: var(--hop-HelperMessage-color);
482
482
  }
483
- .HelperMessage-module__hop-HelperMessage__icon___-U-Ji {
483
+ .HelperMessage-module__hop-HelperMessage__icon___7nWSA {
484
484
  flex: 0 0 auto;
485
485
  align-self: flex-start;
486
486
  }
487
487
 
488
488
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
489
- .Input-module__hop-Input___FSVGo {
489
+ .Input-module__hop-Input___lvoJe {
490
490
  --hop-Input-placeholder-font-family: inherit;
491
491
  --hop-Input-placeholder-font-size: inherit;
492
492
  --hop-Input-placeholder-font-weight: inherit;
@@ -528,30 +528,30 @@
528
528
  border: 0;
529
529
  outline-style: none;
530
530
  }
531
- .Input-module__hop-Input--sm___nX-OH {
531
+ .Input-module__hop-Input--sm___BiZOv {
532
532
  --font-family: var(--hop-Input-sm-font-family);
533
533
  --font-size: var(--hop-Input-sm-font-size);
534
534
  --font-weight: var(--hop-Input-sm-font-weight);
535
535
  --line-height: var(--hop-Input-sm-line-height);
536
536
  --block-size: var(--hop-Input-sm-block-size);
537
537
  }
538
- .Input-module__hop-Input___FSVGo::placeholder {
538
+ .Input-module__hop-Input___lvoJe::placeholder {
539
539
  font-family: var(--hop-Input-placeholder-font-family);
540
540
  font-size: var(--hop-Input-placeholder-font-size);
541
541
  font-weight: var(--hop-Input-placeholder-font-weight);
542
542
  line-height: var(--hop-Input-placeholder-line-height);
543
543
  color: var(--hop-comp-field-placeholder-color);
544
544
  }
545
- .Input-module__hop-Input___FSVGo[data-disabled]::placeholder {
545
+ .Input-module__hop-Input___lvoJe[data-disabled]::placeholder {
546
546
  color: var(--hop-comp-field-text-color-disabled);
547
547
  }
548
- .Input-module__hop-Input___FSVGo[data-disabled] {
548
+ .Input-module__hop-Input___lvoJe[data-disabled] {
549
549
  --color: var(--hop-comp-field-text-color-disabled);
550
550
  --background-color: var(--hop-comp-field-background-color-disabled);
551
551
  }
552
552
 
553
553
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
554
- .InputGroup-module__hop-InputGroup___mX-4K {
554
+ .InputGroup-module__hop-InputGroup___12d3i {
555
555
  --hop-InputGroup-border-width: 0.0625rem;
556
556
  --hop-InputGroup-gap: var(--hop-space-inline-sm);
557
557
  --hop-InputGroup-inline-size: fit-content;
@@ -573,27 +573,27 @@
573
573
  border: var(--border);
574
574
  border-radius: var(--hop-comp-field-border-radius);
575
575
  }
576
- .InputGroup-module__hop-InputGroup--fluid___cUOp0 {
576
+ .InputGroup-module__hop-InputGroup--fluid___m779Q {
577
577
  --inline-size: 100%;
578
578
  }
579
- .InputGroup-module__hop-InputGroup___mX-4K[data-hovered] {
579
+ .InputGroup-module__hop-InputGroup___12d3i[data-hovered] {
580
580
  --background: var(--hop-comp-field-background-color-hover);
581
581
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-hover);
582
582
  }
583
- .InputGroup-module__hop-InputGroup___mX-4K[data-focus-within] {
583
+ .InputGroup-module__hop-InputGroup___12d3i[data-focus-within] {
584
584
  --background: var(--hop-comp-field-background-color);
585
585
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-focus);
586
586
  }
587
- .InputGroup-module__hop-InputGroup___mX-4K[data-invalid] {
587
+ .InputGroup-module__hop-InputGroup___12d3i[data-invalid] {
588
588
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-error);
589
589
  }
590
- .InputGroup-module__hop-InputGroup___mX-4K[data-disabled] {
590
+ .InputGroup-module__hop-InputGroup___12d3i[data-disabled] {
591
591
  --background: var(--hop-comp-field-background-color-disabled);
592
592
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-disabled);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
596
- .NumberField-module__hop-NumberField___bL2Jm {
596
+ .NumberField-module__hop-NumberField___c54ok {
597
597
  --hop-NumberField-gap: var(--hop-space-stack-xs);
598
598
  --hop-NumberField-inline-size: 20rem;
599
599
  --hop-NumberField-inline-size-fluid: 100%;
@@ -628,30 +628,30 @@
628
628
  gap: var(--hop-NumberField-gap);
629
629
  inline-size: var(--inline-size);
630
630
  }
631
- .NumberField-module__hop-NumberField--fluid___0CmyS {
631
+ .NumberField-module__hop-NumberField--fluid___nhUVj {
632
632
  --inline-size: var(--hop-NumberField-inline-size-fluid);
633
633
  }
634
- .NumberField-module__hop-NumberField__Label___JwyV- {
634
+ .NumberField-module__hop-NumberField__Label___BPK04 {
635
635
  order: 0;
636
636
  }
637
- .NumberField-module__hop-NumberField__prefix___JibAa {
637
+ .NumberField-module__hop-NumberField__prefix___MYddI {
638
638
  order: 1;
639
639
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
640
640
  color: var(--hop-comp-field-prefill-color);
641
641
  }
642
- .NumberField-module__hop-NumberField__InputGroup___pOrUN {
642
+ .NumberField-module__hop-NumberField__InputGroup___q4RKL {
643
643
  grid-template: var(--hop-NumberField-input-group-template);
644
644
  order: 1;
645
645
  padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
646
646
  }
647
- .NumberField-module__hop-NumberField__ErrorMessage___tsoRz,
648
- .NumberField-module__hop-NumberField__HelperMessage___CvPOU {
647
+ .NumberField-module__hop-NumberField__ErrorMessage___dV9l4,
648
+ .NumberField-module__hop-NumberField__HelperMessage___G-PRY {
649
649
  order: 3;
650
650
  }
651
- .NumberField-module__hop-NumberField__steppers___RP8aF {
651
+ .NumberField-module__hop-NumberField__steppers___EZ208 {
652
652
  order: 3;
653
653
  }
654
- .NumberField-module__hop-NumberField__stepper-button___qjd77 {
654
+ .NumberField-module__hop-NumberField__stepper-button___4n4QC {
655
655
  cursor: pointer;
656
656
  display: flex;
657
657
  grid-area: var(--grid-area, unset);
@@ -671,39 +671,39 @@
671
671
  border-radius: var(--stepper-border-radius, 0);
672
672
  outline: none;
673
673
  }
674
- .NumberField-module__hop-NumberField__stepper-button--increment___iguVh {
674
+ .NumberField-module__hop-NumberField__stepper-button--increment___vMWZf {
675
675
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
676
676
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
677
677
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
678
678
  }
679
- .NumberField-module__hop-NumberField__stepper-button--decrement___a6H8v {
679
+ .NumberField-module__hop-NumberField__stepper-button--decrement___vhBdv {
680
680
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
681
681
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
682
682
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
683
683
  }
684
- .NumberField-module__hop-NumberField__stepper-button___qjd77[data-hovered] {
684
+ .NumberField-module__hop-NumberField__stepper-button___4n4QC[data-hovered] {
685
685
  color: var(--hop-NumberField-stepper-color-hovered);
686
686
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
687
687
  }
688
- .NumberField-module__hop-NumberField__stepper-button___qjd77[data-pressed] {
688
+ .NumberField-module__hop-NumberField__stepper-button___4n4QC[data-pressed] {
689
689
  color: var(--hop-NumberField-stepper-color-pressed);
690
690
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
691
691
  }
692
- .NumberField-module__hop-NumberField__stepper-button___qjd77[data-disabled] {
692
+ .NumberField-module__hop-NumberField__stepper-button___4n4QC[data-disabled] {
693
693
  cursor: default;
694
694
  color: var(--hop-NumberField-stepper-color-disabled);
695
695
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
696
696
  }
697
- .NumberField-module__hop-NumberField__stepper-button__icon___f46hi {
697
+ .NumberField-module__hop-NumberField__stepper-button__icon___9iBOy {
698
698
  display: block;
699
699
  max-block-size: 100%;
700
700
  }
701
- .NumberField-module__hop-NumberField__input___QPvrJ {
701
+ .NumberField-module__hop-NumberField__input___D1au8 {
702
702
  order: 2;
703
703
  }
704
704
 
705
705
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
706
- .IconList-module__hop-IconList___Ep6vg {
706
+ .IconList-module__hop-IconList___TKPDF {
707
707
  --hop-IconList-gap: var(--hop-space-inline-xs);
708
708
  display: flex;
709
709
  flex-wrap: wrap;
@@ -712,7 +712,7 @@
712
712
  }
713
713
 
714
714
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
715
- @keyframes Spinner-module__spin___FdHKd {
715
+ @keyframes Spinner-module__spin___Vu2Pg {
716
716
  0% {
717
717
  transform: rotate(0deg);
718
718
  }
@@ -720,7 +720,7 @@
720
720
  transform: rotate(360deg);
721
721
  }
722
722
  }
723
- .Spinner-module__hop-Spinner___QLgaS {
723
+ .Spinner-module__hop-Spinner___avn8C {
724
724
  --hop-Spinner-border-radius: var(--hop-shape-circle);
725
725
  --hop-Spinner-sm-wheel-size: 1rem;
726
726
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -728,7 +728,7 @@
728
728
  --hop-Spinner-track-width: 0.125rem;
729
729
  --hop-Spinner-track-opacity: 0.2;
730
730
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
731
- --hop-Spinner-fill-animation: Spinner-module__spin___FdHKd .8s infinite linear;
731
+ --hop-Spinner-fill-animation: Spinner-module__spin___Vu2Pg .8s infinite linear;
732
732
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
733
733
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
734
734
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -739,19 +739,19 @@
739
739
  align-items: center;
740
740
  box-sizing: border-box;
741
741
  }
742
- .Spinner-module__hop-Spinner--sm___bYpgB {
742
+ .Spinner-module__hop-Spinner--sm___mue2f {
743
743
  --width: var(--hop-Spinner-sm-wheel-size);
744
744
  --height: var(--hop-Spinner-sm-wheel-size);
745
745
  }
746
- .Spinner-module__hop-Spinner--md___n5RK2 {
746
+ .Spinner-module__hop-Spinner--md___4iQoU {
747
747
  --width: var(--hop-Spinner-md-wheel-size);
748
748
  --height: var(--hop-Spinner-md-wheel-size);
749
749
  }
750
- .Spinner-module__hop-Spinner--lg___pWJPB {
750
+ .Spinner-module__hop-Spinner--lg___tZ7Kr {
751
751
  --width: var(--hop-Spinner-lg-wheel-size);
752
752
  --height: var(--hop-Spinner-lg-wheel-size);
753
753
  }
754
- .Spinner-module__hop-Spinner__track___Te0kh {
754
+ .Spinner-module__hop-Spinner__track___J8lph {
755
755
  grid-area: spinner;
756
756
  box-sizing: border-box;
757
757
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -760,7 +760,7 @@
760
760
  border: var(--hop-Spinner-track-border);
761
761
  border-radius: var(--hop-Spinner-border-radius);
762
762
  }
763
- .Spinner-module__hop-Spinner__fill___Rn-oG {
763
+ .Spinner-module__hop-Spinner__fill___ZSPaN {
764
764
  grid-area: spinner;
765
765
  box-sizing: border-box;
766
766
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -771,17 +771,17 @@
771
771
  animation: var(--hop-Spinner-fill-animation);
772
772
  }
773
773
  @media (prefers-reduced-motion: reduce) {
774
- .Spinner-module__hop-Spinner__fill___Rn-oG {
774
+ .Spinner-module__hop-Spinner__fill___ZSPaN {
775
775
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
776
776
  }
777
777
  }
778
- .Spinner-module__hop-Spinner__label___Ly-Jt {
778
+ .Spinner-module__hop-Spinner__label___Zx7jF {
779
779
  grid-area: label;
780
780
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
781
781
  }
782
782
 
783
783
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
784
- .Button-module__hop-Button___TPFhY {
784
+ .Button-module__hop-Button___y7QGD {
785
785
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
786
786
  --hop-Button-column-gap: var(--hop-space-inline-xs);
787
787
  --hop-Button-icon-only-column-gap: 0;
@@ -794,6 +794,12 @@
794
794
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
795
795
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
796
796
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
797
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
798
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
799
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
800
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
801
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
802
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
797
803
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
798
804
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
799
805
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -842,32 +848,38 @@
842
848
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
843
849
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
844
850
  }
845
- .Button-module__hop-Button--fluid___n4bhu {
851
+ .Button-module__hop-Button--fluid___JDgXd {
846
852
  --inline-size: 100%;
847
853
  }
848
- .Button-module__hop-Button--xs___K0QNl {
854
+ .Button-module__hop-Button--xs___wu8zG {
849
855
  --block-size: var(--hop-Button-xs-height);
850
856
  --padding: var(--hop-Button-xs-padding);
857
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
858
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
859
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
851
860
  }
852
- .Button-module__hop-Button--xs___K0QNl[class*=--ghost] {
861
+ .Button-module__hop-Button--xs___wu8zG[class*=--ghost] {
853
862
  --padding: var(--hop-Button-ghost-xs-padding);
854
863
  }
855
- .Button-module__hop-Button--sm___JNY5q {
864
+ .Button-module__hop-Button--sm___kGZOM {
856
865
  --block-size: var(--hop-Button-sm-height);
857
866
  --padding: var(--hop-Button-sm-padding);
867
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
868
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
869
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
858
870
  }
859
- .Button-module__hop-Button--sm___JNY5q[class*=--ghost] {
871
+ .Button-module__hop-Button--sm___kGZOM[class*=--ghost] {
860
872
  --padding: var(--hop-Button-ghost-sm-padding);
861
873
  }
862
- .Button-module__hop-Button--md___YQHJS[class*=--ghost] {
874
+ .Button-module__hop-Button--md___wKoji[class*=--ghost] {
863
875
  --padding: var(--hop-Button-ghost-md-padding);
864
876
  }
865
- .Button-module__hop-Button--icon-only___eBEMo {
877
+ .Button-module__hop-Button--icon-only___EmyUM {
866
878
  --column-gap: var(--hop-Button-icon-only-column-gap);
867
879
  --padding: var(--hop-Button-icon-only-padding);
868
880
  aspect-ratio: 1;
869
881
  }
870
- .Button-module__hop-Button--primary___mwxrY {
882
+ .Button-module__hop-Button--primary___3p37R {
871
883
  --background: var(--hop-comp-button-primary-background);
872
884
  --color: var(--hop-comp-button-primary-text-color);
873
885
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -878,20 +890,20 @@
878
890
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
879
891
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
880
892
  }
881
- .Button-module__hop-Button--primary___mwxrY[data-hovered],
882
- .Button-module__hop-Button--primary___mwxrY[data-focus-visible] {
893
+ .Button-module__hop-Button--primary___3p37R[data-hovered],
894
+ .Button-module__hop-Button--primary___3p37R[data-focus-visible] {
883
895
  --background: var(--hop-comp-button-primary-background-hover);
884
896
  --color: var(--hop-comp-button-primary-text-color-hover);
885
897
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
886
898
  --border: var(--hop-Button-primary-border);
887
899
  }
888
- .Button-module__hop-Button--primary___mwxrY[data-pressed] {
900
+ .Button-module__hop-Button--primary___3p37R[data-pressed] {
889
901
  --background: var(--hop-comp-button-primary-background-pressed);
890
902
  --color: var(--hop-comp-button-primary-text-color-pressed);
891
903
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
892
904
  --border: var(--hop-Button-primary-border);
893
905
  }
894
- .Button-module__hop-Button--secondary___Xe6mb {
906
+ .Button-module__hop-Button--secondary___1JG6W {
895
907
  --background: var(--hop-comp-button-secondary-background);
896
908
  --color: var(--hop-comp-button-secondary-text-color);
897
909
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -902,20 +914,20 @@
902
914
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
903
915
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
904
916
  }
905
- .Button-module__hop-Button--secondary___Xe6mb[data-hovered],
906
- .Button-module__hop-Button--secondary___Xe6mb[data-focus-visible] {
917
+ .Button-module__hop-Button--secondary___1JG6W[data-hovered],
918
+ .Button-module__hop-Button--secondary___1JG6W[data-focus-visible] {
907
919
  --background: var(--hop-comp-button-secondary-background-hover);
908
920
  --color: var(--hop-comp-button-secondary-text-color-hover);
909
921
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
910
922
  --border: var(--hop-Button-secondary-border);
911
923
  }
912
- .Button-module__hop-Button--secondary___Xe6mb[data-pressed] {
924
+ .Button-module__hop-Button--secondary___1JG6W[data-pressed] {
913
925
  --background: var(--hop-comp-button-secondary-background-pressed);
914
926
  --color: var(--hop-comp-button-secondary-text-color-pressed);
915
927
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
916
928
  --border: var(--hop-Button-secondary-border);
917
929
  }
918
- .Button-module__hop-Button--upsell___mu64g {
930
+ .Button-module__hop-Button--upsell___w5hi7 {
919
931
  --background: var(--hop-comp-button-upsell-background);
920
932
  --color: var(--hop-comp-button-upsell-text-color);
921
933
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -926,20 +938,20 @@
926
938
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
927
939
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
928
940
  }
929
- .Button-module__hop-Button--upsell___mu64g[data-hovered],
930
- .Button-module__hop-Button--upsell___mu64g[data-focus-visible] {
941
+ .Button-module__hop-Button--upsell___w5hi7[data-hovered],
942
+ .Button-module__hop-Button--upsell___w5hi7[data-focus-visible] {
931
943
  --background: var(--hop-comp-button-upsell-background-hover);
932
944
  --color: var(--hop-comp-button-upsell-text-color-hover);
933
945
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
934
946
  --border: var(--hop-Button-upsell-border);
935
947
  }
936
- .Button-module__hop-Button--upsell___mu64g[data-pressed] {
948
+ .Button-module__hop-Button--upsell___w5hi7[data-pressed] {
937
949
  --background: var(--hop-comp-button-upsell-background-pressed);
938
950
  --color: var(--hop-comp-button-upsell-text-color-pressed);
939
951
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
940
952
  --border: var(--hop-Button-upsell-border);
941
953
  }
942
- .Button-module__hop-Button--danger___vd6EP {
954
+ .Button-module__hop-Button--danger___F-Gss {
943
955
  --background: var(--hop-comp-button-danger-background);
944
956
  --color: var(--hop-comp-button-danger-text-color);
945
957
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -950,20 +962,20 @@
950
962
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
951
963
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
952
964
  }
953
- .Button-module__hop-Button--danger___vd6EP[data-hovered],
954
- .Button-module__hop-Button--danger___vd6EP[data-focus-visible] {
965
+ .Button-module__hop-Button--danger___F-Gss[data-hovered],
966
+ .Button-module__hop-Button--danger___F-Gss[data-focus-visible] {
955
967
  --background: var(--hop-comp-button-danger-background-hover);
956
968
  --color: var(--hop-comp-button-danger-text-color-hover);
957
969
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
958
970
  --border: var(--hop-Button-danger-border);
959
971
  }
960
- .Button-module__hop-Button--danger___vd6EP[data-pressed] {
972
+ .Button-module__hop-Button--danger___F-Gss[data-pressed] {
961
973
  --background: var(--hop-comp-button-danger-background-pressed);
962
974
  --color: var(--hop-comp-button-danger-text-color-pressed);
963
975
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
964
976
  --border: var(--hop-Button-danger-border);
965
977
  }
966
- .Button-module__hop-Button--ghost-primary___xKI82 {
978
+ .Button-module__hop-Button--ghost-primary___8m8LC {
967
979
  --background: var(--hop-comp-button-ghost-primary-background);
968
980
  --color: var(--hop-comp-button-ghost-primary-text-color);
969
981
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -974,20 +986,20 @@
974
986
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
975
987
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
976
988
  }
977
- .Button-module__hop-Button--ghost-primary___xKI82[data-hovered],
978
- .Button-module__hop-Button--ghost-primary___xKI82[data-focus-visible] {
989
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-hovered],
990
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-focus-visible] {
979
991
  --background: var(--hop-comp-button-ghost-primary-background-hover);
980
992
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
981
993
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
982
994
  --border: var(--hop-Button-ghost-primary-border);
983
995
  }
984
- .Button-module__hop-Button--ghost-primary___xKI82[data-pressed] {
996
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-pressed] {
985
997
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
986
998
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
987
999
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
988
1000
  --border: var(--hop-Button-ghost-primary-border);
989
1001
  }
990
- .Button-module__hop-Button--ghost-secondary___jiXAH {
1002
+ .Button-module__hop-Button--ghost-secondary___h0sDP {
991
1003
  --background: var(--hop-comp-button-ghost-secondary-background);
992
1004
  --color: var(--hop-comp-button-ghost-secondary-text-color);
993
1005
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -998,20 +1010,20 @@
998
1010
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
999
1011
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1000
1012
  }
1001
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-hovered],
1002
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-focus-visible] {
1013
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-hovered],
1014
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-focus-visible] {
1003
1015
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1004
1016
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1005
1017
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1006
1018
  --border: var(--hop-Button-ghost-secondary-border);
1007
1019
  }
1008
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-pressed] {
1020
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-pressed] {
1009
1021
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1010
1022
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1011
1023
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1012
1024
  --border: var(--hop-Button-ghost-secondary-border);
1013
1025
  }
1014
- .Button-module__hop-Button--ghost-danger___6Q31q {
1026
+ .Button-module__hop-Button--ghost-danger___EsOFM {
1015
1027
  --background: var(--hop-comp-button-ghost-danger-background);
1016
1028
  --color: var(--hop-comp-button-ghost-danger-text-color);
1017
1029
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1022,138 +1034,143 @@
1022
1034
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1023
1035
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1024
1036
  }
1025
- .Button-module__hop-Button--ghost-danger___6Q31q[data-hovered],
1026
- .Button-module__hop-Button--ghost-danger___6Q31q[data-focus-visible] {
1037
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-hovered],
1038
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-focus-visible] {
1027
1039
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1028
1040
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1029
1041
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1030
1042
  --border: var(--hop-Button-ghost-danger-border);
1031
1043
  }
1032
- .Button-module__hop-Button--ghost-danger___6Q31q[data-pressed] {
1044
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-pressed] {
1033
1045
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1034
1046
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1035
1047
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1036
1048
  --border: var(--hop-Button-ghost-danger-border);
1037
1049
  }
1038
- .Button-module__hop-Button___TPFhY[data-focus-visible] {
1050
+ .Button-module__hop-Button___y7QGD[data-focus-visible] {
1039
1051
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1040
1052
  }
1041
- .Button-module__hop-Button___TPFhY[data-disabled],
1042
- .Button-module__hop-Button--loading___m4lXI {
1053
+ .Button-module__hop-Button___y7QGD[data-disabled],
1054
+ .Button-module__hop-Button--loading___j2Ji3 {
1043
1055
  cursor: not-allowed;
1044
1056
  }
1045
- .Button-module__hop-Button___TPFhY[data-disabled] {
1057
+ .Button-module__hop-Button___y7QGD[data-disabled] {
1046
1058
  --color: var(--hop-comp-button-text-color-disabled);
1047
1059
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1048
1060
  }
1049
- .Button-module__hop-Button--primary___mwxrY[data-disabled] {
1061
+ .Button-module__hop-Button--primary___3p37R[data-disabled] {
1050
1062
  --background: var(--hop-comp-button-primary-background-disabled);
1051
1063
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1052
1064
  }
1053
- .Button-module__hop-Button--secondary___Xe6mb[data-disabled] {
1065
+ .Button-module__hop-Button--secondary___1JG6W[data-disabled] {
1054
1066
  --background: var(--hop-comp-button-secondary-background-disabled);
1055
1067
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1056
1068
  }
1057
- .Button-module__hop-Button--upsell___mu64g[data-disabled] {
1069
+ .Button-module__hop-Button--upsell___w5hi7[data-disabled] {
1058
1070
  --background: var(--hop-comp-button-upsell-background-disabled);
1059
1071
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1060
1072
  }
1061
- .Button-module__hop-Button--danger___vd6EP[data-disabled] {
1073
+ .Button-module__hop-Button--danger___F-Gss[data-disabled] {
1062
1074
  --background: var(--hop-comp-button-danger-background-disabled);
1063
1075
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1064
1076
  }
1065
- .Button-module__hop-Button--ghost-primary___xKI82[data-disabled] {
1077
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-disabled] {
1066
1078
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1067
1079
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1068
1080
  }
1069
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-disabled] {
1081
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-disabled] {
1070
1082
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1071
1083
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1072
1084
  }
1073
- .Button-module__hop-Button--ghost-danger___6Q31q[data-disabled] {
1085
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-disabled] {
1074
1086
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1075
1087
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1076
1088
  }
1077
- .Button-module__hop-Button--loading___m4lXI {
1089
+ .Button-module__hop-Button--loading___j2Ji3 {
1078
1090
  background: var(--background-loading);
1079
1091
  color: var(--color-loading);
1080
1092
  border-color: var(--border-color-loading);
1081
1093
  box-shadow: var(--box-shadow-loading);
1082
1094
  }
1083
- .Button-module__hop-Button__Spinner___5piw6 {
1095
+ .Button-module__hop-Button__Spinner___pmvBz {
1084
1096
  position: absolute;
1085
1097
  }
1086
- .Button-module__hop-Button__icon___gkDmJ,
1087
- .Button-module__hop-Button__icon-list___ybUgY {
1098
+ .Button-module__hop-Button__icon___-guOt,
1099
+ .Button-module__hop-Button__icon-list___ZPlWC {
1088
1100
  flex: 0 0 auto;
1089
1101
  justify-self: end;
1090
1102
  order: 1;
1091
1103
  color: var(--icon-color);
1092
1104
  }
1093
- .Button-module__hop-Button__text___Msvp- {
1105
+ .Button-module__hop-Button__text___-00ft {
1094
1106
  user-select: none;
1095
1107
  overflow: visible;
1096
1108
  flex: 0 1 auto;
1097
1109
  order: 2;
1098
- font-weight: var(--hop-font-weight-505);
1110
+ font-family: var(--hop-Button-text-font);
1111
+ font-size: var(--hop-Button-text-font-size);
1112
+ font-weight: var(--hop-Button-text-font-weight);
1113
+ line-height: var(--hop-Button-text-line-height);
1114
+ letter-spacing: var(--hop-Button-text-letter-spacing);
1099
1115
  text-decoration: none;
1116
+ text-transform: var(--hop-Button-text-transform);
1100
1117
  text-wrap: nowrap;
1101
1118
  }
1102
- .Button-module__hop-Button__end-icon___BPODG,
1103
- .Button-module__hop-Button__end-icon-list___oBUDl {
1119
+ .Button-module__hop-Button__end-icon___ByfrG,
1120
+ .Button-module__hop-Button__end-icon-list___vKQ04 {
1104
1121
  flex: 0 0 auto;
1105
1122
  order: 3;
1106
1123
  color: var(--icon-color);
1107
1124
  }
1108
- .Button-module__hop-Button___TPFhY .Button-module__hop-Button__icon-list___ybUgY,
1109
- .Button-module__hop-Button___TPFhY .Button-module__hop-Button__end-icon-list___oBUDl {
1125
+ .Button-module__hop-Button___y7QGD .Button-module__hop-Button__icon-list___ZPlWC,
1126
+ .Button-module__hop-Button___y7QGD .Button-module__hop-Button__end-icon-list___vKQ04 {
1110
1127
  flex-wrap: nowrap;
1111
1128
  }
1112
- .Button-module__hop-Button--loading___m4lXI.Button-module__hop-Button___TPFhY > *:not(.Button-module__hop-Button__Spinner___5piw6) {
1129
+ .Button-module__hop-Button--loading___j2Ji3.Button-module__hop-Button___y7QGD > *:not(.Button-module__hop-Button__Spinner___pmvBz) {
1113
1130
  opacity: 0;
1114
1131
  }
1115
1132
 
1116
1133
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1117
- .ButtonGroup-module__hop-ButtonGroup___LmgWa {
1134
+ .ButtonGroup-module__hop-ButtonGroup___YZWdw {
1118
1135
  display: inline-flex;
1119
1136
  flex-wrap: nowrap;
1120
1137
  gap: var(--hop-space-inline-md);
1121
1138
  }
1122
- .ButtonGroup-module__hop-ButtonGroup--horizontal___9O--4 {
1139
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___0U5g9 {
1123
1140
  align-items: center;
1124
1141
  }
1125
- .ButtonGroup-module__hop-ButtonGroup--vertical___NL4GL {
1142
+ .ButtonGroup-module__hop-ButtonGroup--vertical___JUaMq {
1126
1143
  flex-direction: column;
1127
1144
  gap: var(--hop-space-stack-md);
1128
1145
  justify-content: center;
1129
1146
  }
1130
- .ButtonGroup-module__hop-ButtonGroup--start___un0V1.ButtonGroup-module__hop-ButtonGroup--vertical___NL4GL {
1147
+ .ButtonGroup-module__hop-ButtonGroup--start___kodB-.ButtonGroup-module__hop-ButtonGroup--vertical___JUaMq {
1131
1148
  align-items: flex-start;
1132
1149
  }
1133
- .ButtonGroup-module__hop-ButtonGroup--center___H8hlp.ButtonGroup-module__hop-ButtonGroup--vertical___NL4GL {
1150
+ .ButtonGroup-module__hop-ButtonGroup--center___vDPhb.ButtonGroup-module__hop-ButtonGroup--vertical___JUaMq {
1134
1151
  align-items: center;
1135
1152
  }
1136
- .ButtonGroup-module__hop-ButtonGroup--end___a2BnL.ButtonGroup-module__hop-ButtonGroup--vertical___NL4GL {
1153
+ .ButtonGroup-module__hop-ButtonGroup--end___57t9J.ButtonGroup-module__hop-ButtonGroup--vertical___JUaMq {
1137
1154
  align-items: flex-end;
1138
1155
  }
1139
- .ButtonGroup-module__hop-ButtonGroup--start___un0V1.ButtonGroup-module__hop-ButtonGroup--horizontal___9O--4 {
1156
+ .ButtonGroup-module__hop-ButtonGroup--start___kodB-.ButtonGroup-module__hop-ButtonGroup--horizontal___0U5g9 {
1140
1157
  justify-content: flex-start;
1141
1158
  }
1142
- .ButtonGroup-module__hop-ButtonGroup--center___H8hlp.ButtonGroup-module__hop-ButtonGroup--horizontal___9O--4 {
1159
+ .ButtonGroup-module__hop-ButtonGroup--center___vDPhb.ButtonGroup-module__hop-ButtonGroup--horizontal___0U5g9 {
1143
1160
  justify-content: center;
1144
1161
  }
1145
- .ButtonGroup-module__hop-ButtonGroup--end___a2BnL.ButtonGroup-module__hop-ButtonGroup--horizontal___9O--4 {
1162
+ .ButtonGroup-module__hop-ButtonGroup--end___57t9J.ButtonGroup-module__hop-ButtonGroup--horizontal___0U5g9 {
1146
1163
  justify-content: flex-end;
1147
1164
  }
1148
- .ButtonGroup-module__hop-ButtonGroup--wrap___diph2 {
1165
+ .ButtonGroup-module__hop-ButtonGroup--wrap___Wybpv {
1149
1166
  flex-wrap: wrap;
1150
1167
  }
1151
- .ButtonGroup-module__hop-ButtonGroup--fluid___yLe29 {
1168
+ .ButtonGroup-module__hop-ButtonGroup--fluid___eLjzH {
1152
1169
  inline-size: 100%;
1153
1170
  }
1154
1171
 
1155
1172
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1156
- .EmbeddedButton-module__hop-EmbeddedButton___yNaQg {
1173
+ .EmbeddedButton-module__hop-EmbeddedButton___5KlW6 {
1157
1174
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1158
1175
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1159
1176
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1317,7 +1334,7 @@
1317
1334
  outline: none;
1318
1335
  transition: color var(--transition);
1319
1336
  }
1320
- .EmbeddedButton-module__hop-EmbeddedButton___yNaQg::before {
1337
+ .EmbeddedButton-module__hop-EmbeddedButton___5KlW6::before {
1321
1338
  content: "";
1322
1339
  position: absolute;
1323
1340
  inset-block-start: 50%;
@@ -1330,284 +1347,284 @@
1330
1347
  border-radius: var(--effect-border-radius);
1331
1348
  transition: background-color var(--transition);
1332
1349
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton___yNaQg[data-square] {
1350
+ .EmbeddedButton-module__hop-EmbeddedButton___5KlW6[data-square] {
1334
1351
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1335
1352
  }
1336
- .EmbeddedButton-module__hop-EmbeddedButton--md___8uWTZ {
1353
+ .EmbeddedButton-module__hop-EmbeddedButton--md___LZaV7 {
1337
1354
  --inline-size: var(--hop-EmbeddedButton-md-width);
1338
1355
  --block-size: var(--hop-EmbeddedButton-md-height);
1339
1356
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1340
1357
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton--lg___gNTVs {
1358
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___5bl-H {
1342
1359
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1343
1360
  --block-size: var(--hop-EmbeddedButton-lg-height);
1344
1361
  --focus-ring-offset: 0;
1345
1362
  }
1346
- .EmbeddedButton-module__hop-EmbeddedButton--md___8uWTZ::before {
1363
+ .EmbeddedButton-module__hop-EmbeddedButton--md___LZaV7::before {
1347
1364
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1348
1365
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1349
1366
  }
1350
- .EmbeddedButton-module__hop-EmbeddedButton--lg___gNTVs::before {
1367
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___5bl-H::before {
1351
1368
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1352
1369
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1353
1370
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4-3Bb {
1371
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UV3EV {
1355
1372
  --color: var(--hop-EmbeddedButton-neutral-color);
1356
1373
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1357
1374
  }
1358
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___z-vaD {
1375
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___hhmgV {
1359
1376
  --color: var(--hop-EmbeddedButton-subdued-color);
1360
1377
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1361
1378
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--progress___mSs6n {
1379
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___DPPMp {
1363
1380
  --color: var(--hop-EmbeddedButton-progress-color);
1364
1381
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1365
1382
  }
1366
- .EmbeddedButton-module__hop-EmbeddedButton--positive___8JMwo {
1383
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___u3RDF {
1367
1384
  --color: var(--hop-EmbeddedButton-positive-color);
1368
1385
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1369
1386
  }
1370
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ROZbA {
1387
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___SZR0j {
1371
1388
  --color: var(--hop-EmbeddedButton-caution-color);
1372
1389
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1373
1390
  }
1374
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-vu72 {
1391
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___G0ler {
1375
1392
  --color: var(--hop-EmbeddedButton-negative-color);
1376
1393
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1377
1394
  }
1378
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GhTcs {
1395
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KarEW {
1379
1396
  --color: var(--hop-EmbeddedButton-option1-color);
1380
1397
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1381
1398
  }
1382
- .EmbeddedButton-module__hop-EmbeddedButton--option2___GI9z6 {
1399
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Hb05E {
1383
1400
  --color: var(--hop-EmbeddedButton-option2-color);
1384
1401
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1385
1402
  }
1386
- .EmbeddedButton-module__hop-EmbeddedButton--option3___pPwGQ {
1403
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___8B0Us {
1387
1404
  --color: var(--hop-EmbeddedButton-option3-color);
1388
1405
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1389
1406
  }
1390
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rXelP {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___yR15M {
1391
1408
  --color: var(--hop-EmbeddedButton-option4-color);
1392
1409
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1393
1410
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton--option5___6VI72 {
1411
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___JR203 {
1395
1412
  --color: var(--hop-EmbeddedButton-option5-color);
1396
1413
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1397
1414
  }
1398
- .EmbeddedButton-module__hop-EmbeddedButton--option6___hhooc {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___YMELZ {
1399
1416
  --color: var(--hop-EmbeddedButton-option6-color);
1400
1417
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1401
1418
  }
1402
- .EmbeddedButton-module__hop-EmbeddedButton___yNaQg[data-selected] {
1419
+ .EmbeddedButton-module__hop-EmbeddedButton___5KlW6[data-selected] {
1403
1420
  --color: var(--hop-EmbeddedButton-selected-color);
1404
1421
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1405
1422
  }
1406
- .EmbeddedButton-module__hop-EmbeddedButton___yNaQg[data-focus-visible] {
1423
+ .EmbeddedButton-module__hop-EmbeddedButton___5KlW6[data-focus-visible] {
1407
1424
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1408
1425
  outline-offset: var(--focus-ring-offset);
1409
1426
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton___yNaQg[data-disabled] {
1427
+ .EmbeddedButton-module__hop-EmbeddedButton___5KlW6[data-disabled] {
1411
1428
  cursor: not-allowed;
1412
1429
  }
1413
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4-3Bb[data-hovered] {
1430
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UV3EV[data-hovered] {
1414
1431
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1415
1432
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1416
1433
  }
1417
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4-3Bb[data-focus-visible] {
1434
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UV3EV[data-focus-visible] {
1418
1435
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1419
1436
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1420
1437
  }
1421
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4-3Bb[data-pressed] {
1438
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UV3EV[data-pressed] {
1422
1439
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1423
1440
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1424
1441
  }
1425
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4-3Bb[data-disabled] {
1442
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___UV3EV[data-disabled] {
1426
1443
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1427
1444
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1428
1445
  }
1429
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___z-vaD[data-hovered] {
1446
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___hhmgV[data-hovered] {
1430
1447
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1431
1448
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1432
1449
  }
1433
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___z-vaD[data-focus-visible] {
1450
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___hhmgV[data-focus-visible] {
1434
1451
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1435
1452
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1436
1453
  }
1437
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___z-vaD[data-pressed] {
1454
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___hhmgV[data-pressed] {
1438
1455
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1439
1456
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1440
1457
  }
1441
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___z-vaD[data-disabled] {
1458
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___hhmgV[data-disabled] {
1442
1459
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1443
1460
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1444
1461
  }
1445
- .EmbeddedButton-module__hop-EmbeddedButton--progress___mSs6n[data-hovered] {
1462
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___DPPMp[data-hovered] {
1446
1463
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1447
1464
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1448
1465
  }
1449
- .EmbeddedButton-module__hop-EmbeddedButton--progress___mSs6n[data-focus-visible] {
1466
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___DPPMp[data-focus-visible] {
1450
1467
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1451
1468
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1452
1469
  }
1453
- .EmbeddedButton-module__hop-EmbeddedButton--progress___mSs6n[data-pressed] {
1470
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___DPPMp[data-pressed] {
1454
1471
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1455
1472
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1456
1473
  }
1457
- .EmbeddedButton-module__hop-EmbeddedButton--progress___mSs6n[data-disabled] {
1474
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___DPPMp[data-disabled] {
1458
1475
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1459
1476
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1460
1477
  }
1461
- .EmbeddedButton-module__hop-EmbeddedButton--positive___8JMwo[data-hovered] {
1478
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___u3RDF[data-hovered] {
1462
1479
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1463
1480
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1464
1481
  }
1465
- .EmbeddedButton-module__hop-EmbeddedButton--positive___8JMwo[data-focus-visible] {
1482
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___u3RDF[data-focus-visible] {
1466
1483
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1467
1484
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1468
1485
  }
1469
- .EmbeddedButton-module__hop-EmbeddedButton--positive___8JMwo[data-pressed] {
1486
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___u3RDF[data-pressed] {
1470
1487
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1471
1488
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1472
1489
  }
1473
- .EmbeddedButton-module__hop-EmbeddedButton--positive___8JMwo[data-disabled] {
1490
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___u3RDF[data-disabled] {
1474
1491
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1475
1492
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1476
1493
  }
1477
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ROZbA[data-hovered] {
1494
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___SZR0j[data-hovered] {
1478
1495
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1479
1496
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1480
1497
  }
1481
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ROZbA[data-focus-visible] {
1498
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___SZR0j[data-focus-visible] {
1482
1499
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1483
1500
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1484
1501
  }
1485
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ROZbA[data-pressed] {
1502
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___SZR0j[data-pressed] {
1486
1503
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1487
1504
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1488
1505
  }
1489
- .EmbeddedButton-module__hop-EmbeddedButton--caution___ROZbA[data-disabled] {
1506
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___SZR0j[data-disabled] {
1490
1507
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1491
1508
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1492
1509
  }
1493
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-vu72[data-hovered] {
1510
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___G0ler[data-hovered] {
1494
1511
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1495
1512
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1496
1513
  }
1497
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-vu72[data-focus-visible] {
1514
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___G0ler[data-focus-visible] {
1498
1515
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1499
1516
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1500
1517
  }
1501
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-vu72[data-pressed] {
1518
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___G0ler[data-pressed] {
1502
1519
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1503
1520
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1504
1521
  }
1505
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-vu72[data-disabled] {
1522
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___G0ler[data-disabled] {
1506
1523
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1507
1524
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1508
1525
  }
1509
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GhTcs[data-hovered] {
1526
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KarEW[data-hovered] {
1510
1527
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1511
1528
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1512
1529
  }
1513
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GhTcs[data-focus-visible] {
1530
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KarEW[data-focus-visible] {
1514
1531
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1515
1532
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1516
1533
  }
1517
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GhTcs[data-pressed] {
1534
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KarEW[data-pressed] {
1518
1535
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1519
1536
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1520
1537
  }
1521
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GhTcs[data-disabled] {
1538
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KarEW[data-disabled] {
1522
1539
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1523
1540
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1524
1541
  }
1525
- .EmbeddedButton-module__hop-EmbeddedButton--option2___GI9z6[data-hovered] {
1542
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Hb05E[data-hovered] {
1526
1543
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1527
1544
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1528
1545
  }
1529
- .EmbeddedButton-module__hop-EmbeddedButton--option2___GI9z6[data-focus-visible] {
1546
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Hb05E[data-focus-visible] {
1530
1547
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1531
1548
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1532
1549
  }
1533
- .EmbeddedButton-module__hop-EmbeddedButton--option2___GI9z6[data-pressed] {
1550
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Hb05E[data-pressed] {
1534
1551
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1535
1552
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1536
1553
  }
1537
- .EmbeddedButton-module__hop-EmbeddedButton--option2___GI9z6[data-disabled] {
1554
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Hb05E[data-disabled] {
1538
1555
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1539
1556
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1540
1557
  }
1541
- .EmbeddedButton-module__hop-EmbeddedButton--option3___pPwGQ[data-hovered] {
1558
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___8B0Us[data-hovered] {
1542
1559
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1543
1560
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1544
1561
  }
1545
- .EmbeddedButton-module__hop-EmbeddedButton--option3___pPwGQ[data-focus-visible] {
1562
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___8B0Us[data-focus-visible] {
1546
1563
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1547
1564
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1548
1565
  }
1549
- .EmbeddedButton-module__hop-EmbeddedButton--option3___pPwGQ[data-pressed] {
1566
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___8B0Us[data-pressed] {
1550
1567
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1551
1568
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1552
1569
  }
1553
- .EmbeddedButton-module__hop-EmbeddedButton--option3___pPwGQ[data-disabled] {
1570
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___8B0Us[data-disabled] {
1554
1571
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1555
1572
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1556
1573
  }
1557
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rXelP[data-hovered] {
1574
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___yR15M[data-hovered] {
1558
1575
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1559
1576
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1560
1577
  }
1561
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rXelP[data-focus-visible] {
1578
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___yR15M[data-focus-visible] {
1562
1579
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1563
1580
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1564
1581
  }
1565
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rXelP[data-pressed] {
1582
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___yR15M[data-pressed] {
1566
1583
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1567
1584
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1568
1585
  }
1569
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rXelP[data-disabled] {
1586
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___yR15M[data-disabled] {
1570
1587
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1571
1588
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1572
1589
  }
1573
- .EmbeddedButton-module__hop-EmbeddedButton--option5___6VI72[data-hovered] {
1590
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___JR203[data-hovered] {
1574
1591
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1575
1592
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1576
1593
  }
1577
- .EmbeddedButton-module__hop-EmbeddedButton--option5___6VI72[data-focus-visible] {
1594
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___JR203[data-focus-visible] {
1578
1595
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1579
1596
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1580
1597
  }
1581
- .EmbeddedButton-module__hop-EmbeddedButton--option5___6VI72[data-pressed] {
1598
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___JR203[data-pressed] {
1582
1599
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1583
1600
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1584
1601
  }
1585
- .EmbeddedButton-module__hop-EmbeddedButton--option5___6VI72[data-disabled] {
1602
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___JR203[data-disabled] {
1586
1603
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1587
1604
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1588
1605
  }
1589
- .EmbeddedButton-module__hop-EmbeddedButton--option6___hhooc[data-hovered] {
1606
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___YMELZ[data-hovered] {
1590
1607
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1591
1608
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1592
1609
  }
1593
- .EmbeddedButton-module__hop-EmbeddedButton--option6___hhooc[data-focus-visible] {
1610
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___YMELZ[data-focus-visible] {
1594
1611
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1595
1612
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1596
1613
  }
1597
- .EmbeddedButton-module__hop-EmbeddedButton--option6___hhooc[data-pressed] {
1614
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___YMELZ[data-pressed] {
1598
1615
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1599
1616
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1600
1617
  }
1601
- .EmbeddedButton-module__hop-EmbeddedButton--option6___hhooc[data-disabled] {
1618
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___YMELZ[data-disabled] {
1602
1619
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1603
1620
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1604
1621
  }
1605
- .EmbeddedButton-module__hop-EmbeddedButton__icon___9qbbm {
1622
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___9IHrt {
1606
1623
  position: relative;
1607
1624
  }
1608
1625
 
1609
1626
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1610
- button.CloseButton-module__hop-CloseButton___-4qlz {
1627
+ button.CloseButton-module__hop-CloseButton___chObF {
1611
1628
  --hop-CloseButton-margin-top: 0rem;
1612
1629
  --hop-CloseButton-padding: 0rem;
1613
1630
  --hop-CloseButton-width: fit-content;
@@ -1621,7 +1638,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1621
1638
  }
1622
1639
 
1623
1640
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1624
- .Button-module__hop-Button___TPFhY {
1641
+ .Button-module__hop-Button___y7QGD {
1625
1642
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1626
1643
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1627
1644
  --hop-Button-icon-only-column-gap: 0;
@@ -1634,6 +1651,12 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1634
1651
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1635
1652
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1636
1653
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1654
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
1655
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
1656
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
1657
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
1658
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
1659
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
1637
1660
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1638
1661
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1639
1662
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -1682,32 +1705,38 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1682
1705
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1683
1706
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1684
1707
  }
1685
- .Button-module__hop-Button--fluid___n4bhu {
1708
+ .Button-module__hop-Button--fluid___JDgXd {
1686
1709
  --inline-size: 100%;
1687
1710
  }
1688
- .Button-module__hop-Button--xs___K0QNl {
1711
+ .Button-module__hop-Button--xs___wu8zG {
1689
1712
  --block-size: var(--hop-Button-xs-height);
1690
1713
  --padding: var(--hop-Button-xs-padding);
1714
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
1715
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
1716
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
1691
1717
  }
1692
- .Button-module__hop-Button--xs___K0QNl[class*=--ghost] {
1718
+ .Button-module__hop-Button--xs___wu8zG[class*=--ghost] {
1693
1719
  --padding: var(--hop-Button-ghost-xs-padding);
1694
1720
  }
1695
- .Button-module__hop-Button--sm___JNY5q {
1721
+ .Button-module__hop-Button--sm___kGZOM {
1696
1722
  --block-size: var(--hop-Button-sm-height);
1697
1723
  --padding: var(--hop-Button-sm-padding);
1724
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
1725
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
1726
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
1698
1727
  }
1699
- .Button-module__hop-Button--sm___JNY5q[class*=--ghost] {
1728
+ .Button-module__hop-Button--sm___kGZOM[class*=--ghost] {
1700
1729
  --padding: var(--hop-Button-ghost-sm-padding);
1701
1730
  }
1702
- .Button-module__hop-Button--md___YQHJS[class*=--ghost] {
1731
+ .Button-module__hop-Button--md___wKoji[class*=--ghost] {
1703
1732
  --padding: var(--hop-Button-ghost-md-padding);
1704
1733
  }
1705
- .Button-module__hop-Button--icon-only___eBEMo {
1734
+ .Button-module__hop-Button--icon-only___EmyUM {
1706
1735
  --column-gap: var(--hop-Button-icon-only-column-gap);
1707
1736
  --padding: var(--hop-Button-icon-only-padding);
1708
1737
  aspect-ratio: 1;
1709
1738
  }
1710
- .Button-module__hop-Button--primary___mwxrY {
1739
+ .Button-module__hop-Button--primary___3p37R {
1711
1740
  --background: var(--hop-comp-button-primary-background);
1712
1741
  --color: var(--hop-comp-button-primary-text-color);
1713
1742
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -1718,20 +1747,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1718
1747
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1719
1748
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1720
1749
  }
1721
- .Button-module__hop-Button--primary___mwxrY[data-hovered],
1722
- .Button-module__hop-Button--primary___mwxrY[data-focus-visible] {
1750
+ .Button-module__hop-Button--primary___3p37R[data-hovered],
1751
+ .Button-module__hop-Button--primary___3p37R[data-focus-visible] {
1723
1752
  --background: var(--hop-comp-button-primary-background-hover);
1724
1753
  --color: var(--hop-comp-button-primary-text-color-hover);
1725
1754
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1726
1755
  --border: var(--hop-Button-primary-border);
1727
1756
  }
1728
- .Button-module__hop-Button--primary___mwxrY[data-pressed] {
1757
+ .Button-module__hop-Button--primary___3p37R[data-pressed] {
1729
1758
  --background: var(--hop-comp-button-primary-background-pressed);
1730
1759
  --color: var(--hop-comp-button-primary-text-color-pressed);
1731
1760
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
1732
1761
  --border: var(--hop-Button-primary-border);
1733
1762
  }
1734
- .Button-module__hop-Button--secondary___Xe6mb {
1763
+ .Button-module__hop-Button--secondary___1JG6W {
1735
1764
  --background: var(--hop-comp-button-secondary-background);
1736
1765
  --color: var(--hop-comp-button-secondary-text-color);
1737
1766
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -1742,20 +1771,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1742
1771
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1743
1772
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1744
1773
  }
1745
- .Button-module__hop-Button--secondary___Xe6mb[data-hovered],
1746
- .Button-module__hop-Button--secondary___Xe6mb[data-focus-visible] {
1774
+ .Button-module__hop-Button--secondary___1JG6W[data-hovered],
1775
+ .Button-module__hop-Button--secondary___1JG6W[data-focus-visible] {
1747
1776
  --background: var(--hop-comp-button-secondary-background-hover);
1748
1777
  --color: var(--hop-comp-button-secondary-text-color-hover);
1749
1778
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1750
1779
  --border: var(--hop-Button-secondary-border);
1751
1780
  }
1752
- .Button-module__hop-Button--secondary___Xe6mb[data-pressed] {
1781
+ .Button-module__hop-Button--secondary___1JG6W[data-pressed] {
1753
1782
  --background: var(--hop-comp-button-secondary-background-pressed);
1754
1783
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1755
1784
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1756
1785
  --border: var(--hop-Button-secondary-border);
1757
1786
  }
1758
- .Button-module__hop-Button--upsell___mu64g {
1787
+ .Button-module__hop-Button--upsell___w5hi7 {
1759
1788
  --background: var(--hop-comp-button-upsell-background);
1760
1789
  --color: var(--hop-comp-button-upsell-text-color);
1761
1790
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -1766,20 +1795,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1766
1795
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1767
1796
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1768
1797
  }
1769
- .Button-module__hop-Button--upsell___mu64g[data-hovered],
1770
- .Button-module__hop-Button--upsell___mu64g[data-focus-visible] {
1798
+ .Button-module__hop-Button--upsell___w5hi7[data-hovered],
1799
+ .Button-module__hop-Button--upsell___w5hi7[data-focus-visible] {
1771
1800
  --background: var(--hop-comp-button-upsell-background-hover);
1772
1801
  --color: var(--hop-comp-button-upsell-text-color-hover);
1773
1802
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1774
1803
  --border: var(--hop-Button-upsell-border);
1775
1804
  }
1776
- .Button-module__hop-Button--upsell___mu64g[data-pressed] {
1805
+ .Button-module__hop-Button--upsell___w5hi7[data-pressed] {
1777
1806
  --background: var(--hop-comp-button-upsell-background-pressed);
1778
1807
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1779
1808
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1780
1809
  --border: var(--hop-Button-upsell-border);
1781
1810
  }
1782
- .Button-module__hop-Button--danger___vd6EP {
1811
+ .Button-module__hop-Button--danger___F-Gss {
1783
1812
  --background: var(--hop-comp-button-danger-background);
1784
1813
  --color: var(--hop-comp-button-danger-text-color);
1785
1814
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -1790,20 +1819,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1790
1819
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1791
1820
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1792
1821
  }
1793
- .Button-module__hop-Button--danger___vd6EP[data-hovered],
1794
- .Button-module__hop-Button--danger___vd6EP[data-focus-visible] {
1822
+ .Button-module__hop-Button--danger___F-Gss[data-hovered],
1823
+ .Button-module__hop-Button--danger___F-Gss[data-focus-visible] {
1795
1824
  --background: var(--hop-comp-button-danger-background-hover);
1796
1825
  --color: var(--hop-comp-button-danger-text-color-hover);
1797
1826
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1798
1827
  --border: var(--hop-Button-danger-border);
1799
1828
  }
1800
- .Button-module__hop-Button--danger___vd6EP[data-pressed] {
1829
+ .Button-module__hop-Button--danger___F-Gss[data-pressed] {
1801
1830
  --background: var(--hop-comp-button-danger-background-pressed);
1802
1831
  --color: var(--hop-comp-button-danger-text-color-pressed);
1803
1832
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
1804
1833
  --border: var(--hop-Button-danger-border);
1805
1834
  }
1806
- .Button-module__hop-Button--ghost-primary___xKI82 {
1835
+ .Button-module__hop-Button--ghost-primary___8m8LC {
1807
1836
  --background: var(--hop-comp-button-ghost-primary-background);
1808
1837
  --color: var(--hop-comp-button-ghost-primary-text-color);
1809
1838
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -1814,20 +1843,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1814
1843
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1815
1844
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1816
1845
  }
1817
- .Button-module__hop-Button--ghost-primary___xKI82[data-hovered],
1818
- .Button-module__hop-Button--ghost-primary___xKI82[data-focus-visible] {
1846
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-hovered],
1847
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-focus-visible] {
1819
1848
  --background: var(--hop-comp-button-ghost-primary-background-hover);
1820
1849
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1821
1850
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1822
1851
  --border: var(--hop-Button-ghost-primary-border);
1823
1852
  }
1824
- .Button-module__hop-Button--ghost-primary___xKI82[data-pressed] {
1853
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-pressed] {
1825
1854
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
1826
1855
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1827
1856
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1828
1857
  --border: var(--hop-Button-ghost-primary-border);
1829
1858
  }
1830
- .Button-module__hop-Button--ghost-secondary___jiXAH {
1859
+ .Button-module__hop-Button--ghost-secondary___h0sDP {
1831
1860
  --background: var(--hop-comp-button-ghost-secondary-background);
1832
1861
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1833
1862
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -1838,20 +1867,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1838
1867
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1839
1868
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1840
1869
  }
1841
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-hovered],
1842
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-focus-visible] {
1870
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-hovered],
1871
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-focus-visible] {
1843
1872
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1844
1873
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1845
1874
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1846
1875
  --border: var(--hop-Button-ghost-secondary-border);
1847
1876
  }
1848
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-pressed] {
1877
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-pressed] {
1849
1878
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1850
1879
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1851
1880
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1852
1881
  --border: var(--hop-Button-ghost-secondary-border);
1853
1882
  }
1854
- .Button-module__hop-Button--ghost-danger___6Q31q {
1883
+ .Button-module__hop-Button--ghost-danger___EsOFM {
1855
1884
  --background: var(--hop-comp-button-ghost-danger-background);
1856
1885
  --color: var(--hop-comp-button-ghost-danger-text-color);
1857
1886
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1862,137 +1891,142 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
1862
1891
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1863
1892
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1864
1893
  }
1865
- .Button-module__hop-Button--ghost-danger___6Q31q[data-hovered],
1866
- .Button-module__hop-Button--ghost-danger___6Q31q[data-focus-visible] {
1894
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-hovered],
1895
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-focus-visible] {
1867
1896
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1868
1897
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1869
1898
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1870
1899
  --border: var(--hop-Button-ghost-danger-border);
1871
1900
  }
1872
- .Button-module__hop-Button--ghost-danger___6Q31q[data-pressed] {
1901
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-pressed] {
1873
1902
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1874
1903
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1875
1904
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1876
1905
  --border: var(--hop-Button-ghost-danger-border);
1877
1906
  }
1878
- .Button-module__hop-Button___TPFhY[data-focus-visible] {
1907
+ .Button-module__hop-Button___y7QGD[data-focus-visible] {
1879
1908
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1880
1909
  }
1881
- .Button-module__hop-Button___TPFhY[data-disabled],
1882
- .Button-module__hop-Button--loading___m4lXI {
1910
+ .Button-module__hop-Button___y7QGD[data-disabled],
1911
+ .Button-module__hop-Button--loading___j2Ji3 {
1883
1912
  cursor: not-allowed;
1884
1913
  }
1885
- .Button-module__hop-Button___TPFhY[data-disabled] {
1914
+ .Button-module__hop-Button___y7QGD[data-disabled] {
1886
1915
  --color: var(--hop-comp-button-text-color-disabled);
1887
1916
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1888
1917
  }
1889
- .Button-module__hop-Button--primary___mwxrY[data-disabled] {
1918
+ .Button-module__hop-Button--primary___3p37R[data-disabled] {
1890
1919
  --background: var(--hop-comp-button-primary-background-disabled);
1891
1920
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1892
1921
  }
1893
- .Button-module__hop-Button--secondary___Xe6mb[data-disabled] {
1922
+ .Button-module__hop-Button--secondary___1JG6W[data-disabled] {
1894
1923
  --background: var(--hop-comp-button-secondary-background-disabled);
1895
1924
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1896
1925
  }
1897
- .Button-module__hop-Button--upsell___mu64g[data-disabled] {
1926
+ .Button-module__hop-Button--upsell___w5hi7[data-disabled] {
1898
1927
  --background: var(--hop-comp-button-upsell-background-disabled);
1899
1928
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1900
1929
  }
1901
- .Button-module__hop-Button--danger___vd6EP[data-disabled] {
1930
+ .Button-module__hop-Button--danger___F-Gss[data-disabled] {
1902
1931
  --background: var(--hop-comp-button-danger-background-disabled);
1903
1932
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1904
1933
  }
1905
- .Button-module__hop-Button--ghost-primary___xKI82[data-disabled] {
1934
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-disabled] {
1906
1935
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1907
1936
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1908
1937
  }
1909
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-disabled] {
1938
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-disabled] {
1910
1939
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1911
1940
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1912
1941
  }
1913
- .Button-module__hop-Button--ghost-danger___6Q31q[data-disabled] {
1942
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-disabled] {
1914
1943
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1915
1944
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1916
1945
  }
1917
- .Button-module__hop-Button--loading___m4lXI {
1946
+ .Button-module__hop-Button--loading___j2Ji3 {
1918
1947
  background: var(--background-loading);
1919
1948
  color: var(--color-loading);
1920
1949
  border-color: var(--border-color-loading);
1921
1950
  box-shadow: var(--box-shadow-loading);
1922
1951
  }
1923
- .Button-module__hop-Button__Spinner___5piw6 {
1952
+ .Button-module__hop-Button__Spinner___pmvBz {
1924
1953
  position: absolute;
1925
1954
  }
1926
- .Button-module__hop-Button__icon___gkDmJ,
1927
- .Button-module__hop-Button__icon-list___ybUgY {
1955
+ .Button-module__hop-Button__icon___-guOt,
1956
+ .Button-module__hop-Button__icon-list___ZPlWC {
1928
1957
  flex: 0 0 auto;
1929
1958
  justify-self: end;
1930
1959
  order: 1;
1931
1960
  color: var(--icon-color);
1932
1961
  }
1933
- .Button-module__hop-Button__text___Msvp- {
1962
+ .Button-module__hop-Button__text___-00ft {
1934
1963
  user-select: none;
1935
1964
  overflow: visible;
1936
1965
  flex: 0 1 auto;
1937
1966
  order: 2;
1938
- font-weight: var(--hop-font-weight-505);
1967
+ font-family: var(--hop-Button-text-font);
1968
+ font-size: var(--hop-Button-text-font-size);
1969
+ font-weight: var(--hop-Button-text-font-weight);
1970
+ line-height: var(--hop-Button-text-line-height);
1971
+ letter-spacing: var(--hop-Button-text-letter-spacing);
1939
1972
  text-decoration: none;
1973
+ text-transform: var(--hop-Button-text-transform);
1940
1974
  text-wrap: nowrap;
1941
1975
  }
1942
- .Button-module__hop-Button__end-icon___BPODG,
1943
- .Button-module__hop-Button__end-icon-list___oBUDl {
1976
+ .Button-module__hop-Button__end-icon___ByfrG,
1977
+ .Button-module__hop-Button__end-icon-list___vKQ04 {
1944
1978
  flex: 0 0 auto;
1945
1979
  order: 3;
1946
1980
  color: var(--icon-color);
1947
1981
  }
1948
- .Button-module__hop-Button___TPFhY .Button-module__hop-Button__icon-list___ybUgY,
1949
- .Button-module__hop-Button___TPFhY .Button-module__hop-Button__end-icon-list___oBUDl {
1982
+ .Button-module__hop-Button___y7QGD .Button-module__hop-Button__icon-list___ZPlWC,
1983
+ .Button-module__hop-Button___y7QGD .Button-module__hop-Button__end-icon-list___vKQ04 {
1950
1984
  flex-wrap: nowrap;
1951
1985
  }
1952
- .Button-module__hop-Button--loading___m4lXI.Button-module__hop-Button___TPFhY > *:not(.Button-module__hop-Button__Spinner___5piw6) {
1986
+ .Button-module__hop-Button--loading___j2Ji3.Button-module__hop-Button___y7QGD > *:not(.Button-module__hop-Button__Spinner___pmvBz) {
1953
1987
  opacity: 0;
1954
1988
  }
1955
- .LinkButton-module__hop-LinkButton___vXIoZ {
1989
+ .LinkButton-module__hop-LinkButton___njEfm {
1956
1990
  }
1957
- .LinkButton-module__hop-LinkButton--fluid___RliiY {
1991
+ .LinkButton-module__hop-LinkButton--fluid___fLGmV {
1958
1992
  }
1959
- .LinkButton-module__hop-LinkButton--xs___91For {
1993
+ .LinkButton-module__hop-LinkButton--xs___VIDbN {
1960
1994
  }
1961
- .LinkButton-module__hop-LinkButton--sm___2axwo {
1995
+ .LinkButton-module__hop-LinkButton--sm___i9UOo {
1962
1996
  }
1963
- .LinkButton-module__hop-LinkButton--icon-only___1G-sF {
1997
+ .LinkButton-module__hop-LinkButton--icon-only___UTKDI {
1964
1998
  }
1965
- .LinkButton-module__hop-LinkButton--primary___XSpa5 {
1999
+ .LinkButton-module__hop-LinkButton--primary___Q4Bmm {
1966
2000
  }
1967
- .LinkButton-module__hop-LinkButton--secondary___Wev7w {
2001
+ .LinkButton-module__hop-LinkButton--secondary___Zz1LH {
1968
2002
  }
1969
- .LinkButton-module__hop-LinkButton--upsell___w7Rlp {
2003
+ .LinkButton-module__hop-LinkButton--upsell___6kVcX {
1970
2004
  }
1971
- .LinkButton-module__hop-LinkButton--danger___0YCOd {
2005
+ .LinkButton-module__hop-LinkButton--danger___-bXwe {
1972
2006
  }
1973
- .LinkButton-module__hop-LinkButton--ghost-primary___NyHn3 {
2007
+ .LinkButton-module__hop-LinkButton--ghost-primary___g5dGb {
1974
2008
  }
1975
- .LinkButton-module__hop-LinkButton--ghost-secondary___0DDDB {
2009
+ .LinkButton-module__hop-LinkButton--ghost-secondary___7yv0t {
1976
2010
  }
1977
- .LinkButton-module__hop-LinkButton--ghost-danger___cpj1o {
2011
+ .LinkButton-module__hop-LinkButton--ghost-danger___yzO4z {
1978
2012
  }
1979
- .LinkButton-module__hop-LinkButton__Spinner___kb5CN {
2013
+ .LinkButton-module__hop-LinkButton__Spinner___PcrcD {
1980
2014
  }
1981
- .LinkButton-module__hop-LinkButton__icon___QGnZf,
1982
- .LinkButton-module__hop-LinkButton__icon-list___dKzXh {
2015
+ .LinkButton-module__hop-LinkButton__icon___-nsWb,
2016
+ .LinkButton-module__hop-LinkButton__icon-list___HC-PY {
1983
2017
  }
1984
- .LinkButton-module__hop-LinkButton__text___zqkqz {
2018
+ .LinkButton-module__hop-LinkButton__text___rnrDr {
1985
2019
  }
1986
- .LinkButton-module__hop-LinkButton__end-icon___K7XGr,
1987
- .LinkButton-module__hop-LinkButton__end-icon-list___6qG8B {
2020
+ .LinkButton-module__hop-LinkButton__end-icon___hPVQT,
2021
+ .LinkButton-module__hop-LinkButton__end-icon-list___2sl3A {
1988
2022
  }
1989
- .LinkButton-module__hop-LinkButton___vXIoZ .LinkButton-module__hop-LinkButton__icon-list___dKzXh,
1990
- .LinkButton-module__hop-LinkButton___vXIoZ .LinkButton-module__hop-LinkButton__end-icon-list___6qG8B {
2023
+ .LinkButton-module__hop-LinkButton___njEfm .LinkButton-module__hop-LinkButton__icon-list___HC-PY,
2024
+ .LinkButton-module__hop-LinkButton___njEfm .LinkButton-module__hop-LinkButton__end-icon-list___2sl3A {
1991
2025
  flex-wrap: nowrap;
1992
2026
  }
1993
2027
 
1994
2028
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1995
- .Button-module__hop-Button___TPFhY {
2029
+ .Button-module__hop-Button___y7QGD {
1996
2030
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1997
2031
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1998
2032
  --hop-Button-icon-only-column-gap: 0;
@@ -2005,6 +2039,12 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2005
2039
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
2006
2040
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
2007
2041
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
2042
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
2043
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
2044
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
2045
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
2046
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
2047
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
2008
2048
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
2009
2049
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
2010
2050
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -2053,32 +2093,38 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2053
2093
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2054
2094
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2055
2095
  }
2056
- .Button-module__hop-Button--fluid___n4bhu {
2096
+ .Button-module__hop-Button--fluid___JDgXd {
2057
2097
  --inline-size: 100%;
2058
2098
  }
2059
- .Button-module__hop-Button--xs___K0QNl {
2099
+ .Button-module__hop-Button--xs___wu8zG {
2060
2100
  --block-size: var(--hop-Button-xs-height);
2061
2101
  --padding: var(--hop-Button-xs-padding);
2102
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
2103
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
2104
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
2062
2105
  }
2063
- .Button-module__hop-Button--xs___K0QNl[class*=--ghost] {
2106
+ .Button-module__hop-Button--xs___wu8zG[class*=--ghost] {
2064
2107
  --padding: var(--hop-Button-ghost-xs-padding);
2065
2108
  }
2066
- .Button-module__hop-Button--sm___JNY5q {
2109
+ .Button-module__hop-Button--sm___kGZOM {
2067
2110
  --block-size: var(--hop-Button-sm-height);
2068
2111
  --padding: var(--hop-Button-sm-padding);
2112
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
2113
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
2114
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
2069
2115
  }
2070
- .Button-module__hop-Button--sm___JNY5q[class*=--ghost] {
2116
+ .Button-module__hop-Button--sm___kGZOM[class*=--ghost] {
2071
2117
  --padding: var(--hop-Button-ghost-sm-padding);
2072
2118
  }
2073
- .Button-module__hop-Button--md___YQHJS[class*=--ghost] {
2119
+ .Button-module__hop-Button--md___wKoji[class*=--ghost] {
2074
2120
  --padding: var(--hop-Button-ghost-md-padding);
2075
2121
  }
2076
- .Button-module__hop-Button--icon-only___eBEMo {
2122
+ .Button-module__hop-Button--icon-only___EmyUM {
2077
2123
  --column-gap: var(--hop-Button-icon-only-column-gap);
2078
2124
  --padding: var(--hop-Button-icon-only-padding);
2079
2125
  aspect-ratio: 1;
2080
2126
  }
2081
- .Button-module__hop-Button--primary___mwxrY {
2127
+ .Button-module__hop-Button--primary___3p37R {
2082
2128
  --background: var(--hop-comp-button-primary-background);
2083
2129
  --color: var(--hop-comp-button-primary-text-color);
2084
2130
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -2089,20 +2135,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2089
2135
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
2090
2136
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
2091
2137
  }
2092
- .Button-module__hop-Button--primary___mwxrY[data-hovered],
2093
- .Button-module__hop-Button--primary___mwxrY[data-focus-visible] {
2138
+ .Button-module__hop-Button--primary___3p37R[data-hovered],
2139
+ .Button-module__hop-Button--primary___3p37R[data-focus-visible] {
2094
2140
  --background: var(--hop-comp-button-primary-background-hover);
2095
2141
  --color: var(--hop-comp-button-primary-text-color-hover);
2096
2142
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
2097
2143
  --border: var(--hop-Button-primary-border);
2098
2144
  }
2099
- .Button-module__hop-Button--primary___mwxrY[data-pressed] {
2145
+ .Button-module__hop-Button--primary___3p37R[data-pressed] {
2100
2146
  --background: var(--hop-comp-button-primary-background-pressed);
2101
2147
  --color: var(--hop-comp-button-primary-text-color-pressed);
2102
2148
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
2103
2149
  --border: var(--hop-Button-primary-border);
2104
2150
  }
2105
- .Button-module__hop-Button--secondary___Xe6mb {
2151
+ .Button-module__hop-Button--secondary___1JG6W {
2106
2152
  --background: var(--hop-comp-button-secondary-background);
2107
2153
  --color: var(--hop-comp-button-secondary-text-color);
2108
2154
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -2113,20 +2159,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2113
2159
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
2114
2160
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
2115
2161
  }
2116
- .Button-module__hop-Button--secondary___Xe6mb[data-hovered],
2117
- .Button-module__hop-Button--secondary___Xe6mb[data-focus-visible] {
2162
+ .Button-module__hop-Button--secondary___1JG6W[data-hovered],
2163
+ .Button-module__hop-Button--secondary___1JG6W[data-focus-visible] {
2118
2164
  --background: var(--hop-comp-button-secondary-background-hover);
2119
2165
  --color: var(--hop-comp-button-secondary-text-color-hover);
2120
2166
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
2121
2167
  --border: var(--hop-Button-secondary-border);
2122
2168
  }
2123
- .Button-module__hop-Button--secondary___Xe6mb[data-pressed] {
2169
+ .Button-module__hop-Button--secondary___1JG6W[data-pressed] {
2124
2170
  --background: var(--hop-comp-button-secondary-background-pressed);
2125
2171
  --color: var(--hop-comp-button-secondary-text-color-pressed);
2126
2172
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
2127
2173
  --border: var(--hop-Button-secondary-border);
2128
2174
  }
2129
- .Button-module__hop-Button--upsell___mu64g {
2175
+ .Button-module__hop-Button--upsell___w5hi7 {
2130
2176
  --background: var(--hop-comp-button-upsell-background);
2131
2177
  --color: var(--hop-comp-button-upsell-text-color);
2132
2178
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -2137,20 +2183,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2137
2183
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
2138
2184
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
2139
2185
  }
2140
- .Button-module__hop-Button--upsell___mu64g[data-hovered],
2141
- .Button-module__hop-Button--upsell___mu64g[data-focus-visible] {
2186
+ .Button-module__hop-Button--upsell___w5hi7[data-hovered],
2187
+ .Button-module__hop-Button--upsell___w5hi7[data-focus-visible] {
2142
2188
  --background: var(--hop-comp-button-upsell-background-hover);
2143
2189
  --color: var(--hop-comp-button-upsell-text-color-hover);
2144
2190
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
2145
2191
  --border: var(--hop-Button-upsell-border);
2146
2192
  }
2147
- .Button-module__hop-Button--upsell___mu64g[data-pressed] {
2193
+ .Button-module__hop-Button--upsell___w5hi7[data-pressed] {
2148
2194
  --background: var(--hop-comp-button-upsell-background-pressed);
2149
2195
  --color: var(--hop-comp-button-upsell-text-color-pressed);
2150
2196
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
2151
2197
  --border: var(--hop-Button-upsell-border);
2152
2198
  }
2153
- .Button-module__hop-Button--danger___vd6EP {
2199
+ .Button-module__hop-Button--danger___F-Gss {
2154
2200
  --background: var(--hop-comp-button-danger-background);
2155
2201
  --color: var(--hop-comp-button-danger-text-color);
2156
2202
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -2161,20 +2207,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2161
2207
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
2162
2208
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
2163
2209
  }
2164
- .Button-module__hop-Button--danger___vd6EP[data-hovered],
2165
- .Button-module__hop-Button--danger___vd6EP[data-focus-visible] {
2210
+ .Button-module__hop-Button--danger___F-Gss[data-hovered],
2211
+ .Button-module__hop-Button--danger___F-Gss[data-focus-visible] {
2166
2212
  --background: var(--hop-comp-button-danger-background-hover);
2167
2213
  --color: var(--hop-comp-button-danger-text-color-hover);
2168
2214
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
2169
2215
  --border: var(--hop-Button-danger-border);
2170
2216
  }
2171
- .Button-module__hop-Button--danger___vd6EP[data-pressed] {
2217
+ .Button-module__hop-Button--danger___F-Gss[data-pressed] {
2172
2218
  --background: var(--hop-comp-button-danger-background-pressed);
2173
2219
  --color: var(--hop-comp-button-danger-text-color-pressed);
2174
2220
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
2175
2221
  --border: var(--hop-Button-danger-border);
2176
2222
  }
2177
- .Button-module__hop-Button--ghost-primary___xKI82 {
2223
+ .Button-module__hop-Button--ghost-primary___8m8LC {
2178
2224
  --background: var(--hop-comp-button-ghost-primary-background);
2179
2225
  --color: var(--hop-comp-button-ghost-primary-text-color);
2180
2226
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -2185,20 +2231,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2185
2231
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
2186
2232
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
2187
2233
  }
2188
- .Button-module__hop-Button--ghost-primary___xKI82[data-hovered],
2189
- .Button-module__hop-Button--ghost-primary___xKI82[data-focus-visible] {
2234
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-hovered],
2235
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-focus-visible] {
2190
2236
  --background: var(--hop-comp-button-ghost-primary-background-hover);
2191
2237
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
2192
2238
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
2193
2239
  --border: var(--hop-Button-ghost-primary-border);
2194
2240
  }
2195
- .Button-module__hop-Button--ghost-primary___xKI82[data-pressed] {
2241
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-pressed] {
2196
2242
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
2197
2243
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
2198
2244
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
2199
2245
  --border: var(--hop-Button-ghost-primary-border);
2200
2246
  }
2201
- .Button-module__hop-Button--ghost-secondary___jiXAH {
2247
+ .Button-module__hop-Button--ghost-secondary___h0sDP {
2202
2248
  --background: var(--hop-comp-button-ghost-secondary-background);
2203
2249
  --color: var(--hop-comp-button-ghost-secondary-text-color);
2204
2250
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -2209,20 +2255,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2209
2255
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
2210
2256
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
2211
2257
  }
2212
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-hovered],
2213
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-focus-visible] {
2258
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-hovered],
2259
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-focus-visible] {
2214
2260
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
2215
2261
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
2216
2262
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
2217
2263
  --border: var(--hop-Button-ghost-secondary-border);
2218
2264
  }
2219
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-pressed] {
2265
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-pressed] {
2220
2266
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
2221
2267
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
2222
2268
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
2223
2269
  --border: var(--hop-Button-ghost-secondary-border);
2224
2270
  }
2225
- .Button-module__hop-Button--ghost-danger___6Q31q {
2271
+ .Button-module__hop-Button--ghost-danger___EsOFM {
2226
2272
  --background: var(--hop-comp-button-ghost-danger-background);
2227
2273
  --color: var(--hop-comp-button-ghost-danger-text-color);
2228
2274
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -2233,186 +2279,191 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2233
2279
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
2234
2280
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
2235
2281
  }
2236
- .Button-module__hop-Button--ghost-danger___6Q31q[data-hovered],
2237
- .Button-module__hop-Button--ghost-danger___6Q31q[data-focus-visible] {
2282
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-hovered],
2283
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-focus-visible] {
2238
2284
  --background: var(--hop-comp-button-ghost-danger-background-hover);
2239
2285
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
2240
2286
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
2241
2287
  --border: var(--hop-Button-ghost-danger-border);
2242
2288
  }
2243
- .Button-module__hop-Button--ghost-danger___6Q31q[data-pressed] {
2289
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-pressed] {
2244
2290
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
2245
2291
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
2246
2292
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
2247
2293
  --border: var(--hop-Button-ghost-danger-border);
2248
2294
  }
2249
- .Button-module__hop-Button___TPFhY[data-focus-visible] {
2295
+ .Button-module__hop-Button___y7QGD[data-focus-visible] {
2250
2296
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2251
2297
  }
2252
- .Button-module__hop-Button___TPFhY[data-disabled],
2253
- .Button-module__hop-Button--loading___m4lXI {
2298
+ .Button-module__hop-Button___y7QGD[data-disabled],
2299
+ .Button-module__hop-Button--loading___j2Ji3 {
2254
2300
  cursor: not-allowed;
2255
2301
  }
2256
- .Button-module__hop-Button___TPFhY[data-disabled] {
2302
+ .Button-module__hop-Button___y7QGD[data-disabled] {
2257
2303
  --color: var(--hop-comp-button-text-color-disabled);
2258
2304
  --icon-color: var(--hop-comp-button-icon-color-disabled);
2259
2305
  }
2260
- .Button-module__hop-Button--primary___mwxrY[data-disabled] {
2306
+ .Button-module__hop-Button--primary___3p37R[data-disabled] {
2261
2307
  --background: var(--hop-comp-button-primary-background-disabled);
2262
2308
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
2263
2309
  }
2264
- .Button-module__hop-Button--secondary___Xe6mb[data-disabled] {
2310
+ .Button-module__hop-Button--secondary___1JG6W[data-disabled] {
2265
2311
  --background: var(--hop-comp-button-secondary-background-disabled);
2266
2312
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
2267
2313
  }
2268
- .Button-module__hop-Button--upsell___mu64g[data-disabled] {
2314
+ .Button-module__hop-Button--upsell___w5hi7[data-disabled] {
2269
2315
  --background: var(--hop-comp-button-upsell-background-disabled);
2270
2316
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
2271
2317
  }
2272
- .Button-module__hop-Button--danger___vd6EP[data-disabled] {
2318
+ .Button-module__hop-Button--danger___F-Gss[data-disabled] {
2273
2319
  --background: var(--hop-comp-button-danger-background-disabled);
2274
2320
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
2275
2321
  }
2276
- .Button-module__hop-Button--ghost-primary___xKI82[data-disabled] {
2322
+ .Button-module__hop-Button--ghost-primary___8m8LC[data-disabled] {
2277
2323
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
2278
2324
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
2279
2325
  }
2280
- .Button-module__hop-Button--ghost-secondary___jiXAH[data-disabled] {
2326
+ .Button-module__hop-Button--ghost-secondary___h0sDP[data-disabled] {
2281
2327
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
2282
2328
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
2283
2329
  }
2284
- .Button-module__hop-Button--ghost-danger___6Q31q[data-disabled] {
2330
+ .Button-module__hop-Button--ghost-danger___EsOFM[data-disabled] {
2285
2331
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
2286
2332
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
2287
2333
  }
2288
- .Button-module__hop-Button--loading___m4lXI {
2334
+ .Button-module__hop-Button--loading___j2Ji3 {
2289
2335
  background: var(--background-loading);
2290
2336
  color: var(--color-loading);
2291
2337
  border-color: var(--border-color-loading);
2292
2338
  box-shadow: var(--box-shadow-loading);
2293
2339
  }
2294
- .Button-module__hop-Button__Spinner___5piw6 {
2340
+ .Button-module__hop-Button__Spinner___pmvBz {
2295
2341
  position: absolute;
2296
2342
  }
2297
- .Button-module__hop-Button__icon___gkDmJ,
2298
- .Button-module__hop-Button__icon-list___ybUgY {
2343
+ .Button-module__hop-Button__icon___-guOt,
2344
+ .Button-module__hop-Button__icon-list___ZPlWC {
2299
2345
  flex: 0 0 auto;
2300
2346
  justify-self: end;
2301
2347
  order: 1;
2302
2348
  color: var(--icon-color);
2303
2349
  }
2304
- .Button-module__hop-Button__text___Msvp- {
2350
+ .Button-module__hop-Button__text___-00ft {
2305
2351
  user-select: none;
2306
2352
  overflow: visible;
2307
2353
  flex: 0 1 auto;
2308
2354
  order: 2;
2309
- font-weight: var(--hop-font-weight-505);
2355
+ font-family: var(--hop-Button-text-font);
2356
+ font-size: var(--hop-Button-text-font-size);
2357
+ font-weight: var(--hop-Button-text-font-weight);
2358
+ line-height: var(--hop-Button-text-line-height);
2359
+ letter-spacing: var(--hop-Button-text-letter-spacing);
2310
2360
  text-decoration: none;
2361
+ text-transform: var(--hop-Button-text-transform);
2311
2362
  text-wrap: nowrap;
2312
2363
  }
2313
- .Button-module__hop-Button__end-icon___BPODG,
2314
- .Button-module__hop-Button__end-icon-list___oBUDl {
2364
+ .Button-module__hop-Button__end-icon___ByfrG,
2365
+ .Button-module__hop-Button__end-icon-list___vKQ04 {
2315
2366
  flex: 0 0 auto;
2316
2367
  order: 3;
2317
2368
  color: var(--icon-color);
2318
2369
  }
2319
- .Button-module__hop-Button___TPFhY .Button-module__hop-Button__icon-list___ybUgY,
2320
- .Button-module__hop-Button___TPFhY .Button-module__hop-Button__end-icon-list___oBUDl {
2370
+ .Button-module__hop-Button___y7QGD .Button-module__hop-Button__icon-list___ZPlWC,
2371
+ .Button-module__hop-Button___y7QGD .Button-module__hop-Button__end-icon-list___vKQ04 {
2321
2372
  flex-wrap: nowrap;
2322
2373
  }
2323
- .Button-module__hop-Button--loading___m4lXI.Button-module__hop-Button___TPFhY > *:not(.Button-module__hop-Button__Spinner___5piw6) {
2374
+ .Button-module__hop-Button--loading___j2Ji3.Button-module__hop-Button___y7QGD > *:not(.Button-module__hop-Button__Spinner___pmvBz) {
2324
2375
  opacity: 0;
2325
2376
  }
2326
- .ToggleButton-module__hop-ToggleButton___-3kcS {
2377
+ .ToggleButton-module__hop-ToggleButton___GZo-q {
2327
2378
  --hop-ToggleButton-border-size: var(--hop-space-10);
2328
2379
  }
2329
- .ToggleButton-module__hop-ToggleButton--fluid___ZTxeZ {
2380
+ .ToggleButton-module__hop-ToggleButton--fluid___Cqu26 {
2330
2381
  }
2331
- .ToggleButton-module__hop-ToggleButton--xs___7QI0n {
2382
+ .ToggleButton-module__hop-ToggleButton--xs___yamTS {
2332
2383
  }
2333
- .ToggleButton-module__hop-ToggleButton--sm___8cf1p {
2384
+ .ToggleButton-module__hop-ToggleButton--sm___YGxDE {
2334
2385
  }
2335
- .ToggleButton-module__hop-ToggleButton--md___eXmWR {
2386
+ .ToggleButton-module__hop-ToggleButton--md___NIXPT {
2336
2387
  }
2337
- .ToggleButton-module__hop-ToggleButton--icon-only___i6LH0 {
2388
+ .ToggleButton-module__hop-ToggleButton--icon-only___Pkgpg {
2338
2389
  }
2339
- .ToggleButton-module__hop-ToggleButton--primary___hjbfB {
2390
+ .ToggleButton-module__hop-ToggleButton--primary___b3LnB {
2340
2391
  }
2341
- .ToggleButton-module__hop-ToggleButton--primary___hjbfB[data-selected] {
2392
+ .ToggleButton-module__hop-ToggleButton--primary___b3LnB[data-selected] {
2342
2393
  --background: var(--hop-comp-button-primary-background-selected);
2343
2394
  --color: var(--hop-comp-button-primary-text-color-selected);
2344
2395
  --icon-color: var(--hop-comp-button-primary-icon-color-selected);
2345
2396
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2346
2397
  }
2347
- .ToggleButton-module__hop-ToggleButton--secondary___jQ-rv {
2398
+ .ToggleButton-module__hop-ToggleButton--secondary___eFJqB {
2348
2399
  }
2349
- .ToggleButton-module__hop-ToggleButton--secondary___jQ-rv[data-selected] {
2400
+ .ToggleButton-module__hop-ToggleButton--secondary___eFJqB[data-selected] {
2350
2401
  --background: var(--hop-comp-button-secondary-background-selected);
2351
2402
  --color: var(--hop-comp-button-secondary-text-color-selected);
2352
2403
  --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
2353
2404
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
2354
2405
  }
2355
- .ToggleButton-module__hop-ToggleButton--upsell___ioDge {
2406
+ .ToggleButton-module__hop-ToggleButton--upsell___I2cd- {
2356
2407
  }
2357
- .ToggleButton-module__hop-ToggleButton--upsell___ioDge[data-selected] {
2408
+ .ToggleButton-module__hop-ToggleButton--upsell___I2cd-[data-selected] {
2358
2409
  --background: var(--hop-comp-button-upsell-background-selected);
2359
2410
  --color: var(--hop-comp-button-upsell-text-color-selected);
2360
2411
  --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
2361
2412
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
2362
2413
  }
2363
- .ToggleButton-module__hop-ToggleButton--danger___yBQn1 {
2414
+ .ToggleButton-module__hop-ToggleButton--danger___qPq-e {
2364
2415
  }
2365
- .ToggleButton-module__hop-ToggleButton--danger___yBQn1[data-selected] {
2416
+ .ToggleButton-module__hop-ToggleButton--danger___qPq-e[data-selected] {
2366
2417
  --background: var(--hop-comp-button-danger-background-selected);
2367
2418
  --color: var(--hop-comp-button-danger-text-color-selected);
2368
2419
  --icon-color: var(--hop-comp-button-danger-icon-color-selected);
2369
2420
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
2370
2421
  }
2371
- .ToggleButton-module__hop-ToggleButton--ghost-primary___z5uBL {
2422
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZkF93 {
2372
2423
  }
2373
- .ToggleButton-module__hop-ToggleButton--ghost-primary___z5uBL[data-selected] {
2424
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZkF93[data-selected] {
2374
2425
  --background: var(--hop-comp-button-ghost-primary-background-selected);
2375
2426
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
2376
2427
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
2377
2428
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
2378
2429
  }
2379
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___QVUwU {
2430
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___WyFAm {
2380
2431
  }
2381
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___QVUwU[data-selected] {
2432
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___WyFAm[data-selected] {
2382
2433
  --background: var(--hop-comp-button-ghost-secondary-background-selected);
2383
2434
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
2384
2435
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
2385
2436
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
2386
2437
  }
2387
- .ToggleButton-module__hop-ToggleButton--ghost-danger___BR9AB {
2438
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___BJkLF {
2388
2439
  }
2389
- .ToggleButton-module__hop-ToggleButton--ghost-danger___BR9AB[data-selected] {
2440
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___BJkLF[data-selected] {
2390
2441
  --background: var(--hop-comp-button-ghost-danger-background-selected);
2391
2442
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2392
2443
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
2393
2444
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
2394
2445
  }
2395
- .ToggleButton-module__hop-ToggleButton--loading___PvivX {
2446
+ .ToggleButton-module__hop-ToggleButton--loading___V9Qgo {
2396
2447
  }
2397
- .ToggleButton-module__hop-ToggleButton__Spinner___0TE-g {
2448
+ .ToggleButton-module__hop-ToggleButton__Spinner___A0i17 {
2398
2449
  }
2399
- .ToggleButton-module__hop-ToggleButton__icon___JkInM,
2400
- .ToggleButton-module__hop-ToggleButton__icon-list___rH4mN {
2450
+ .ToggleButton-module__hop-ToggleButton__icon___Geqp-,
2451
+ .ToggleButton-module__hop-ToggleButton__icon-list___71GmW {
2401
2452
  }
2402
- .ToggleButton-module__hop-ToggleButton__text___Iyrcn {
2453
+ .ToggleButton-module__hop-ToggleButton__text___4kUag {
2403
2454
  }
2404
- .ToggleButton-module__hop-ToggleButton__end-icon___leL62,
2405
- .ToggleButton-module__hop-ToggleButton__end-icon-list___I6wzh {
2455
+ .ToggleButton-module__hop-ToggleButton__end-icon___7ZVbt,
2456
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Yfdvi {
2406
2457
  }
2407
- .ToggleButton-module__hop-ToggleButton__icon-list___rH4mN,
2408
- .ToggleButton-module__hop-ToggleButton__end-icon-list___I6wzh {
2458
+ .ToggleButton-module__hop-ToggleButton__icon-list___71GmW,
2459
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Yfdvi {
2409
2460
  }
2410
- .ToggleButton-module__hop-ToggleButton--loading___PvivX.ToggleButton-module__hop-ToggleButton___-3kcS > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___0TE-g) {
2461
+ .ToggleButton-module__hop-ToggleButton--loading___V9Qgo.ToggleButton-module__hop-ToggleButton___GZo-q > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___A0i17) {
2411
2462
  opacity: 0;
2412
2463
  }
2413
2464
 
2414
2465
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2415
- .PasswordField-module__hop-PasswordField___-S7gp {
2466
+ .PasswordField-module__hop-PasswordField___ZegpN {
2416
2467
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2417
2468
  --hop-PasswordField-inline-size: 20rem;
2418
2469
  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
@@ -2423,35 +2474,35 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2423
2474
  inline-size: var(--inline-size);
2424
2475
  max-inline-size: 100%;
2425
2476
  }
2426
- .PasswordField-module__hop-PasswordField--fluid___yxnKy {
2477
+ .PasswordField-module__hop-PasswordField--fluid___a5TIo {
2427
2478
  --inline-size: 100%;
2428
2479
  }
2429
- .PasswordField-module__hop-PasswordField__Label___tALrs {
2480
+ .PasswordField-module__hop-PasswordField__Label___xXbwO {
2430
2481
  order: 0;
2431
2482
  }
2432
- .PasswordField-module__hop-PasswordField__InputGroup___npAXO {
2483
+ .PasswordField-module__hop-PasswordField__InputGroup___J-irP {
2433
2484
  order: 1;
2434
2485
  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2435
2486
  }
2436
- .PasswordField-module__hop-PasswordField__ErrorMessage___XX0oq,
2437
- .PasswordField-module__hop-PasswordField__HelperMessage___c1-FK {
2487
+ .PasswordField-module__hop-PasswordField__ErrorMessage___N6S2W,
2488
+ .PasswordField-module__hop-PasswordField__HelperMessage___gnFY7 {
2438
2489
  order: 3;
2439
2490
  }
2440
2491
 
2441
2492
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2442
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___Xhm2G {
2493
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___9URoW {
2443
2494
  --char-count-color: var(--hop-comp-field-prefill-color);
2444
2495
  color: var(--char-count-color);
2445
2496
  }
2446
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___Xhm2G[data-invalid] {
2497
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___9URoW[data-invalid] {
2447
2498
  --char-count-color: var(--hop-comp-field-text-color-error);
2448
2499
  }
2449
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___Xhm2G[data-disabled] {
2500
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___9URoW[data-disabled] {
2450
2501
  --char-count-color: var(--hop-comp-field-text-color-disabled);
2451
2502
  }
2452
2503
 
2453
2504
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2454
- .SearchField-module__hop-SearchField___YuvOz {
2505
+ .SearchField-module__hop-SearchField___nPrv0 {
2455
2506
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2456
2507
  --hop-SearchField-inline-size: 20rem;
2457
2508
  --hop-SearchField-padding: var(--hop-space-inset-md);
@@ -2465,39 +2516,39 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2465
2516
  inline-size: var(--inline-size);
2466
2517
  max-inline-size: 100%;
2467
2518
  }
2468
- .SearchField-module__hop-SearchField--fluid___iQ9D5 {
2519
+ .SearchField-module__hop-SearchField--fluid___Nz1Hw {
2469
2520
  --inline-size: 100%;
2470
2521
  }
2471
- .SearchField-module__hop-SearchField__Label___EjXI1 {
2522
+ .SearchField-module__hop-SearchField__Label___LJW9i {
2472
2523
  order: 0;
2473
2524
  }
2474
- .SearchField-module__hop-SearchField__prefix___EM8DN {
2525
+ .SearchField-module__hop-SearchField__prefix___nClJ6 {
2475
2526
  color: var(--hop-comp-field-prefill-color);
2476
2527
  }
2477
- .SearchField-module__hop-SearchField__InputGroup___t-2Hd {
2528
+ .SearchField-module__hop-SearchField__InputGroup___l-osC {
2478
2529
  order: 1;
2479
2530
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2480
2531
  }
2481
- .SearchField-module__hop-SearchField--clearable___OvtRN {
2532
+ .SearchField-module__hop-SearchField--clearable___AeHtk {
2482
2533
  --input-group-padding-inline-end: 0;
2483
2534
  }
2484
- .SearchField-module__hop-SearchField__ErrorMessage___1WUjB,
2485
- .SearchField-module__hop-SearchField__HelperMessage___8Uyvz {
2535
+ .SearchField-module__hop-SearchField__ErrorMessage___sSc3u,
2536
+ .SearchField-module__hop-SearchField__HelperMessage___edkUj {
2486
2537
  order: 3;
2487
2538
  }
2488
- .SearchField-module__hop-SearchField___YuvOz input::-webkit-search-cancel-button,
2489
- .SearchField-module__hop-SearchField___YuvOz input::-webkit-search-decoration {
2539
+ .SearchField-module__hop-SearchField___nPrv0 input::-webkit-search-cancel-button,
2540
+ .SearchField-module__hop-SearchField___nPrv0 input::-webkit-search-decoration {
2490
2541
  appearance: none;
2491
2542
  }
2492
- .SearchField-module__hop-SearchField___YuvOz[data-empty] {
2543
+ .SearchField-module__hop-SearchField___nPrv0[data-empty] {
2493
2544
  --clear-button-display: none;
2494
2545
  }
2495
- .SearchField-module__hop-SearchField__ClearButton___wOFRI {
2546
+ .SearchField-module__hop-SearchField__ClearButton___0v88w {
2496
2547
  display: var(--clear-button-display);
2497
2548
  }
2498
2549
 
2499
2550
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2500
- .TextArea-module__hop-TextArea___WnAcs {
2551
+ .TextArea-module__hop-TextArea___q5YnH {
2501
2552
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2502
2553
  --hop-TextArea-inline-size: 20rem;
2503
2554
  --hop-TextArea-input-min-height: 2rem;
@@ -2522,40 +2573,40 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2522
2573
  inline-size: var(--inline-size);
2523
2574
  max-inline-size: 100%;
2524
2575
  }
2525
- .TextArea-module__hop-TextArea--fluid___RZPnR {
2576
+ .TextArea-module__hop-TextArea--fluid___A4733 {
2526
2577
  --inline-size: 100%;
2527
2578
  }
2528
- .TextArea-module__hop-TextArea--max-rows___JZ6uu .TextArea-module__hop-TextArea__textarea___v6BI9 {
2579
+ .TextArea-module__hop-TextArea--max-rows___JXh4y .TextArea-module__hop-TextArea__textarea___nX90Z {
2529
2580
  overflow-y: auto;
2530
2581
  }
2531
- .TextArea-module__hop-TextArea--max-rows___JZ6uu .TextArea-module__hop-TextArea__InputGroup___JBSC5 {
2582
+ .TextArea-module__hop-TextArea--max-rows___JXh4y .TextArea-module__hop-TextArea__InputGroup___l3gN4 {
2532
2583
  overflow: hidden;
2533
2584
  }
2534
- .TextArea-module__hop-TextArea___WnAcs[data-resize-mode=vertical] {
2585
+ .TextArea-module__hop-TextArea___q5YnH[data-resize-mode=vertical] {
2535
2586
  --resize: vertical;
2536
2587
  }
2537
- .TextArea-module__hop-TextArea__Label___bpvZn {
2588
+ .TextArea-module__hop-TextArea__Label___QiGBn {
2538
2589
  order: 0;
2539
2590
  }
2540
- .TextArea-module__hop-TextArea__prefix___qHdSX {
2591
+ .TextArea-module__hop-TextArea__prefix___HAxLl {
2541
2592
  color: var(--hop-comp-field-prefill-color);
2542
2593
  }
2543
- .TextArea-module__hop-TextArea__RemainingCharacterCount___NB57L {
2594
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___PmSCp {
2544
2595
  padding-block-end: var(--hop-space-inset-sm);
2545
2596
  padding-inline: var(--hop-space-inset-md);
2546
2597
  }
2547
- .TextArea-module__hop-TextArea__InputGroup___JBSC5 {
2598
+ .TextArea-module__hop-TextArea__InputGroup___l3gN4 {
2548
2599
  flex-direction: column;
2549
2600
  gap: 0;
2550
2601
  align-items: flex-end;
2551
2602
  order: 1;
2552
2603
  padding: 0;
2553
2604
  }
2554
- .TextArea-module__hop-TextArea__ErrorMessage___uaBdW,
2555
- .TextArea-module__hop-TextArea__HelperMessage___2XSA3 {
2605
+ .TextArea-module__hop-TextArea__ErrorMessage___Pa2R-,
2606
+ .TextArea-module__hop-TextArea__HelperMessage___IAzRN {
2556
2607
  order: 3;
2557
2608
  }
2558
- .TextArea-module__hop-TextArea__textarea___v6BI9 {
2609
+ .TextArea-module__hop-TextArea__textarea___nX90Z {
2559
2610
  resize: var(--resize);
2560
2611
  overflow: hidden;
2561
2612
  flex-direction: column;
@@ -2578,31 +2629,31 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2578
2629
  border: 0;
2579
2630
  outline-style: none;
2580
2631
  }
2581
- .TextArea-module__hop-TextArea__textarea--with-character-count___Bxghf {
2632
+ .TextArea-module__hop-TextArea__textarea--with-character-count___bo4gO {
2582
2633
  padding-block-end: 0;
2583
2634
  }
2584
- .TextArea-module__hop-TextArea__textarea--sm___ZAooL {
2635
+ .TextArea-module__hop-TextArea__textarea--sm___kdAET {
2585
2636
  --font-family: var(--hop-TextArea-sm-font-family);
2586
2637
  --font-size: var(--hop-TextArea-sm-font-size);
2587
2638
  --font-weight: var(--hop-TextArea-sm-font-weight);
2588
2639
  --line-height: var(--hop-TextArea-sm-line-height);
2589
2640
  }
2590
- .TextArea-module__hop-TextArea__textarea___v6BI9::placeholder {
2641
+ .TextArea-module__hop-TextArea__textarea___nX90Z::placeholder {
2591
2642
  font-family: var(--hop-TextArea-placeholder-font-family);
2592
2643
  font-size: var(--hop-TextArea-placeholder-font-size);
2593
2644
  font-weight: var(--hop-TextArea-placeholder-font-weight);
2594
2645
  line-height: var(--hop-TextArea-placeholder-line-height);
2595
2646
  color: var(--hop-comp-field-placeholder-color);
2596
2647
  }
2597
- .TextArea-module__hop-TextArea__textarea___v6BI9[data-disabled]::placeholder {
2648
+ .TextArea-module__hop-TextArea__textarea___nX90Z[data-disabled]::placeholder {
2598
2649
  color: var(--hop-comp-field-text-color-disabled);
2599
2650
  }
2600
- .TextArea-module__hop-TextArea__textarea___v6BI9[data-disabled] {
2651
+ .TextArea-module__hop-TextArea__textarea___nX90Z[data-disabled] {
2601
2652
  color: var(--hop-comp-field-text-color-disabled);
2602
2653
  }
2603
2654
 
2604
2655
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2605
- .TextField-module__hop-TextField___l1DPn {
2656
+ .TextField-module__hop-TextField___yYAsc {
2606
2657
  --hop-TextField-gap: var(--hop-space-stack-xs);
2607
2658
  --hop-TextField-inline-size: 20rem;
2608
2659
  --inline-size: var(--hop-TextField-inline-size);
@@ -2612,25 +2663,25 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2612
2663
  inline-size: var(--inline-size);
2613
2664
  max-inline-size: 100%;
2614
2665
  }
2615
- .TextField-module__hop-TextField--fluid___jq2SR {
2666
+ .TextField-module__hop-TextField--fluid___-yRkE {
2616
2667
  --inline-size: 100%;
2617
2668
  }
2618
- .TextField-module__hop-TextField__Label___tCbl5 {
2669
+ .TextField-module__hop-TextField__Label___88wKK {
2619
2670
  order: 0;
2620
2671
  }
2621
- .TextField-module__hop-TextField__prefix___568Au {
2672
+ .TextField-module__hop-TextField__prefix___xtzEG {
2622
2673
  color: var(--hop-comp-field-prefill-color);
2623
2674
  }
2624
- .TextField-module__hop-TextField__InputGroup___I58i5 {
2675
+ .TextField-module__hop-TextField__InputGroup___VWJY- {
2625
2676
  order: 1;
2626
2677
  }
2627
- .TextField-module__hop-TextField__ErrorMessage___q9Cbu,
2628
- .TextField-module__hop-TextField__HelperMessage___RrwTB {
2678
+ .TextField-module__hop-TextField__ErrorMessage___-HQ7l,
2679
+ .TextField-module__hop-TextField__HelperMessage___7s7b3 {
2629
2680
  order: 3;
2630
2681
  }
2631
2682
 
2632
2683
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2633
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___2N0tH {
2684
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___bitcY {
2634
2685
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2635
2686
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2636
2687
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2662,52 +2713,52 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2662
2713
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2663
2714
  outline: none;
2664
2715
  }
2665
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___QZn9m {
2716
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___cApPn {
2666
2717
  --size: var(--hop-RichIconAvatarImage-xs-size);
2667
2718
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2668
2719
  }
2669
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___HWKeT {
2720
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___649ck {
2670
2721
  --size: var(--hop-RichIconAvatarImage-sm-size);
2671
2722
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2672
2723
  }
2673
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___uOpE1 {
2724
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___ZH5Em {
2674
2725
  --size: var(--hop-RichIconAvatarImage-md-size);
2675
2726
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2676
2727
  }
2677
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___M3sMX {
2728
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uKSn2 {
2678
2729
  --size: var(--hop-RichIconAvatarImage-lg-size);
2679
2730
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2680
2731
  }
2681
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___mmZT0 {
2732
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___MlYbT {
2682
2733
  --size: var(--hop-RichIconAvatarImage-xl-size);
2683
2734
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2684
2735
  }
2685
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___bP5-U {
2736
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Yq00s {
2686
2737
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2687
2738
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2688
2739
  }
2689
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___k2h-C {
2740
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___Dua8b {
2690
2741
  cursor: pointer;
2691
2742
  }
2692
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___SpRvi {
2743
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___QF0yc {
2693
2744
  outline: 0.125rem solid var(--hop-primary-border-focus);
2694
2745
  }
2695
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___2N0tH[data-disabled] {
2746
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___bitcY[data-disabled] {
2696
2747
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2697
2748
  }
2698
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___eOx-T {
2749
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YbtYI {
2699
2750
  position: relative;
2700
2751
  display: block;
2701
2752
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2702
2753
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2703
2754
  }
2704
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___2N0tH[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___eOx-T {
2755
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___bitcY[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YbtYI {
2705
2756
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2706
2757
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2707
2758
  }
2708
2759
 
2709
2760
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2710
- .Avatar-module__hop-Avatar___59DGO {
2761
+ .Avatar-module__hop-Avatar___lWlp2 {
2711
2762
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2712
2763
  --hop-Avatar-mix-blend-mode: normal;
2713
2764
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2753,73 +2804,73 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2753
2804
  border-radius: var(--hop-Avatar-border-radius);
2754
2805
  outline: none;
2755
2806
  }
2756
- .Avatar-module__hop-Avatar--xs___lWReW {
2807
+ .Avatar-module__hop-Avatar--xs___Jyhey {
2757
2808
  --size: var(--hop-Avatar-xs-size);
2758
2809
  }
2759
- .Avatar-module__hop-Avatar--sm___OvVVf {
2810
+ .Avatar-module__hop-Avatar--sm___FWUhu {
2760
2811
  --size: var(--hop-Avatar-sm-size);
2761
2812
  }
2762
- .Avatar-module__hop-Avatar--md___pU9lX {
2813
+ .Avatar-module__hop-Avatar--md___xNHBH {
2763
2814
  --size: var(--hop-Avatar-md-size);
2764
2815
  }
2765
- .Avatar-module__hop-Avatar--lg___i2jmF {
2816
+ .Avatar-module__hop-Avatar--lg___atL5v {
2766
2817
  --size: var(--hop-Avatar-lg-size);
2767
2818
  }
2768
- .Avatar-module__hop-Avatar--xl___0vvr4 {
2819
+ .Avatar-module__hop-Avatar--xl___dUczq {
2769
2820
  --size: var(--hop-Avatar-xl-size);
2770
2821
  }
2771
- .Avatar-module__hop-Avatar--2xl___wIH-E {
2822
+ .Avatar-module__hop-Avatar--2xl___5CAxs {
2772
2823
  --size: var(--hop-Avatar-2xl-size);
2773
2824
  }
2774
- .Avatar-module__hop-Avatar--clickable___qzD2G {
2825
+ .Avatar-module__hop-Avatar--clickable___HaFeV {
2775
2826
  cursor: pointer;
2776
2827
  }
2777
- .Avatar-module__hop-Avatar--focus-visible___15iw3 {
2828
+ .Avatar-module__hop-Avatar--focus-visible___gxnKj {
2778
2829
  outline: 0.125rem solid var(--hop-primary-border-focus);
2779
2830
  }
2780
- .Avatar-module__hop-Avatar--decorative-option1___l7fni {
2831
+ .Avatar-module__hop-Avatar--decorative-option1___66ROi {
2781
2832
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2782
2833
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2783
2834
  }
2784
- .Avatar-module__hop-Avatar--decorative-option2___8-T-a {
2835
+ .Avatar-module__hop-Avatar--decorative-option2___DBdOv {
2785
2836
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2786
2837
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2787
2838
  }
2788
- .Avatar-module__hop-Avatar--decorative-option3___B1JPq {
2839
+ .Avatar-module__hop-Avatar--decorative-option3___CkhoV {
2789
2840
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2790
2841
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2791
2842
  }
2792
- .Avatar-module__hop-Avatar--decorative-option4___gDadc {
2843
+ .Avatar-module__hop-Avatar--decorative-option4___PIJhs {
2793
2844
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2794
2845
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2795
2846
  }
2796
- .Avatar-module__hop-Avatar--decorative-option5___OkRHZ {
2847
+ .Avatar-module__hop-Avatar--decorative-option5___FQ4-y {
2797
2848
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2798
2849
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2799
2850
  }
2800
- .Avatar-module__hop-Avatar--decorative-option6___VoNu2 {
2851
+ .Avatar-module__hop-Avatar--decorative-option6___bXuNm {
2801
2852
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2802
2853
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2803
2854
  }
2804
- .Avatar-module__hop-Avatar--decorative-option7___YvDq2 {
2855
+ .Avatar-module__hop-Avatar--decorative-option7___9YAtO {
2805
2856
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2806
2857
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2807
2858
  }
2808
- .Avatar-module__hop-Avatar--decorative-option8___BDeX5 {
2859
+ .Avatar-module__hop-Avatar--decorative-option8___kgtcH {
2809
2860
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2810
2861
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2811
2862
  }
2812
- .Avatar-module__hop-Avatar--decorative-option9___yNuc2 {
2863
+ .Avatar-module__hop-Avatar--decorative-option9___XMyDs {
2813
2864
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2814
2865
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2815
2866
  }
2816
- .Avatar-module__hop-Avatar___59DGO[data-disabled] {
2867
+ .Avatar-module__hop-Avatar___lWlp2[data-disabled] {
2817
2868
  --background-color: var(--hop-Avatar-background-color-disabled);
2818
2869
  --text-color: var(--hop-Avatar-text-color-disabled);
2819
2870
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2820
2871
  isolation: isolate;
2821
2872
  }
2822
- .Avatar-module__hop-Avatar__image___E775f {
2873
+ .Avatar-module__hop-Avatar__image___mLg2r {
2823
2874
  position: relative;
2824
2875
  display: block;
2825
2876
  box-sizing: border-box;
@@ -2828,12 +2879,12 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2828
2879
  object-fit: cover;
2829
2880
  mix-blend-mode: var(--mix-blend-mode);
2830
2881
  }
2831
- .Avatar-module__hop-Avatar__initials___ztIha {
2882
+ .Avatar-module__hop-Avatar__initials___Y1M0O {
2832
2883
  white-space: nowrap;
2833
2884
  }
2834
2885
 
2835
2886
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2836
- .Tooltip-module__hop-Tooltip___9b9DD {
2887
+ .Tooltip-module__hop-Tooltip___6agri {
2837
2888
  --hop-Tooltip-max-inline-size: 20rem;
2838
2889
  --hop-Tooltip-slide-amount: 0.25rem;
2839
2890
  --hop-Tooltip-font-family: var(--hop-body-xs-font-family);
@@ -2857,29 +2908,29 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2857
2908
  box-shadow: var(--hop-comp-tooltip-box-shadow);
2858
2909
  overflow-wrap: anywhere;
2859
2910
  }
2860
- .Tooltip-module__hop-Tooltip--top___xQitd {
2911
+ .Tooltip-module__hop-Tooltip--top___FqBhj {
2861
2912
  --origin-x: 0;
2862
2913
  --origin-y: var(--hop-Tooltip-slide-amount);
2863
2914
  }
2864
- .Tooltip-module__hop-Tooltip--right___yZ0Qu {
2915
+ .Tooltip-module__hop-Tooltip--right___P89si {
2865
2916
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2866
2917
  --origin-y: 0;
2867
2918
  }
2868
- .Tooltip-module__hop-Tooltip--bottom___maFii {
2919
+ .Tooltip-module__hop-Tooltip--bottom___O0w7E {
2869
2920
  --origin-x: 0;
2870
2921
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2871
2922
  }
2872
- .Tooltip-module__hop-Tooltip--left___uVmmI {
2923
+ .Tooltip-module__hop-Tooltip--left___yG1II {
2873
2924
  --origin-x: var(--hop-Tooltip-slide-amount);
2874
2925
  --origin-y: 0;
2875
2926
  }
2876
- .Tooltip-module__hop-Tooltip___9b9DD[data-entering] {
2877
- animation: Tooltip-module__slide___5k-w8 0.2s ease-out;
2927
+ .Tooltip-module__hop-Tooltip___6agri[data-entering] {
2928
+ animation: Tooltip-module__slide___-RVqv 0.2s ease-out;
2878
2929
  }
2879
- .Tooltip-module__hop-Tooltip___9b9DD[data-exiting] {
2880
- animation: Tooltip-module__slide___5k-w8 0.2s ease-in reverse;
2930
+ .Tooltip-module__hop-Tooltip___6agri[data-exiting] {
2931
+ animation: Tooltip-module__slide___-RVqv 0.2s ease-in reverse;
2881
2932
  }
2882
- @keyframes Tooltip-module__slide___5k-w8 {
2933
+ @keyframes Tooltip-module__slide___-RVqv {
2883
2934
  from {
2884
2935
  transform: translate(var(--origin-x), var(--origin-y));
2885
2936
  opacity: 0;
@@ -2891,44 +2942,44 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2891
2942
  }
2892
2943
 
2893
2944
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2894
- .AvatarGroup-module__hop-AvatarGroup___6kyEV {
2945
+ .AvatarGroup-module__hop-AvatarGroup___P42r6 {
2895
2946
  --hop-AvatarGroup-display: flex;
2896
2947
  --hop-AvatarGroup-align-items: center;
2897
2948
  display: var(--hop-AvatarGroup-display);
2898
2949
  align-items: var(--hop-AvatarGroup-align-items);
2899
2950
  }
2900
- .AvatarGroup-module__hop-AvatarGroup--wrap___8XLgQ {
2951
+ .AvatarGroup-module__hop-AvatarGroup--wrap___i5YKf {
2901
2952
  flex-wrap: wrap;
2902
2953
  }
2903
- .AvatarGroup-module__hop-AvatarGroup--xs___tkxT7 {
2954
+ .AvatarGroup-module__hop-AvatarGroup--xs___uEsHS {
2904
2955
  --gap: -0.125rem;
2905
2956
  }
2906
- .AvatarGroup-module__hop-AvatarGroup--sm___HQIyZ {
2957
+ .AvatarGroup-module__hop-AvatarGroup--sm___pc2mh {
2907
2958
  --gap: -0.25rem;
2908
2959
  }
2909
- .AvatarGroup-module__hop-AvatarGroup--md___t10W6 {
2960
+ .AvatarGroup-module__hop-AvatarGroup--md___oFz2G {
2910
2961
  --gap: -0.5rem;
2911
2962
  }
2912
- .AvatarGroup-module__hop-AvatarGroup--lg___qJ7qr {
2963
+ .AvatarGroup-module__hop-AvatarGroup--lg___Idqt2 {
2913
2964
  --gap: -1rem;
2914
2965
  }
2915
- .AvatarGroup-module__hop-AvatarGroup--xl___pCbhx {
2966
+ .AvatarGroup-module__hop-AvatarGroup--xl___bHbxf {
2916
2967
  --gap: -1rem;
2917
2968
  }
2918
- .AvatarGroup-module__hop-AvatarGroup--2xl___jJKFf {
2969
+ .AvatarGroup-module__hop-AvatarGroup--2xl___QxMoi {
2919
2970
  --gap: -2rem;
2920
2971
  }
2921
- .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg {
2972
+ .AvatarGroup-module__hop-AvatarGroup__avatar___jDwQn {
2922
2973
  margin-inline-start: var(--gap);
2923
2974
  transition: margin var(--hop-easing-duration-2);
2924
2975
  }
2925
- .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg {
2976
+ .AvatarGroup-module__hop-AvatarGroup__avatar___jDwQn:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___jDwQn {
2926
2977
  margin-inline-start: 0;
2927
2978
  }
2928
- .AvatarGroup-module__hop-AvatarGroup__avatar___nB3Yg:first-child {
2979
+ .AvatarGroup-module__hop-AvatarGroup__avatar___jDwQn:first-child {
2929
2980
  margin-inline-start: 0;
2930
2981
  }
2931
- .AvatarGroup-module__hop-AvatarGroup__label___yrtTg {
2982
+ .AvatarGroup-module__hop-AvatarGroup__label___41n0v {
2932
2983
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2933
2984
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2934
2985
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2940,7 +2991,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2940
2991
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2941
2992
  line-height: var(--hop-AvatarGroup-label-line-height);
2942
2993
  }
2943
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___IgYkw {
2994
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___etM2R {
2944
2995
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2945
2996
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2946
2997
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2958,21 +3009,21 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
2958
3009
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2959
3010
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2960
3011
  }
2961
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___IgYkw:not(:last-child) {
3012
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___etM2R:not(:last-child) {
2962
3013
  margin-block-end: 0.25rem;
2963
3014
  }
2964
- .AvatarGroup-module__hop-AvatarGroup--start___2IStN {
3015
+ .AvatarGroup-module__hop-AvatarGroup--start___yi9nI {
2965
3016
  justify-content: flex-start;
2966
3017
  }
2967
- .AvatarGroup-module__hop-AvatarGroup--end___UYfBs {
3018
+ .AvatarGroup-module__hop-AvatarGroup--end___T52Ay {
2968
3019
  justify-content: flex-end;
2969
3020
  }
2970
- .AvatarGroup-module__hop-AvatarGroup--center___soVUy {
3021
+ .AvatarGroup-module__hop-AvatarGroup--center___Dor5W {
2971
3022
  justify-content: center;
2972
3023
  }
2973
3024
 
2974
3025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2975
- .Checkbox-module__hop-Checkbox___a8-FJ {
3026
+ .Checkbox-module__hop-Checkbox___02UND {
2976
3027
  --hop-Checkbox-box-border-size: 0.0625rem;
2977
3028
  --hop-Checkbox-box-outline-size: 0.125rem;
2978
3029
  --hop-Checkbox-check-display: none;
@@ -3003,60 +3054,60 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3003
3054
  inline-size: max-content;
3004
3055
  max-inline-size: 100%;
3005
3056
  }
3006
- .Checkbox-module__hop-Checkbox___a8-FJ[data-focus-visible] {
3057
+ .Checkbox-module__hop-Checkbox___02UND[data-focus-visible] {
3007
3058
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3008
3059
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3009
3060
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3010
3061
  --text-color: var(--hop-comp-mark-text-color-focus);
3011
3062
  --icon-color: var(--hop-comp-mark-icon-color-focus);
3012
3063
  }
3013
- .Checkbox-module__hop-Checkbox___a8-FJ[data-hovered] {
3064
+ .Checkbox-module__hop-Checkbox___02UND[data-hovered] {
3014
3065
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3015
3066
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3016
3067
  --text-color: var(--hop-comp-mark-text-color-hover);
3017
3068
  --icon-color: var(--hop-comp-mark-icon-color-hover);
3018
3069
  }
3019
- .Checkbox-module__hop-Checkbox___a8-FJ[data-pressed] {
3070
+ .Checkbox-module__hop-Checkbox___02UND[data-pressed] {
3020
3071
  --box-background-color: var(--hop-comp-mark-background-color-press);
3021
3072
  --box-border-color: var(--hop-comp-mark-border-color-press);
3022
3073
  --text-color: var(--hop-comp-mark-text-color-press);
3023
3074
  --icon-color: var(--hop-comp-mark-icon-color-press);
3024
3075
  }
3025
- .Checkbox-module__hop-Checkbox___a8-FJ[data-selected] {
3076
+ .Checkbox-module__hop-Checkbox___02UND[data-selected] {
3026
3077
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3027
3078
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3028
3079
  --check-display: var(--hop-Checkbox-check-display-selected);
3029
3080
  --text-color: var(--hop-comp-mark-text-color-selected);
3030
3081
  --icon-color: var(--hop-comp-mark-icon-color-selected);
3031
3082
  }
3032
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid] {
3083
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid] {
3033
3084
  --box-background-color: var(--hop-comp-mark-background-color);
3034
3085
  --box-border-color: var(--hop-comp-mark-border-color-error);
3035
3086
  --check-color: var(--hop-comp-mark-indicator-color-error);
3036
3087
  --text-color: var(--hop-comp-mark-text-color-error);
3037
3088
  --icon-color: var(--hop-comp-mark-icon-color-error);
3038
3089
  }
3039
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-focus-visible]) {
3090
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid]:where([data-focus-visible]) {
3040
3091
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3041
3092
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3042
3093
  }
3043
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-hovered]) {
3094
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid]:where([data-hovered]) {
3044
3095
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3045
3096
  --box-border-color: var(--hop-comp-mark-border-color-error);
3046
3097
  --text-color: var(--hop-comp-mark-text-color-error-hover);
3047
3098
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3048
3099
  }
3049
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-pressed]) {
3100
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid]:where([data-pressed]) {
3050
3101
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3051
3102
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3052
3103
  --text-color: var(--hop-comp-mark-text-color-error-press);
3053
3104
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
3054
3105
  }
3055
- .Checkbox-module__hop-Checkbox___a8-FJ:where([data-invalid])[data-selected] {
3106
+ .Checkbox-module__hop-Checkbox___02UND:where([data-invalid])[data-selected] {
3056
3107
  --box-background-color: var(--hop-comp-mark-background-color-error);
3057
3108
  --box-border-color: var(--hop-comp-mark-border-color-error);
3058
3109
  }
3059
- .Checkbox-module__hop-Checkbox___a8-FJ[data-disabled] {
3110
+ .Checkbox-module__hop-Checkbox___02UND[data-disabled] {
3060
3111
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3061
3112
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3062
3113
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -3064,25 +3115,25 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3064
3115
  --text-color: var(--hop-comp-mark-text-color-disabled);
3065
3116
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
3066
3117
  }
3067
- .Checkbox-module__hop-Checkbox--sm___PgASQ {
3118
+ .Checkbox-module__hop-Checkbox--sm___cNAh8 {
3068
3119
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3069
3120
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3070
3121
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3071
3122
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3072
3123
  }
3073
- .Checkbox-module__hop-Checkbox--md___9xQ2m {
3124
+ .Checkbox-module__hop-Checkbox--md___BgmRU {
3074
3125
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3075
3126
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3076
3127
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3077
3128
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3078
3129
  }
3079
- .Checkbox-module__hop-Checkbox__icon___Y-xeU,
3080
- .Checkbox-module__hop-Checkbox__icon-list___qk5T1 {
3130
+ .Checkbox-module__hop-Checkbox__icon___KEa7p,
3131
+ .Checkbox-module__hop-Checkbox__icon-list___QNAzS {
3081
3132
  flex: 0 0 auto;
3082
3133
  order: 3;
3083
3134
  color: var(--icon-color);
3084
3135
  }
3085
- .Checkbox-module__hop-Checkbox__box___F2tM- {
3136
+ .Checkbox-module__hop-Checkbox__box___ncRrk {
3086
3137
  display: flex;
3087
3138
  flex: 0 0 auto;
3088
3139
  align-items: center;
@@ -3099,11 +3150,11 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3099
3150
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3100
3151
  box-shadow: var(--hop-comp-checkbox-box-shadow);
3101
3152
  }
3102
- .Checkbox-module__hop-Checkbox__check___9h77A {
3153
+ .Checkbox-module__hop-Checkbox__check___8mFEn {
3103
3154
  display: var(--check-display);
3104
3155
  color: var(--check-color);
3105
3156
  }
3106
- .Checkbox-module__hop-Checkbox__text___zr0Rz {
3157
+ .Checkbox-module__hop-Checkbox__text___CIz5k {
3107
3158
  flex: 0 1 auto;
3108
3159
  order: 2;
3109
3160
  min-inline-size: 0;
@@ -3113,7 +3164,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3113
3164
  }
3114
3165
 
3115
3166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
3116
- .CheckboxField-module__hop-CheckboxField___3gtR4 {
3167
+ .CheckboxField-module__hop-CheckboxField___xZYRD {
3117
3168
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
3118
3169
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
3119
3170
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3132,29 +3183,29 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3132
3183
  inline-size: max-content;
3133
3184
  max-inline-size: 100%;
3134
3185
  }
3135
- .CheckboxField-module__hop-CheckboxField___3gtR4[data-disabled] {
3186
+ .CheckboxField-module__hop-CheckboxField___xZYRD[data-disabled] {
3136
3187
  --description-color: var(--hop-CheckboxField-description-color-disabled);
3137
3188
  }
3138
- .CheckboxField-module__hop-CheckboxField--sm___YO-lb {
3189
+ .CheckboxField-module__hop-CheckboxField--sm___6kn5O {
3139
3190
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
3140
3191
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
3141
3192
  }
3142
- .CheckboxField-module__hop-CheckboxField--md___J9i6f {
3193
+ .CheckboxField-module__hop-CheckboxField--md___iS1AO {
3143
3194
  --row-gap: var(--hop-CheckboxField-md-row-gap);
3144
3195
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
3145
3196
  }
3146
- .CheckboxField-module__hop-CheckboxField__description___JTgLC {
3197
+ .CheckboxField-module__hop-CheckboxField__description___5hKfg {
3147
3198
  order: 2;
3148
3199
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
3149
3200
  color: var(--description-color);
3150
3201
  }
3151
- .CheckboxField-module__hop-CheckboxField___3gtR4 .CheckboxField-module__hop-CheckboxField__checkbox___q-wRL {
3202
+ .CheckboxField-module__hop-CheckboxField___xZYRD .CheckboxField-module__hop-CheckboxField__checkbox___Hs1sj {
3152
3203
  order: 1;
3153
3204
  inline-size: 100%;
3154
3205
  }
3155
3206
 
3156
3207
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
3157
- .CheckboxGroup-module__hop-CheckboxGroup___htT-b {
3208
+ .CheckboxGroup-module__hop-CheckboxGroup___NVtpb {
3158
3209
  --hop-CheckboxGroup-align-items: flex-start;
3159
3210
  --hop-CheckboxGroup-justify-content: flex-start;
3160
3211
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3194,49 +3245,49 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3194
3245
  inline-size: var(--inline-size);
3195
3246
  max-inline-size: 100%;
3196
3247
  }
3197
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h {
3248
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___irl8T {
3198
3249
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3199
3250
  --list-border-radius: var(--hop-shape-rounded-md);
3200
3251
  }
3201
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___Pfy5c {
3252
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___GHgi6 {
3202
3253
  --inline-size: 100%;
3203
3254
  }
3204
- .CheckboxGroup-module__hop-CheckboxGroup--sm___9I9F6 {
3255
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___zOLWq {
3205
3256
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3206
3257
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3207
3258
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3208
3259
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3209
3260
  }
3210
- .CheckboxGroup-module__hop-CheckboxGroup--md___nK4Kj {
3261
+ .CheckboxGroup-module__hop-CheckboxGroup--md___NYqmZ {
3211
3262
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3212
3263
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3213
3264
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3214
3265
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3215
3266
  }
3216
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h.CheckboxGroup-module__hop-CheckboxGroup--sm___9I9F6 {
3267
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___irl8T.CheckboxGroup-module__hop-CheckboxGroup--sm___zOLWq {
3217
3268
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3218
3269
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3219
3270
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3220
3271
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3221
3272
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3222
3273
  }
3223
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h.CheckboxGroup-module__hop-CheckboxGroup--md___nK4Kj {
3274
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___irl8T.CheckboxGroup-module__hop-CheckboxGroup--md___NYqmZ {
3224
3275
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3225
3276
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3226
3277
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3227
3278
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3228
3279
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3229
3280
  }
3230
- .CheckboxGroup-module__hop-CheckboxGroup___htT-b[data-orientation=horizontal] {
3281
+ .CheckboxGroup-module__hop-CheckboxGroup___NVtpb[data-orientation=horizontal] {
3231
3282
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3232
3283
  }
3233
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h[data-orientation=horizontal] {
3284
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___irl8T[data-orientation=horizontal] {
3234
3285
  --flex-wrap: nowrap;
3235
3286
  }
3236
- .CheckboxGroup-module__hop-CheckboxGroup___htT-b > .CheckboxGroup-module__hop-CheckboxGroup__label___lxMt1 {
3287
+ .CheckboxGroup-module__hop-CheckboxGroup___NVtpb > .CheckboxGroup-module__hop-CheckboxGroup__label___UatLM {
3237
3288
  order: 1;
3238
3289
  }
3239
- .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- {
3290
+ .CheckboxGroup-module__hop-CheckboxGroup__list___kIMtY {
3240
3291
  display: flex;
3241
3292
  flex-flow: var(--flex-direction) var(--flex-wrap);
3242
3293
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3247,7 +3298,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3247
3298
  border: var(--list-border, none);
3248
3299
  border-radius: var(--list-border-radius, 0);
3249
3300
  }
3250
- .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc {
3301
+ .CheckboxGroup-module__hop-CheckboxGroup__list___kIMtY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___SsPxr {
3251
3302
  position: relative;
3252
3303
  flex: 0 1 auto;
3253
3304
  align-content: start;
@@ -3255,28 +3306,28 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3255
3306
  min-inline-size: 0;
3256
3307
  padding: var(--checkbox-padding, 0);
3257
3308
  }
3258
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc::before {
3309
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___irl8T .CheckboxGroup-module__hop-CheckboxGroup__list___kIMtY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___SsPxr ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___SsPxr::before {
3259
3310
  content: "";
3260
3311
  position: absolute;
3261
3312
  display: block;
3262
3313
  }
3263
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc::before {
3314
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___irl8T[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___kIMtY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___SsPxr ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___SsPxr::before {
3264
3315
  inset-block-start: 0;
3265
3316
  inset-inline: 0;
3266
3317
  border-block-start: var(--list-border, none);
3267
3318
  }
3268
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___wM59h[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___vBP8- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Rt-uc::before {
3319
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___irl8T[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___kIMtY > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___SsPxr ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___SsPxr::before {
3269
3320
  inset-block: 0;
3270
3321
  inset-inline-start: 0;
3271
3322
  border-inline-start: var(--list-border, none);
3272
3323
  }
3273
- .CheckboxGroup-module__hop-CheckboxGroup___htT-b > .CheckboxGroup-module__hop-CheckboxGroup__error-message___RhlNI,
3274
- .CheckboxGroup-module__hop-CheckboxGroup___htT-b > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___WMnmd {
3324
+ .CheckboxGroup-module__hop-CheckboxGroup___NVtpb > .CheckboxGroup-module__hop-CheckboxGroup__error-message___W0tAU,
3325
+ .CheckboxGroup-module__hop-CheckboxGroup___NVtpb > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___RAw9b {
3275
3326
  order: 3;
3276
3327
  }
3277
3328
 
3278
3329
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3279
- .Checkbox-module__hop-Checkbox___a8-FJ {
3330
+ .Checkbox-module__hop-Checkbox___02UND {
3280
3331
  --hop-Checkbox-box-border-size: 0.0625rem;
3281
3332
  --hop-Checkbox-box-outline-size: 0.125rem;
3282
3333
  --hop-Checkbox-check-display: none;
@@ -3307,60 +3358,60 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3307
3358
  inline-size: max-content;
3308
3359
  max-inline-size: 100%;
3309
3360
  }
3310
- .Checkbox-module__hop-Checkbox___a8-FJ[data-focus-visible] {
3361
+ .Checkbox-module__hop-Checkbox___02UND[data-focus-visible] {
3311
3362
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3312
3363
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3313
3364
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3314
3365
  --text-color: var(--hop-comp-mark-text-color-focus);
3315
3366
  --icon-color: var(--hop-comp-mark-icon-color-focus);
3316
3367
  }
3317
- .Checkbox-module__hop-Checkbox___a8-FJ[data-hovered] {
3368
+ .Checkbox-module__hop-Checkbox___02UND[data-hovered] {
3318
3369
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3319
3370
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3320
3371
  --text-color: var(--hop-comp-mark-text-color-hover);
3321
3372
  --icon-color: var(--hop-comp-mark-icon-color-hover);
3322
3373
  }
3323
- .Checkbox-module__hop-Checkbox___a8-FJ[data-pressed] {
3374
+ .Checkbox-module__hop-Checkbox___02UND[data-pressed] {
3324
3375
  --box-background-color: var(--hop-comp-mark-background-color-press);
3325
3376
  --box-border-color: var(--hop-comp-mark-border-color-press);
3326
3377
  --text-color: var(--hop-comp-mark-text-color-press);
3327
3378
  --icon-color: var(--hop-comp-mark-icon-color-press);
3328
3379
  }
3329
- .Checkbox-module__hop-Checkbox___a8-FJ[data-selected] {
3380
+ .Checkbox-module__hop-Checkbox___02UND[data-selected] {
3330
3381
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3331
3382
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3332
3383
  --check-display: var(--hop-Checkbox-check-display-selected);
3333
3384
  --text-color: var(--hop-comp-mark-text-color-selected);
3334
3385
  --icon-color: var(--hop-comp-mark-icon-color-selected);
3335
3386
  }
3336
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid] {
3387
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid] {
3337
3388
  --box-background-color: var(--hop-comp-mark-background-color);
3338
3389
  --box-border-color: var(--hop-comp-mark-border-color-error);
3339
3390
  --check-color: var(--hop-comp-mark-indicator-color-error);
3340
3391
  --text-color: var(--hop-comp-mark-text-color-error);
3341
3392
  --icon-color: var(--hop-comp-mark-icon-color-error);
3342
3393
  }
3343
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-focus-visible]) {
3394
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid]:where([data-focus-visible]) {
3344
3395
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3345
3396
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3346
3397
  }
3347
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-hovered]) {
3398
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid]:where([data-hovered]) {
3348
3399
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3349
3400
  --box-border-color: var(--hop-comp-mark-border-color-error);
3350
3401
  --text-color: var(--hop-comp-mark-text-color-error-hover);
3351
3402
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3352
3403
  }
3353
- .Checkbox-module__hop-Checkbox___a8-FJ[data-invalid]:where([data-pressed]) {
3404
+ .Checkbox-module__hop-Checkbox___02UND[data-invalid]:where([data-pressed]) {
3354
3405
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3355
3406
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3356
3407
  --text-color: var(--hop-comp-mark-text-color-error-press);
3357
3408
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
3358
3409
  }
3359
- .Checkbox-module__hop-Checkbox___a8-FJ:where([data-invalid])[data-selected] {
3410
+ .Checkbox-module__hop-Checkbox___02UND:where([data-invalid])[data-selected] {
3360
3411
  --box-background-color: var(--hop-comp-mark-background-color-error);
3361
3412
  --box-border-color: var(--hop-comp-mark-border-color-error);
3362
3413
  }
3363
- .Checkbox-module__hop-Checkbox___a8-FJ[data-disabled] {
3414
+ .Checkbox-module__hop-Checkbox___02UND[data-disabled] {
3364
3415
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3365
3416
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3366
3417
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -3368,25 +3419,25 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3368
3419
  --text-color: var(--hop-comp-mark-text-color-disabled);
3369
3420
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
3370
3421
  }
3371
- .Checkbox-module__hop-Checkbox--sm___PgASQ {
3422
+ .Checkbox-module__hop-Checkbox--sm___cNAh8 {
3372
3423
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3373
3424
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3374
3425
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3375
3426
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3376
3427
  }
3377
- .Checkbox-module__hop-Checkbox--md___9xQ2m {
3428
+ .Checkbox-module__hop-Checkbox--md___BgmRU {
3378
3429
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3379
3430
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3380
3431
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3381
3432
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3382
3433
  }
3383
- .Checkbox-module__hop-Checkbox__icon___Y-xeU,
3384
- .Checkbox-module__hop-Checkbox__icon-list___qk5T1 {
3434
+ .Checkbox-module__hop-Checkbox__icon___KEa7p,
3435
+ .Checkbox-module__hop-Checkbox__icon-list___QNAzS {
3385
3436
  flex: 0 0 auto;
3386
3437
  order: 3;
3387
3438
  color: var(--icon-color);
3388
3439
  }
3389
- .Checkbox-module__hop-Checkbox__box___F2tM- {
3440
+ .Checkbox-module__hop-Checkbox__box___ncRrk {
3390
3441
  display: flex;
3391
3442
  flex: 0 0 auto;
3392
3443
  align-items: center;
@@ -3403,11 +3454,11 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3403
3454
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3404
3455
  box-shadow: var(--hop-comp-checkbox-box-shadow);
3405
3456
  }
3406
- .Checkbox-module__hop-Checkbox__check___9h77A {
3457
+ .Checkbox-module__hop-Checkbox__check___8mFEn {
3407
3458
  display: var(--check-display);
3408
3459
  color: var(--check-color);
3409
3460
  }
3410
- .Checkbox-module__hop-Checkbox__text___zr0Rz {
3461
+ .Checkbox-module__hop-Checkbox__text___CIz5k {
3411
3462
  flex: 0 1 auto;
3412
3463
  order: 2;
3413
3464
  min-inline-size: 0;
@@ -3415,24 +3466,24 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3415
3466
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3416
3467
  color: var(--text-color);
3417
3468
  }
3418
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___wvzEk {
3469
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___5Ami1 {
3419
3470
  }
3420
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___Q9xVn {
3471
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___ILTL- {
3421
3472
  }
3422
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___o4gVR {
3473
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___W2lvZ {
3423
3474
  }
3424
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___0Zgff,
3425
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MZwCq {
3475
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___eZpIs,
3476
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___I8hta {
3426
3477
  }
3427
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___zFYBf {
3478
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___MjPTw {
3428
3479
  }
3429
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___CalJP {
3480
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___ncPwM {
3430
3481
  }
3431
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___PSe8r {
3482
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___xf71t {
3432
3483
  }
3433
3484
 
3434
3485
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3435
- .Radio-module__hop-Radio___2VkVY {
3486
+ .Radio-module__hop-Radio___4stso {
3436
3487
  --hop-Radio-box-border-size: 0.0625rem;
3437
3488
  --hop-Radio-box-outline-size: 0.125rem;
3438
3489
  --hop-Radio-bullet-display: none;
@@ -3463,60 +3514,60 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3463
3514
  inline-size: max-content;
3464
3515
  max-inline-size: 100%;
3465
3516
  }
3466
- .Radio-module__hop-Radio___2VkVY[data-focus-visible] {
3517
+ .Radio-module__hop-Radio___4stso[data-focus-visible] {
3467
3518
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3468
3519
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3469
3520
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3470
3521
  --text-color: var(--hop-comp-mark-text-color-focus);
3471
3522
  --icon-color: var(--hop-comp-mark-icon-color-focus);
3472
3523
  }
3473
- .Radio-module__hop-Radio___2VkVY[data-hovered] {
3524
+ .Radio-module__hop-Radio___4stso[data-hovered] {
3474
3525
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3475
3526
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3476
3527
  --text-color: var(--hop-comp-mark-text-color-hover);
3477
3528
  --icon-color: var(--hop-comp-mark-icon-color-hover);
3478
3529
  }
3479
- .Radio-module__hop-Radio___2VkVY[data-pressed] {
3530
+ .Radio-module__hop-Radio___4stso[data-pressed] {
3480
3531
  --box-background-color: var(--hop-comp-mark-background-color-press);
3481
3532
  --box-border-color: var(--hop-comp-mark-border-color-press);
3482
3533
  --text-color: var(--hop-comp-mark-text-color-press);
3483
3534
  --icon-color: var(--hop-comp-mark-icon-color-press);
3484
3535
  }
3485
- .Radio-module__hop-Radio___2VkVY[data-selected] {
3536
+ .Radio-module__hop-Radio___4stso[data-selected] {
3486
3537
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3487
3538
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3488
3539
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3489
3540
  --text-color: var(--hop-comp-mark-text-color-selected);
3490
3541
  --icon-color: var(--hop-comp-mark-icon-color-selected);
3491
3542
  }
3492
- .Radio-module__hop-Radio___2VkVY[data-invalid] {
3543
+ .Radio-module__hop-Radio___4stso[data-invalid] {
3493
3544
  --box-background-color: var(--hop-comp-mark-background-color);
3494
3545
  --box-border-color: var(--hop-comp-mark-border-color-error);
3495
3546
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
3496
3547
  --text-color: var(--hop-comp-mark-text-color-error);
3497
3548
  --icon-color: var(--hop-comp-mark-icon-color-error);
3498
3549
  }
3499
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-focus-visible] {
3550
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-focus-visible] {
3500
3551
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3501
3552
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3502
3553
  }
3503
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-hovered] {
3554
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-hovered] {
3504
3555
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3505
3556
  --box-border-color: var(--hop-comp-mark-border-color-error);
3506
3557
  --text-color: var(--hop-comp-mark-text-color-error-hover);
3507
3558
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3508
3559
  }
3509
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-pressed] {
3560
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-pressed] {
3510
3561
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3511
3562
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3512
3563
  --text-color: var(--hop-comp-mark-text-color-error-press);
3513
3564
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
3514
3565
  }
3515
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-selected] {
3566
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-selected] {
3516
3567
  --box-background-color: var(--hop-comp-mark-background-color-error);
3517
3568
  --box-border-color: var(--hop-comp-mark-border-color-error);
3518
3569
  }
3519
- .Radio-module__hop-Radio___2VkVY[data-disabled] {
3570
+ .Radio-module__hop-Radio___4stso[data-disabled] {
3520
3571
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3521
3572
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3522
3573
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -3524,25 +3575,25 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3524
3575
  --text-color: var(--hop-comp-mark-text-color-disabled);
3525
3576
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
3526
3577
  }
3527
- .Radio-module__hop-Radio--sm___0B3xl {
3578
+ .Radio-module__hop-Radio--sm___GjH-c {
3528
3579
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3529
3580
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3530
3581
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3531
3582
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3532
3583
  }
3533
- .Radio-module__hop-Radio--md___gbszm {
3584
+ .Radio-module__hop-Radio--md___1JUOQ {
3534
3585
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3535
3586
  --box-block-size: var(--hop-Radio-box-md-block-size);
3536
3587
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3537
3588
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3538
3589
  }
3539
- .Radio-module__hop-Radio__icon___HtE1C,
3540
- .Radio-module__hop-Radio__icon-list___yDu-U {
3590
+ .Radio-module__hop-Radio__icon___-iM95,
3591
+ .Radio-module__hop-Radio__icon-list___PvTFr {
3541
3592
  flex: 0 0 auto;
3542
3593
  order: 3;
3543
3594
  color: var(--icon-color);
3544
3595
  }
3545
- .Radio-module__hop-Radio__box___S2DzA {
3596
+ .Radio-module__hop-Radio__box___hpCH8 {
3546
3597
  display: flex;
3547
3598
  flex: 0 0 auto;
3548
3599
  align-items: center;
@@ -3559,11 +3610,11 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3559
3610
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3560
3611
  box-shadow: var(--hop-comp-radio-box-shadow);
3561
3612
  }
3562
- .Radio-module__hop-Radio__bullet___VDUgW {
3613
+ .Radio-module__hop-Radio__bullet___gh6yX {
3563
3614
  display: var(--bullet-display);
3564
3615
  color: var(--bullet-color);
3565
3616
  }
3566
- .Radio-module__hop-Radio__text___240Dm {
3617
+ .Radio-module__hop-Radio__text___aS5rY {
3567
3618
  flex: 0 1 auto;
3568
3619
  order: 2;
3569
3620
  min-inline-size: 0;
@@ -3571,24 +3622,24 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3571
3622
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3572
3623
  color: var(--text-color);
3573
3624
  }
3574
- .DecorativeRadio-module__hop-DecorativeRadio___ByCy7 {
3625
+ .DecorativeRadio-module__hop-DecorativeRadio___mqMAL {
3575
3626
  }
3576
- .DecorativeRadio-module__hop-DecorativeRadio--sm___tsG-o {
3627
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___ZgTzq {
3577
3628
  }
3578
- .DecorativeRadio-module__hop-DecorativeRadio--md___YK6ug {
3629
+ .DecorativeRadio-module__hop-DecorativeRadio--md___oqFlq {
3579
3630
  }
3580
- .DecorativeRadio-module__hop-DecorativeRadio__icon___4jPzl,
3581
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___8H3ne {
3631
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___RPBdl,
3632
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___xUuB4 {
3582
3633
  }
3583
- .DecorativeRadio-module__hop-DecorativeRadio__box___iafMS {
3634
+ .DecorativeRadio-module__hop-DecorativeRadio__box___QPQcS {
3584
3635
  }
3585
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___N36M7 {
3636
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___QnG0F {
3586
3637
  }
3587
- .DecorativeRadio-module__hop-DecorativeRadio__text___nDlri {
3638
+ .DecorativeRadio-module__hop-DecorativeRadio__text___stdeM {
3588
3639
  }
3589
3640
 
3590
3641
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3591
- .Radio-module__hop-Radio___2VkVY {
3642
+ .Radio-module__hop-Radio___4stso {
3592
3643
  --hop-Radio-box-border-size: 0.0625rem;
3593
3644
  --hop-Radio-box-outline-size: 0.125rem;
3594
3645
  --hop-Radio-bullet-display: none;
@@ -3619,60 +3670,60 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3619
3670
  inline-size: max-content;
3620
3671
  max-inline-size: 100%;
3621
3672
  }
3622
- .Radio-module__hop-Radio___2VkVY[data-focus-visible] {
3673
+ .Radio-module__hop-Radio___4stso[data-focus-visible] {
3623
3674
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3624
3675
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3625
3676
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3626
3677
  --text-color: var(--hop-comp-mark-text-color-focus);
3627
3678
  --icon-color: var(--hop-comp-mark-icon-color-focus);
3628
3679
  }
3629
- .Radio-module__hop-Radio___2VkVY[data-hovered] {
3680
+ .Radio-module__hop-Radio___4stso[data-hovered] {
3630
3681
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3631
3682
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3632
3683
  --text-color: var(--hop-comp-mark-text-color-hover);
3633
3684
  --icon-color: var(--hop-comp-mark-icon-color-hover);
3634
3685
  }
3635
- .Radio-module__hop-Radio___2VkVY[data-pressed] {
3686
+ .Radio-module__hop-Radio___4stso[data-pressed] {
3636
3687
  --box-background-color: var(--hop-comp-mark-background-color-press);
3637
3688
  --box-border-color: var(--hop-comp-mark-border-color-press);
3638
3689
  --text-color: var(--hop-comp-mark-text-color-press);
3639
3690
  --icon-color: var(--hop-comp-mark-icon-color-press);
3640
3691
  }
3641
- .Radio-module__hop-Radio___2VkVY[data-selected] {
3692
+ .Radio-module__hop-Radio___4stso[data-selected] {
3642
3693
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3643
3694
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3644
3695
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3645
3696
  --text-color: var(--hop-comp-mark-text-color-selected);
3646
3697
  --icon-color: var(--hop-comp-mark-icon-color-selected);
3647
3698
  }
3648
- .Radio-module__hop-Radio___2VkVY[data-invalid] {
3699
+ .Radio-module__hop-Radio___4stso[data-invalid] {
3649
3700
  --box-background-color: var(--hop-comp-mark-background-color);
3650
3701
  --box-border-color: var(--hop-comp-mark-border-color-error);
3651
3702
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
3652
3703
  --text-color: var(--hop-comp-mark-text-color-error);
3653
3704
  --icon-color: var(--hop-comp-mark-icon-color-error);
3654
3705
  }
3655
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-focus-visible] {
3706
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-focus-visible] {
3656
3707
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3657
3708
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3658
3709
  }
3659
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-hovered] {
3710
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-hovered] {
3660
3711
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3661
3712
  --box-border-color: var(--hop-comp-mark-border-color-error);
3662
3713
  --text-color: var(--hop-comp-mark-text-color-error-hover);
3663
3714
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3664
3715
  }
3665
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-pressed] {
3716
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-pressed] {
3666
3717
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3667
3718
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3668
3719
  --text-color: var(--hop-comp-mark-text-color-error-press);
3669
3720
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
3670
3721
  }
3671
- .Radio-module__hop-Radio___2VkVY:where([data-invalid])[data-selected] {
3722
+ .Radio-module__hop-Radio___4stso:where([data-invalid])[data-selected] {
3672
3723
  --box-background-color: var(--hop-comp-mark-background-color-error);
3673
3724
  --box-border-color: var(--hop-comp-mark-border-color-error);
3674
3725
  }
3675
- .Radio-module__hop-Radio___2VkVY[data-disabled] {
3726
+ .Radio-module__hop-Radio___4stso[data-disabled] {
3676
3727
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3677
3728
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3678
3729
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -3680,25 +3731,25 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3680
3731
  --text-color: var(--hop-comp-mark-text-color-disabled);
3681
3732
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
3682
3733
  }
3683
- .Radio-module__hop-Radio--sm___0B3xl {
3734
+ .Radio-module__hop-Radio--sm___GjH-c {
3684
3735
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3685
3736
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3686
3737
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3687
3738
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3688
3739
  }
3689
- .Radio-module__hop-Radio--md___gbszm {
3740
+ .Radio-module__hop-Radio--md___1JUOQ {
3690
3741
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3691
3742
  --box-block-size: var(--hop-Radio-box-md-block-size);
3692
3743
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3693
3744
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3694
3745
  }
3695
- .Radio-module__hop-Radio__icon___HtE1C,
3696
- .Radio-module__hop-Radio__icon-list___yDu-U {
3746
+ .Radio-module__hop-Radio__icon___-iM95,
3747
+ .Radio-module__hop-Radio__icon-list___PvTFr {
3697
3748
  flex: 0 0 auto;
3698
3749
  order: 3;
3699
3750
  color: var(--icon-color);
3700
3751
  }
3701
- .Radio-module__hop-Radio__box___S2DzA {
3752
+ .Radio-module__hop-Radio__box___hpCH8 {
3702
3753
  display: flex;
3703
3754
  flex: 0 0 auto;
3704
3755
  align-items: center;
@@ -3715,11 +3766,11 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3715
3766
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3716
3767
  box-shadow: var(--hop-comp-radio-box-shadow);
3717
3768
  }
3718
- .Radio-module__hop-Radio__bullet___VDUgW {
3769
+ .Radio-module__hop-Radio__bullet___gh6yX {
3719
3770
  display: var(--bullet-display);
3720
3771
  color: var(--bullet-color);
3721
3772
  }
3722
- .Radio-module__hop-Radio__text___240Dm {
3773
+ .Radio-module__hop-Radio__text___aS5rY {
3723
3774
  flex: 0 1 auto;
3724
3775
  order: 2;
3725
3776
  min-inline-size: 0;
@@ -3729,7 +3780,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3729
3780
  }
3730
3781
 
3731
3782
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3732
- .RadioField-module__hop-RadioField___NZjsM {
3783
+ .RadioField-module__hop-RadioField___ojQSQ {
3733
3784
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3734
3785
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3735
3786
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3748,29 +3799,29 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3748
3799
  inline-size: max-content;
3749
3800
  max-inline-size: 100%;
3750
3801
  }
3751
- .RadioField-module__hop-RadioField___NZjsM[data-disabled] {
3802
+ .RadioField-module__hop-RadioField___ojQSQ[data-disabled] {
3752
3803
  --description-color: var(--hop-RadioField-description-color-disabled);
3753
3804
  }
3754
- .RadioField-module__hop-RadioField--sm___sn4b0 {
3805
+ .RadioField-module__hop-RadioField--sm___yRH0T {
3755
3806
  --row-gap: var(--hop-RadioField-sm-row-gap);
3756
3807
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3757
3808
  }
3758
- .RadioField-module__hop-RadioField--md___NMAcp {
3809
+ .RadioField-module__hop-RadioField--md___uU2Db {
3759
3810
  --row-gap: var(--hop-RadioField-md-row-gap);
3760
3811
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3761
3812
  }
3762
- .RadioField-module__hop-RadioField__description___s26nG {
3813
+ .RadioField-module__hop-RadioField__description___B5Gxn {
3763
3814
  order: 2;
3764
3815
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3765
3816
  color: var(--description-color);
3766
3817
  }
3767
- .RadioField-module__hop-RadioField___NZjsM .RadioField-module__hop-RadioField__radio___EM8yy {
3818
+ .RadioField-module__hop-RadioField___ojQSQ .RadioField-module__hop-RadioField__radio___DWbHn {
3768
3819
  order: 1;
3769
3820
  inline-size: 100%;
3770
3821
  }
3771
3822
 
3772
3823
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3773
- .RadioGroup-module__hop-RadioGroup___udO70 {
3824
+ .RadioGroup-module__hop-RadioGroup___woZI2 {
3774
3825
  --hop-RadioGroup-align-items: flex-start;
3775
3826
  --hop-RadioGroup-justify-content: flex-start;
3776
3827
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3810,49 +3861,49 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3810
3861
  inline-size: var(--inline-size);
3811
3862
  max-inline-size: 100%;
3812
3863
  }
3813
- .RadioGroup-module__hop-RadioGroup--bordered___IEM-B {
3864
+ .RadioGroup-module__hop-RadioGroup--bordered___-tOA2 {
3814
3865
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3815
3866
  --list-border-radius: var(--hop-shape-rounded-md);
3816
3867
  }
3817
- .RadioGroup-module__hop-RadioGroup--fluid___3GnYO {
3868
+ .RadioGroup-module__hop-RadioGroup--fluid___pv3Vu {
3818
3869
  --inline-size: 100%;
3819
3870
  }
3820
- .RadioGroup-module__hop-RadioGroup--sm___44n2t {
3871
+ .RadioGroup-module__hop-RadioGroup--sm___qubhl {
3821
3872
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3822
3873
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3823
3874
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3824
3875
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3825
3876
  }
3826
- .RadioGroup-module__hop-RadioGroup--md___eWVI7 {
3877
+ .RadioGroup-module__hop-RadioGroup--md___-IyTr {
3827
3878
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3828
3879
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3829
3880
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3830
3881
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3831
3882
  }
3832
- .RadioGroup-module__hop-RadioGroup--bordered___IEM-B.RadioGroup-module__hop-RadioGroup--sm___44n2t {
3883
+ .RadioGroup-module__hop-RadioGroup--bordered___-tOA2.RadioGroup-module__hop-RadioGroup--sm___qubhl {
3833
3884
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3834
3885
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3835
3886
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3836
3887
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3837
3888
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3838
3889
  }
3839
- .RadioGroup-module__hop-RadioGroup--bordered___IEM-B.RadioGroup-module__hop-RadioGroup--md___eWVI7 {
3890
+ .RadioGroup-module__hop-RadioGroup--bordered___-tOA2.RadioGroup-module__hop-RadioGroup--md___-IyTr {
3840
3891
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3841
3892
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3842
3893
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3843
3894
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3844
3895
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3845
3896
  }
3846
- .RadioGroup-module__hop-RadioGroup___udO70[data-orientation=horizontal] {
3897
+ .RadioGroup-module__hop-RadioGroup___woZI2[data-orientation=horizontal] {
3847
3898
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3848
3899
  }
3849
- .RadioGroup-module__hop-RadioGroup--bordered___IEM-B[data-orientation=horizontal] {
3900
+ .RadioGroup-module__hop-RadioGroup--bordered___-tOA2[data-orientation=horizontal] {
3850
3901
  --flex-wrap: nowrap;
3851
3902
  }
3852
- .RadioGroup-module__hop-RadioGroup___udO70 > .RadioGroup-module__hop-RadioGroup__label___GVeWB {
3903
+ .RadioGroup-module__hop-RadioGroup___woZI2 > .RadioGroup-module__hop-RadioGroup__label___ESxfa {
3853
3904
  order: 1;
3854
3905
  }
3855
- .RadioGroup-module__hop-RadioGroup__list___MW1RY {
3906
+ .RadioGroup-module__hop-RadioGroup__list___q2alO {
3856
3907
  display: flex;
3857
3908
  flex-flow: var(--flex-direction) var(--flex-wrap);
3858
3909
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3863,7 +3914,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3863
3914
  border: var(--list-border, none);
3864
3915
  border-radius: var(--list-border-radius, 0);
3865
3916
  }
3866
- .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV {
3917
+ .RadioGroup-module__hop-RadioGroup__list___q2alO > .RadioGroup-module__hop-RadioGroup__radio___5j42J {
3867
3918
  position: relative;
3868
3919
  flex: 0 1 auto;
3869
3920
  align-content: start;
@@ -3871,28 +3922,28 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3871
3922
  min-inline-size: 0;
3872
3923
  padding: var(--radio-padding, 0);
3873
3924
  }
3874
- .RadioGroup-module__hop-RadioGroup--bordered___IEM-B .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV ~ .RadioGroup-module__hop-RadioGroup__radio___TMmFV::before {
3925
+ .RadioGroup-module__hop-RadioGroup--bordered___-tOA2 .RadioGroup-module__hop-RadioGroup__list___q2alO > .RadioGroup-module__hop-RadioGroup__radio___5j42J ~ .RadioGroup-module__hop-RadioGroup__radio___5j42J::before {
3875
3926
  content: "";
3876
3927
  position: absolute;
3877
3928
  display: block;
3878
3929
  }
3879
- .RadioGroup-module__hop-RadioGroup--bordered___IEM-B[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV ~ .RadioGroup-module__hop-RadioGroup__radio___TMmFV::before {
3930
+ .RadioGroup-module__hop-RadioGroup--bordered___-tOA2[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___q2alO > .RadioGroup-module__hop-RadioGroup__radio___5j42J ~ .RadioGroup-module__hop-RadioGroup__radio___5j42J::before {
3880
3931
  inset-block-start: 0;
3881
3932
  inset-inline: 0;
3882
3933
  border-block-start: var(--list-border, none);
3883
3934
  }
3884
- .RadioGroup-module__hop-RadioGroup--bordered___IEM-B[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___MW1RY > .RadioGroup-module__hop-RadioGroup__radio___TMmFV ~ .RadioGroup-module__hop-RadioGroup__radio___TMmFV::before {
3935
+ .RadioGroup-module__hop-RadioGroup--bordered___-tOA2[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___q2alO > .RadioGroup-module__hop-RadioGroup__radio___5j42J ~ .RadioGroup-module__hop-RadioGroup__radio___5j42J::before {
3885
3936
  inset-block: 0;
3886
3937
  inset-inline-start: 0;
3887
3938
  border-inline-start: var(--list-border, none);
3888
3939
  }
3889
- .RadioGroup-module__hop-RadioGroup___udO70 > .RadioGroup-module__hop-RadioGroup__error-message___LN4GL,
3890
- .RadioGroup-module__hop-RadioGroup___udO70 > .RadioGroup-module__hop-RadioGroup__helper-message___Jpmqr {
3940
+ .RadioGroup-module__hop-RadioGroup___woZI2 > .RadioGroup-module__hop-RadioGroup__error-message___xlHLM,
3941
+ .RadioGroup-module__hop-RadioGroup___woZI2 > .RadioGroup-module__hop-RadioGroup__helper-message___NuPkK {
3891
3942
  order: 3;
3892
3943
  }
3893
3944
 
3894
3945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3895
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___0yscg {
3946
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___vONcL {
3896
3947
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3897
3948
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3898
3949
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3918,7 +3969,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3918
3969
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3919
3970
  background-size: 400% 100%;
3920
3971
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3921
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___HkKBE;
3972
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___W34T-;
3922
3973
  animation-duration: var(--animation-duration);
3923
3974
  animation-timing-function: ease-in-out;
3924
3975
  animation-fill-mode: forwards;
@@ -3927,19 +3978,19 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3927
3978
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3928
3979
  }
3929
3980
  }
3930
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___9d-9K {
3981
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___YeU89 {
3931
3982
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3932
3983
  }
3933
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___eg0R2 {
3984
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___10eGl {
3934
3985
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3935
3986
  }
3936
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___KEZbv {
3987
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___MtI05 {
3937
3988
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3938
3989
  }
3939
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QUrry {
3990
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___AUbNy {
3940
3991
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3941
3992
  }
3942
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___HkKBE {
3993
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___W34T- {
3943
3994
  0% {
3944
3995
  background-position: 125% 50%;
3945
3996
  }
@@ -3949,7 +4000,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
3949
4000
  }
3950
4001
 
3951
4002
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3952
- .ListBoxItem-module__hop-ListBoxItem___OGnt- {
4003
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ {
3953
4004
  --hop-ListBoxItem-background-color: transparent;
3954
4005
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3955
4006
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -4047,85 +4098,85 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4047
4098
  outline: var(--outline);
4048
4099
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
4049
4100
  }
4050
- .ListBoxItem-module__hop-ListBoxItem--xs___yK6z6 {
4101
+ .ListBoxItem-module__hop-ListBoxItem--xs___Op7gh {
4051
4102
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
4052
4103
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
4053
4104
  --min-height: var(--hop-ListBoxItem-xs-min-height);
4054
4105
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
4055
4106
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
4056
4107
  }
4057
- .ListBoxItem-module__hop-ListBoxItem--sm___QkEQ- {
4108
+ .ListBoxItem-module__hop-ListBoxItem--sm___7rOuw {
4058
4109
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
4059
4110
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
4060
4111
  --min-height: var(--hop-ListBoxItem-sm-min-height);
4061
4112
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
4062
4113
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
4063
4114
  }
4064
- .ListBoxItem-module__hop-ListBoxItem--md___4HyRC {
4115
+ .ListBoxItem-module__hop-ListBoxItem--md___vyTyj {
4065
4116
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4066
4117
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4067
4118
  --min-height: var(--hop-ListBoxItem-md-min-height);
4068
4119
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4069
4120
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4070
4121
  }
4071
- .ListBoxItem-module__hop-ListBoxItem--lg___xILKk {
4122
+ .ListBoxItem-module__hop-ListBoxItem--lg___YV6KT {
4072
4123
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4073
4124
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4074
4125
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4075
4126
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4076
4127
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4077
4128
  }
4078
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-selection-mode] {
4129
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-selection-mode] {
4079
4130
  --cursor: pointer;
4080
4131
  }
4081
- .ListBoxItem-module__hop-ListBoxItem___OGnt-:not([data-selection-mode]) {
4132
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ:not([data-selection-mode]) {
4082
4133
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4083
4134
  }
4084
- .ListBoxItem-module__hop-ListBoxItem__inner___3cVDL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___9Kp9-) {
4135
+ .ListBoxItem-module__hop-ListBoxItem__inner___XBXq1:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___0ieAs) {
4085
4136
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4086
4137
  }
4087
- .ListBoxItem-module__hop-ListBoxItem__inner___3cVDL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___9Kp9-) {
4138
+ .ListBoxItem-module__hop-ListBoxItem__inner___XBXq1[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___0ieAs) {
4088
4139
  --checkmark-transition: none;
4089
4140
  }
4090
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-selected] {
4141
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-selected] {
4091
4142
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4092
4143
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4093
4144
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4094
4145
  --checkmark-color: var(--hop-comp-select-checkmark-color);
4095
4146
  --checkmark-opacity: 1;
4096
4147
  }
4097
- .ListBoxItem-module__hop-ListBoxItem--xs___yK6z6[data-selected] {
4148
+ .ListBoxItem-module__hop-ListBoxItem--xs___Op7gh[data-selected] {
4098
4149
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4099
4150
  }
4100
- .ListBoxItem-module__hop-ListBoxItem--sm___QkEQ-[data-selected] {
4151
+ .ListBoxItem-module__hop-ListBoxItem--sm___7rOuw[data-selected] {
4101
4152
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4102
4153
  }
4103
- .ListBoxItem-module__hop-ListBoxItem--md___4HyRC[data-selected] {
4154
+ .ListBoxItem-module__hop-ListBoxItem--md___vyTyj[data-selected] {
4104
4155
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4105
4156
  }
4106
- .ListBoxItem-module__hop-ListBoxItem--lg___xILKk[data-selected] {
4157
+ .ListBoxItem-module__hop-ListBoxItem--lg___YV6KT[data-selected] {
4107
4158
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4108
4159
  }
4109
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-focus-visible] {
4160
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-focus-visible] {
4110
4161
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4111
4162
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4112
4163
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4113
4164
  --checkmark-color: var(--hop-comp-select-checkmark-color-focused);
4114
4165
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4115
4166
  }
4116
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-hovered] {
4167
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-hovered] {
4117
4168
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4118
4169
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4119
4170
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4120
4171
  --checkmark-color: var(--hop-comp-select-checkmark-color-hovered);
4121
4172
  }
4122
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-pressed] {
4173
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-pressed] {
4123
4174
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4124
4175
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4125
4176
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4126
4177
  --checkmark-color: var(--hop-comp-select-checkmark-color-pressed);
4127
4178
  }
4128
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-disabled] {
4179
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-disabled] {
4129
4180
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4130
4181
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4131
4182
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
@@ -4133,49 +4184,49 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4133
4184
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4134
4185
  --cursor: not-allowed;
4135
4186
  }
4136
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid] {
4187
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-invalid] {
4137
4188
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4138
4189
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4139
4190
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4140
4191
  }
4141
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-selected] {
4192
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-invalid][data-selected] {
4142
4193
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4143
4194
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4144
4195
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4145
4196
  --checkmark-color: var(--icon-color);
4146
4197
  }
4147
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-focus-visible] {
4198
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-invalid][data-focus-visible] {
4148
4199
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4149
4200
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4150
4201
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4151
4202
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4152
4203
  }
4153
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-hovered] {
4204
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-invalid][data-hovered] {
4154
4205
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4155
4206
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4156
4207
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4157
4208
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4158
4209
  }
4159
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-pressed] {
4210
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-invalid][data-pressed] {
4160
4211
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4161
4212
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4162
4213
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4163
4214
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4164
4215
  }
4165
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-invalid][data-disabled] {
4216
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-invalid][data-disabled] {
4166
4217
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4167
4218
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4168
4219
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4169
4220
  }
4170
- .ListBoxItem-module__hop-ListBoxItem___OGnt-:has(.ListBoxItem-module__hop-ListBoxItem__description___VQYD-) {
4221
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ:has(.ListBoxItem-module__hop-ListBoxItem__description___-mpat) {
4171
4222
  --row-gap: var(--hop-ListBoxItem-row-gap);
4172
4223
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4173
4224
  }
4174
- .ListBoxItem-module__hop-ListBoxItem___OGnt-[data-loading] {
4225
+ .ListBoxItem-module__hop-ListBoxItem___lz1TJ[data-loading] {
4175
4226
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4176
4227
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4177
4228
  }
4178
- .ListBoxItem-module__hop-ListBoxItem__inner___3cVDL {
4229
+ .ListBoxItem-module__hop-ListBoxItem__inner___XBXq1 {
4179
4230
  display: grid;
4180
4231
  grid-template-areas: var(--grid-template-areas);
4181
4232
  grid-template-columns: var(--grid-template-columns);
@@ -4187,33 +4238,33 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4187
4238
  padding-inline: var(--padding-inline);
4188
4239
  transition: grid-template-columns .3s ease-in-out;
4189
4240
  }
4190
- .ListBoxItem-module__hop-ListBoxItem__checkmark___9Kp9- {
4241
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___0ieAs {
4191
4242
  grid-area: indicator;
4192
4243
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4193
4244
  color: var(--checkmark-color);
4194
4245
  opacity: var(--checkmark-opacity);
4195
4246
  transition: var(--checkmark-transition);
4196
4247
  }
4197
- .ListBoxItem-module__hop-ListBoxItem__radio___GJap5,
4198
- .ListBoxItem-module__hop-ListBoxItem__checkbox___JTXjJ {
4248
+ .ListBoxItem-module__hop-ListBoxItem__radio___SlHV3,
4249
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___scVGf {
4199
4250
  pointer-events: none;
4200
4251
  user-select: none;
4201
4252
  grid-area: indicator;
4202
4253
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4203
4254
  }
4204
- .ListBoxItem-module__hop-ListBoxItem__avatar___Brw0M {
4255
+ .ListBoxItem-module__hop-ListBoxItem__avatar___MN3Aj {
4205
4256
  grid-area: avatar;
4206
4257
  margin-block: var(--avatar-margin-block, 0);
4207
4258
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4208
4259
  }
4209
- .ListBoxItem-module__hop-ListBoxItem__icon-list___n9stG,
4210
- .ListBoxItem-module__hop-ListBoxItem__icon___sPijg {
4260
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___Ku7MW,
4261
+ .ListBoxItem-module__hop-ListBoxItem__icon___dVPS3 {
4211
4262
  grid-area: icon;
4212
4263
  flex: 0 0 auto;
4213
4264
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4214
4265
  color: var(--icon-color);
4215
4266
  }
4216
- .ListBoxItem-module__hop-ListBoxItem__label___BQYLU {
4267
+ .ListBoxItem-module__hop-ListBoxItem__label___K7H5X {
4217
4268
  overflow: hidden;
4218
4269
  grid-area: label;
4219
4270
  min-inline-size: 0;
@@ -4221,18 +4272,18 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4221
4272
  text-overflow: ellipsis;
4222
4273
  white-space: nowrap;
4223
4274
  }
4224
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___nCckN,
4225
- .ListBoxItem-module__hop-ListBoxItem__end-icon___l44wX {
4275
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___mMO0a,
4276
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___kDYTu {
4226
4277
  grid-area: end-icon;
4227
4278
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4228
4279
  color: var(--icon-color);
4229
4280
  }
4230
- .ListBoxItem-module__hop-ListBoxItem__badge___dTlCP {
4281
+ .ListBoxItem-module__hop-ListBoxItem__badge___RI5D8 {
4231
4282
  grid-area: badge;
4232
4283
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4233
4284
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4234
4285
  }
4235
- .ListBoxItem-module__hop-ListBoxItem__description___VQYD- {
4286
+ .ListBoxItem-module__hop-ListBoxItem__description___-mpat {
4236
4287
  overflow: hidden;
4237
4288
  display: -webkit-box;
4238
4289
  grid-area: description;
@@ -4243,7 +4294,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4243
4294
  }
4244
4295
 
4245
4296
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4246
- .ListBox-module__hop-ListBox___jbtaj {
4297
+ .ListBox-module__hop-ListBox___GV-zW {
4247
4298
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4248
4299
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4249
4300
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4290,11 +4341,11 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4290
4341
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4291
4342
  border-radius: var(--hop-ListBox-border-radius);
4292
4343
  }
4293
- .ListBox-module__hop-ListBox--fluid___q0SFb {
4344
+ .ListBox-module__hop-ListBox--fluid___rGIwo {
4294
4345
  --max-width: var(--hop-ListBox-fluid-max-width);
4295
4346
  --width: var(--hop-ListBox-fluid-width);
4296
4347
  }
4297
- .ListBox-module__hop-ListBox__section___c29Ve {
4348
+ .ListBox-module__hop-ListBox__section___YgIt7 {
4298
4349
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4299
4350
  margin-inline: var(--hop-ListBox-section-margin-inline);
4300
4351
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4302,21 +4353,21 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4302
4353
  border-block-start: var(--section-border-block-start);
4303
4354
  border-block-end: var(--section-border-block-end);
4304
4355
  }
4305
- .ListBox-module__hop-ListBox__item___TTxA9 + .ListBox-module__hop-ListBox__section___c29Ve {
4356
+ .ListBox-module__hop-ListBox__item___q6CGu + .ListBox-module__hop-ListBox__section___YgIt7 {
4306
4357
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4307
4358
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4308
4359
  }
4309
- .ListBox-module__hop-ListBox__section___c29Ve:has(+ .ListBox-module__hop-ListBox__item___TTxA9) {
4360
+ .ListBox-module__hop-ListBox__section___YgIt7:has(+ .ListBox-module__hop-ListBox__item___q6CGu) {
4310
4361
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4311
4362
  }
4312
- .ListBox-module__hop-ListBox__section___c29Ve:first-child {
4363
+ .ListBox-module__hop-ListBox__section___YgIt7:first-child {
4313
4364
  --section-padding-block-start: 0;
4314
4365
  }
4315
- .ListBox-module__hop-ListBox__section___c29Ve:last-child {
4366
+ .ListBox-module__hop-ListBox__section___YgIt7:last-child {
4316
4367
  --section-padding-block-end: 0;
4317
4368
  --section-border-block-end: 0;
4318
4369
  }
4319
- .ListBox-module__hop-ListBox__section-header___Ax6-- {
4370
+ .ListBox-module__hop-ListBox__section-header___tqIHG {
4320
4371
  margin: 0;
4321
4372
  padding: var(--hop-ListBox-section-header-padding);
4322
4373
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4327,23 +4378,23 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4327
4378
  text-transform: var(--hop-ListBox-section-header-text-transform);
4328
4379
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4329
4380
  }
4330
- .ListBox-module__hop-ListBox__section-header___Ax6--::before,
4331
- .ListBox-module__hop-ListBox__section-header___Ax6--::after {
4381
+ .ListBox-module__hop-ListBox__section-header___tqIHG::before,
4382
+ .ListBox-module__hop-ListBox__section-header___tqIHG::after {
4332
4383
  content: "";
4333
4384
  display: block;
4334
4385
  box-sizing: border-box;
4335
4386
  inline-size: 0;
4336
4387
  block-size: 0;
4337
4388
  }
4338
- .ListBox-module__hop-ListBox__section-header___Ax6--::before {
4389
+ .ListBox-module__hop-ListBox__section-header___tqIHG::before {
4339
4390
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4340
4391
  }
4341
- .ListBox-module__hop-ListBox__section-header___Ax6--::after {
4392
+ .ListBox-module__hop-ListBox__section-header___tqIHG::after {
4342
4393
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4343
4394
  }
4344
4395
 
4345
4396
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
4346
- .Link-module__hop-Link___zCeXX {
4397
+ .Link-module__hop-Link___FCNS2 {
4347
4398
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4348
4399
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4349
4400
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4403,137 +4454,137 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4403
4454
  outline: none;
4404
4455
  outline-offset: 0.125rem;
4405
4456
  }
4406
- :where(.Link-module__hop-Link___zCeXX) {
4457
+ :where(.Link-module__hop-Link___FCNS2) {
4407
4458
  font-family: var(--font-family);
4408
4459
  font-size: var(--font-size);
4409
4460
  font-weight: var(--font-weight);
4410
4461
  line-height: var(--line-height);
4411
4462
  }
4412
- :where(.Link-module__hop-Link--xs___8bM7L) {
4463
+ :where(.Link-module__hop-Link--xs___l6JTU) {
4413
4464
  --font-size: var(--hop-Link-xs-font-size);
4414
4465
  --font-family: var(--hop-Link-xs-font-family);
4415
4466
  --font-weight: var(--hop-Link-xs-font-weight);
4416
4467
  --line-height: var(--hop-Link-xs-line-height);
4417
4468
  }
4418
- :where(.Link-module__hop-Link--sm___6fTnr) {
4469
+ :where(.Link-module__hop-Link--sm___exRjm) {
4419
4470
  --font-size: var(--hop-Link-sm-font-size);
4420
4471
  --font-family: var(--hop-Link-sm-font-family);
4421
4472
  --font-weight: var(--hop-Link-sm-font-weight);
4422
4473
  --line-height: var(--hop-Link-sm-line-height);
4423
4474
  }
4424
- :where(.Link-module__hop-Link--md___QM6tu) {
4475
+ :where(.Link-module__hop-Link--md___9xtt9) {
4425
4476
  --font-size: var(--hop-Link-md-font-size);
4426
4477
  --font-family: var(--hop-Link-md-font-family);
4427
4478
  --font-weight: var(--hop-Link-md-font-weight);
4428
4479
  --line-height: var(--hop-Link-md-line-height);
4429
4480
  }
4430
- :where(.Link-module__hop-Link--lg___1Z5FQ) {
4481
+ :where(.Link-module__hop-Link--lg___0zEfx) {
4431
4482
  --font-size: var(--hop-Link-lg-font-size);
4432
4483
  --font-family: var(--hop-Link-lg-font-family);
4433
4484
  --font-weight: var(--hop-Link-lg-font-weight);
4434
4485
  --line-height: var(--hop-Link-lg-line-height);
4435
4486
  }
4436
- :where(.Link-module__hop-Link--xl___U-wKj) {
4487
+ :where(.Link-module__hop-Link--xl___EWhBu) {
4437
4488
  --font-size: var(--hop-Link-xl-font-size);
4438
4489
  --font-family: var(--hop-Link-xl-font-family);
4439
4490
  --font-weight: var(--hop-Link-xl-font-weight);
4440
4491
  --line-height: var(--hop-Link-xl-line-height);
4441
4492
  }
4442
- :where(.Link-module__hop-Link--2xl___sWKRK) {
4493
+ :where(.Link-module__hop-Link--2xl___yzHjH) {
4443
4494
  --font-size: var(--hop-Link-2xl-font-size);
4444
4495
  --font-family: var(--hop-Link-2xl-font-family);
4445
4496
  --font-weight: var(--hop-Link-2xl-font-weight);
4446
4497
  --line-height: var(--hop-Link-2xl-line-height);
4447
4498
  }
4448
- :where(.Link-module__hop-Link--inherit___2IHxH) {
4499
+ :where(.Link-module__hop-Link--inherit___ctawv) {
4449
4500
  --font-size: var(--hop-Link-inherit-size-font-size);
4450
4501
  --font-family: var(--hop-Link-inherit-size-font-family);
4451
4502
  --font-weight: var(--hop-Link-inherit-size-font-weight);
4452
4503
  --line-height: var(--hop-Link-inherit-size-line-height);
4453
4504
  }
4454
- .Link-module__hop-Link___zCeXX[data-focus-visible] {
4505
+ .Link-module__hop-Link___FCNS2[data-focus-visible] {
4455
4506
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4456
4507
  }
4457
- .Link-module__hop-Link___zCeXX[data-disabled] {
4508
+ .Link-module__hop-Link___FCNS2[data-disabled] {
4458
4509
  cursor: default;
4459
4510
  }
4460
- .Link-module__hop-Link--standalone___459YF .Link-module__hop-Link__text___2-rED {
4511
+ .Link-module__hop-Link--standalone___llTR0 .Link-module__hop-Link__text___qkjzL {
4461
4512
  padding: var(--hop-Link-padding-standalone);
4462
4513
  }
4463
- .Link-module__hop-Link--standalone___459YF.Link-module__hop-Link--xs___8bM7L .Link-module__hop-Link__text___2-rED {
4514
+ .Link-module__hop-Link--standalone___llTR0.Link-module__hop-Link--xs___l6JTU .Link-module__hop-Link__text___qkjzL {
4464
4515
  padding: var(--hop-Link-padding-standalone-xs);
4465
4516
  }
4466
- .Link-module__hop-Link--standalone___459YF.Link-module__hop-Link--sm___6fTnr .Link-module__hop-Link__text___2-rED {
4517
+ .Link-module__hop-Link--standalone___llTR0.Link-module__hop-Link--sm___exRjm .Link-module__hop-Link__text___qkjzL {
4467
4518
  padding: var(--hop-Link-padding-standalone-sm);
4468
4519
  }
4469
- .Link-module__hop-Link--standalone___459YF.Link-module__hop-Link--md___QM6tu .Link-module__hop-Link__text___2-rED {
4520
+ .Link-module__hop-Link--standalone___llTR0.Link-module__hop-Link--md___9xtt9 .Link-module__hop-Link__text___qkjzL {
4470
4521
  padding: var(--hop-Link-padding-standalone-md);
4471
4522
  }
4472
- .Link-module__hop-Link--standalone___459YF.Link-module__hop-Link--lg___1Z5FQ .Link-module__hop-Link__text___2-rED {
4523
+ .Link-module__hop-Link--standalone___llTR0.Link-module__hop-Link--lg___0zEfx .Link-module__hop-Link__text___qkjzL {
4473
4524
  padding: var(--hop-Link-padding-standalone-lg);
4474
4525
  }
4475
- .Link-module__hop-Link--standalone___459YF.Link-module__hop-Link--xl___U-wKj .Link-module__hop-Link__text___2-rED {
4526
+ .Link-module__hop-Link--standalone___llTR0.Link-module__hop-Link--xl___EWhBu .Link-module__hop-Link__text___qkjzL {
4476
4527
  padding: var(--hop-Link-padding-standalone-xl);
4477
4528
  }
4478
- .Link-module__hop-Link--standalone___459YF.Link-module__hop-Link--2xl___sWKRK .Link-module__hop-Link__text___2-rED {
4529
+ .Link-module__hop-Link--standalone___llTR0.Link-module__hop-Link--2xl___yzHjH .Link-module__hop-Link__text___qkjzL {
4479
4530
  padding: var(--hop-Link-padding-standalone-2xl);
4480
4531
  }
4481
- .Link-module__hop-Link--quiet___6SnmK[data-focus-visible],
4482
- .Link-module__hop-Link--quiet___6SnmK[data-hovered],
4483
- .Link-module__hop-Link--standalone___459YF[data-focus-visible],
4484
- .Link-module__hop-Link--standalone___459YF[data-hovered] {
4532
+ .Link-module__hop-Link--quiet___c67m5[data-focus-visible],
4533
+ .Link-module__hop-Link--quiet___c67m5[data-hovered],
4534
+ .Link-module__hop-Link--standalone___llTR0[data-focus-visible],
4535
+ .Link-module__hop-Link--standalone___llTR0[data-hovered] {
4485
4536
  text-decoration: underline;
4486
4537
  }
4487
- .Link-module__hop-Link___zCeXX:not(.Link-module__hop-Link--quiet___6SnmK, .Link-module__hop-Link--standalone___459YF) {
4538
+ .Link-module__hop-Link___FCNS2:not(.Link-module__hop-Link--quiet___c67m5, .Link-module__hop-Link--standalone___llTR0) {
4488
4539
  text-decoration: underline;
4489
4540
  }
4490
- .Link-module__hop-Link--primary___Ra4ni {
4541
+ .Link-module__hop-Link--primary___K-OIY {
4491
4542
  color: var(--hop-Link-primary-text-color);
4492
4543
  }
4493
- .Link-module__hop-Link--primary___Ra4ni[data-disabled] {
4544
+ .Link-module__hop-Link--primary___K-OIY[data-disabled] {
4494
4545
  color: var(--hop-Link-primary-text-disabled-color);
4495
4546
  }
4496
- .Link-module__hop-Link--primary___Ra4ni:not([data-disabled])[data-focus-visible],
4497
- .Link-module__hop-Link--primary___Ra4ni:not([data-disabled])[data-hovered] {
4547
+ .Link-module__hop-Link--primary___K-OIY:not([data-disabled])[data-focus-visible],
4548
+ .Link-module__hop-Link--primary___K-OIY:not([data-disabled])[data-hovered] {
4498
4549
  color: var(--hop-Link-primary-text-hover-color);
4499
4550
  }
4500
- .Link-module__hop-Link--primary___Ra4ni:not([data-disabled])[data-pressed] {
4551
+ .Link-module__hop-Link--primary___K-OIY:not([data-disabled])[data-pressed] {
4501
4552
  color: var(--hop-Link-primary-text-pressed-color);
4502
4553
  }
4503
- .Link-module__hop-Link--secondary___-pwUB {
4554
+ .Link-module__hop-Link--secondary___LoJgF {
4504
4555
  color: var(--hop-Link-neutral-text-color);
4505
4556
  }
4506
- .Link-module__hop-Link--secondary___-pwUB[data-disabled] {
4557
+ .Link-module__hop-Link--secondary___LoJgF[data-disabled] {
4507
4558
  color: var(--hop-Link-neutral-text-disabled-color);
4508
4559
  }
4509
- .Link-module__hop-Link--secondary___-pwUB:not([data-disabled])[data-focus-visible],
4510
- .Link-module__hop-Link--secondary___-pwUB:not([data-disabled])[data-hovered] {
4560
+ .Link-module__hop-Link--secondary___LoJgF:not([data-disabled])[data-focus-visible],
4561
+ .Link-module__hop-Link--secondary___LoJgF:not([data-disabled])[data-hovered] {
4511
4562
  color: var(--hop-Link-neutral-text-hover-color);
4512
4563
  }
4513
- .Link-module__hop-Link--secondary___-pwUB:not([data-disabled])[data-pressed] {
4564
+ .Link-module__hop-Link--secondary___LoJgF:not([data-disabled])[data-pressed] {
4514
4565
  color: var(--hop-Link-neutral-text-pressed-color);
4515
4566
  }
4516
- .Link-module__hop-Link__icon___TeL7V,
4517
- .Link-module__hop-Link__icon-list___1RcAH {
4567
+ .Link-module__hop-Link__icon___Nq3Xc,
4568
+ .Link-module__hop-Link__icon-list___WUe9L {
4518
4569
  order: 2;
4519
4570
  }
4520
- .Link-module__hop-Link__text___2-rED {
4571
+ .Link-module__hop-Link__text___qkjzL {
4521
4572
  order: 1;
4522
4573
  }
4523
- .Link-module__hop-Link__start-icon___YyR5Z,
4524
- .Link-module__hop-Link__start-icon-list___3PlSY {
4574
+ .Link-module__hop-Link__start-icon___9Rmuy,
4575
+ .Link-module__hop-Link__start-icon-list___75kCa {
4525
4576
  order: 0;
4526
4577
  }
4527
4578
 
4528
4579
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4529
- :where(.Popover-module__hop-Popover___hhk0H *) {
4580
+ :where(.Popover-module__hop-Popover___N2Unt *) {
4530
4581
  font-family: var(--font-family);
4531
4582
  font-size: var(--font-size);
4532
4583
  font-weight: var(--font-weight);
4533
4584
  line-height: var(--line-height);
4534
4585
  outline: none;
4535
4586
  }
4536
- .Popover-module__hop-Popover___hhk0H {
4587
+ .Popover-module__hop-Popover___N2Unt {
4537
4588
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4538
4589
  --hop-Popover-inline-width: 25rem;
4539
4590
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4546,22 +4597,22 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4546
4597
  inline-size: var(--width);
4547
4598
  max-inline-size: var(--max-width);
4548
4599
  }
4549
- .Popover-module__hop-Popover___hhk0H[data-trigger=Select] {
4600
+ .Popover-module__hop-Popover___N2Unt[data-trigger=Select] {
4550
4601
  --width: var(--hop-Popover-dropdown-inline-width);
4551
4602
  }
4552
- .Popover-module__hop-Popover___hhk0H[data-trigger=ComboBox] {
4603
+ .Popover-module__hop-Popover___N2Unt[data-trigger=ComboBox] {
4553
4604
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4554
4605
  }
4555
- .Popover-module__hop-Popover___hhk0H[data-auto-width] {
4606
+ .Popover-module__hop-Popover___N2Unt[data-auto-width] {
4556
4607
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4557
4608
  }
4558
- .Popover-module__hop-Popover___hhk0H[data-entering] {
4559
- animation: Popover-module__fade___VPDf9 0.25s;
4609
+ .Popover-module__hop-Popover___N2Unt[data-entering] {
4610
+ animation: Popover-module__fade___LMumM 0.25s;
4560
4611
  }
4561
- .Popover-module__hop-Popover___hhk0H[data-exiting] {
4562
- animation: Popover-module__fade___VPDf9 0.25s reverse;
4612
+ .Popover-module__hop-Popover___N2Unt[data-exiting] {
4613
+ animation: Popover-module__fade___LMumM 0.25s reverse;
4563
4614
  }
4564
- @keyframes Popover-module__fade___VPDf9 {
4615
+ @keyframes Popover-module__fade___LMumM {
4565
4616
  from {
4566
4617
  opacity: 0;
4567
4618
  }
@@ -4569,14 +4620,14 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4569
4620
  opacity: 1;
4570
4621
  }
4571
4622
  }
4572
- .Popover-module__hop-Popover__wrapper___0oVUT {
4623
+ .Popover-module__hop-Popover__wrapper___8TKOu {
4573
4624
  display: flex;
4574
4625
  flex: 1 1 auto;
4575
4626
  flex-direction: column;
4576
4627
  min-block-size: 0;
4577
4628
  }
4578
- .Popover-module__hop-Popover__dialog___Ipl62,
4579
- .Popover-module__hop-Popover__dropdown___-XU1J {
4629
+ .Popover-module__hop-Popover__dialog___78zy1,
4630
+ .Popover-module__hop-Popover__dropdown___y3SlG {
4580
4631
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4581
4632
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
4582
4633
  --hop-Popover-font-weight: var(--hop-body-sm-font-weight);
@@ -4628,17 +4679,17 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4628
4679
  outline: var(--hop-Popover-outline);
4629
4680
  overflow: var(--hop-Popover-overflow);
4630
4681
  }
4631
- .Popover-module__hop-Popover__dropdown___-XU1J {
4682
+ .Popover-module__hop-Popover__dropdown___y3SlG {
4632
4683
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4633
4684
  --footer-place-self: stretch;
4634
4685
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4635
4686
  --padding: var(--hop-Popover-dropdown-padding);
4636
4687
  overflow: hidden;
4637
4688
  }
4638
- .Popover-module__hop-Popover__dialog___Ipl62 {
4689
+ .Popover-module__hop-Popover__dialog___78zy1 {
4639
4690
  --padding: var(--hop-Popover-dialog-padding);
4640
4691
  }
4641
- .Popover-module__hop-Popover__title___ytaU- {
4692
+ .Popover-module__hop-Popover__title___AWF84 {
4642
4693
  grid-area: header;
4643
4694
  font-family: var(--hop-Popover-title-font-family);
4644
4695
  font-size: var(--hop-Popover-title-font-size);
@@ -4646,7 +4697,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4646
4697
  line-height: var(--hop-Popover-title-line-height);
4647
4698
  color: var(--hop-Popover-color);
4648
4699
  }
4649
- .Popover-module__hop-Popover__content___plR97 {
4700
+ .Popover-module__hop-Popover__content___LNc9Z {
4650
4701
  --font-size: var(--hop-Popover-content-font-size);
4651
4702
  --line-height: var(--hop-Popover-content-line-height);
4652
4703
  --font-family: var(--hop-Popover-content-font-family);
@@ -4657,12 +4708,12 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4657
4708
  padding: 0;
4658
4709
  color: var(--hop-Popover-content-color);
4659
4710
  }
4660
- .Popover-module__hop-Popover___hhk0H:not(:has(.Popover-module__hop-Popover__title___ytaU-)) {
4661
- .Popover-module__hop-Popover__content___plR97 {
4711
+ .Popover-module__hop-Popover___N2Unt:not(:has(.Popover-module__hop-Popover__title___AWF84)) {
4712
+ .Popover-module__hop-Popover__content___LNc9Z {
4662
4713
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4663
4714
  }
4664
4715
  }
4665
- .Popover-module__hop-Popover__dropdown___-XU1J .Popover-module__hop-Popover__list-box___k-W4P {
4716
+ .Popover-module__hop-Popover__dropdown___y3SlG .Popover-module__hop-Popover__list-box___onDki {
4666
4717
  grid-area: content;
4667
4718
  inline-size: auto;
4668
4719
  min-inline-size: auto;
@@ -4670,7 +4721,7 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4670
4721
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4671
4722
  border: none;
4672
4723
  }
4673
- .Popover-module__hop-Popover__footer___dk7Iz {
4724
+ .Popover-module__hop-Popover__footer___0I-n9 {
4674
4725
  --font-size: var(--hop-Popover-footer-font-size);
4675
4726
  --line-height: var(--hop-Popover-footer-line-height);
4676
4727
  grid-area: footer;
@@ -4678,22 +4729,22 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4678
4729
  margin: var(--footer-margin);
4679
4730
  color: var(--hop-Popover-color);
4680
4731
  }
4681
- .Popover-module__hop-Popover__dropdown___-XU1J .Popover-module__hop-Popover__footer___dk7Iz {
4732
+ .Popover-module__hop-Popover__dropdown___y3SlG .Popover-module__hop-Popover__footer___0I-n9 {
4682
4733
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4683
4734
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4684
4735
  }
4685
- .Popover-module__hop-Popover__actions___dh8OH,
4686
- .Popover-module__hop-Popover__action___GpTC7 {
4736
+ .Popover-module__hop-Popover__actions___gFDOS,
4737
+ .Popover-module__hop-Popover__action___o9j-Z {
4687
4738
  grid-area: action;
4688
4739
  justify-self: end;
4689
4740
  margin-block-start: var(--hop-Popover-row-gap);
4690
4741
  }
4691
- .Popover-module__hop-Popover___hhk0H:has(.Popover-module__hop-Popover__actions___dh8OH, .Popover-module__hop-Popover__action___GpTC7) .Popover-module__hop-Popover__footer___dk7Iz {
4742
+ .Popover-module__hop-Popover___N2Unt:has(.Popover-module__hop-Popover__actions___gFDOS, .Popover-module__hop-Popover__action___o9j-Z) .Popover-module__hop-Popover__footer___0I-n9 {
4692
4743
  margin-inline-end: var(--hop-Popover-column-gap);
4693
4744
  }
4694
4745
 
4695
4746
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4696
- .PopoverBase-module__hop-PopoverBase___t2LHd {
4747
+ .PopoverBase-module__hop-PopoverBase___wHr3b {
4697
4748
  --hop-Popover-color: var(--hop-neutral-text);
4698
4749
  --hop-Popover-font-family: var(--hop-body-md-font-family);
4699
4750
  --hop-Popover-font-size: var(--hop-body-md-font-size);
@@ -4720,27 +4771,27 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4720
4771
  box-shadow: var(--hop-comp-popover-box-shadow);
4721
4772
  transition: opacity var(--hop-easing-duration-2);
4722
4773
  }
4723
- .PopoverBase-module__hop-PopoverBase___t2LHd[data-entering] {
4774
+ .PopoverBase-module__hop-PopoverBase___wHr3b[data-entering] {
4724
4775
  opacity: 0;
4725
4776
  }
4726
- .PopoverBase-module__hop-PopoverBase___t2LHd[data-exiting] {
4777
+ .PopoverBase-module__hop-PopoverBase___wHr3b[data-exiting] {
4727
4778
  pointer-events: none;
4728
4779
  opacity: 0;
4729
4780
  transition-timing-function: var(--hop-easing-productive);
4730
4781
  }
4731
4782
 
4732
4783
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
4733
- .ToggleArrow-module__hop-ToggleArrow___e3jod {
4784
+ .ToggleArrow-module__hop-ToggleArrow___aCyYM {
4734
4785
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
4735
4786
  position: relative;
4736
4787
  transition: transform var(--transition);
4737
4788
  }
4738
- .ToggleArrow-module__hop-ToggleArrow___e3jod[data-expanded] {
4789
+ .ToggleArrow-module__hop-ToggleArrow___aCyYM[data-expanded] {
4739
4790
  transform: rotate(-180deg);
4740
4791
  }
4741
4792
 
4742
4793
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/combobox/src/ComboBox.module.css/#css-module-data */
4743
- .ComboBox-module__hop-ComboBox___VeW7M {
4794
+ .ComboBox-module__hop-ComboBox___saNW7 {
4744
4795
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
4745
4796
  --hop-ComboBox-inline-size: 20rem;
4746
4797
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -4753,20 +4804,20 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4753
4804
  inline-size: var(--inline-size);
4754
4805
  max-inline-size: var(--hop-ComboBox-max-inline-size);
4755
4806
  }
4756
- .ComboBox-module__hop-ComboBox--fluid___PEodB {
4807
+ .ComboBox-module__hop-ComboBox--fluid___f-Df6 {
4757
4808
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
4758
4809
  }
4759
- .ComboBox-module__hop-ComboBox__label___ekq3- {
4810
+ .ComboBox-module__hop-ComboBox__label___4LdQY {
4760
4811
  order: 1;
4761
4812
  }
4762
- .ComboBox-module__hop-ComboBox__trigger___tKWjX {
4813
+ .ComboBox-module__hop-ComboBox__trigger___TrgA1 {
4763
4814
  cursor: text;
4764
4815
  order: 2;
4765
4816
  }
4766
- .ComboBox-module__hop-ComboBox__trigger___tKWjX[data-disabled] {
4817
+ .ComboBox-module__hop-ComboBox__trigger___TrgA1[data-disabled] {
4767
4818
  cursor: default;
4768
4819
  }
4769
- .ComboBox-module__hop-ComboBox__button___TmhdL {
4820
+ .ComboBox-module__hop-ComboBox__button___6wL-6 {
4770
4821
  cursor: pointer;
4771
4822
  display: flex;
4772
4823
  flex: 0 0 auto;
@@ -4777,15 +4828,15 @@ button.CloseButton-module__hop-CloseButton___-4qlz {
4777
4828
  border: none;
4778
4829
  outline: none;
4779
4830
  }
4780
- .ComboBox-module__hop-ComboBox__button___TmhdL[data-disabled] {
4831
+ .ComboBox-module__hop-ComboBox__button___6wL-6[data-disabled] {
4781
4832
  cursor: default;
4782
4833
  color: var(--hop-comp-field-icon-color-disabled);
4783
4834
  }
4784
- .ComboBox-module__hop-ComboBox__prefix___ietqJ {
4835
+ .ComboBox-module__hop-ComboBox__prefix___6H53d {
4785
4836
  align-self: center;
4786
4837
  color: var(--hop-comp-field-prefill-color);
4787
4838
  }
4788
- .ComboBox-module__hop-ComboBox__helper-message___zYLBI,
4789
- .ComboBox-module__hop-ComboBox__error-message___06YUo {
4839
+ .ComboBox-module__hop-ComboBox__helper-message___2MNH3,
4840
+ .ComboBox-module__hop-ComboBox__error-message___ba3f- {
4790
4841
  order: 3;
4791
4842
  }