@hopper-ui/components 2.0.7 → 2.0.8

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 +8 -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 +433 -433
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +433 -433
  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 +107 -107
  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 +108 -108
  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 +117 -117
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +407 -407
  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 +363 -363
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +410 -410
  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 +413 -413
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +373 -373
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +409 -409
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +422 -422
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +42 -42
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +42 -42
  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-TRAJVPNS.js → chunk-22RCMFGI.js} +1 -1
  81. package/dist/{chunk-2WPVPZ3K.js → chunk-2H6TGSET.js} +1 -1
  82. package/dist/{chunk-T4S6SMLT.js → chunk-2JUQWKWC.js} +2 -2
  83. package/dist/{chunk-4EBQM5Q3.js → chunk-3CWTUMVE.js} +1 -1
  84. package/dist/{chunk-WCV62QN2.js → chunk-3QTMUDZX.js} +1 -1
  85. package/dist/{chunk-KBVFDC2N.js → chunk-4DZEMF5I.js} +1 -1
  86. package/dist/{chunk-YTGOVRYS.js → chunk-4FHYFJCJ.js} +1 -1
  87. package/dist/{chunk-BLVBI2UZ.js → chunk-4RMXZIMB.js} +2 -2
  88. package/dist/{chunk-55BS7236.js → chunk-5HK7BBKZ.js} +1 -1
  89. package/dist/{chunk-TYV2GHHS.js → chunk-5QONIWSI.js} +11 -11
  90. package/dist/{chunk-FZWI46GQ.js → chunk-62I5W2BH.js} +2 -2
  91. package/dist/{chunk-NCBNOAFW.js → chunk-6E7ABXBH.js} +3 -3
  92. package/dist/{chunk-GDHLX5YQ.js → chunk-6MRISTIH.js} +1 -1
  93. package/dist/{chunk-5LONEDHL.js → chunk-6WED3IYI.js} +3 -3
  94. package/dist/{chunk-2YQC3J6G.js → chunk-6WMN72AF.js} +12 -12
  95. package/dist/{chunk-N4TWA6NZ.js → chunk-7QZNY2UN.js} +2 -2
  96. package/dist/{chunk-EAAQ2HMA.js → chunk-7RBWYFJO.js} +2 -2
  97. package/dist/{chunk-5HOY3WNI.js → chunk-7WZ2GR5H.js} +5 -5
  98. package/dist/{chunk-UAX2OKE4.js → chunk-A2DMDF4I.js} +2 -2
  99. package/dist/{chunk-WIWK4PTA.js → chunk-A3UX47CZ.js} +8 -8
  100. package/dist/{chunk-7AZ62DBN.js → chunk-AAMJXANV.js} +2 -2
  101. package/dist/{chunk-4VKDXLXR.js → chunk-ANTTGBEF.js} +1 -1
  102. package/dist/{chunk-64JYH6G3.js → chunk-AQNIDFPZ.js} +1 -1
  103. package/dist/{chunk-E2N4K2BQ.js → chunk-ATILSUSL.js} +1 -1
  104. package/dist/{chunk-D4KN3T35.js → chunk-B33PYP7U.js} +2 -2
  105. package/dist/{chunk-HMOLO4DQ.js → chunk-BE4PIILL.js} +1 -1
  106. package/dist/{chunk-7FZJO3S3.js → chunk-BG6OEZY2.js} +4 -4
  107. package/dist/{chunk-M4UCOM4A.js → chunk-BRSI6YBQ.js} +2 -2
  108. package/dist/{chunk-6TPGSXXQ.js → chunk-BRUIOUTD.js} +4 -4
  109. package/dist/{chunk-HOIGVMLI.js → chunk-BYTNOUFL.js} +3 -3
  110. package/dist/{chunk-2GY2W6IS.js → chunk-BZMDU2NT.js} +5 -5
  111. package/dist/{chunk-VI3OO4HE.js → chunk-BZRR6NZX.js} +1 -1
  112. package/dist/{chunk-FY3XQJUP.js → chunk-CCHRSVIG.js} +8 -8
  113. package/dist/{chunk-U6CYP3TV.js → chunk-CLHNWJY6.js} +2 -2
  114. package/dist/{chunk-AABOXSYW.js → chunk-CPL6JTWQ.js} +1 -1
  115. package/dist/{chunk-K4I3OSBL.js → chunk-CSQ2CW4P.js} +1 -1
  116. package/dist/{chunk-2DRPYET4.js → chunk-CWS23226.js} +1 -1
  117. package/dist/{chunk-MLBJJJ6E.js → chunk-EPN2IR6M.js} +1 -1
  118. package/dist/{chunk-L56FTY5I.js → chunk-EQV6OLUH.js} +10 -10
  119. package/dist/{chunk-2AVLPFRB.js → chunk-FATYZ5WM.js} +9 -9
  120. package/dist/{chunk-TYSBESIG.js → chunk-G3LY4ZRF.js} +5 -5
  121. package/dist/{chunk-MC4RZ34S.js → chunk-G7UUBGU3.js} +1 -1
  122. package/dist/{chunk-3WYOC6Y4.js → chunk-GJ4OPL7G.js} +1 -1
  123. package/dist/{chunk-3K73CLUI.js → chunk-H3SKH4AZ.js} +2 -2
  124. package/dist/{chunk-VT2LND3U.js → chunk-HG2QY2C4.js} +2 -2
  125. package/dist/{chunk-YBAP4X3A.js → chunk-IW36U6PZ.js} +1 -1
  126. package/dist/{chunk-FPTNVW2V.js → chunk-IWFSXPTA.js} +8 -8
  127. package/dist/{chunk-E5YGOCRY.js → chunk-IYAOGIDS.js} +1 -1
  128. package/dist/{chunk-ZIYW3N53.js → chunk-IYE5AZ23.js} +3 -3
  129. package/dist/{chunk-YBETVS24.js → chunk-JE42UZWG.js} +1 -1
  130. package/dist/{chunk-555DFH3D.js → chunk-JHVQTSUW.js} +1 -1
  131. package/dist/{chunk-LMOV66AS.js → chunk-JKRFKMWN.js} +2 -2
  132. package/dist/{chunk-GC2XDM2O.js → chunk-JVKUP57M.js} +1 -1
  133. package/dist/{chunk-CVDJEBK5.js → chunk-KE3K3HDJ.js} +3 -3
  134. package/dist/{chunk-PEZS7OUK.js → chunk-KXL7YVSC.js} +2 -2
  135. package/dist/{chunk-CJUCBHO2.js → chunk-LCSSTWN4.js} +3 -3
  136. package/dist/{chunk-RL3RL2AN.js → chunk-LHPM2WWV.js} +3 -3
  137. package/dist/{chunk-IG53MGEX.js → chunk-MA4FZNVR.js} +5 -5
  138. package/dist/{chunk-67U7XYHL.js → chunk-MKLSU3Y5.js} +6 -6
  139. package/dist/{chunk-CG2NPW7W.js → chunk-MQABFP4G.js} +3 -3
  140. package/dist/{chunk-7LUTOKTD.js → chunk-MTWXPLLU.js} +3 -3
  141. package/dist/{chunk-4YHDGMUK.js → chunk-NBAS3U73.js} +2 -2
  142. package/dist/{chunk-XXI2DG5H.js → chunk-ND3T7GCT.js} +2 -2
  143. package/dist/{chunk-VCGKWKA7.js → chunk-NFFNM2EL.js} +1 -1
  144. package/dist/{chunk-UCDW344Z.js → chunk-NLCJ253I.js} +3 -3
  145. package/dist/{chunk-BH7AXWLP.js → chunk-NVOJHZY4.js} +1 -1
  146. package/dist/{chunk-DOAZDTKY.js → chunk-O3OTHGJD.js} +3 -3
  147. package/dist/{chunk-XLIDWRDX.js → chunk-OJ6ACYO7.js} +1 -1
  148. package/dist/{chunk-KRZX4UVZ.js → chunk-OQ66ZXAU.js} +2 -2
  149. package/dist/{chunk-TYCTQLQR.js → chunk-OTQDFCYG.js} +3 -3
  150. package/dist/{chunk-C36NCY5S.js → chunk-OY33ENYB.js} +1 -1
  151. package/dist/{chunk-R52ULXSZ.js → chunk-P4XHKBUC.js} +5 -5
  152. package/dist/{chunk-XZHIE7ME.js → chunk-PBS2GNNQ.js} +1 -1
  153. package/dist/{chunk-Y6Y5V62C.js → chunk-PK2CQV73.js} +1 -1
  154. package/dist/{chunk-QQPA4Q6Y.js → chunk-PSMBGTUX.js} +2 -2
  155. package/dist/{chunk-PX2SP4RR.js → chunk-PUIR252X.js} +1 -1
  156. package/dist/{chunk-HWZV25QB.js → chunk-Q2DS732P.js} +3 -3
  157. package/dist/{chunk-HARGCGQK.js → chunk-QTZJLJLF.js} +4 -4
  158. package/dist/{chunk-TZXPFVQM.js → chunk-R4H45ALQ.js} +1 -1
  159. package/dist/{chunk-OFITUJFV.js → chunk-RUSQQGLQ.js} +2 -2
  160. package/dist/{chunk-MPECDEVL.js → chunk-SI5PZW4D.js} +2 -2
  161. package/dist/{chunk-LOVEI476.js → chunk-SMEWZFU4.js} +1 -1
  162. package/dist/{chunk-JHOSW3QA.js → chunk-SSHQDFLA.js} +7 -7
  163. package/dist/{chunk-SQFMHEI2.js → chunk-TNLRMSP7.js} +1 -1
  164. package/dist/{chunk-RZPF4WNW.js → chunk-UHKALUIY.js} +1 -1
  165. package/dist/{chunk-P56FXKIU.js → chunk-V5W3ZI6P.js} +2 -2
  166. package/dist/{chunk-2BP7IVNH.js → chunk-VNDWDSGC.js} +2 -2
  167. package/dist/{chunk-Y5MUCJE6.js → chunk-VQTITX77.js} +1 -1
  168. package/dist/{chunk-2QA2IE5N.js → chunk-WNMMBXLN.js} +2 -2
  169. package/dist/{chunk-RC72P764.js → chunk-WSXUFF5K.js} +1 -1
  170. package/dist/{chunk-5NNFMS4M.js → chunk-XMGTYBKU.js} +9 -9
  171. package/dist/{chunk-6DXTF33B.js → chunk-YGRNBQ2G.js} +1 -1
  172. package/dist/{chunk-CGI4TJSF.js → chunk-YLQBLDUF.js} +1 -1
  173. package/dist/{chunk-7V7QM52R.js → chunk-YQQ6Y5OM.js} +2 -2
  174. package/dist/{chunk-Z3DNEJSS.js → chunk-Z2MOBS2H.js} +2 -2
  175. package/dist/{chunk-3ZKWQPKO.js → chunk-ZBFHBEY7.js} +1 -1
  176. package/dist/{chunk-UUDHT4YF.js → chunk-ZBH4VO6R.js} +2 -2
  177. package/dist/combobox/src/ComboBox.css +822 -845
  178. package/dist/combobox/src/ComboBox.js +17 -17
  179. package/dist/combobox/src/index.css +822 -845
  180. package/dist/combobox/src/index.js +17 -17
  181. package/dist/contextual-help/src/ContextualHelp.css +709 -709
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +709 -709
  184. package/dist/contextual-help/src/index.js +4 -4
  185. package/dist/date-picker/src/DateInput.css +58 -62
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +888 -915
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +891 -918
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +899 -926
  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 +382 -382
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +382 -382
  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 +1297 -1324
  238. package/dist/index.js +97 -97
  239. package/dist/inputs/src/Input.css +50 -54
  240. package/dist/inputs/src/Input.js +1 -1
  241. package/dist/inputs/src/InputGroup.css +55 -65
  242. package/dist/inputs/src/InputGroup.js +1 -1
  243. package/dist/inputs/src/NumberField.css +91 -106
  244. package/dist/inputs/src/NumberField.js +10 -10
  245. package/dist/inputs/src/PasswordField.css +397 -411
  246. package/dist/inputs/src/PasswordField.js +10 -10
  247. package/dist/inputs/src/RemainingCharacterCount.css +45 -48
  248. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  249. package/dist/inputs/src/SearchField.css +404 -419
  250. package/dist/inputs/src/SearchField.js +11 -11
  251. package/dist/inputs/src/TextArea.css +88 -104
  252. package/dist/inputs/src/TextArea.js +9 -9
  253. package/dist/inputs/src/TextField.css +405 -423
  254. package/dist/inputs/src/TextField.js +13 -13
  255. package/dist/inputs/src/index.css +468 -491
  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 +711 -711
  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 +737 -737
  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 +403 -403
  284. package/dist/modal/src/Modal.js +9 -9
  285. package/dist/modal/src/index.css +417 -417
  286. package/dist/modal/src/index.js +10 -10
  287. package/dist/overlays/popover/src/Popover.css +703 -703
  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 +706 -706
  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 +836 -859
  310. package/dist/select/src/MultiSelect.js +22 -22
  311. package/dist/select/src/Select.css +836 -859
  312. package/dist/select/src/Select.js +22 -22
  313. package/dist/select/src/SelectInternal.css +836 -859
  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 +836 -859
  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 +558 -558
  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 +565 -565
  336. package/dist/tabs/src/index.js +4 -4
  337. package/dist/tag/src/Tag.css +533 -533
  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 +543 -543
  342. package/dist/tag/src/index.js +12 -12
  343. package/dist/tile/src/Tile.css +66 -66
  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 +67 -67
  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
package/dist/inputs/src/index.css CHANGED
@@ -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___wYKJp {
2
+ .Heading-module__hop-Heading___NXQ6V {
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___wYKJp) {
36
+ :where(.Heading-module__hop-Heading___NXQ6V) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___wYKJp):not(.Heading-module__hop-Heading--unset___7xCgs) {
40
+ :where(.Heading-module__hop-Heading___NXQ6V):not(.Heading-module__hop-Heading--unset___tgREF) {
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___er9W5) {
46
+ :where(.Heading-module__hop-Heading--xs___S-ucx) {
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___KdZk-) {
52
+ :where(.Heading-module__hop-Heading--sm___fmmku) {
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___w8WG3) {
58
+ :where(.Heading-module__hop-Heading--md___iIteO) {
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___yoz5U) {
64
+ :where(.Heading-module__hop-Heading--lg___4uip0) {
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___rIyKb) {
70
+ :where(.Heading-module__hop-Heading--xl___sWoWZ) {
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___LrkP8) {
76
+ :where(.Heading-module__hop-Heading--2xl___pADAm) {
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___99osq) {
82
+ :where(.Heading-module__hop-Heading--3xl___swY-B) {
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___FiXuN {
90
+ .Form-module__hop-Form___kpF07 {
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___pO1u8 {
97
+ .Label-module__hop-Label___1VOAd {
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___pO1u8) {
104
+ :where(.Label-module__hop-Label___1VOAd) {
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___ahBya {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___BkZUQ {
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___ZfS1Y {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___OGZnr {
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___Y-6ng) {
123
+ :where(.OverlineText-module__hop-OverlineText___ZeHy-) {
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___wMZ1f {
147
+ .OverlineText-module__hop-OverlineText__text___nK7LT {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___wMZ1f::before,
151
- .OverlineText-module__hop-OverlineText__text___wMZ1f::after {
150
+ .OverlineText-module__hop-OverlineText__text___nK7LT::before,
151
+ .OverlineText-module__hop-OverlineText__text___nK7LT::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___wMZ1f::before {
158
+ .OverlineText-module__hop-OverlineText__text___nK7LT::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___wMZ1f::after {
161
+ .OverlineText-module__hop-OverlineText__text___nK7LT::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___wcnCY {
166
+ .Text-module__hop-Text___-flvv {
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___wcnCY) {
196
+ :where(.Text-module__hop-Text___-flvv) {
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___B6QVk) {
202
+ :where(.Text-module__hop-Text--xs___O-0Mv) {
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___4ClEB) {
208
+ :where(.Text-module__hop-Text--sm___nlyn8) {
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___W1aws) {
214
+ :where(.Text-module__hop-Text--md___99T2A) {
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___zjKE5) {
220
+ :where(.Text-module__hop-Text--lg___QcajW) {
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___khe2e) {
226
+ :where(.Text-module__hop-Text--xl___9PI2U) {
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___lZQzq) {
232
+ :where(.Text-module__hop-Text--2xl___o3cKU) {
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___K1DLf) {
238
+ :where(.Text-module__hop-Text--inherit___R0ZOj) {
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___9uHcm {
246
+ .Paragraph-module__hop-Paragraph___qzELi {
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,45 +255,40 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___9uHcm:last-child {
258
+ .Paragraph-module__hop-Paragraph___qzELi:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___ksp5C {
261
+ .Paragraph-module__hop-Paragraph--xs___uk9cu {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___WHzkb {
264
+ .Paragraph-module__hop-Paragraph--sm___jSV3z {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___xf6EE {
267
+ .Paragraph-module__hop-Paragraph--md___xMQBQ {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___uK374 {
270
+ .Paragraph-module__hop-Paragraph--lg___0A7Hh {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___k8JZO {
273
+ .Paragraph-module__hop-Paragraph--xl___e4f4b {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___s-r2Q {
276
+ .Paragraph-module__hop-Paragraph--2xl___do3Bv {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___vOJl5 {
279
+ .Paragraph-module__hop-Paragraph--inherit___xw-0- {
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/inputs/src/Input.module.css/#css-module-data */
284
- .Input-module__hop-Input___nPz4k {
284
+ .Input-module__hop-Input___1unJH {
285
285
  --hop-Input-placeholder-font-family: inherit;
286
286
  --hop-Input-placeholder-font-size: inherit;
287
287
  --hop-Input-placeholder-font-weight: inherit;
288
288
  --hop-Input-placeholder-line-height: inherit;
289
- --hop-Input-placeholder-color: var(--hop-neutral-text-weakest);
290
- --hop-Input-placeholder-color-disabled: var(--hop-neutral-text-disabled);
291
289
  --hop-Input-sm-block-size: 1.875rem;
292
290
  --hop-Input-md-block-size: 2.375rem;
293
- --hop-Input-color: inherit;
294
- --hop-Input-color-disabled: var(--hop-neutral-text-disabled);
295
291
  --hop-Input-background: transparent;
296
- --hop-Input-background-disabled: var(--hop-neutral-surface-disabled);
297
292
  --hop-Input-sm-font-family: var(--hop-body-sm-font-family);
298
293
  --hop-Input-sm-font-size: var(--hop-body-sm-font-size);
299
294
  --hop-Input-sm-font-weight: var(--hop-body-sm-font-weight);
@@ -304,13 +299,12 @@
304
299
  --hop-Input-md-line-height: var(--hop-body-md-line-height);
305
300
  --hop-Input-inline-size: 100%;
306
301
  --hop-Input-min-inline-size: 0;
307
- --input-placeholder-color: var(--hop-Input-placeholder-color);
308
302
  --font-family: var(--hop-Input-md-font-family);
309
303
  --font-size: var(--hop-Input-md-font-size);
310
304
  --font-weight: var(--hop-Input-md-font-weight);
311
305
  --line-height: var(--hop-Input-md-line-height);
312
306
  --block-size: var(--hop-Input-md-block-size);
313
- --color: var(--hop-Input-color);
307
+ --color: var(--hop-comp-field-text-color);
314
308
  --background-color: var(--hop-Input-background);
315
309
  overflow: hidden;
316
310
  flex-grow: 1;
@@ -329,46 +323,38 @@
329
323
  border: 0;
330
324
  outline-style: none;
331
325
  }
332
- .Input-module__hop-Input--sm___ocGrF {
326
+ .Input-module__hop-Input--sm___qTUUq {
333
327
  --font-family: var(--hop-Input-sm-font-family);
334
328
  --font-size: var(--hop-Input-sm-font-size);
335
329
  --font-weight: var(--hop-Input-sm-font-weight);
336
330
  --line-height: var(--hop-Input-sm-line-height);
337
331
  --block-size: var(--hop-Input-sm-block-size);
338
332
  }
339
- .Input-module__hop-Input___nPz4k::placeholder {
333
+ .Input-module__hop-Input___1unJH::placeholder {
340
334
  font-family: var(--hop-Input-placeholder-font-family);
341
335
  font-size: var(--hop-Input-placeholder-font-size);
342
336
  font-weight: var(--hop-Input-placeholder-font-weight);
343
337
  line-height: var(--hop-Input-placeholder-line-height);
344
- color: var(--input-placeholder-color);
338
+ color: var(--hop-comp-field-placeholder-color);
345
339
  }
346
- .Input-module__hop-Input___nPz4k[data-disabled] {
347
- --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
348
- --color: var(--hop-Input-color-disabled);
349
- --background-color: var(--hop-Input-background-disabled);
340
+ .Input-module__hop-Input___1unJH[data-disabled]::placeholder {
341
+ color: var(--hop-comp-field-text-color-disabled);
342
+ }
343
+ .Input-module__hop-Input___1unJH[data-disabled] {
344
+ --color: var(--hop-comp-field-text-color-disabled);
345
+ --background-color: var(--hop-comp-field-background-color-disabled);
350
346
  }
351
347
 
352
348
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
353
- .InputGroup-module__hop-InputGroup___O0bcp {
354
- --hop-InputGroup-background: var(--hop-neutral-surface);
355
- --hop-InputGroup-border-color: var(--hop-neutral-border);
349
+ .InputGroup-module__hop-InputGroup___IGWSr {
356
350
  --hop-InputGroup-border-width: 0.0625rem;
357
351
  --hop-InputGroup-gap: var(--hop-space-inline-sm);
358
352
  --hop-InputGroup-inline-size: fit-content;
359
- --hop-InputGroup-border-radius: var(--hop-shape-rounded-md);
360
353
  --hop-InputGroup-padding-inline: var(--hop-space-inset-md);
361
354
  --hop-InputGroup-padding-block: 0;
362
- --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
363
- --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
364
- --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
365
- --hop-InputGroup-background-focus: var(--hop-neutral-surface);
366
- --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
367
- --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
368
- --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
369
355
  --inline-size: var(--hop-InputGroup-inline-size);
370
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
371
- --background: var(--hop-InputGroup-background);
356
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color);
357
+ --background: var(--hop-comp-field-background-color);
372
358
  position: relative;
373
359
  display: inline-flex;
374
360
  flex-direction: row;
@@ -380,29 +366,29 @@
380
366
  padding-inline: var(--hop-InputGroup-padding-inline);
381
367
  background: var(--background);
382
368
  border: var(--border);
383
- border-radius: var(--hop-InputGroup-border-radius);
369
+ border-radius: var(--hop-comp-field-border-radius);
384
370
  }
385
- .InputGroup-module__hop-InputGroup--fluid___63J7b {
371
+ .InputGroup-module__hop-InputGroup--fluid___Hy5qD {
386
372
  --inline-size: 100%;
387
373
  }
388
- .InputGroup-module__hop-InputGroup___O0bcp[data-hovered] {
389
- --background: var(--hop-InputGroup-background-hover);
390
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
374
+ .InputGroup-module__hop-InputGroup___IGWSr[data-hovered] {
375
+ --background: var(--hop-comp-field-background-color-hover);
376
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-hover);
391
377
  }
392
- .InputGroup-module__hop-InputGroup___O0bcp[data-focus-within] {
393
- --background: var(--hop-InputGroup-background-focus);
394
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
378
+ .InputGroup-module__hop-InputGroup___IGWSr[data-focus-within] {
379
+ --background: var(--hop-comp-field-background-color-focus);
380
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-focus);
395
381
  }
396
- .InputGroup-module__hop-InputGroup___O0bcp[data-invalid] {
397
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
382
+ .InputGroup-module__hop-InputGroup___IGWSr[data-invalid] {
383
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-error);
398
384
  }
399
- .InputGroup-module__hop-InputGroup___O0bcp[data-disabled] {
400
- --background: var(--hop-InputGroup-background-disabled);
401
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
385
+ .InputGroup-module__hop-InputGroup___IGWSr[data-disabled] {
386
+ --background: var(--hop-comp-field-background-color-disabled);
387
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-disabled);
402
388
  }
403
389
 
404
390
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
405
- .ErrorMessage-module__hop-ErrorMessage___4UDX8 {
391
+ .ErrorMessage-module__hop-ErrorMessage___9Uy3R {
406
392
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
407
393
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
408
394
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -419,13 +405,13 @@
419
405
  line-height: var(--hop-ErrorMessage-line-height);
420
406
  color: var(--hop-ErrorMessage-color);
421
407
  }
422
- .ErrorMessage-module__hop-ErrorMessage__icon___VpJvt {
408
+ .ErrorMessage-module__hop-ErrorMessage__icon___BXwFE {
423
409
  flex: 0 0 auto;
424
410
  align-self: flex-start;
425
411
  }
426
412
 
427
413
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
428
- .HelperMessage-module__hop-HelperMessage___SDSZd {
414
+ .HelperMessage-module__hop-HelperMessage___5zQTX {
429
415
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
430
416
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
431
417
  display: flex;
@@ -434,21 +420,20 @@
434
420
  box-sizing: border-box;
435
421
  color: var(--hop-HelperMessage-color);
436
422
  }
437
- .HelperMessage-module__hop-HelperMessage__icon___MuCyi {
423
+ .HelperMessage-module__hop-HelperMessage__icon___JzIoK {
438
424
  flex: 0 0 auto;
439
425
  align-self: flex-start;
440
426
  }
441
427
 
442
428
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
443
- .NumberField-module__hop-NumberField___k0Qa8 {
429
+ .NumberField-module__hop-NumberField___dWsZ0 {
444
430
  --hop-NumberField-gap: var(--hop-space-stack-xs);
445
431
  --hop-NumberField-inline-size: 20rem;
446
432
  --hop-NumberField-inline-size-fluid: 100%;
447
- --hop-NumberField-prefix-color: var(--hop-neutral-text-weak);
448
- --hop-NumberField-stepper-color: var(--hop-neutral-icon);
449
- --hop-NumberField-stepper-color-hovered: var(--hop-neutral-icon-hover);
450
- --hop-NumberField-stepper-color-pressed: var(--hop-neutral-icon-press);
451
- --hop-NumberField-stepper-color-disabled: var(--hop-neutral-icon-disabled);
433
+ --hop-NumberField-stepper-color: var(--hop-comp-field-icon-color);
434
+ --hop-NumberField-stepper-color-hovered: var(--hop-comp-field-icon-color-hover);
435
+ --hop-NumberField-stepper-color-pressed: var(--hop-comp-field-icon-color-press);
436
+ --hop-NumberField-stepper-color-disabled: var(--hop-comp-field-icon-color-disabled);
452
437
  --hop-NumberField-stepper-background-color: var(--hop-neutral-surface);
453
438
  --hop-NumberField-stepper-background-color-hovered: var(--hop-neutral-surface-hover);
454
439
  --hop-NumberField-stepper-background-color-pressed: var(--hop-neutral-surface-press);
@@ -476,30 +461,30 @@
476
461
  gap: var(--hop-NumberField-gap);
477
462
  inline-size: var(--inline-size);
478
463
  }
479
- .NumberField-module__hop-NumberField--fluid___ge1Uc {
464
+ .NumberField-module__hop-NumberField--fluid___tPe4Z {
480
465
  --inline-size: var(--hop-NumberField-inline-size-fluid);
481
466
  }
482
- .NumberField-module__hop-NumberField__Label___8feo- {
467
+ .NumberField-module__hop-NumberField__Label___gYT-x {
483
468
  order: 0;
484
469
  }
485
- .NumberField-module__hop-NumberField__prefix___AGoPb {
470
+ .NumberField-module__hop-NumberField__prefix___fzeYz {
486
471
  order: 1;
487
472
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
488
- color: var(--hop-NumberField-prefix-color);
473
+ color: var(--hop-comp-field-prefill-color);
489
474
  }
490
- .NumberField-module__hop-NumberField__InputGroup___RZLgf {
475
+ .NumberField-module__hop-NumberField__InputGroup___DN-4F {
491
476
  grid-template: var(--hop-NumberField-input-group-template);
492
477
  order: 1;
493
478
  padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
494
479
  }
495
- .NumberField-module__hop-NumberField__ErrorMessage___cknuM,
496
- .NumberField-module__hop-NumberField__HelperMessage___57BwL {
480
+ .NumberField-module__hop-NumberField__ErrorMessage___zJNGA,
481
+ .NumberField-module__hop-NumberField__HelperMessage___Z9q6a {
497
482
  order: 3;
498
483
  }
499
- .NumberField-module__hop-NumberField__steppers___RT-EU {
484
+ .NumberField-module__hop-NumberField__steppers___EwBpL {
500
485
  order: 3;
501
486
  }
502
- .NumberField-module__hop-NumberField__stepper-button___v7wyy {
487
+ .NumberField-module__hop-NumberField__stepper-button___hLoht {
503
488
  cursor: pointer;
504
489
  display: flex;
505
490
  grid-area: var(--grid-area, unset);
@@ -519,39 +504,39 @@
519
504
  border-radius: var(--stepper-border-radius, 0);
520
505
  outline: none;
521
506
  }
522
- .NumberField-module__hop-NumberField__stepper-button--increment___KnD1A {
507
+ .NumberField-module__hop-NumberField__stepper-button--increment___sc0Ae {
523
508
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
524
509
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
525
510
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
526
511
  }
527
- .NumberField-module__hop-NumberField__stepper-button--decrement___p-kW4 {
512
+ .NumberField-module__hop-NumberField__stepper-button--decrement___Tej49 {
528
513
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
529
514
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
530
515
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
531
516
  }
532
- .NumberField-module__hop-NumberField__stepper-button___v7wyy[data-hovered] {
517
+ .NumberField-module__hop-NumberField__stepper-button___hLoht[data-hovered] {
533
518
  color: var(--hop-NumberField-stepper-color-hovered);
534
519
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
535
520
  }
536
- .NumberField-module__hop-NumberField__stepper-button___v7wyy[data-pressed] {
521
+ .NumberField-module__hop-NumberField__stepper-button___hLoht[data-pressed] {
537
522
  color: var(--hop-NumberField-stepper-color-pressed);
538
523
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
539
524
  }
540
- .NumberField-module__hop-NumberField__stepper-button___v7wyy[data-disabled] {
525
+ .NumberField-module__hop-NumberField__stepper-button___hLoht[data-disabled] {
541
526
  cursor: default;
542
527
  color: var(--hop-NumberField-stepper-color-disabled);
543
528
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
544
529
  }
545
- .NumberField-module__hop-NumberField__stepper-button__icon___lNp2R {
530
+ .NumberField-module__hop-NumberField__stepper-button__icon___l6zF4 {
546
531
  display: block;
547
532
  max-block-size: 100%;
548
533
  }
549
- .NumberField-module__hop-NumberField__input___de8PX {
534
+ .NumberField-module__hop-NumberField__input___zerex {
550
535
  order: 2;
551
536
  }
552
537
 
553
538
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
554
- .IconList-module__hop-IconList___L-9uE {
539
+ .IconList-module__hop-IconList___5tn-p {
555
540
  --hop-IconList-gap: var(--hop-space-inline-xs);
556
541
  display: flex;
557
542
  flex-wrap: wrap;
@@ -560,7 +545,7 @@
560
545
  }
561
546
 
562
547
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
563
- @keyframes Spinner-module__spin___QKtuG {
548
+ @keyframes Spinner-module__spin___kV2NC {
564
549
  0% {
565
550
  transform: rotate(0deg);
566
551
  }
@@ -568,7 +553,7 @@
568
553
  transform: rotate(360deg);
569
554
  }
570
555
  }
571
- .Spinner-module__hop-Spinner___7P8Bp {
556
+ .Spinner-module__hop-Spinner___YtEjU {
572
557
  --hop-Spinner-border-radius: var(--hop-shape-circle);
573
558
  --hop-Spinner-sm-wheel-size: 1rem;
574
559
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -576,7 +561,7 @@
576
561
  --hop-Spinner-track-width: 0.125rem;
577
562
  --hop-Spinner-track-opacity: 0.2;
578
563
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
579
- --hop-Spinner-fill-animation: Spinner-module__spin___QKtuG .8s infinite linear;
564
+ --hop-Spinner-fill-animation: Spinner-module__spin___kV2NC .8s infinite linear;
580
565
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
581
566
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
582
567
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -587,19 +572,19 @@
587
572
  align-items: center;
588
573
  box-sizing: border-box;
589
574
  }
590
- .Spinner-module__hop-Spinner--sm___U5ZS5 {
575
+ .Spinner-module__hop-Spinner--sm___6T4Mk {
591
576
  --width: var(--hop-Spinner-sm-wheel-size);
592
577
  --height: var(--hop-Spinner-sm-wheel-size);
593
578
  }
594
- .Spinner-module__hop-Spinner--md___d2jEO {
579
+ .Spinner-module__hop-Spinner--md___l1JtZ {
595
580
  --width: var(--hop-Spinner-md-wheel-size);
596
581
  --height: var(--hop-Spinner-md-wheel-size);
597
582
  }
598
- .Spinner-module__hop-Spinner--lg___JLYcR {
583
+ .Spinner-module__hop-Spinner--lg___SB6e0 {
599
584
  --width: var(--hop-Spinner-lg-wheel-size);
600
585
  --height: var(--hop-Spinner-lg-wheel-size);
601
586
  }
602
- .Spinner-module__hop-Spinner__track___bsxv4 {
587
+ .Spinner-module__hop-Spinner__track___LedD5 {
603
588
  grid-area: spinner;
604
589
  box-sizing: border-box;
605
590
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -608,7 +593,7 @@
608
593
  border: var(--hop-Spinner-track-border);
609
594
  border-radius: var(--hop-Spinner-border-radius);
610
595
  }
611
- .Spinner-module__hop-Spinner__fill___OEsfR {
596
+ .Spinner-module__hop-Spinner__fill___ywymH {
612
597
  grid-area: spinner;
613
598
  box-sizing: border-box;
614
599
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -619,17 +604,17 @@
619
604
  animation: var(--hop-Spinner-fill-animation);
620
605
  }
621
606
  @media (prefers-reduced-motion: reduce) {
622
- .Spinner-module__hop-Spinner__fill___OEsfR {
607
+ .Spinner-module__hop-Spinner__fill___ywymH {
623
608
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
624
609
  }
625
610
  }
626
- .Spinner-module__hop-Spinner__label___RYbRk {
611
+ .Spinner-module__hop-Spinner__label___U09-E {
627
612
  grid-area: label;
628
613
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
629
614
  }
630
615
 
631
616
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
632
- .Button-module__hop-Button___8f3el {
617
+ .Button-module__hop-Button___y6M-T {
633
618
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
634
619
  --hop-Button-column-gap: var(--hop-space-inline-xs);
635
620
  --hop-Button-icon-only-column-gap: 0;
@@ -709,220 +694,220 @@
709
694
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
710
695
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
711
696
  }
712
- .Button-module__hop-Button--fluid___BUmmI {
697
+ .Button-module__hop-Button--fluid___tXjCA {
713
698
  --inline-size: 100%;
714
699
  }
715
- .Button-module__hop-Button--xs___bm-bH {
700
+ .Button-module__hop-Button--xs___f2TEl {
716
701
  --block-size: var(--hop-Button-xs-height);
717
702
  --padding: var(--hop-Button-xs-padding);
718
703
  }
719
- .Button-module__hop-Button--xs___bm-bH[class*=--ghost] {
704
+ .Button-module__hop-Button--xs___f2TEl[class*=--ghost] {
720
705
  --padding: var(--hop-Button-ghost-xs-padding);
721
706
  }
722
- .Button-module__hop-Button--sm___Tgpjo {
707
+ .Button-module__hop-Button--sm___uKt2s {
723
708
  --block-size: var(--hop-Button-sm-height);
724
709
  --padding: var(--hop-Button-sm-padding);
725
710
  }
726
- .Button-module__hop-Button--sm___Tgpjo[class*=--ghost] {
711
+ .Button-module__hop-Button--sm___uKt2s[class*=--ghost] {
727
712
  --padding: var(--hop-Button-ghost-sm-padding);
728
713
  }
729
- .Button-module__hop-Button--md___j7dIV[class*=--ghost] {
714
+ .Button-module__hop-Button--md___w6smg[class*=--ghost] {
730
715
  --padding: var(--hop-Button-ghost-md-padding);
731
716
  }
732
- .Button-module__hop-Button--icon-only___vLP-x {
717
+ .Button-module__hop-Button--icon-only___n81J7 {
733
718
  --column-gap: var(--hop-Button-icon-only-column-gap);
734
719
  --padding: var(--hop-Button-icon-only-padding);
735
720
  aspect-ratio: 1;
736
721
  }
737
- .Button-module__hop-Button--primary___JXQxj {
722
+ .Button-module__hop-Button--primary___G0WW7 {
738
723
  --background-color: var(--hop-comp-button-primary-background-color);
739
724
  --color: var(--hop-comp-button-primary-text-color);
740
725
  --border: var(--hop-Button-primary-border);
741
726
  --spinner-color: var(--hop-Button-primary-spinner-color);
742
727
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
743
728
  }
744
- .Button-module__hop-Button--primary___JXQxj[data-hovered],
745
- .Button-module__hop-Button--primary___JXQxj[data-focus-visible] {
729
+ .Button-module__hop-Button--primary___G0WW7[data-hovered],
730
+ .Button-module__hop-Button--primary___G0WW7[data-focus-visible] {
746
731
  --background-color: var(--hop-comp-button-primary-background-color-hover);
747
732
  --color: var(--hop-comp-button-primary-text-color-hover);
748
733
  --border: var(--hop-Button-primary-border-hover);
749
734
  }
750
- .Button-module__hop-Button--primary___JXQxj[data-pressed] {
735
+ .Button-module__hop-Button--primary___G0WW7[data-pressed] {
751
736
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
752
737
  --color: var(--hop-comp-button-primary-text-color-pressed);
753
738
  --border: var(--hop-Button-primary-border-pressed);
754
739
  }
755
- .Button-module__hop-Button--secondary___2zDuL {
740
+ .Button-module__hop-Button--secondary___3PWzP {
756
741
  --background-color: var(--hop-comp-button-secondary-background-color);
757
742
  --color: var(--hop-comp-button-secondary-text-color);
758
743
  --border: var(--hop-Button-secondary-border);
759
744
  --spinner-color: var(--hop-Button-secondary-spinner-color);
760
745
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
761
746
  }
762
- .Button-module__hop-Button--secondary___2zDuL[data-hovered],
763
- .Button-module__hop-Button--secondary___2zDuL[data-focus-visible] {
747
+ .Button-module__hop-Button--secondary___3PWzP[data-hovered],
748
+ .Button-module__hop-Button--secondary___3PWzP[data-focus-visible] {
764
749
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
765
750
  --color: var(--hop-comp-button-secondary-text-color-hover);
766
751
  --border: var(--hop-Button-secondary-border-hover);
767
752
  }
768
- .Button-module__hop-Button--secondary___2zDuL[data-pressed] {
753
+ .Button-module__hop-Button--secondary___3PWzP[data-pressed] {
769
754
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
770
755
  --color: var(--hop-comp-button-secondary-text-color-pressed);
771
756
  --border: var(--hop-Button-secondary-border-pressed);
772
757
  }
773
- .Button-module__hop-Button--upsell___odaQ7 {
758
+ .Button-module__hop-Button--upsell___kPEbT {
774
759
  --background-color: var(--hop-comp-button-upsell-background-color);
775
760
  --color: var(--hop-comp-button-upsell-text-color);
776
761
  --border: var(--hop-Button-upsell-border);
777
762
  --spinner-color: var(--hop-Button-upsell-spinner-color);
778
763
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
779
764
  }
780
- .Button-module__hop-Button--upsell___odaQ7[data-hovered],
781
- .Button-module__hop-Button--upsell___odaQ7[data-focus-visible] {
765
+ .Button-module__hop-Button--upsell___kPEbT[data-hovered],
766
+ .Button-module__hop-Button--upsell___kPEbT[data-focus-visible] {
782
767
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
783
768
  --color: var(--hop-comp-button-upsell-text-color-hover);
784
769
  --border: var(--hop-Button-upsell-border-hover);
785
770
  }
786
- .Button-module__hop-Button--upsell___odaQ7[data-pressed] {
771
+ .Button-module__hop-Button--upsell___kPEbT[data-pressed] {
787
772
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
788
773
  --color: var(--hop-comp-button-upsell-text-color-pressed);
789
774
  --border: var(--hop-Button-upsell-border-pressed);
790
775
  }
791
- .Button-module__hop-Button--danger___9B0VT {
776
+ .Button-module__hop-Button--danger___e-GAN {
792
777
  --background-color: var(--hop-comp-button-danger-background-color);
793
778
  --color: var(--hop-comp-button-danger-text-color);
794
779
  --border: var(--hop-Button-danger-border);
795
780
  --spinner-color: var(--hop-Button-danger-spinner-color);
796
781
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
797
782
  }
798
- .Button-module__hop-Button--danger___9B0VT[data-hovered],
799
- .Button-module__hop-Button--danger___9B0VT[data-focus-visible] {
783
+ .Button-module__hop-Button--danger___e-GAN[data-hovered],
784
+ .Button-module__hop-Button--danger___e-GAN[data-focus-visible] {
800
785
  --background-color: var(--hop-comp-button-danger-background-color-hover);
801
786
  --color: var(--hop-comp-button-danger-text-color-hover);
802
787
  --border: var(--hop-Button-danger-border-hover);
803
788
  }
804
- .Button-module__hop-Button--danger___9B0VT[data-pressed] {
789
+ .Button-module__hop-Button--danger___e-GAN[data-pressed] {
805
790
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
806
791
  --color: var(--hop-comp-button-danger-text-color-pressed);
807
792
  --border: var(--hop-Button-danger-border-pressed);
808
793
  }
809
- .Button-module__hop-Button--ghost-primary___qzJOX {
794
+ .Button-module__hop-Button--ghost-primary___i-JtD {
810
795
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
811
796
  --color: var(--hop-comp-button-ghost-primary-text-color);
812
797
  --border: var(--hop-Button-ghost-primary-border);
813
798
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
814
799
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
815
800
  }
816
- .Button-module__hop-Button--ghost-primary___qzJOX[data-hovered],
817
- .Button-module__hop-Button--ghost-primary___qzJOX[data-focus-visible] {
801
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-hovered],
802
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-focus-visible] {
818
803
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
819
804
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
820
805
  --border: var(--hop-Button-ghost-primary-border-hover);
821
806
  }
822
- .Button-module__hop-Button--ghost-primary___qzJOX[data-pressed] {
807
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-pressed] {
823
808
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
824
809
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
825
810
  --border: var(--hop-Button-ghost-primary-border-pressed);
826
811
  }
827
- .Button-module__hop-Button--ghost-secondary___rGO2Y {
812
+ .Button-module__hop-Button--ghost-secondary___aiPG1 {
828
813
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
829
814
  --color: var(--hop-comp-button-ghost-secondary-text-color);
830
815
  --border: var(--hop-Button-ghost-secondary-border);
831
816
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
832
817
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
833
818
  }
834
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-hovered],
835
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-focus-visible] {
819
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-hovered],
820
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-focus-visible] {
836
821
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
837
822
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
838
823
  --border: var(--hop-Button-ghost-secondary-border-hover);
839
824
  }
840
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-pressed] {
825
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-pressed] {
841
826
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
842
827
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
843
828
  --border: var(--hop-Button-ghost-secondary-border-pressed);
844
829
  }
845
- .Button-module__hop-Button--ghost-danger___K01ta {
830
+ .Button-module__hop-Button--ghost-danger___JE0um {
846
831
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
847
832
  --color: var(--hop-comp-button-ghost-danger-text-color);
848
833
  --border: var(--hop-Button-ghost-danger-border);
849
834
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
850
835
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
851
836
  }
852
- .Button-module__hop-Button--ghost-danger___K01ta[data-hovered],
853
- .Button-module__hop-Button--ghost-danger___K01ta[data-focus-visible] {
837
+ .Button-module__hop-Button--ghost-danger___JE0um[data-hovered],
838
+ .Button-module__hop-Button--ghost-danger___JE0um[data-focus-visible] {
854
839
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
855
840
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
856
841
  --border: var(--hop-Button-ghost-danger-border-hover);
857
842
  }
858
- .Button-module__hop-Button--ghost-danger___K01ta[data-pressed] {
843
+ .Button-module__hop-Button--ghost-danger___JE0um[data-pressed] {
859
844
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
860
845
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
861
846
  --border: var(--hop-Button-ghost-danger-border-pressed);
862
847
  }
863
- .Button-module__hop-Button___8f3el[data-focus-visible] {
848
+ .Button-module__hop-Button___y6M-T[data-focus-visible] {
864
849
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
865
850
  }
866
- .Button-module__hop-Button___8f3el[data-disabled],
867
- .Button-module__hop-Button--loading___Ls6KJ {
851
+ .Button-module__hop-Button___y6M-T[data-disabled],
852
+ .Button-module__hop-Button--loading___7u5UL {
868
853
  cursor: not-allowed;
869
854
  }
870
- .Button-module__hop-Button___8f3el[data-disabled] {
855
+ .Button-module__hop-Button___y6M-T[data-disabled] {
871
856
  --background-color: var(--hop-comp-button-disabled-background-color);
872
857
  --color: var(--hop-comp-button-disabled-text-color);
873
858
  --border: var(--hop-Button-border-disabled);
874
859
  }
875
- .Button-module__hop-Button___8f3el[class*=--ghost][data-disabled] {
860
+ .Button-module__hop-Button___y6M-T[class*=--ghost][data-disabled] {
876
861
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
877
862
  --color: var(--hop-comp-button-ghost-disabled-text-color);
878
863
  --border: var(--hop-Button-ghost-border-disabled);
879
864
  }
880
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--primary___JXQxj {
865
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--primary___G0WW7 {
881
866
  --background-color: var(--hop-comp-button-primary-background-color);
882
867
  --color: var(--hop-comp-button-primary-text-color);
883
868
  --border: var(--hop-Button-primary-border);
884
869
  }
885
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--secondary___2zDuL {
870
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--secondary___3PWzP {
886
871
  --background-color: var(--hop-comp-button-secondary-background-color);
887
872
  --color: var(--hop-comp-button-secondary-text-color);
888
873
  --border: var(--hop-Button-secondary-border);
889
874
  }
890
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--upsell___odaQ7 {
875
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--upsell___kPEbT {
891
876
  --background-color: var(--hop-comp-button-upsell-background-color);
892
877
  --color: var(--hop-comp-button-upsell-text-color);
893
878
  --border: var(--hop-Button-upsell-border);
894
879
  }
895
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--danger___9B0VT {
880
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--danger___e-GAN {
896
881
  --background-color: var(--hop-comp-button-danger-background-color);
897
882
  --color: var(--hop-comp-button-danger-text-color);
898
883
  --border: var(--hop-Button-danger-border);
899
884
  }
900
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-primary___qzJOX {
885
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-primary___i-JtD {
901
886
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
902
887
  --color: var(--hop-comp-button-ghost-primary-text-color);
903
888
  --border: var(--hop-Button-ghost-primary-border);
904
889
  }
905
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-secondary___rGO2Y {
890
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-secondary___aiPG1 {
906
891
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
907
892
  --color: var(--hop-comp-button-ghost-secondary-text-color);
908
893
  --border: var(--hop-Button-ghost-secondary-border);
909
894
  }
910
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-danger___K01ta {
895
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-danger___JE0um {
911
896
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
912
897
  --color: var(--hop-comp-button-ghost-danger-text-color);
913
898
  --border: var(--hop-Button-ghost-danger-border);
914
899
  }
915
- .Button-module__hop-Button__Spinner___8hp9A {
900
+ .Button-module__hop-Button__Spinner___h2qUF {
916
901
  position: absolute;
917
902
  color: var(--spinner-color);
918
903
  }
919
- .Button-module__hop-Button__icon___3pKoF,
920
- .Button-module__hop-Button__icon-list___l2KRI {
904
+ .Button-module__hop-Button__icon___dCYCh,
905
+ .Button-module__hop-Button__icon-list___J3qOZ {
921
906
  flex: 0 0 auto;
922
907
  justify-self: end;
923
908
  order: 1;
924
909
  }
925
- .Button-module__hop-Button__text___Q79nl {
910
+ .Button-module__hop-Button__text___JMO-T {
926
911
  user-select: none;
927
912
  overflow: visible;
928
913
  flex: 0 1 auto;
@@ -931,60 +916,60 @@
931
916
  text-decoration: none;
932
917
  text-wrap: nowrap;
933
918
  }
934
- .Button-module__hop-Button__end-icon___4tmYg,
935
- .Button-module__hop-Button__end-icon-list___vIYGQ {
919
+ .Button-module__hop-Button__end-icon___z70FW,
920
+ .Button-module__hop-Button__end-icon-list___eqxxG {
936
921
  flex: 0 0 auto;
937
922
  order: 3;
938
923
  }
939
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__icon-list___l2KRI,
940
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__end-icon-list___vIYGQ {
924
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__icon-list___J3qOZ,
925
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__end-icon-list___eqxxG {
941
926
  flex-wrap: nowrap;
942
927
  }
943
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button___8f3el > *:not(.Button-module__hop-Button__Spinner___8hp9A) {
928
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button___y6M-T > *:not(.Button-module__hop-Button__Spinner___h2qUF) {
944
929
  opacity: 0;
945
930
  }
946
931
 
947
932
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
948
- .ButtonGroup-module__hop-ButtonGroup___R1Zjl {
933
+ .ButtonGroup-module__hop-ButtonGroup___NvXZ6 {
949
934
  display: inline-flex;
950
935
  flex-wrap: nowrap;
951
936
  gap: var(--hop-space-inline-md);
952
937
  }
953
- .ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
938
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
954
939
  align-items: center;
955
940
  }
956
- .ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
941
+ .ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
957
942
  flex-direction: column;
958
943
  gap: var(--hop-space-stack-md);
959
944
  justify-content: center;
960
945
  }
961
- .ButtonGroup-module__hop-ButtonGroup--start___jglcg.ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
946
+ .ButtonGroup-module__hop-ButtonGroup--start___KPG4F.ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
962
947
  align-items: flex-start;
963
948
  }
964
- .ButtonGroup-module__hop-ButtonGroup--center___iK2dX.ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
949
+ .ButtonGroup-module__hop-ButtonGroup--center___waDSd.ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
965
950
  align-items: center;
966
951
  }
967
- .ButtonGroup-module__hop-ButtonGroup--end___6PKZW.ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
952
+ .ButtonGroup-module__hop-ButtonGroup--end___yKY55.ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
968
953
  align-items: flex-end;
969
954
  }
970
- .ButtonGroup-module__hop-ButtonGroup--start___jglcg.ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
955
+ .ButtonGroup-module__hop-ButtonGroup--start___KPG4F.ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
971
956
  justify-content: flex-start;
972
957
  }
973
- .ButtonGroup-module__hop-ButtonGroup--center___iK2dX.ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
958
+ .ButtonGroup-module__hop-ButtonGroup--center___waDSd.ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
974
959
  justify-content: center;
975
960
  }
976
- .ButtonGroup-module__hop-ButtonGroup--end___6PKZW.ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
961
+ .ButtonGroup-module__hop-ButtonGroup--end___yKY55.ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
977
962
  justify-content: flex-end;
978
963
  }
979
- .ButtonGroup-module__hop-ButtonGroup--wrap___TUOxF {
964
+ .ButtonGroup-module__hop-ButtonGroup--wrap___7h9pE {
980
965
  flex-wrap: wrap;
981
966
  }
982
- .ButtonGroup-module__hop-ButtonGroup--fluid___O-XX2 {
967
+ .ButtonGroup-module__hop-ButtonGroup--fluid___6xUbL {
983
968
  inline-size: 100%;
984
969
  }
985
970
 
986
971
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
987
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU {
972
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW {
988
973
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
989
974
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
990
975
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1148,7 +1133,7 @@
1148
1133
  outline: none;
1149
1134
  transition: color var(--transition);
1150
1135
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU::before {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW::before {
1152
1137
  content: "";
1153
1138
  position: absolute;
1154
1139
  inset-block-start: 50%;
@@ -1161,284 +1146,284 @@
1161
1146
  border-radius: var(--effect-border-radius);
1162
1147
  transition: background-color var(--transition);
1163
1148
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-square] {
1149
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-square] {
1165
1150
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1166
1151
  }
1167
- .EmbeddedButton-module__hop-EmbeddedButton--md___x9Wef {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--md___yv0iF {
1168
1153
  --inline-size: var(--hop-EmbeddedButton-md-width);
1169
1154
  --block-size: var(--hop-EmbeddedButton-md-height);
1170
1155
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1171
1156
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ikq6f {
1157
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___8NxrN {
1173
1158
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1174
1159
  --block-size: var(--hop-EmbeddedButton-lg-height);
1175
1160
  --focus-ring-offset: 0;
1176
1161
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--md___x9Wef::before {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--md___yv0iF::before {
1178
1163
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1179
1164
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1180
1165
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ikq6f::before {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___8NxrN::before {
1182
1167
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1183
1168
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1184
1169
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr {
1186
1171
  --color: var(--hop-EmbeddedButton-neutral-color);
1187
1172
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1188
1173
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09 {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg {
1190
1175
  --color: var(--hop-EmbeddedButton-subdued-color);
1191
1176
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1192
1177
  }
1193
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1 {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL {
1194
1179
  --color: var(--hop-EmbeddedButton-progress-color);
1195
1180
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1196
1181
  }
1197
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl {
1198
1183
  --color: var(--hop-EmbeddedButton-positive-color);
1199
1184
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1200
1185
  }
1201
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75 {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE {
1202
1187
  --color: var(--hop-EmbeddedButton-caution-color);
1203
1188
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1204
1189
  }
1205
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98 {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6 {
1206
1191
  --color: var(--hop-EmbeddedButton-negative-color);
1207
1192
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1208
1193
  }
1209
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS {
1210
1195
  --color: var(--hop-EmbeddedButton-option1-color);
1211
1196
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1212
1197
  }
1213
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z {
1214
1199
  --color: var(--hop-EmbeddedButton-option2-color);
1215
1200
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1216
1201
  }
1217
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8 {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x {
1218
1203
  --color: var(--hop-EmbeddedButton-option3-color);
1219
1204
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1220
1205
  }
1221
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG {
1222
1207
  --color: var(--hop-EmbeddedButton-option4-color);
1223
1208
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1224
1209
  }
1225
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6 {
1226
1211
  --color: var(--hop-EmbeddedButton-option5-color);
1227
1212
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1228
1213
  }
1229
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0 {
1230
1215
  --color: var(--hop-EmbeddedButton-option6-color);
1231
1216
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1232
1217
  }
1233
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-selected] {
1218
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-selected] {
1234
1219
  --color: var(--hop-EmbeddedButton-selected-color);
1235
1220
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1236
1221
  }
1237
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-focus-visible] {
1222
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-focus-visible] {
1238
1223
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1239
1224
  outline-offset: var(--focus-ring-offset);
1240
1225
  }
1241
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-disabled] {
1226
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-disabled] {
1242
1227
  cursor: not-allowed;
1243
1228
  }
1244
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-hovered] {
1229
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-hovered] {
1245
1230
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1246
1231
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1247
1232
  }
1248
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-focus-visible] {
1233
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-focus-visible] {
1249
1234
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1250
1235
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1251
1236
  }
1252
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-pressed] {
1237
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-pressed] {
1253
1238
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1254
1239
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1255
1240
  }
1256
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-disabled] {
1241
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-disabled] {
1257
1242
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1258
1243
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1259
1244
  }
1260
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-hovered] {
1245
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-hovered] {
1261
1246
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1262
1247
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1263
1248
  }
1264
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-focus-visible] {
1249
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-focus-visible] {
1265
1250
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1266
1251
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1267
1252
  }
1268
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-pressed] {
1253
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-pressed] {
1269
1254
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1270
1255
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1271
1256
  }
1272
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-disabled] {
1257
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-disabled] {
1273
1258
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1274
1259
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1275
1260
  }
1276
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-hovered] {
1261
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-hovered] {
1277
1262
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1278
1263
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1279
1264
  }
1280
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-focus-visible] {
1265
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-focus-visible] {
1281
1266
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1282
1267
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1283
1268
  }
1284
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-pressed] {
1269
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-pressed] {
1285
1270
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1286
1271
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1287
1272
  }
1288
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-disabled] {
1273
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-disabled] {
1289
1274
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1290
1275
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1291
1276
  }
1292
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-hovered] {
1277
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-hovered] {
1293
1278
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1294
1279
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1295
1280
  }
1296
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-focus-visible] {
1281
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-focus-visible] {
1297
1282
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1298
1283
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1299
1284
  }
1300
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-pressed] {
1285
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-pressed] {
1301
1286
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1302
1287
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1303
1288
  }
1304
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-disabled] {
1289
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-disabled] {
1305
1290
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1306
1291
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1307
1292
  }
1308
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-hovered] {
1293
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-hovered] {
1309
1294
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1310
1295
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1311
1296
  }
1312
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-focus-visible] {
1297
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-focus-visible] {
1313
1298
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1314
1299
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1315
1300
  }
1316
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-pressed] {
1301
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-pressed] {
1317
1302
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1318
1303
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1319
1304
  }
1320
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-disabled] {
1305
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-disabled] {
1321
1306
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1322
1307
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1323
1308
  }
1324
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-hovered] {
1309
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-hovered] {
1325
1310
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1326
1311
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1327
1312
  }
1328
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-focus-visible] {
1313
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-focus-visible] {
1329
1314
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1330
1315
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1331
1316
  }
1332
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-pressed] {
1317
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-pressed] {
1333
1318
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1334
1319
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1335
1320
  }
1336
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-disabled] {
1321
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-disabled] {
1337
1322
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1338
1323
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1339
1324
  }
1340
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-hovered] {
1325
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-hovered] {
1341
1326
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1342
1327
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1343
1328
  }
1344
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-focus-visible] {
1329
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-focus-visible] {
1345
1330
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1346
1331
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1347
1332
  }
1348
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-pressed] {
1333
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-pressed] {
1349
1334
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1350
1335
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1351
1336
  }
1352
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-disabled] {
1337
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-disabled] {
1353
1338
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1354
1339
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1355
1340
  }
1356
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-hovered] {
1341
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-hovered] {
1357
1342
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1358
1343
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1359
1344
  }
1360
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-focus-visible] {
1345
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-focus-visible] {
1361
1346
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1362
1347
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1363
1348
  }
1364
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-pressed] {
1349
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-pressed] {
1365
1350
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1366
1351
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1367
1352
  }
1368
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-disabled] {
1353
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-disabled] {
1369
1354
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1370
1355
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1371
1356
  }
1372
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-hovered] {
1357
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-hovered] {
1373
1358
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1374
1359
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1375
1360
  }
1376
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-focus-visible] {
1361
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-focus-visible] {
1377
1362
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1378
1363
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1379
1364
  }
1380
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-pressed] {
1365
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-pressed] {
1381
1366
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1382
1367
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1383
1368
  }
1384
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-disabled] {
1369
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-disabled] {
1385
1370
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1386
1371
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1387
1372
  }
1388
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-hovered] {
1373
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-hovered] {
1389
1374
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1390
1375
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1391
1376
  }
1392
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-focus-visible] {
1377
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-focus-visible] {
1393
1378
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1394
1379
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1395
1380
  }
1396
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-pressed] {
1381
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-pressed] {
1397
1382
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1398
1383
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1399
1384
  }
1400
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-disabled] {
1385
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-disabled] {
1401
1386
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1402
1387
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1403
1388
  }
1404
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-hovered] {
1389
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-hovered] {
1405
1390
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1406
1391
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1407
1392
  }
1408
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-focus-visible] {
1393
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-focus-visible] {
1409
1394
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1410
1395
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1411
1396
  }
1412
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-pressed] {
1397
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-pressed] {
1413
1398
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1414
1399
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1415
1400
  }
1416
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-disabled] {
1401
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-disabled] {
1417
1402
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1418
1403
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1419
1404
  }
1420
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-hovered] {
1405
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-hovered] {
1421
1406
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1422
1407
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1423
1408
  }
1424
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-focus-visible] {
1409
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-focus-visible] {
1425
1410
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1426
1411
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1427
1412
  }
1428
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-pressed] {
1413
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-pressed] {
1429
1414
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1430
1415
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1431
1416
  }
1432
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-disabled] {
1417
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-disabled] {
1433
1418
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1434
1419
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1435
1420
  }
1436
- .EmbeddedButton-module__hop-EmbeddedButton__icon___96Ha0 {
1421
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___8-54b {
1437
1422
  position: relative;
1438
1423
  }
1439
1424
 
1440
1425
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1441
- button.CloseButton-module__hop-CloseButton___nyeOo {
1426
+ button.CloseButton-module__hop-CloseButton___vCaGA {
1442
1427
  --hop-CloseButton-margin-top: 0rem;
1443
1428
  --hop-CloseButton-padding: 0rem;
1444
1429
  --hop-CloseButton-width: fit-content;
@@ -1450,7 +1435,7 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1450
1435
  }
1451
1436
 
1452
1437
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1453
- .Button-module__hop-Button___8f3el {
1438
+ .Button-module__hop-Button___y6M-T {
1454
1439
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1455
1440
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1456
1441
  --hop-Button-icon-only-column-gap: 0;
@@ -1530,220 +1515,220 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1530
1515
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1531
1516
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1532
1517
  }
1533
- .Button-module__hop-Button--fluid___BUmmI {
1518
+ .Button-module__hop-Button--fluid___tXjCA {
1534
1519
  --inline-size: 100%;
1535
1520
  }
1536
- .Button-module__hop-Button--xs___bm-bH {
1521
+ .Button-module__hop-Button--xs___f2TEl {
1537
1522
  --block-size: var(--hop-Button-xs-height);
1538
1523
  --padding: var(--hop-Button-xs-padding);
1539
1524
  }
1540
- .Button-module__hop-Button--xs___bm-bH[class*=--ghost] {
1525
+ .Button-module__hop-Button--xs___f2TEl[class*=--ghost] {
1541
1526
  --padding: var(--hop-Button-ghost-xs-padding);
1542
1527
  }
1543
- .Button-module__hop-Button--sm___Tgpjo {
1528
+ .Button-module__hop-Button--sm___uKt2s {
1544
1529
  --block-size: var(--hop-Button-sm-height);
1545
1530
  --padding: var(--hop-Button-sm-padding);
1546
1531
  }
1547
- .Button-module__hop-Button--sm___Tgpjo[class*=--ghost] {
1532
+ .Button-module__hop-Button--sm___uKt2s[class*=--ghost] {
1548
1533
  --padding: var(--hop-Button-ghost-sm-padding);
1549
1534
  }
1550
- .Button-module__hop-Button--md___j7dIV[class*=--ghost] {
1535
+ .Button-module__hop-Button--md___w6smg[class*=--ghost] {
1551
1536
  --padding: var(--hop-Button-ghost-md-padding);
1552
1537
  }
1553
- .Button-module__hop-Button--icon-only___vLP-x {
1538
+ .Button-module__hop-Button--icon-only___n81J7 {
1554
1539
  --column-gap: var(--hop-Button-icon-only-column-gap);
1555
1540
  --padding: var(--hop-Button-icon-only-padding);
1556
1541
  aspect-ratio: 1;
1557
1542
  }
1558
- .Button-module__hop-Button--primary___JXQxj {
1543
+ .Button-module__hop-Button--primary___G0WW7 {
1559
1544
  --background-color: var(--hop-comp-button-primary-background-color);
1560
1545
  --color: var(--hop-comp-button-primary-text-color);
1561
1546
  --border: var(--hop-Button-primary-border);
1562
1547
  --spinner-color: var(--hop-Button-primary-spinner-color);
1563
1548
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1564
1549
  }
1565
- .Button-module__hop-Button--primary___JXQxj[data-hovered],
1566
- .Button-module__hop-Button--primary___JXQxj[data-focus-visible] {
1550
+ .Button-module__hop-Button--primary___G0WW7[data-hovered],
1551
+ .Button-module__hop-Button--primary___G0WW7[data-focus-visible] {
1567
1552
  --background-color: var(--hop-comp-button-primary-background-color-hover);
1568
1553
  --color: var(--hop-comp-button-primary-text-color-hover);
1569
1554
  --border: var(--hop-Button-primary-border-hover);
1570
1555
  }
1571
- .Button-module__hop-Button--primary___JXQxj[data-pressed] {
1556
+ .Button-module__hop-Button--primary___G0WW7[data-pressed] {
1572
1557
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
1573
1558
  --color: var(--hop-comp-button-primary-text-color-pressed);
1574
1559
  --border: var(--hop-Button-primary-border-pressed);
1575
1560
  }
1576
- .Button-module__hop-Button--secondary___2zDuL {
1561
+ .Button-module__hop-Button--secondary___3PWzP {
1577
1562
  --background-color: var(--hop-comp-button-secondary-background-color);
1578
1563
  --color: var(--hop-comp-button-secondary-text-color);
1579
1564
  --border: var(--hop-Button-secondary-border);
1580
1565
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1581
1566
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1582
1567
  }
1583
- .Button-module__hop-Button--secondary___2zDuL[data-hovered],
1584
- .Button-module__hop-Button--secondary___2zDuL[data-focus-visible] {
1568
+ .Button-module__hop-Button--secondary___3PWzP[data-hovered],
1569
+ .Button-module__hop-Button--secondary___3PWzP[data-focus-visible] {
1585
1570
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
1586
1571
  --color: var(--hop-comp-button-secondary-text-color-hover);
1587
1572
  --border: var(--hop-Button-secondary-border-hover);
1588
1573
  }
1589
- .Button-module__hop-Button--secondary___2zDuL[data-pressed] {
1574
+ .Button-module__hop-Button--secondary___3PWzP[data-pressed] {
1590
1575
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1591
1576
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1592
1577
  --border: var(--hop-Button-secondary-border-pressed);
1593
1578
  }
1594
- .Button-module__hop-Button--upsell___odaQ7 {
1579
+ .Button-module__hop-Button--upsell___kPEbT {
1595
1580
  --background-color: var(--hop-comp-button-upsell-background-color);
1596
1581
  --color: var(--hop-comp-button-upsell-text-color);
1597
1582
  --border: var(--hop-Button-upsell-border);
1598
1583
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1599
1584
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1600
1585
  }
1601
- .Button-module__hop-Button--upsell___odaQ7[data-hovered],
1602
- .Button-module__hop-Button--upsell___odaQ7[data-focus-visible] {
1586
+ .Button-module__hop-Button--upsell___kPEbT[data-hovered],
1587
+ .Button-module__hop-Button--upsell___kPEbT[data-focus-visible] {
1603
1588
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
1604
1589
  --color: var(--hop-comp-button-upsell-text-color-hover);
1605
1590
  --border: var(--hop-Button-upsell-border-hover);
1606
1591
  }
1607
- .Button-module__hop-Button--upsell___odaQ7[data-pressed] {
1592
+ .Button-module__hop-Button--upsell___kPEbT[data-pressed] {
1608
1593
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1609
1594
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1610
1595
  --border: var(--hop-Button-upsell-border-pressed);
1611
1596
  }
1612
- .Button-module__hop-Button--danger___9B0VT {
1597
+ .Button-module__hop-Button--danger___e-GAN {
1613
1598
  --background-color: var(--hop-comp-button-danger-background-color);
1614
1599
  --color: var(--hop-comp-button-danger-text-color);
1615
1600
  --border: var(--hop-Button-danger-border);
1616
1601
  --spinner-color: var(--hop-Button-danger-spinner-color);
1617
1602
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1618
1603
  }
1619
- .Button-module__hop-Button--danger___9B0VT[data-hovered],
1620
- .Button-module__hop-Button--danger___9B0VT[data-focus-visible] {
1604
+ .Button-module__hop-Button--danger___e-GAN[data-hovered],
1605
+ .Button-module__hop-Button--danger___e-GAN[data-focus-visible] {
1621
1606
  --background-color: var(--hop-comp-button-danger-background-color-hover);
1622
1607
  --color: var(--hop-comp-button-danger-text-color-hover);
1623
1608
  --border: var(--hop-Button-danger-border-hover);
1624
1609
  }
1625
- .Button-module__hop-Button--danger___9B0VT[data-pressed] {
1610
+ .Button-module__hop-Button--danger___e-GAN[data-pressed] {
1626
1611
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
1627
1612
  --color: var(--hop-comp-button-danger-text-color-pressed);
1628
1613
  --border: var(--hop-Button-danger-border-pressed);
1629
1614
  }
1630
- .Button-module__hop-Button--ghost-primary___qzJOX {
1615
+ .Button-module__hop-Button--ghost-primary___i-JtD {
1631
1616
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1632
1617
  --color: var(--hop-comp-button-ghost-primary-text-color);
1633
1618
  --border: var(--hop-Button-ghost-primary-border);
1634
1619
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1635
1620
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1636
1621
  }
1637
- .Button-module__hop-Button--ghost-primary___qzJOX[data-hovered],
1638
- .Button-module__hop-Button--ghost-primary___qzJOX[data-focus-visible] {
1622
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-hovered],
1623
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-focus-visible] {
1639
1624
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1640
1625
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1641
1626
  --border: var(--hop-Button-ghost-primary-border-hover);
1642
1627
  }
1643
- .Button-module__hop-Button--ghost-primary___qzJOX[data-pressed] {
1628
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-pressed] {
1644
1629
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1645
1630
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1646
1631
  --border: var(--hop-Button-ghost-primary-border-pressed);
1647
1632
  }
1648
- .Button-module__hop-Button--ghost-secondary___rGO2Y {
1633
+ .Button-module__hop-Button--ghost-secondary___aiPG1 {
1649
1634
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1650
1635
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1651
1636
  --border: var(--hop-Button-ghost-secondary-border);
1652
1637
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1653
1638
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1654
1639
  }
1655
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-hovered],
1656
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-focus-visible] {
1640
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-hovered],
1641
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-focus-visible] {
1657
1642
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1658
1643
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1659
1644
  --border: var(--hop-Button-ghost-secondary-border-hover);
1660
1645
  }
1661
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-pressed] {
1646
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-pressed] {
1662
1647
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1663
1648
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1664
1649
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1665
1650
  }
1666
- .Button-module__hop-Button--ghost-danger___K01ta {
1651
+ .Button-module__hop-Button--ghost-danger___JE0um {
1667
1652
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1668
1653
  --color: var(--hop-comp-button-ghost-danger-text-color);
1669
1654
  --border: var(--hop-Button-ghost-danger-border);
1670
1655
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1671
1656
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1672
1657
  }
1673
- .Button-module__hop-Button--ghost-danger___K01ta[data-hovered],
1674
- .Button-module__hop-Button--ghost-danger___K01ta[data-focus-visible] {
1658
+ .Button-module__hop-Button--ghost-danger___JE0um[data-hovered],
1659
+ .Button-module__hop-Button--ghost-danger___JE0um[data-focus-visible] {
1675
1660
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1676
1661
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1677
1662
  --border: var(--hop-Button-ghost-danger-border-hover);
1678
1663
  }
1679
- .Button-module__hop-Button--ghost-danger___K01ta[data-pressed] {
1664
+ .Button-module__hop-Button--ghost-danger___JE0um[data-pressed] {
1680
1665
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1681
1666
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1682
1667
  --border: var(--hop-Button-ghost-danger-border-pressed);
1683
1668
  }
1684
- .Button-module__hop-Button___8f3el[data-focus-visible] {
1669
+ .Button-module__hop-Button___y6M-T[data-focus-visible] {
1685
1670
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1686
1671
  }
1687
- .Button-module__hop-Button___8f3el[data-disabled],
1688
- .Button-module__hop-Button--loading___Ls6KJ {
1672
+ .Button-module__hop-Button___y6M-T[data-disabled],
1673
+ .Button-module__hop-Button--loading___7u5UL {
1689
1674
  cursor: not-allowed;
1690
1675
  }
1691
- .Button-module__hop-Button___8f3el[data-disabled] {
1676
+ .Button-module__hop-Button___y6M-T[data-disabled] {
1692
1677
  --background-color: var(--hop-comp-button-disabled-background-color);
1693
1678
  --color: var(--hop-comp-button-disabled-text-color);
1694
1679
  --border: var(--hop-Button-border-disabled);
1695
1680
  }
1696
- .Button-module__hop-Button___8f3el[class*=--ghost][data-disabled] {
1681
+ .Button-module__hop-Button___y6M-T[class*=--ghost][data-disabled] {
1697
1682
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1698
1683
  --color: var(--hop-comp-button-ghost-disabled-text-color);
1699
1684
  --border: var(--hop-Button-ghost-border-disabled);
1700
1685
  }
1701
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--primary___JXQxj {
1686
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--primary___G0WW7 {
1702
1687
  --background-color: var(--hop-comp-button-primary-background-color);
1703
1688
  --color: var(--hop-comp-button-primary-text-color);
1704
1689
  --border: var(--hop-Button-primary-border);
1705
1690
  }
1706
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--secondary___2zDuL {
1691
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--secondary___3PWzP {
1707
1692
  --background-color: var(--hop-comp-button-secondary-background-color);
1708
1693
  --color: var(--hop-comp-button-secondary-text-color);
1709
1694
  --border: var(--hop-Button-secondary-border);
1710
1695
  }
1711
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--upsell___odaQ7 {
1696
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--upsell___kPEbT {
1712
1697
  --background-color: var(--hop-comp-button-upsell-background-color);
1713
1698
  --color: var(--hop-comp-button-upsell-text-color);
1714
1699
  --border: var(--hop-Button-upsell-border);
1715
1700
  }
1716
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--danger___9B0VT {
1701
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--danger___e-GAN {
1717
1702
  --background-color: var(--hop-comp-button-danger-background-color);
1718
1703
  --color: var(--hop-comp-button-danger-text-color);
1719
1704
  --border: var(--hop-Button-danger-border);
1720
1705
  }
1721
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-primary___qzJOX {
1706
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-primary___i-JtD {
1722
1707
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1723
1708
  --color: var(--hop-comp-button-ghost-primary-text-color);
1724
1709
  --border: var(--hop-Button-ghost-primary-border);
1725
1710
  }
1726
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-secondary___rGO2Y {
1711
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-secondary___aiPG1 {
1727
1712
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1728
1713
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1729
1714
  --border: var(--hop-Button-ghost-secondary-border);
1730
1715
  }
1731
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-danger___K01ta {
1716
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-danger___JE0um {
1732
1717
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1733
1718
  --color: var(--hop-comp-button-ghost-danger-text-color);
1734
1719
  --border: var(--hop-Button-ghost-danger-border);
1735
1720
  }
1736
- .Button-module__hop-Button__Spinner___8hp9A {
1721
+ .Button-module__hop-Button__Spinner___h2qUF {
1737
1722
  position: absolute;
1738
1723
  color: var(--spinner-color);
1739
1724
  }
1740
- .Button-module__hop-Button__icon___3pKoF,
1741
- .Button-module__hop-Button__icon-list___l2KRI {
1725
+ .Button-module__hop-Button__icon___dCYCh,
1726
+ .Button-module__hop-Button__icon-list___J3qOZ {
1742
1727
  flex: 0 0 auto;
1743
1728
  justify-self: end;
1744
1729
  order: 1;
1745
1730
  }
1746
- .Button-module__hop-Button__text___Q79nl {
1731
+ .Button-module__hop-Button__text___JMO-T {
1747
1732
  user-select: none;
1748
1733
  overflow: visible;
1749
1734
  flex: 0 1 auto;
@@ -1752,59 +1737,59 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1752
1737
  text-decoration: none;
1753
1738
  text-wrap: nowrap;
1754
1739
  }
1755
- .Button-module__hop-Button__end-icon___4tmYg,
1756
- .Button-module__hop-Button__end-icon-list___vIYGQ {
1740
+ .Button-module__hop-Button__end-icon___z70FW,
1741
+ .Button-module__hop-Button__end-icon-list___eqxxG {
1757
1742
  flex: 0 0 auto;
1758
1743
  order: 3;
1759
1744
  }
1760
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__icon-list___l2KRI,
1761
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__end-icon-list___vIYGQ {
1745
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__icon-list___J3qOZ,
1746
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__end-icon-list___eqxxG {
1762
1747
  flex-wrap: nowrap;
1763
1748
  }
1764
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button___8f3el > *:not(.Button-module__hop-Button__Spinner___8hp9A) {
1749
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button___y6M-T > *:not(.Button-module__hop-Button__Spinner___h2qUF) {
1765
1750
  opacity: 0;
1766
1751
  }
1767
- .LinkButton-module__hop-LinkButton___dQ7zP {
1752
+ .LinkButton-module__hop-LinkButton___pyCTO {
1768
1753
  }
1769
- .LinkButton-module__hop-LinkButton--fluid___FwqhG {
1754
+ .LinkButton-module__hop-LinkButton--fluid___JggHZ {
1770
1755
  }
1771
- .LinkButton-module__hop-LinkButton--xs___zEW0H {
1756
+ .LinkButton-module__hop-LinkButton--xs___i7Gru {
1772
1757
  }
1773
- .LinkButton-module__hop-LinkButton--sm___fzdBg {
1758
+ .LinkButton-module__hop-LinkButton--sm___GADyB {
1774
1759
  }
1775
- .LinkButton-module__hop-LinkButton--icon-only___pYsDR {
1760
+ .LinkButton-module__hop-LinkButton--icon-only___iL3Cx {
1776
1761
  }
1777
- .LinkButton-module__hop-LinkButton--primary___WLs3i {
1762
+ .LinkButton-module__hop-LinkButton--primary___iS1XC {
1778
1763
  }
1779
- .LinkButton-module__hop-LinkButton--secondary___3UQbM {
1764
+ .LinkButton-module__hop-LinkButton--secondary___rMFEx {
1780
1765
  }
1781
- .LinkButton-module__hop-LinkButton--upsell___eogrv {
1766
+ .LinkButton-module__hop-LinkButton--upsell___67ngC {
1782
1767
  }
1783
- .LinkButton-module__hop-LinkButton--danger___CTmJS {
1768
+ .LinkButton-module__hop-LinkButton--danger___7lo0i {
1784
1769
  }
1785
- .LinkButton-module__hop-LinkButton--ghost-primary___MvgA3 {
1770
+ .LinkButton-module__hop-LinkButton--ghost-primary___5--ye {
1786
1771
  }
1787
- .LinkButton-module__hop-LinkButton--ghost-secondary___am0Gz {
1772
+ .LinkButton-module__hop-LinkButton--ghost-secondary___rBkkz {
1788
1773
  }
1789
- .LinkButton-module__hop-LinkButton--ghost-danger___QwuYB {
1774
+ .LinkButton-module__hop-LinkButton--ghost-danger___1aepC {
1790
1775
  }
1791
- .LinkButton-module__hop-LinkButton__Spinner___QIKfh {
1776
+ .LinkButton-module__hop-LinkButton__Spinner___KjBc6 {
1792
1777
  }
1793
- .LinkButton-module__hop-LinkButton__icon___hUFoi,
1794
- .LinkButton-module__hop-LinkButton__icon-list___cwH9g {
1778
+ .LinkButton-module__hop-LinkButton__icon___QW2Cb,
1779
+ .LinkButton-module__hop-LinkButton__icon-list___Razb1 {
1795
1780
  }
1796
- .LinkButton-module__hop-LinkButton__text___G8uU3 {
1781
+ .LinkButton-module__hop-LinkButton__text___a25ub {
1797
1782
  }
1798
- .LinkButton-module__hop-LinkButton__end-icon___bwevi,
1799
- .LinkButton-module__hop-LinkButton__end-icon-list___c6vOk {
1783
+ .LinkButton-module__hop-LinkButton__end-icon___v-Lx0,
1784
+ .LinkButton-module__hop-LinkButton__end-icon-list___5e8-C {
1800
1785
  }
1801
- .LinkButton-module__hop-LinkButton___dQ7zP .LinkButton-module__hop-LinkButton__icon-list___cwH9g,
1802
- .LinkButton-module__hop-LinkButton___dQ7zP .LinkButton-module__hop-LinkButton__end-icon-list___c6vOk {
1786
+ .LinkButton-module__hop-LinkButton___pyCTO .LinkButton-module__hop-LinkButton__icon-list___Razb1,
1787
+ .LinkButton-module__hop-LinkButton___pyCTO .LinkButton-module__hop-LinkButton__end-icon-list___5e8-C {
1803
1788
  flex-wrap: nowrap;
1804
1789
  }
1805
1790
 
1806
1791
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1807
- .Button-module__hop-Button___8f3el {
1792
+ .Button-module__hop-Button___y6M-T {
1808
1793
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1809
1794
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1810
1795
  --hop-Button-icon-only-column-gap: 0;
@@ -1884,220 +1869,220 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1884
1869
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1885
1870
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1886
1871
  }
1887
- .Button-module__hop-Button--fluid___BUmmI {
1872
+ .Button-module__hop-Button--fluid___tXjCA {
1888
1873
  --inline-size: 100%;
1889
1874
  }
1890
- .Button-module__hop-Button--xs___bm-bH {
1875
+ .Button-module__hop-Button--xs___f2TEl {
1891
1876
  --block-size: var(--hop-Button-xs-height);
1892
1877
  --padding: var(--hop-Button-xs-padding);
1893
1878
  }
1894
- .Button-module__hop-Button--xs___bm-bH[class*=--ghost] {
1879
+ .Button-module__hop-Button--xs___f2TEl[class*=--ghost] {
1895
1880
  --padding: var(--hop-Button-ghost-xs-padding);
1896
1881
  }
1897
- .Button-module__hop-Button--sm___Tgpjo {
1882
+ .Button-module__hop-Button--sm___uKt2s {
1898
1883
  --block-size: var(--hop-Button-sm-height);
1899
1884
  --padding: var(--hop-Button-sm-padding);
1900
1885
  }
1901
- .Button-module__hop-Button--sm___Tgpjo[class*=--ghost] {
1886
+ .Button-module__hop-Button--sm___uKt2s[class*=--ghost] {
1902
1887
  --padding: var(--hop-Button-ghost-sm-padding);
1903
1888
  }
1904
- .Button-module__hop-Button--md___j7dIV[class*=--ghost] {
1889
+ .Button-module__hop-Button--md___w6smg[class*=--ghost] {
1905
1890
  --padding: var(--hop-Button-ghost-md-padding);
1906
1891
  }
1907
- .Button-module__hop-Button--icon-only___vLP-x {
1892
+ .Button-module__hop-Button--icon-only___n81J7 {
1908
1893
  --column-gap: var(--hop-Button-icon-only-column-gap);
1909
1894
  --padding: var(--hop-Button-icon-only-padding);
1910
1895
  aspect-ratio: 1;
1911
1896
  }
1912
- .Button-module__hop-Button--primary___JXQxj {
1897
+ .Button-module__hop-Button--primary___G0WW7 {
1913
1898
  --background-color: var(--hop-comp-button-primary-background-color);
1914
1899
  --color: var(--hop-comp-button-primary-text-color);
1915
1900
  --border: var(--hop-Button-primary-border);
1916
1901
  --spinner-color: var(--hop-Button-primary-spinner-color);
1917
1902
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1918
1903
  }
1919
- .Button-module__hop-Button--primary___JXQxj[data-hovered],
1920
- .Button-module__hop-Button--primary___JXQxj[data-focus-visible] {
1904
+ .Button-module__hop-Button--primary___G0WW7[data-hovered],
1905
+ .Button-module__hop-Button--primary___G0WW7[data-focus-visible] {
1921
1906
  --background-color: var(--hop-comp-button-primary-background-color-hover);
1922
1907
  --color: var(--hop-comp-button-primary-text-color-hover);
1923
1908
  --border: var(--hop-Button-primary-border-hover);
1924
1909
  }
1925
- .Button-module__hop-Button--primary___JXQxj[data-pressed] {
1910
+ .Button-module__hop-Button--primary___G0WW7[data-pressed] {
1926
1911
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
1927
1912
  --color: var(--hop-comp-button-primary-text-color-pressed);
1928
1913
  --border: var(--hop-Button-primary-border-pressed);
1929
1914
  }
1930
- .Button-module__hop-Button--secondary___2zDuL {
1915
+ .Button-module__hop-Button--secondary___3PWzP {
1931
1916
  --background-color: var(--hop-comp-button-secondary-background-color);
1932
1917
  --color: var(--hop-comp-button-secondary-text-color);
1933
1918
  --border: var(--hop-Button-secondary-border);
1934
1919
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1935
1920
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1936
1921
  }
1937
- .Button-module__hop-Button--secondary___2zDuL[data-hovered],
1938
- .Button-module__hop-Button--secondary___2zDuL[data-focus-visible] {
1922
+ .Button-module__hop-Button--secondary___3PWzP[data-hovered],
1923
+ .Button-module__hop-Button--secondary___3PWzP[data-focus-visible] {
1939
1924
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
1940
1925
  --color: var(--hop-comp-button-secondary-text-color-hover);
1941
1926
  --border: var(--hop-Button-secondary-border-hover);
1942
1927
  }
1943
- .Button-module__hop-Button--secondary___2zDuL[data-pressed] {
1928
+ .Button-module__hop-Button--secondary___3PWzP[data-pressed] {
1944
1929
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1945
1930
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1946
1931
  --border: var(--hop-Button-secondary-border-pressed);
1947
1932
  }
1948
- .Button-module__hop-Button--upsell___odaQ7 {
1933
+ .Button-module__hop-Button--upsell___kPEbT {
1949
1934
  --background-color: var(--hop-comp-button-upsell-background-color);
1950
1935
  --color: var(--hop-comp-button-upsell-text-color);
1951
1936
  --border: var(--hop-Button-upsell-border);
1952
1937
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1953
1938
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1954
1939
  }
1955
- .Button-module__hop-Button--upsell___odaQ7[data-hovered],
1956
- .Button-module__hop-Button--upsell___odaQ7[data-focus-visible] {
1940
+ .Button-module__hop-Button--upsell___kPEbT[data-hovered],
1941
+ .Button-module__hop-Button--upsell___kPEbT[data-focus-visible] {
1957
1942
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
1958
1943
  --color: var(--hop-comp-button-upsell-text-color-hover);
1959
1944
  --border: var(--hop-Button-upsell-border-hover);
1960
1945
  }
1961
- .Button-module__hop-Button--upsell___odaQ7[data-pressed] {
1946
+ .Button-module__hop-Button--upsell___kPEbT[data-pressed] {
1962
1947
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1963
1948
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1964
1949
  --border: var(--hop-Button-upsell-border-pressed);
1965
1950
  }
1966
- .Button-module__hop-Button--danger___9B0VT {
1951
+ .Button-module__hop-Button--danger___e-GAN {
1967
1952
  --background-color: var(--hop-comp-button-danger-background-color);
1968
1953
  --color: var(--hop-comp-button-danger-text-color);
1969
1954
  --border: var(--hop-Button-danger-border);
1970
1955
  --spinner-color: var(--hop-Button-danger-spinner-color);
1971
1956
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1972
1957
  }
1973
- .Button-module__hop-Button--danger___9B0VT[data-hovered],
1974
- .Button-module__hop-Button--danger___9B0VT[data-focus-visible] {
1958
+ .Button-module__hop-Button--danger___e-GAN[data-hovered],
1959
+ .Button-module__hop-Button--danger___e-GAN[data-focus-visible] {
1975
1960
  --background-color: var(--hop-comp-button-danger-background-color-hover);
1976
1961
  --color: var(--hop-comp-button-danger-text-color-hover);
1977
1962
  --border: var(--hop-Button-danger-border-hover);
1978
1963
  }
1979
- .Button-module__hop-Button--danger___9B0VT[data-pressed] {
1964
+ .Button-module__hop-Button--danger___e-GAN[data-pressed] {
1980
1965
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
1981
1966
  --color: var(--hop-comp-button-danger-text-color-pressed);
1982
1967
  --border: var(--hop-Button-danger-border-pressed);
1983
1968
  }
1984
- .Button-module__hop-Button--ghost-primary___qzJOX {
1969
+ .Button-module__hop-Button--ghost-primary___i-JtD {
1985
1970
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1986
1971
  --color: var(--hop-comp-button-ghost-primary-text-color);
1987
1972
  --border: var(--hop-Button-ghost-primary-border);
1988
1973
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1989
1974
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1990
1975
  }
1991
- .Button-module__hop-Button--ghost-primary___qzJOX[data-hovered],
1992
- .Button-module__hop-Button--ghost-primary___qzJOX[data-focus-visible] {
1976
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-hovered],
1977
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-focus-visible] {
1993
1978
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1994
1979
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1995
1980
  --border: var(--hop-Button-ghost-primary-border-hover);
1996
1981
  }
1997
- .Button-module__hop-Button--ghost-primary___qzJOX[data-pressed] {
1982
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-pressed] {
1998
1983
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1999
1984
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
2000
1985
  --border: var(--hop-Button-ghost-primary-border-pressed);
2001
1986
  }
2002
- .Button-module__hop-Button--ghost-secondary___rGO2Y {
1987
+ .Button-module__hop-Button--ghost-secondary___aiPG1 {
2003
1988
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2004
1989
  --color: var(--hop-comp-button-ghost-secondary-text-color);
2005
1990
  --border: var(--hop-Button-ghost-secondary-border);
2006
1991
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2007
1992
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
2008
1993
  }
2009
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-hovered],
2010
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-focus-visible] {
1994
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-hovered],
1995
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-focus-visible] {
2011
1996
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
2012
1997
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
2013
1998
  --border: var(--hop-Button-ghost-secondary-border-hover);
2014
1999
  }
2015
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-pressed] {
2000
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-pressed] {
2016
2001
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
2017
2002
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
2018
2003
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2019
2004
  }
2020
- .Button-module__hop-Button--ghost-danger___K01ta {
2005
+ .Button-module__hop-Button--ghost-danger___JE0um {
2021
2006
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
2022
2007
  --color: var(--hop-comp-button-ghost-danger-text-color);
2023
2008
  --border: var(--hop-Button-ghost-danger-border);
2024
2009
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2025
2010
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
2026
2011
  }
2027
- .Button-module__hop-Button--ghost-danger___K01ta[data-hovered],
2028
- .Button-module__hop-Button--ghost-danger___K01ta[data-focus-visible] {
2012
+ .Button-module__hop-Button--ghost-danger___JE0um[data-hovered],
2013
+ .Button-module__hop-Button--ghost-danger___JE0um[data-focus-visible] {
2029
2014
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
2030
2015
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
2031
2016
  --border: var(--hop-Button-ghost-danger-border-hover);
2032
2017
  }
2033
- .Button-module__hop-Button--ghost-danger___K01ta[data-pressed] {
2018
+ .Button-module__hop-Button--ghost-danger___JE0um[data-pressed] {
2034
2019
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
2035
2020
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
2036
2021
  --border: var(--hop-Button-ghost-danger-border-pressed);
2037
2022
  }
2038
- .Button-module__hop-Button___8f3el[data-focus-visible] {
2023
+ .Button-module__hop-Button___y6M-T[data-focus-visible] {
2039
2024
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2040
2025
  }
2041
- .Button-module__hop-Button___8f3el[data-disabled],
2042
- .Button-module__hop-Button--loading___Ls6KJ {
2026
+ .Button-module__hop-Button___y6M-T[data-disabled],
2027
+ .Button-module__hop-Button--loading___7u5UL {
2043
2028
  cursor: not-allowed;
2044
2029
  }
2045
- .Button-module__hop-Button___8f3el[data-disabled] {
2030
+ .Button-module__hop-Button___y6M-T[data-disabled] {
2046
2031
  --background-color: var(--hop-comp-button-disabled-background-color);
2047
2032
  --color: var(--hop-comp-button-disabled-text-color);
2048
2033
  --border: var(--hop-Button-border-disabled);
2049
2034
  }
2050
- .Button-module__hop-Button___8f3el[class*=--ghost][data-disabled] {
2035
+ .Button-module__hop-Button___y6M-T[class*=--ghost][data-disabled] {
2051
2036
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
2052
2037
  --color: var(--hop-comp-button-ghost-disabled-text-color);
2053
2038
  --border: var(--hop-Button-ghost-border-disabled);
2054
2039
  }
2055
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--primary___JXQxj {
2040
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--primary___G0WW7 {
2056
2041
  --background-color: var(--hop-comp-button-primary-background-color);
2057
2042
  --color: var(--hop-comp-button-primary-text-color);
2058
2043
  --border: var(--hop-Button-primary-border);
2059
2044
  }
2060
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--secondary___2zDuL {
2045
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--secondary___3PWzP {
2061
2046
  --background-color: var(--hop-comp-button-secondary-background-color);
2062
2047
  --color: var(--hop-comp-button-secondary-text-color);
2063
2048
  --border: var(--hop-Button-secondary-border);
2064
2049
  }
2065
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--upsell___odaQ7 {
2050
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--upsell___kPEbT {
2066
2051
  --background-color: var(--hop-comp-button-upsell-background-color);
2067
2052
  --color: var(--hop-comp-button-upsell-text-color);
2068
2053
  --border: var(--hop-Button-upsell-border);
2069
2054
  }
2070
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--danger___9B0VT {
2055
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--danger___e-GAN {
2071
2056
  --background-color: var(--hop-comp-button-danger-background-color);
2072
2057
  --color: var(--hop-comp-button-danger-text-color);
2073
2058
  --border: var(--hop-Button-danger-border);
2074
2059
  }
2075
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-primary___qzJOX {
2060
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-primary___i-JtD {
2076
2061
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
2077
2062
  --color: var(--hop-comp-button-ghost-primary-text-color);
2078
2063
  --border: var(--hop-Button-ghost-primary-border);
2079
2064
  }
2080
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-secondary___rGO2Y {
2065
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-secondary___aiPG1 {
2081
2066
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2082
2067
  --color: var(--hop-comp-button-ghost-secondary-text-color);
2083
2068
  --border: var(--hop-Button-ghost-secondary-border);
2084
2069
  }
2085
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-danger___K01ta {
2070
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-danger___JE0um {
2086
2071
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
2087
2072
  --color: var(--hop-comp-button-ghost-danger-text-color);
2088
2073
  --border: var(--hop-Button-ghost-danger-border);
2089
2074
  }
2090
- .Button-module__hop-Button__Spinner___8hp9A {
2075
+ .Button-module__hop-Button__Spinner___h2qUF {
2091
2076
  position: absolute;
2092
2077
  color: var(--spinner-color);
2093
2078
  }
2094
- .Button-module__hop-Button__icon___3pKoF,
2095
- .Button-module__hop-Button__icon-list___l2KRI {
2079
+ .Button-module__hop-Button__icon___dCYCh,
2080
+ .Button-module__hop-Button__icon-list___J3qOZ {
2096
2081
  flex: 0 0 auto;
2097
2082
  justify-self: end;
2098
2083
  order: 1;
2099
2084
  }
2100
- .Button-module__hop-Button__text___Q79nl {
2085
+ .Button-module__hop-Button__text___JMO-T {
2101
2086
  user-select: none;
2102
2087
  overflow: visible;
2103
2088
  flex: 0 1 auto;
@@ -2106,134 +2091,134 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2106
2091
  text-decoration: none;
2107
2092
  text-wrap: nowrap;
2108
2093
  }
2109
- .Button-module__hop-Button__end-icon___4tmYg,
2110
- .Button-module__hop-Button__end-icon-list___vIYGQ {
2094
+ .Button-module__hop-Button__end-icon___z70FW,
2095
+ .Button-module__hop-Button__end-icon-list___eqxxG {
2111
2096
  flex: 0 0 auto;
2112
2097
  order: 3;
2113
2098
  }
2114
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__icon-list___l2KRI,
2115
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__end-icon-list___vIYGQ {
2099
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__icon-list___J3qOZ,
2100
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__end-icon-list___eqxxG {
2116
2101
  flex-wrap: nowrap;
2117
2102
  }
2118
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button___8f3el > *:not(.Button-module__hop-Button__Spinner___8hp9A) {
2103
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button___y6M-T > *:not(.Button-module__hop-Button__Spinner___h2qUF) {
2119
2104
  opacity: 0;
2120
2105
  }
2121
- .ToggleButton-module__hop-ToggleButton___sNmnM {
2106
+ .ToggleButton-module__hop-ToggleButton___DUTUO {
2122
2107
  --hop-ToggleButton-border-size: var(--hop-space-10);
2123
2108
  }
2124
- .ToggleButton-module__hop-ToggleButton--fluid___9StDf {
2109
+ .ToggleButton-module__hop-ToggleButton--fluid___-NRqi {
2125
2110
  }
2126
- .ToggleButton-module__hop-ToggleButton--xs___Lh407 {
2111
+ .ToggleButton-module__hop-ToggleButton--xs___kOiP7 {
2127
2112
  }
2128
- .ToggleButton-module__hop-ToggleButton--sm___tLCVn {
2113
+ .ToggleButton-module__hop-ToggleButton--sm___jplNh {
2129
2114
  }
2130
- .ToggleButton-module__hop-ToggleButton--md___wTiSQ {
2115
+ .ToggleButton-module__hop-ToggleButton--md___9yI0V {
2131
2116
  }
2132
- .ToggleButton-module__hop-ToggleButton--icon-only___-Jby1 {
2117
+ .ToggleButton-module__hop-ToggleButton--icon-only___8E6BD {
2133
2118
  }
2134
- .ToggleButton-module__hop-ToggleButton--primary___nPw-g {
2119
+ .ToggleButton-module__hop-ToggleButton--primary___0Di0G {
2135
2120
  }
2136
- .ToggleButton-module__hop-ToggleButton--primary___nPw-g[data-selected] {
2121
+ .ToggleButton-module__hop-ToggleButton--primary___0Di0G[data-selected] {
2137
2122
  --background-color: var(--hop-comp-button-primary-background-color-selected);
2138
2123
  --color: var(--hop-comp-button-primary-text-color-selected);
2139
2124
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2140
2125
  }
2141
- .ToggleButton-module__hop-ToggleButton--secondary___5dPd3 {
2126
+ .ToggleButton-module__hop-ToggleButton--secondary___RgJTX {
2142
2127
  }
2143
- .ToggleButton-module__hop-ToggleButton--secondary___5dPd3[data-selected] {
2128
+ .ToggleButton-module__hop-ToggleButton--secondary___RgJTX[data-selected] {
2144
2129
  --background-color: var(--hop-comp-button-secondary-background-color-selected);
2145
2130
  --color: var(--hop-comp-button-secondary-text-color-selected);
2146
2131
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
2147
2132
  }
2148
- .ToggleButton-module__hop-ToggleButton--upsell___61FN2 {
2133
+ .ToggleButton-module__hop-ToggleButton--upsell___JIjRC {
2149
2134
  }
2150
- .ToggleButton-module__hop-ToggleButton--upsell___61FN2[data-selected] {
2135
+ .ToggleButton-module__hop-ToggleButton--upsell___JIjRC[data-selected] {
2151
2136
  --background-color: var(--hop-comp-button-upsell-background-color-selected);
2152
2137
  --color: var(--hop-comp-button-upsell-text-color-selected);
2153
2138
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
2154
2139
  }
2155
- .ToggleButton-module__hop-ToggleButton--danger___HhE4a {
2140
+ .ToggleButton-module__hop-ToggleButton--danger___KiHfJ {
2156
2141
  }
2157
- .ToggleButton-module__hop-ToggleButton--danger___HhE4a[data-selected] {
2142
+ .ToggleButton-module__hop-ToggleButton--danger___KiHfJ[data-selected] {
2158
2143
  --background-color: var(--hop-comp-button-danger-background-color-selected);
2159
2144
  --color: var(--hop-comp-button-danger-text-color-selected);
2160
2145
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
2161
2146
  }
2162
- .ToggleButton-module__hop-ToggleButton--ghost-primary___NPCcH {
2147
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___h6VkM {
2163
2148
  }
2164
- .ToggleButton-module__hop-ToggleButton--ghost-primary___NPCcH[data-selected] {
2149
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___h6VkM[data-selected] {
2165
2150
  --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
2166
2151
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
2167
2152
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
2168
2153
  }
2169
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___xSBV4 {
2154
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___P2s1y {
2170
2155
  }
2171
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___xSBV4[data-selected] {
2156
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___P2s1y[data-selected] {
2172
2157
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
2173
2158
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
2174
2159
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
2175
2160
  }
2176
- .ToggleButton-module__hop-ToggleButton--ghost-danger___EdnRm {
2161
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___2r2j5 {
2177
2162
  }
2178
- .ToggleButton-module__hop-ToggleButton--ghost-danger___EdnRm[data-selected] {
2163
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___2r2j5[data-selected] {
2179
2164
  --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
2180
2165
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2181
2166
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
2182
2167
  }
2183
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--primary___nPw-g {
2168
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--primary___0Di0G {
2184
2169
  --background-color: var(--hop-comp-button-primary-background-color);
2185
2170
  --color: var(--hop-comp-button-primary-text-color);
2186
2171
  --border: var(--hop-Button-primary-border);
2187
2172
  }
2188
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--secondary___5dPd3 {
2173
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--secondary___RgJTX {
2189
2174
  --background-color: var(--hop-comp-button-secondary-background-color);
2190
2175
  --color: var(--hop-comp-button-secondary-text-color);
2191
2176
  --border: var(--hop-Button-secondary-border);
2192
2177
  }
2193
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--upsell___61FN2 {
2178
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--upsell___JIjRC {
2194
2179
  --background-color: var(--hop-comp-button-upsell-background-color);
2195
2180
  --color: var(--hop-comp-button-upsell-text-color);
2196
2181
  --border: var(--hop-Button-upsell-border);
2197
2182
  }
2198
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--danger___HhE4a {
2183
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--danger___KiHfJ {
2199
2184
  --background-color: var(--hop-comp-button-danger-background-color);
2200
2185
  --color: var(--hop-comp-button-danger-text-color);
2201
2186
  --border: var(--hop-Button-danger-border);
2202
2187
  }
2203
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--ghost-primary___NPCcH {
2188
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--ghost-primary___h6VkM {
2204
2189
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
2205
2190
  --color: var(--hop-comp-button-ghost-primary-text-color);
2206
2191
  --border: var(--hop-Button-ghost-primary-border);
2207
2192
  }
2208
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--ghost-secondary___xSBV4 {
2193
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--ghost-secondary___P2s1y {
2209
2194
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2210
2195
  --color: var(--hop-comp-button-ghost-secondary-text-color);
2211
2196
  --border: var(--hop-Button-ghost-secondary-border);
2212
2197
  }
2213
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--ghost-danger___EdnRm {
2198
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--ghost-danger___2r2j5 {
2214
2199
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
2215
2200
  --color: var(--hop-comp-button-ghost-danger-text-color);
2216
2201
  --border: var(--hop-Button-ghost-danger-border);
2217
2202
  }
2218
- .ToggleButton-module__hop-ToggleButton__Spinner___zu-lV {
2203
+ .ToggleButton-module__hop-ToggleButton__Spinner___TB-8q {
2219
2204
  }
2220
- .ToggleButton-module__hop-ToggleButton__icon___ZQnP7,
2221
- .ToggleButton-module__hop-ToggleButton__icon-list___97cD- {
2205
+ .ToggleButton-module__hop-ToggleButton__icon___o5CW9,
2206
+ .ToggleButton-module__hop-ToggleButton__icon-list___yox4N {
2222
2207
  }
2223
- .ToggleButton-module__hop-ToggleButton__text___bs6w2 {
2208
+ .ToggleButton-module__hop-ToggleButton__text___6eUcY {
2224
2209
  }
2225
- .ToggleButton-module__hop-ToggleButton__end-icon___82MdU,
2226
- .ToggleButton-module__hop-ToggleButton__end-icon-list___a46Kf {
2210
+ .ToggleButton-module__hop-ToggleButton__end-icon___oODwI,
2211
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___13u5R {
2227
2212
  }
2228
- .ToggleButton-module__hop-ToggleButton__icon-list___97cD-,
2229
- .ToggleButton-module__hop-ToggleButton__end-icon-list___a46Kf {
2213
+ .ToggleButton-module__hop-ToggleButton__icon-list___yox4N,
2214
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___13u5R {
2230
2215
  }
2231
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton___sNmnM > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___zu-lV) {
2216
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton___DUTUO > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___TB-8q) {
2232
2217
  opacity: 0;
2233
2218
  }
2234
2219
 
2235
2220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2236
- .PasswordField-module__hop-PasswordField___rLwaZ {
2221
+ .PasswordField-module__hop-PasswordField___HWCqA {
2237
2222
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2238
2223
  --hop-PasswordField-inline-size: 20rem;
2239
2224
  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
@@ -2244,41 +2229,37 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2244
2229
  inline-size: var(--inline-size);
2245
2230
  max-inline-size: 100%;
2246
2231
  }
2247
- .PasswordField-module__hop-PasswordField--fluid___KzAi- {
2232
+ .PasswordField-module__hop-PasswordField--fluid___lXx6i {
2248
2233
  --inline-size: 100%;
2249
2234
  }
2250
- .PasswordField-module__hop-PasswordField__Label___tXNMd {
2235
+ .PasswordField-module__hop-PasswordField__Label___GNABB {
2251
2236
  order: 0;
2252
2237
  }
2253
- .PasswordField-module__hop-PasswordField__InputGroup___-Q525 {
2238
+ .PasswordField-module__hop-PasswordField__InputGroup___xtFqj {
2254
2239
  order: 1;
2255
2240
  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2256
2241
  }
2257
- .PasswordField-module__hop-PasswordField__ErrorMessage___Nrxrr,
2258
- .PasswordField-module__hop-PasswordField__HelperMessage___V6Vm2 {
2242
+ .PasswordField-module__hop-PasswordField__ErrorMessage___LgjQc,
2243
+ .PasswordField-module__hop-PasswordField__HelperMessage___Nxbcr {
2259
2244
  order: 3;
2260
2245
  }
2261
2246
 
2262
2247
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2263
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___4oGsC {
2264
- --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2265
- --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2266
- --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2267
- --char-count-color: var(--hop-RemainingCharacterCount-color);
2248
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Oh5J5 {
2249
+ --char-count-color: var(--hop-comp-field-prefill-color);
2268
2250
  color: var(--char-count-color);
2269
2251
  }
2270
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___4oGsC[data-invalid] {
2271
- --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2252
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Oh5J5[data-invalid] {
2253
+ --char-count-color: var(--hop-comp-field-text-color-error);
2272
2254
  }
2273
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___4oGsC[data-disabled] {
2274
- --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2255
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Oh5J5[data-disabled] {
2256
+ --char-count-color: var(--hop-comp-field-text-color-disabled);
2275
2257
  }
2276
2258
 
2277
2259
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2278
- .SearchField-module__hop-SearchField___IrDJs {
2260
+ .SearchField-module__hop-SearchField___MSQtp {
2279
2261
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2280
2262
  --hop-SearchField-inline-size: 20rem;
2281
- --hop-SearchField-color: var(--hop-neutral-text-weak);
2282
2263
  --hop-SearchField-padding: var(--hop-space-inset-md);
2283
2264
  --inline-size: var(--hop-SearchField-inline-size);
2284
2265
  --input-group-padding-inline-end: var(--hop-SearchField-padding);
@@ -2290,42 +2271,41 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2290
2271
  inline-size: var(--inline-size);
2291
2272
  max-inline-size: 100%;
2292
2273
  }
2293
- .SearchField-module__hop-SearchField--fluid___c-TqZ {
2274
+ .SearchField-module__hop-SearchField--fluid___2XbXJ {
2294
2275
  --inline-size: 100%;
2295
2276
  }
2296
- .SearchField-module__hop-SearchField__Label___kQVlB {
2277
+ .SearchField-module__hop-SearchField__Label___LrfGm {
2297
2278
  order: 0;
2298
2279
  }
2299
- .SearchField-module__hop-SearchField__prefix___F6SBp {
2300
- color: var(--hop-SearchField-color);
2280
+ .SearchField-module__hop-SearchField__prefix___PCvFA {
2281
+ color: var(--hop-comp-field-prefill-color);
2301
2282
  }
2302
- .SearchField-module__hop-SearchField__InputGroup___kDagA {
2283
+ .SearchField-module__hop-SearchField__InputGroup___qr1L7 {
2303
2284
  order: 1;
2304
2285
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2305
2286
  }
2306
- .SearchField-module__hop-SearchField--clearable___OWTpZ {
2287
+ .SearchField-module__hop-SearchField--clearable___or0DI {
2307
2288
  --input-group-padding-inline-end: 0;
2308
2289
  }
2309
- .SearchField-module__hop-SearchField__ErrorMessage___uAnYf,
2310
- .SearchField-module__hop-SearchField__HelperMessage___SIMAT {
2290
+ .SearchField-module__hop-SearchField__ErrorMessage___-531G,
2291
+ .SearchField-module__hop-SearchField__HelperMessage___bEEhs {
2311
2292
  order: 3;
2312
2293
  }
2313
- .SearchField-module__hop-SearchField___IrDJs input::-webkit-search-cancel-button,
2314
- .SearchField-module__hop-SearchField___IrDJs input::-webkit-search-decoration {
2294
+ .SearchField-module__hop-SearchField___MSQtp input::-webkit-search-cancel-button,
2295
+ .SearchField-module__hop-SearchField___MSQtp input::-webkit-search-decoration {
2315
2296
  appearance: none;
2316
2297
  }
2317
- .SearchField-module__hop-SearchField___IrDJs[data-empty] {
2298
+ .SearchField-module__hop-SearchField___MSQtp[data-empty] {
2318
2299
  --clear-button-display: none;
2319
2300
  }
2320
- .SearchField-module__hop-SearchField__ClearButton___swMxQ {
2301
+ .SearchField-module__hop-SearchField__ClearButton___FcDxF {
2321
2302
  display: var(--clear-button-display);
2322
2303
  }
2323
2304
 
2324
2305
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2325
- .TextArea-module__hop-TextArea___WGzqR {
2306
+ .TextArea-module__hop-TextArea___A5w-O {
2326
2307
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2327
2308
  --hop-TextArea-inline-size: 20rem;
2328
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2329
2309
  --hop-TextArea-input-min-height: 2rem;
2330
2310
  --hop-TextArea-sm-font-family: var(--hop-body-sm-font-family);
2331
2311
  --hop-TextArea-sm-font-size: var(--hop-body-sm-font-size);
@@ -2335,12 +2315,8 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2335
2315
  --hop-TextArea-md-font-size: var(--hop-body-md-font-size);
2336
2316
  --hop-TextArea-md-font-weight: var(--hop-body-md-font-weight);
2337
2317
  --hop-TextArea-md-line-height: var(--hop-body-md-line-height);
2338
- --hop-TextArea-color-disabled: var(--hop-neutral-text-disabled);
2339
- --hop-TextArea-placeholder-color: var(--hop-neutral-text-weakest);
2340
- --hop-TextArea-placeholder-color-disabled: var(--hop-neutral-text-disabled);
2341
2318
  --inline-size: var(--hop-TextArea-inline-size);
2342
2319
  --resize: none;
2343
- --input-placeholder-color: var(--hop-TextArea-placeholder-color);
2344
2320
  --font-family: var(--hop-TextArea-md-font-family);
2345
2321
  --font-size: var(--hop-TextArea-md-font-size);
2346
2322
  --font-weight: var(--hop-TextArea-md-font-weight);
@@ -2352,40 +2328,40 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2352
2328
  inline-size: var(--inline-size);
2353
2329
  max-inline-size: 100%;
2354
2330
  }
2355
- .TextArea-module__hop-TextArea--fluid___mLAKh {
2331
+ .TextArea-module__hop-TextArea--fluid___uMuWu {
2356
2332
  --inline-size: 100%;
2357
2333
  }
2358
- .TextArea-module__hop-TextArea--max-rows___W7F48 .TextArea-module__hop-TextArea__textarea___Xcayv {
2334
+ .TextArea-module__hop-TextArea--max-rows___KNlrO .TextArea-module__hop-TextArea__textarea___6M0kT {
2359
2335
  overflow-y: auto;
2360
2336
  }
2361
- .TextArea-module__hop-TextArea--max-rows___W7F48 .TextArea-module__hop-TextArea__InputGroup___yXzdi {
2337
+ .TextArea-module__hop-TextArea--max-rows___KNlrO .TextArea-module__hop-TextArea__InputGroup___1ozRR {
2362
2338
  overflow: hidden;
2363
2339
  }
2364
- .TextArea-module__hop-TextArea___WGzqR[data-resize-mode=vertical] {
2340
+ .TextArea-module__hop-TextArea___A5w-O[data-resize-mode=vertical] {
2365
2341
  --resize: vertical;
2366
2342
  }
2367
- .TextArea-module__hop-TextArea__Label___CcFOw {
2343
+ .TextArea-module__hop-TextArea__Label___jZ0MB {
2368
2344
  order: 0;
2369
2345
  }
2370
- .TextArea-module__hop-TextArea__prefix___krFnC {
2371
- color: var(--hop-TextArea-prefix-color);
2346
+ .TextArea-module__hop-TextArea__prefix___4LlM7 {
2347
+ color: var(--hop-comp-field-prefill-color);
2372
2348
  }
2373
- .TextArea-module__hop-TextArea__RemainingCharacterCount___AwcBt {
2349
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___PjbI6 {
2374
2350
  padding-block-end: var(--hop-space-inset-sm);
2375
2351
  padding-inline: var(--hop-space-inset-md);
2376
2352
  }
2377
- .TextArea-module__hop-TextArea__InputGroup___yXzdi {
2353
+ .TextArea-module__hop-TextArea__InputGroup___1ozRR {
2378
2354
  flex-direction: column;
2379
2355
  gap: 0;
2380
2356
  align-items: flex-end;
2381
2357
  order: 1;
2382
2358
  padding: 0;
2383
2359
  }
2384
- .TextArea-module__hop-TextArea__ErrorMessage___0X8O-,
2385
- .TextArea-module__hop-TextArea__HelperMessage___hFeqB {
2360
+ .TextArea-module__hop-TextArea__ErrorMessage___yiesq,
2361
+ .TextArea-module__hop-TextArea__HelperMessage___4tYki {
2386
2362
  order: 3;
2387
2363
  }
2388
- .TextArea-module__hop-TextArea__textarea___Xcayv {
2364
+ .TextArea-module__hop-TextArea__textarea___6M0kT {
2389
2365
  resize: var(--resize);
2390
2366
  overflow: hidden;
2391
2367
  flex-direction: column;
@@ -2403,37 +2379,38 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2403
2379
  font-size: var(--font-size);
2404
2380
  font-weight: var(--font-weight);
2405
2381
  line-height: var(--line-height);
2406
- color: inherit;
2382
+ color: var(--hop-comp-field-text-color);
2407
2383
  background-color: transparent;
2408
2384
  border: 0;
2409
2385
  outline-style: none;
2410
2386
  }
2411
- .TextArea-module__hop-TextArea__textarea--with-character-count___kknwg {
2387
+ .TextArea-module__hop-TextArea__textarea--with-character-count___Wwbog {
2412
2388
  padding-block-end: 0;
2413
2389
  }
2414
- .TextArea-module__hop-TextArea__textarea--sm___6DGsG {
2390
+ .TextArea-module__hop-TextArea__textarea--sm___gAa-p {
2415
2391
  --font-family: var(--hop-TextArea-sm-font-family);
2416
2392
  --font-size: var(--hop-TextArea-sm-font-size);
2417
2393
  --font-weight: var(--hop-TextArea-sm-font-weight);
2418
2394
  --line-height: var(--hop-TextArea-sm-line-height);
2419
2395
  }
2420
- .TextArea-module__hop-TextArea__textarea___Xcayv::placeholder {
2396
+ .TextArea-module__hop-TextArea__textarea___6M0kT::placeholder {
2421
2397
  font-family: var(--hop-TextArea-placeholder-font-family);
2422
2398
  font-size: var(--hop-TextArea-placeholder-font-size);
2423
2399
  font-weight: var(--hop-TextArea-placeholder-font-weight);
2424
2400
  line-height: var(--hop-TextArea-placeholder-line-height);
2425
- color: var(--input-placeholder-color);
2401
+ color: var(--hop-comp-field-placeholder-color);
2402
+ }
2403
+ .TextArea-module__hop-TextArea__textarea___6M0kT[data-disabled]::placeholder {
2404
+ color: var(--hop-comp-field-text-color-disabled);
2426
2405
  }
2427
- .TextArea-module__hop-TextArea__textarea___Xcayv[data-disabled] {
2428
- --input-placeholder-color: var(--hop-TextArea-placeholder-color-disabled);
2429
- color: var(--hop-TextArea-color-disabled);
2406
+ .TextArea-module__hop-TextArea__textarea___6M0kT[data-disabled] {
2407
+ color: var(--hop-comp-field-text-color-disabled);
2430
2408
  }
2431
2409
 
2432
2410
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2433
- .TextField-module__hop-TextField___7X4ZQ {
2411
+ .TextField-module__hop-TextField___NBZT- {
2434
2412
  --hop-TextField-gap: var(--hop-space-stack-xs);
2435
2413
  --hop-TextField-inline-size: 20rem;
2436
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2437
2414
  --inline-size: var(--hop-TextField-inline-size);
2438
2415
  display: flex;
2439
2416
  flex-direction: column;
@@ -2441,19 +2418,19 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2441
2418
  inline-size: var(--inline-size);
2442
2419
  max-inline-size: 100%;
2443
2420
  }
2444
- .TextField-module__hop-TextField--fluid___d-ZMX {
2421
+ .TextField-module__hop-TextField--fluid___PUKBa {
2445
2422
  --inline-size: 100%;
2446
2423
  }
2447
- .TextField-module__hop-TextField__Label___cHCGs {
2424
+ .TextField-module__hop-TextField__Label___xXbRr {
2448
2425
  order: 0;
2449
2426
  }
2450
- .TextField-module__hop-TextField__prefix___hKuiS {
2451
- color: var(--hop-TextField-prefix-color);
2427
+ .TextField-module__hop-TextField__prefix___Ekdyv {
2428
+ color: var(--hop-comp-field-prefill-color);
2452
2429
  }
2453
- .TextField-module__hop-TextField__InputGroup___fh8Rm {
2430
+ .TextField-module__hop-TextField__InputGroup___yl4N5 {
2454
2431
  order: 1;
2455
2432
  }
2456
- .TextField-module__hop-TextField__ErrorMessage___QByfe,
2457
- .TextField-module__hop-TextField__HelperMessage___G6tRm {
2433
+ .TextField-module__hop-TextField__ErrorMessage___302QM,
2434
+ .TextField-module__hop-TextField__HelperMessage___qUl5t {
2458
2435
  order: 3;
2459
2436
  }