@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/SearchField.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,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___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/icon-list/src/IconList.module.css/#css-module-data */
284
- .IconList-module__hop-IconList___L-9uE {
284
+ .IconList-module__hop-IconList___5tn-p {
285
285
  --hop-IconList-gap: var(--hop-space-inline-xs);
286
286
  display: flex;
287
287
  flex-wrap: wrap;
@@ -290,7 +290,7 @@
290
290
  }
291
291
 
292
292
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
293
- @keyframes Spinner-module__spin___QKtuG {
293
+ @keyframes Spinner-module__spin___kV2NC {
294
294
  0% {
295
295
  transform: rotate(0deg);
296
296
  }
@@ -298,7 +298,7 @@
298
298
  transform: rotate(360deg);
299
299
  }
300
300
  }
301
- .Spinner-module__hop-Spinner___7P8Bp {
301
+ .Spinner-module__hop-Spinner___YtEjU {
302
302
  --hop-Spinner-border-radius: var(--hop-shape-circle);
303
303
  --hop-Spinner-sm-wheel-size: 1rem;
304
304
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -306,7 +306,7 @@
306
306
  --hop-Spinner-track-width: 0.125rem;
307
307
  --hop-Spinner-track-opacity: 0.2;
308
308
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
309
- --hop-Spinner-fill-animation: Spinner-module__spin___QKtuG .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___kV2NC .8s infinite linear;
310
310
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
311
311
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
312
312
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -317,19 +317,19 @@
317
317
  align-items: center;
318
318
  box-sizing: border-box;
319
319
  }
320
- .Spinner-module__hop-Spinner--sm___U5ZS5 {
320
+ .Spinner-module__hop-Spinner--sm___6T4Mk {
321
321
  --width: var(--hop-Spinner-sm-wheel-size);
322
322
  --height: var(--hop-Spinner-sm-wheel-size);
323
323
  }
324
- .Spinner-module__hop-Spinner--md___d2jEO {
324
+ .Spinner-module__hop-Spinner--md___l1JtZ {
325
325
  --width: var(--hop-Spinner-md-wheel-size);
326
326
  --height: var(--hop-Spinner-md-wheel-size);
327
327
  }
328
- .Spinner-module__hop-Spinner--lg___JLYcR {
328
+ .Spinner-module__hop-Spinner--lg___SB6e0 {
329
329
  --width: var(--hop-Spinner-lg-wheel-size);
330
330
  --height: var(--hop-Spinner-lg-wheel-size);
331
331
  }
332
- .Spinner-module__hop-Spinner__track___bsxv4 {
332
+ .Spinner-module__hop-Spinner__track___LedD5 {
333
333
  grid-area: spinner;
334
334
  box-sizing: border-box;
335
335
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -338,7 +338,7 @@
338
338
  border: var(--hop-Spinner-track-border);
339
339
  border-radius: var(--hop-Spinner-border-radius);
340
340
  }
341
- .Spinner-module__hop-Spinner__fill___OEsfR {
341
+ .Spinner-module__hop-Spinner__fill___ywymH {
342
342
  grid-area: spinner;
343
343
  box-sizing: border-box;
344
344
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -349,17 +349,17 @@
349
349
  animation: var(--hop-Spinner-fill-animation);
350
350
  }
351
351
  @media (prefers-reduced-motion: reduce) {
352
- .Spinner-module__hop-Spinner__fill___OEsfR {
352
+ .Spinner-module__hop-Spinner__fill___ywymH {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___RYbRk {
356
+ .Spinner-module__hop-Spinner__label___U09-E {
357
357
  grid-area: label;
358
358
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
359
359
  }
360
360
 
361
361
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
362
- .Button-module__hop-Button___8f3el {
362
+ .Button-module__hop-Button___y6M-T {
363
363
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
364
364
  --hop-Button-column-gap: var(--hop-space-inline-xs);
365
365
  --hop-Button-icon-only-column-gap: 0;
@@ -439,220 +439,220 @@
439
439
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
440
440
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
441
441
  }
442
- .Button-module__hop-Button--fluid___BUmmI {
442
+ .Button-module__hop-Button--fluid___tXjCA {
443
443
  --inline-size: 100%;
444
444
  }
445
- .Button-module__hop-Button--xs___bm-bH {
445
+ .Button-module__hop-Button--xs___f2TEl {
446
446
  --block-size: var(--hop-Button-xs-height);
447
447
  --padding: var(--hop-Button-xs-padding);
448
448
  }
449
- .Button-module__hop-Button--xs___bm-bH[class*=--ghost] {
449
+ .Button-module__hop-Button--xs___f2TEl[class*=--ghost] {
450
450
  --padding: var(--hop-Button-ghost-xs-padding);
451
451
  }
452
- .Button-module__hop-Button--sm___Tgpjo {
452
+ .Button-module__hop-Button--sm___uKt2s {
453
453
  --block-size: var(--hop-Button-sm-height);
454
454
  --padding: var(--hop-Button-sm-padding);
455
455
  }
456
- .Button-module__hop-Button--sm___Tgpjo[class*=--ghost] {
456
+ .Button-module__hop-Button--sm___uKt2s[class*=--ghost] {
457
457
  --padding: var(--hop-Button-ghost-sm-padding);
458
458
  }
459
- .Button-module__hop-Button--md___j7dIV[class*=--ghost] {
459
+ .Button-module__hop-Button--md___w6smg[class*=--ghost] {
460
460
  --padding: var(--hop-Button-ghost-md-padding);
461
461
  }
462
- .Button-module__hop-Button--icon-only___vLP-x {
462
+ .Button-module__hop-Button--icon-only___n81J7 {
463
463
  --column-gap: var(--hop-Button-icon-only-column-gap);
464
464
  --padding: var(--hop-Button-icon-only-padding);
465
465
  aspect-ratio: 1;
466
466
  }
467
- .Button-module__hop-Button--primary___JXQxj {
467
+ .Button-module__hop-Button--primary___G0WW7 {
468
468
  --background-color: var(--hop-comp-button-primary-background-color);
469
469
  --color: var(--hop-comp-button-primary-text-color);
470
470
  --border: var(--hop-Button-primary-border);
471
471
  --spinner-color: var(--hop-Button-primary-spinner-color);
472
472
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
473
473
  }
474
- .Button-module__hop-Button--primary___JXQxj[data-hovered],
475
- .Button-module__hop-Button--primary___JXQxj[data-focus-visible] {
474
+ .Button-module__hop-Button--primary___G0WW7[data-hovered],
475
+ .Button-module__hop-Button--primary___G0WW7[data-focus-visible] {
476
476
  --background-color: var(--hop-comp-button-primary-background-color-hover);
477
477
  --color: var(--hop-comp-button-primary-text-color-hover);
478
478
  --border: var(--hop-Button-primary-border-hover);
479
479
  }
480
- .Button-module__hop-Button--primary___JXQxj[data-pressed] {
480
+ .Button-module__hop-Button--primary___G0WW7[data-pressed] {
481
481
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
482
482
  --color: var(--hop-comp-button-primary-text-color-pressed);
483
483
  --border: var(--hop-Button-primary-border-pressed);
484
484
  }
485
- .Button-module__hop-Button--secondary___2zDuL {
485
+ .Button-module__hop-Button--secondary___3PWzP {
486
486
  --background-color: var(--hop-comp-button-secondary-background-color);
487
487
  --color: var(--hop-comp-button-secondary-text-color);
488
488
  --border: var(--hop-Button-secondary-border);
489
489
  --spinner-color: var(--hop-Button-secondary-spinner-color);
490
490
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
491
491
  }
492
- .Button-module__hop-Button--secondary___2zDuL[data-hovered],
493
- .Button-module__hop-Button--secondary___2zDuL[data-focus-visible] {
492
+ .Button-module__hop-Button--secondary___3PWzP[data-hovered],
493
+ .Button-module__hop-Button--secondary___3PWzP[data-focus-visible] {
494
494
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
495
495
  --color: var(--hop-comp-button-secondary-text-color-hover);
496
496
  --border: var(--hop-Button-secondary-border-hover);
497
497
  }
498
- .Button-module__hop-Button--secondary___2zDuL[data-pressed] {
498
+ .Button-module__hop-Button--secondary___3PWzP[data-pressed] {
499
499
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
500
500
  --color: var(--hop-comp-button-secondary-text-color-pressed);
501
501
  --border: var(--hop-Button-secondary-border-pressed);
502
502
  }
503
- .Button-module__hop-Button--upsell___odaQ7 {
503
+ .Button-module__hop-Button--upsell___kPEbT {
504
504
  --background-color: var(--hop-comp-button-upsell-background-color);
505
505
  --color: var(--hop-comp-button-upsell-text-color);
506
506
  --border: var(--hop-Button-upsell-border);
507
507
  --spinner-color: var(--hop-Button-upsell-spinner-color);
508
508
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
509
509
  }
510
- .Button-module__hop-Button--upsell___odaQ7[data-hovered],
511
- .Button-module__hop-Button--upsell___odaQ7[data-focus-visible] {
510
+ .Button-module__hop-Button--upsell___kPEbT[data-hovered],
511
+ .Button-module__hop-Button--upsell___kPEbT[data-focus-visible] {
512
512
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
513
513
  --color: var(--hop-comp-button-upsell-text-color-hover);
514
514
  --border: var(--hop-Button-upsell-border-hover);
515
515
  }
516
- .Button-module__hop-Button--upsell___odaQ7[data-pressed] {
516
+ .Button-module__hop-Button--upsell___kPEbT[data-pressed] {
517
517
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
518
518
  --color: var(--hop-comp-button-upsell-text-color-pressed);
519
519
  --border: var(--hop-Button-upsell-border-pressed);
520
520
  }
521
- .Button-module__hop-Button--danger___9B0VT {
521
+ .Button-module__hop-Button--danger___e-GAN {
522
522
  --background-color: var(--hop-comp-button-danger-background-color);
523
523
  --color: var(--hop-comp-button-danger-text-color);
524
524
  --border: var(--hop-Button-danger-border);
525
525
  --spinner-color: var(--hop-Button-danger-spinner-color);
526
526
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
527
527
  }
528
- .Button-module__hop-Button--danger___9B0VT[data-hovered],
529
- .Button-module__hop-Button--danger___9B0VT[data-focus-visible] {
528
+ .Button-module__hop-Button--danger___e-GAN[data-hovered],
529
+ .Button-module__hop-Button--danger___e-GAN[data-focus-visible] {
530
530
  --background-color: var(--hop-comp-button-danger-background-color-hover);
531
531
  --color: var(--hop-comp-button-danger-text-color-hover);
532
532
  --border: var(--hop-Button-danger-border-hover);
533
533
  }
534
- .Button-module__hop-Button--danger___9B0VT[data-pressed] {
534
+ .Button-module__hop-Button--danger___e-GAN[data-pressed] {
535
535
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
536
536
  --color: var(--hop-comp-button-danger-text-color-pressed);
537
537
  --border: var(--hop-Button-danger-border-pressed);
538
538
  }
539
- .Button-module__hop-Button--ghost-primary___qzJOX {
539
+ .Button-module__hop-Button--ghost-primary___i-JtD {
540
540
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
541
541
  --color: var(--hop-comp-button-ghost-primary-text-color);
542
542
  --border: var(--hop-Button-ghost-primary-border);
543
543
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
544
544
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
545
545
  }
546
- .Button-module__hop-Button--ghost-primary___qzJOX[data-hovered],
547
- .Button-module__hop-Button--ghost-primary___qzJOX[data-focus-visible] {
546
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-hovered],
547
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-focus-visible] {
548
548
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
549
549
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
550
550
  --border: var(--hop-Button-ghost-primary-border-hover);
551
551
  }
552
- .Button-module__hop-Button--ghost-primary___qzJOX[data-pressed] {
552
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-pressed] {
553
553
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
554
554
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
555
555
  --border: var(--hop-Button-ghost-primary-border-pressed);
556
556
  }
557
- .Button-module__hop-Button--ghost-secondary___rGO2Y {
557
+ .Button-module__hop-Button--ghost-secondary___aiPG1 {
558
558
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
559
559
  --color: var(--hop-comp-button-ghost-secondary-text-color);
560
560
  --border: var(--hop-Button-ghost-secondary-border);
561
561
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
562
562
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
563
563
  }
564
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-hovered],
565
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-focus-visible] {
564
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-hovered],
565
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-focus-visible] {
566
566
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
567
567
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
568
568
  --border: var(--hop-Button-ghost-secondary-border-hover);
569
569
  }
570
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-pressed] {
570
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-pressed] {
571
571
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
572
572
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
573
573
  --border: var(--hop-Button-ghost-secondary-border-pressed);
574
574
  }
575
- .Button-module__hop-Button--ghost-danger___K01ta {
575
+ .Button-module__hop-Button--ghost-danger___JE0um {
576
576
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
577
577
  --color: var(--hop-comp-button-ghost-danger-text-color);
578
578
  --border: var(--hop-Button-ghost-danger-border);
579
579
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
580
580
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
581
581
  }
582
- .Button-module__hop-Button--ghost-danger___K01ta[data-hovered],
583
- .Button-module__hop-Button--ghost-danger___K01ta[data-focus-visible] {
582
+ .Button-module__hop-Button--ghost-danger___JE0um[data-hovered],
583
+ .Button-module__hop-Button--ghost-danger___JE0um[data-focus-visible] {
584
584
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
585
585
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
586
586
  --border: var(--hop-Button-ghost-danger-border-hover);
587
587
  }
588
- .Button-module__hop-Button--ghost-danger___K01ta[data-pressed] {
588
+ .Button-module__hop-Button--ghost-danger___JE0um[data-pressed] {
589
589
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
590
590
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
591
591
  --border: var(--hop-Button-ghost-danger-border-pressed);
592
592
  }
593
- .Button-module__hop-Button___8f3el[data-focus-visible] {
593
+ .Button-module__hop-Button___y6M-T[data-focus-visible] {
594
594
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
595
595
  }
596
- .Button-module__hop-Button___8f3el[data-disabled],
597
- .Button-module__hop-Button--loading___Ls6KJ {
596
+ .Button-module__hop-Button___y6M-T[data-disabled],
597
+ .Button-module__hop-Button--loading___7u5UL {
598
598
  cursor: not-allowed;
599
599
  }
600
- .Button-module__hop-Button___8f3el[data-disabled] {
600
+ .Button-module__hop-Button___y6M-T[data-disabled] {
601
601
  --background-color: var(--hop-comp-button-disabled-background-color);
602
602
  --color: var(--hop-comp-button-disabled-text-color);
603
603
  --border: var(--hop-Button-border-disabled);
604
604
  }
605
- .Button-module__hop-Button___8f3el[class*=--ghost][data-disabled] {
605
+ .Button-module__hop-Button___y6M-T[class*=--ghost][data-disabled] {
606
606
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
607
607
  --color: var(--hop-comp-button-ghost-disabled-text-color);
608
608
  --border: var(--hop-Button-ghost-border-disabled);
609
609
  }
610
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--primary___JXQxj {
610
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--primary___G0WW7 {
611
611
  --background-color: var(--hop-comp-button-primary-background-color);
612
612
  --color: var(--hop-comp-button-primary-text-color);
613
613
  --border: var(--hop-Button-primary-border);
614
614
  }
615
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--secondary___2zDuL {
615
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--secondary___3PWzP {
616
616
  --background-color: var(--hop-comp-button-secondary-background-color);
617
617
  --color: var(--hop-comp-button-secondary-text-color);
618
618
  --border: var(--hop-Button-secondary-border);
619
619
  }
620
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--upsell___odaQ7 {
620
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--upsell___kPEbT {
621
621
  --background-color: var(--hop-comp-button-upsell-background-color);
622
622
  --color: var(--hop-comp-button-upsell-text-color);
623
623
  --border: var(--hop-Button-upsell-border);
624
624
  }
625
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--danger___9B0VT {
625
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--danger___e-GAN {
626
626
  --background-color: var(--hop-comp-button-danger-background-color);
627
627
  --color: var(--hop-comp-button-danger-text-color);
628
628
  --border: var(--hop-Button-danger-border);
629
629
  }
630
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-primary___qzJOX {
630
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-primary___i-JtD {
631
631
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
632
632
  --color: var(--hop-comp-button-ghost-primary-text-color);
633
633
  --border: var(--hop-Button-ghost-primary-border);
634
634
  }
635
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-secondary___rGO2Y {
635
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-secondary___aiPG1 {
636
636
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
637
637
  --color: var(--hop-comp-button-ghost-secondary-text-color);
638
638
  --border: var(--hop-Button-ghost-secondary-border);
639
639
  }
640
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-danger___K01ta {
640
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-danger___JE0um {
641
641
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
642
642
  --color: var(--hop-comp-button-ghost-danger-text-color);
643
643
  --border: var(--hop-Button-ghost-danger-border);
644
644
  }
645
- .Button-module__hop-Button__Spinner___8hp9A {
645
+ .Button-module__hop-Button__Spinner___h2qUF {
646
646
  position: absolute;
647
647
  color: var(--spinner-color);
648
648
  }
649
- .Button-module__hop-Button__icon___3pKoF,
650
- .Button-module__hop-Button__icon-list___l2KRI {
649
+ .Button-module__hop-Button__icon___dCYCh,
650
+ .Button-module__hop-Button__icon-list___J3qOZ {
651
651
  flex: 0 0 auto;
652
652
  justify-self: end;
653
653
  order: 1;
654
654
  }
655
- .Button-module__hop-Button__text___Q79nl {
655
+ .Button-module__hop-Button__text___JMO-T {
656
656
  user-select: none;
657
657
  overflow: visible;
658
658
  flex: 0 1 auto;
@@ -661,60 +661,60 @@
661
661
  text-decoration: none;
662
662
  text-wrap: nowrap;
663
663
  }
664
- .Button-module__hop-Button__end-icon___4tmYg,
665
- .Button-module__hop-Button__end-icon-list___vIYGQ {
664
+ .Button-module__hop-Button__end-icon___z70FW,
665
+ .Button-module__hop-Button__end-icon-list___eqxxG {
666
666
  flex: 0 0 auto;
667
667
  order: 3;
668
668
  }
669
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__icon-list___l2KRI,
670
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__end-icon-list___vIYGQ {
669
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__icon-list___J3qOZ,
670
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__end-icon-list___eqxxG {
671
671
  flex-wrap: nowrap;
672
672
  }
673
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button___8f3el > *:not(.Button-module__hop-Button__Spinner___8hp9A) {
673
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button___y6M-T > *:not(.Button-module__hop-Button__Spinner___h2qUF) {
674
674
  opacity: 0;
675
675
  }
676
676
 
677
677
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
678
- .ButtonGroup-module__hop-ButtonGroup___R1Zjl {
678
+ .ButtonGroup-module__hop-ButtonGroup___NvXZ6 {
679
679
  display: inline-flex;
680
680
  flex-wrap: nowrap;
681
681
  gap: var(--hop-space-inline-md);
682
682
  }
683
- .ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
683
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
684
684
  align-items: center;
685
685
  }
686
- .ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
686
+ .ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
687
687
  flex-direction: column;
688
688
  gap: var(--hop-space-stack-md);
689
689
  justify-content: center;
690
690
  }
691
- .ButtonGroup-module__hop-ButtonGroup--start___jglcg.ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
691
+ .ButtonGroup-module__hop-ButtonGroup--start___KPG4F.ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
692
692
  align-items: flex-start;
693
693
  }
694
- .ButtonGroup-module__hop-ButtonGroup--center___iK2dX.ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
694
+ .ButtonGroup-module__hop-ButtonGroup--center___waDSd.ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
695
695
  align-items: center;
696
696
  }
697
- .ButtonGroup-module__hop-ButtonGroup--end___6PKZW.ButtonGroup-module__hop-ButtonGroup--vertical___aAknh {
697
+ .ButtonGroup-module__hop-ButtonGroup--end___yKY55.ButtonGroup-module__hop-ButtonGroup--vertical___BFnTz {
698
698
  align-items: flex-end;
699
699
  }
700
- .ButtonGroup-module__hop-ButtonGroup--start___jglcg.ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
700
+ .ButtonGroup-module__hop-ButtonGroup--start___KPG4F.ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
701
701
  justify-content: flex-start;
702
702
  }
703
- .ButtonGroup-module__hop-ButtonGroup--center___iK2dX.ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
703
+ .ButtonGroup-module__hop-ButtonGroup--center___waDSd.ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
704
704
  justify-content: center;
705
705
  }
706
- .ButtonGroup-module__hop-ButtonGroup--end___6PKZW.ButtonGroup-module__hop-ButtonGroup--horizontal___q0Mxl {
706
+ .ButtonGroup-module__hop-ButtonGroup--end___yKY55.ButtonGroup-module__hop-ButtonGroup--horizontal___Tadaz {
707
707
  justify-content: flex-end;
708
708
  }
709
- .ButtonGroup-module__hop-ButtonGroup--wrap___TUOxF {
709
+ .ButtonGroup-module__hop-ButtonGroup--wrap___7h9pE {
710
710
  flex-wrap: wrap;
711
711
  }
712
- .ButtonGroup-module__hop-ButtonGroup--fluid___O-XX2 {
712
+ .ButtonGroup-module__hop-ButtonGroup--fluid___6xUbL {
713
713
  inline-size: 100%;
714
714
  }
715
715
 
716
716
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
717
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU {
717
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW {
718
718
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
719
719
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
720
720
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -878,7 +878,7 @@
878
878
  outline: none;
879
879
  transition: color var(--transition);
880
880
  }
881
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU::before {
881
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW::before {
882
882
  content: "";
883
883
  position: absolute;
884
884
  inset-block-start: 50%;
@@ -891,284 +891,284 @@
891
891
  border-radius: var(--effect-border-radius);
892
892
  transition: background-color var(--transition);
893
893
  }
894
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-square] {
894
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-square] {
895
895
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
896
896
  }
897
- .EmbeddedButton-module__hop-EmbeddedButton--md___x9Wef {
897
+ .EmbeddedButton-module__hop-EmbeddedButton--md___yv0iF {
898
898
  --inline-size: var(--hop-EmbeddedButton-md-width);
899
899
  --block-size: var(--hop-EmbeddedButton-md-height);
900
900
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
901
901
  }
902
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ikq6f {
902
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___8NxrN {
903
903
  --inline-size: var(--hop-EmbeddedButton-lg-width);
904
904
  --block-size: var(--hop-EmbeddedButton-lg-height);
905
905
  --focus-ring-offset: 0;
906
906
  }
907
- .EmbeddedButton-module__hop-EmbeddedButton--md___x9Wef::before {
907
+ .EmbeddedButton-module__hop-EmbeddedButton--md___yv0iF::before {
908
908
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
909
909
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
910
910
  }
911
- .EmbeddedButton-module__hop-EmbeddedButton--lg___ikq6f::before {
911
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___8NxrN::before {
912
912
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
913
913
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
914
914
  }
915
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv {
915
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr {
916
916
  --color: var(--hop-EmbeddedButton-neutral-color);
917
917
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09 {
919
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg {
920
920
  --color: var(--hop-EmbeddedButton-subdued-color);
921
921
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
922
922
  }
923
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1 {
923
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL {
924
924
  --color: var(--hop-EmbeddedButton-progress-color);
925
925
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
926
926
  }
927
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl {
928
928
  --color: var(--hop-EmbeddedButton-positive-color);
929
929
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
930
930
  }
931
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75 {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE {
932
932
  --color: var(--hop-EmbeddedButton-caution-color);
933
933
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
934
934
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98 {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6 {
936
936
  --color: var(--hop-EmbeddedButton-negative-color);
937
937
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
938
938
  }
939
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C {
939
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS {
940
940
  --color: var(--hop-EmbeddedButton-option1-color);
941
941
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
942
942
  }
943
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG {
943
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z {
944
944
  --color: var(--hop-EmbeddedButton-option2-color);
945
945
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
946
946
  }
947
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8 {
947
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x {
948
948
  --color: var(--hop-EmbeddedButton-option3-color);
949
949
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
950
950
  }
951
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif {
951
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG {
952
952
  --color: var(--hop-EmbeddedButton-option4-color);
953
953
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
954
954
  }
955
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK {
955
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6 {
956
956
  --color: var(--hop-EmbeddedButton-option5-color);
957
957
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
958
958
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo {
959
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0 {
960
960
  --color: var(--hop-EmbeddedButton-option6-color);
961
961
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
962
962
  }
963
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-selected] {
963
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-selected] {
964
964
  --color: var(--hop-EmbeddedButton-selected-color);
965
965
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
966
966
  }
967
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-focus-visible] {
967
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-focus-visible] {
968
968
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
969
969
  outline-offset: var(--focus-ring-offset);
970
970
  }
971
- .EmbeddedButton-module__hop-EmbeddedButton___xhsVU[data-disabled] {
971
+ .EmbeddedButton-module__hop-EmbeddedButton___46XBW[data-disabled] {
972
972
  cursor: not-allowed;
973
973
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-hovered] {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-hovered] {
975
975
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
976
976
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
977
977
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-focus-visible] {
978
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-focus-visible] {
979
979
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
980
980
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
981
981
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-pressed] {
982
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-pressed] {
983
983
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
984
984
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
985
985
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___37ZWv[data-disabled] {
986
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cl9mr[data-disabled] {
987
987
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
988
988
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
989
989
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-hovered] {
990
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-hovered] {
991
991
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
992
992
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
993
993
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-focus-visible] {
994
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-focus-visible] {
995
995
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
996
996
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
997
997
  }
998
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-pressed] {
998
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-pressed] {
999
999
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1000
1000
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1001
1001
  }
1002
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___N6m09[data-disabled] {
1002
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___LLpdg[data-disabled] {
1003
1003
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1004
1004
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1005
1005
  }
1006
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-hovered] {
1006
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-hovered] {
1007
1007
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1008
1008
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1009
1009
  }
1010
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-focus-visible] {
1010
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-focus-visible] {
1011
1011
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1012
1012
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1013
1013
  }
1014
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-pressed] {
1014
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-pressed] {
1015
1015
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1016
1016
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1017
1017
  }
1018
- .EmbeddedButton-module__hop-EmbeddedButton--progress___bOZN1[data-disabled] {
1018
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___0-7TL[data-disabled] {
1019
1019
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1020
1020
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1021
1021
  }
1022
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-hovered] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-hovered] {
1023
1023
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1024
1024
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1025
1025
  }
1026
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-focus-visible] {
1026
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-focus-visible] {
1027
1027
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1028
1028
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1029
1029
  }
1030
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-pressed] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-pressed] {
1031
1031
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1032
1032
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1033
1033
  }
1034
- .EmbeddedButton-module__hop-EmbeddedButton--positive___GUotp[data-disabled] {
1034
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___Gzjcl[data-disabled] {
1035
1035
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1036
1036
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1037
1037
  }
1038
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-hovered] {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-hovered] {
1039
1039
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1040
1040
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1041
1041
  }
1042
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-focus-visible] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-focus-visible] {
1043
1043
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1044
1044
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1045
1045
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-pressed] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-pressed] {
1047
1047
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1048
1048
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1049
1049
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--caution___IIa75[data-disabled] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___9K8TE[data-disabled] {
1051
1051
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1052
1052
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1053
1053
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-hovered] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-hovered] {
1055
1055
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1056
1056
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1057
1057
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-focus-visible] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-focus-visible] {
1059
1059
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1060
1060
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1061
1061
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-pressed] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-pressed] {
1063
1063
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1064
1064
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1065
1065
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xBl98[data-disabled] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___FXYl6[data-disabled] {
1067
1067
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1068
1068
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1069
1069
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-hovered] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-hovered] {
1071
1071
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1072
1072
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1073
1073
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-focus-visible] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-focus-visible] {
1075
1075
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1076
1076
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1077
1077
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-pressed] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-pressed] {
1079
1079
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1080
1080
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1081
1081
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--option1___GG51C[data-disabled] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yJ-KS[data-disabled] {
1083
1083
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1084
1084
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1085
1085
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-hovered] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-hovered] {
1087
1087
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1088
1088
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1089
1089
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-focus-visible] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-focus-visible] {
1091
1091
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1092
1092
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1093
1093
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-pressed] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-pressed] {
1095
1095
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1096
1096
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1097
1097
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--option2___hUeJG[data-disabled] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5EP5Z[data-disabled] {
1099
1099
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1100
1100
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1101
1101
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-hovered] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-hovered] {
1103
1103
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1104
1104
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1105
1105
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-focus-visible] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-focus-visible] {
1107
1107
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1108
1108
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1109
1109
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-pressed] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-pressed] {
1111
1111
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1112
1112
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1113
1113
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-8Af8[data-disabled] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___bEz3x[data-disabled] {
1115
1115
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1116
1116
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1117
1117
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-hovered] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-hovered] {
1119
1119
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1120
1120
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1121
1121
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-focus-visible] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-focus-visible] {
1123
1123
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1124
1124
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1125
1125
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-pressed] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-pressed] {
1127
1127
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1128
1128
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1129
1129
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--option4___jUAif[data-disabled] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___lkfVG[data-disabled] {
1131
1131
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1132
1132
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1133
1133
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-hovered] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-hovered] {
1135
1135
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1136
1136
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1137
1137
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-focus-visible] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-focus-visible] {
1139
1139
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1140
1140
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1141
1141
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-pressed] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-pressed] {
1143
1143
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1144
1144
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1145
1145
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option5___g24dK[data-disabled] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___R4gb6[data-disabled] {
1147
1147
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1148
1148
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1149
1149
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-hovered] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-hovered] {
1151
1151
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1152
1152
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1153
1153
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-focus-visible] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-focus-visible] {
1155
1155
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1156
1156
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1157
1157
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-pressed] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-pressed] {
1159
1159
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1160
1160
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1161
1161
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--option6___cqiuo[data-disabled] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___glNS0[data-disabled] {
1163
1163
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1164
1164
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1165
1165
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton__icon___96Ha0 {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___8-54b {
1167
1167
  position: relative;
1168
1168
  }
1169
1169
 
1170
1170
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1171
- button.CloseButton-module__hop-CloseButton___nyeOo {
1171
+ button.CloseButton-module__hop-CloseButton___vCaGA {
1172
1172
  --hop-CloseButton-margin-top: 0rem;
1173
1173
  --hop-CloseButton-padding: 0rem;
1174
1174
  --hop-CloseButton-width: fit-content;
@@ -1180,7 +1180,7 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1180
1180
  }
1181
1181
 
1182
1182
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1183
- .Button-module__hop-Button___8f3el {
1183
+ .Button-module__hop-Button___y6M-T {
1184
1184
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1185
1185
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1186
1186
  --hop-Button-icon-only-column-gap: 0;
@@ -1260,220 +1260,220 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1260
1260
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1261
1261
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1262
1262
  }
1263
- .Button-module__hop-Button--fluid___BUmmI {
1263
+ .Button-module__hop-Button--fluid___tXjCA {
1264
1264
  --inline-size: 100%;
1265
1265
  }
1266
- .Button-module__hop-Button--xs___bm-bH {
1266
+ .Button-module__hop-Button--xs___f2TEl {
1267
1267
  --block-size: var(--hop-Button-xs-height);
1268
1268
  --padding: var(--hop-Button-xs-padding);
1269
1269
  }
1270
- .Button-module__hop-Button--xs___bm-bH[class*=--ghost] {
1270
+ .Button-module__hop-Button--xs___f2TEl[class*=--ghost] {
1271
1271
  --padding: var(--hop-Button-ghost-xs-padding);
1272
1272
  }
1273
- .Button-module__hop-Button--sm___Tgpjo {
1273
+ .Button-module__hop-Button--sm___uKt2s {
1274
1274
  --block-size: var(--hop-Button-sm-height);
1275
1275
  --padding: var(--hop-Button-sm-padding);
1276
1276
  }
1277
- .Button-module__hop-Button--sm___Tgpjo[class*=--ghost] {
1277
+ .Button-module__hop-Button--sm___uKt2s[class*=--ghost] {
1278
1278
  --padding: var(--hop-Button-ghost-sm-padding);
1279
1279
  }
1280
- .Button-module__hop-Button--md___j7dIV[class*=--ghost] {
1280
+ .Button-module__hop-Button--md___w6smg[class*=--ghost] {
1281
1281
  --padding: var(--hop-Button-ghost-md-padding);
1282
1282
  }
1283
- .Button-module__hop-Button--icon-only___vLP-x {
1283
+ .Button-module__hop-Button--icon-only___n81J7 {
1284
1284
  --column-gap: var(--hop-Button-icon-only-column-gap);
1285
1285
  --padding: var(--hop-Button-icon-only-padding);
1286
1286
  aspect-ratio: 1;
1287
1287
  }
1288
- .Button-module__hop-Button--primary___JXQxj {
1288
+ .Button-module__hop-Button--primary___G0WW7 {
1289
1289
  --background-color: var(--hop-comp-button-primary-background-color);
1290
1290
  --color: var(--hop-comp-button-primary-text-color);
1291
1291
  --border: var(--hop-Button-primary-border);
1292
1292
  --spinner-color: var(--hop-Button-primary-spinner-color);
1293
1293
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1294
1294
  }
1295
- .Button-module__hop-Button--primary___JXQxj[data-hovered],
1296
- .Button-module__hop-Button--primary___JXQxj[data-focus-visible] {
1295
+ .Button-module__hop-Button--primary___G0WW7[data-hovered],
1296
+ .Button-module__hop-Button--primary___G0WW7[data-focus-visible] {
1297
1297
  --background-color: var(--hop-comp-button-primary-background-color-hover);
1298
1298
  --color: var(--hop-comp-button-primary-text-color-hover);
1299
1299
  --border: var(--hop-Button-primary-border-hover);
1300
1300
  }
1301
- .Button-module__hop-Button--primary___JXQxj[data-pressed] {
1301
+ .Button-module__hop-Button--primary___G0WW7[data-pressed] {
1302
1302
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
1303
1303
  --color: var(--hop-comp-button-primary-text-color-pressed);
1304
1304
  --border: var(--hop-Button-primary-border-pressed);
1305
1305
  }
1306
- .Button-module__hop-Button--secondary___2zDuL {
1306
+ .Button-module__hop-Button--secondary___3PWzP {
1307
1307
  --background-color: var(--hop-comp-button-secondary-background-color);
1308
1308
  --color: var(--hop-comp-button-secondary-text-color);
1309
1309
  --border: var(--hop-Button-secondary-border);
1310
1310
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1311
1311
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1312
1312
  }
1313
- .Button-module__hop-Button--secondary___2zDuL[data-hovered],
1314
- .Button-module__hop-Button--secondary___2zDuL[data-focus-visible] {
1313
+ .Button-module__hop-Button--secondary___3PWzP[data-hovered],
1314
+ .Button-module__hop-Button--secondary___3PWzP[data-focus-visible] {
1315
1315
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
1316
1316
  --color: var(--hop-comp-button-secondary-text-color-hover);
1317
1317
  --border: var(--hop-Button-secondary-border-hover);
1318
1318
  }
1319
- .Button-module__hop-Button--secondary___2zDuL[data-pressed] {
1319
+ .Button-module__hop-Button--secondary___3PWzP[data-pressed] {
1320
1320
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1321
1321
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1322
1322
  --border: var(--hop-Button-secondary-border-pressed);
1323
1323
  }
1324
- .Button-module__hop-Button--upsell___odaQ7 {
1324
+ .Button-module__hop-Button--upsell___kPEbT {
1325
1325
  --background-color: var(--hop-comp-button-upsell-background-color);
1326
1326
  --color: var(--hop-comp-button-upsell-text-color);
1327
1327
  --border: var(--hop-Button-upsell-border);
1328
1328
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1329
1329
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1330
1330
  }
1331
- .Button-module__hop-Button--upsell___odaQ7[data-hovered],
1332
- .Button-module__hop-Button--upsell___odaQ7[data-focus-visible] {
1331
+ .Button-module__hop-Button--upsell___kPEbT[data-hovered],
1332
+ .Button-module__hop-Button--upsell___kPEbT[data-focus-visible] {
1333
1333
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
1334
1334
  --color: var(--hop-comp-button-upsell-text-color-hover);
1335
1335
  --border: var(--hop-Button-upsell-border-hover);
1336
1336
  }
1337
- .Button-module__hop-Button--upsell___odaQ7[data-pressed] {
1337
+ .Button-module__hop-Button--upsell___kPEbT[data-pressed] {
1338
1338
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1339
1339
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1340
1340
  --border: var(--hop-Button-upsell-border-pressed);
1341
1341
  }
1342
- .Button-module__hop-Button--danger___9B0VT {
1342
+ .Button-module__hop-Button--danger___e-GAN {
1343
1343
  --background-color: var(--hop-comp-button-danger-background-color);
1344
1344
  --color: var(--hop-comp-button-danger-text-color);
1345
1345
  --border: var(--hop-Button-danger-border);
1346
1346
  --spinner-color: var(--hop-Button-danger-spinner-color);
1347
1347
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1348
1348
  }
1349
- .Button-module__hop-Button--danger___9B0VT[data-hovered],
1350
- .Button-module__hop-Button--danger___9B0VT[data-focus-visible] {
1349
+ .Button-module__hop-Button--danger___e-GAN[data-hovered],
1350
+ .Button-module__hop-Button--danger___e-GAN[data-focus-visible] {
1351
1351
  --background-color: var(--hop-comp-button-danger-background-color-hover);
1352
1352
  --color: var(--hop-comp-button-danger-text-color-hover);
1353
1353
  --border: var(--hop-Button-danger-border-hover);
1354
1354
  }
1355
- .Button-module__hop-Button--danger___9B0VT[data-pressed] {
1355
+ .Button-module__hop-Button--danger___e-GAN[data-pressed] {
1356
1356
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
1357
1357
  --color: var(--hop-comp-button-danger-text-color-pressed);
1358
1358
  --border: var(--hop-Button-danger-border-pressed);
1359
1359
  }
1360
- .Button-module__hop-Button--ghost-primary___qzJOX {
1360
+ .Button-module__hop-Button--ghost-primary___i-JtD {
1361
1361
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1362
1362
  --color: var(--hop-comp-button-ghost-primary-text-color);
1363
1363
  --border: var(--hop-Button-ghost-primary-border);
1364
1364
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1365
1365
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1366
1366
  }
1367
- .Button-module__hop-Button--ghost-primary___qzJOX[data-hovered],
1368
- .Button-module__hop-Button--ghost-primary___qzJOX[data-focus-visible] {
1367
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-hovered],
1368
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-focus-visible] {
1369
1369
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1370
1370
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1371
1371
  --border: var(--hop-Button-ghost-primary-border-hover);
1372
1372
  }
1373
- .Button-module__hop-Button--ghost-primary___qzJOX[data-pressed] {
1373
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-pressed] {
1374
1374
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1375
1375
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1376
1376
  --border: var(--hop-Button-ghost-primary-border-pressed);
1377
1377
  }
1378
- .Button-module__hop-Button--ghost-secondary___rGO2Y {
1378
+ .Button-module__hop-Button--ghost-secondary___aiPG1 {
1379
1379
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1380
1380
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1381
1381
  --border: var(--hop-Button-ghost-secondary-border);
1382
1382
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1383
1383
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1384
1384
  }
1385
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-hovered],
1386
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-focus-visible] {
1385
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-hovered],
1386
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-focus-visible] {
1387
1387
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1388
1388
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1389
1389
  --border: var(--hop-Button-ghost-secondary-border-hover);
1390
1390
  }
1391
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-pressed] {
1391
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-pressed] {
1392
1392
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1393
1393
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1394
1394
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1395
1395
  }
1396
- .Button-module__hop-Button--ghost-danger___K01ta {
1396
+ .Button-module__hop-Button--ghost-danger___JE0um {
1397
1397
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1398
1398
  --color: var(--hop-comp-button-ghost-danger-text-color);
1399
1399
  --border: var(--hop-Button-ghost-danger-border);
1400
1400
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1401
1401
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1402
1402
  }
1403
- .Button-module__hop-Button--ghost-danger___K01ta[data-hovered],
1404
- .Button-module__hop-Button--ghost-danger___K01ta[data-focus-visible] {
1403
+ .Button-module__hop-Button--ghost-danger___JE0um[data-hovered],
1404
+ .Button-module__hop-Button--ghost-danger___JE0um[data-focus-visible] {
1405
1405
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1406
1406
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1407
1407
  --border: var(--hop-Button-ghost-danger-border-hover);
1408
1408
  }
1409
- .Button-module__hop-Button--ghost-danger___K01ta[data-pressed] {
1409
+ .Button-module__hop-Button--ghost-danger___JE0um[data-pressed] {
1410
1410
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1411
1411
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1412
1412
  --border: var(--hop-Button-ghost-danger-border-pressed);
1413
1413
  }
1414
- .Button-module__hop-Button___8f3el[data-focus-visible] {
1414
+ .Button-module__hop-Button___y6M-T[data-focus-visible] {
1415
1415
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1416
1416
  }
1417
- .Button-module__hop-Button___8f3el[data-disabled],
1418
- .Button-module__hop-Button--loading___Ls6KJ {
1417
+ .Button-module__hop-Button___y6M-T[data-disabled],
1418
+ .Button-module__hop-Button--loading___7u5UL {
1419
1419
  cursor: not-allowed;
1420
1420
  }
1421
- .Button-module__hop-Button___8f3el[data-disabled] {
1421
+ .Button-module__hop-Button___y6M-T[data-disabled] {
1422
1422
  --background-color: var(--hop-comp-button-disabled-background-color);
1423
1423
  --color: var(--hop-comp-button-disabled-text-color);
1424
1424
  --border: var(--hop-Button-border-disabled);
1425
1425
  }
1426
- .Button-module__hop-Button___8f3el[class*=--ghost][data-disabled] {
1426
+ .Button-module__hop-Button___y6M-T[class*=--ghost][data-disabled] {
1427
1427
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1428
1428
  --color: var(--hop-comp-button-ghost-disabled-text-color);
1429
1429
  --border: var(--hop-Button-ghost-border-disabled);
1430
1430
  }
1431
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--primary___JXQxj {
1431
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--primary___G0WW7 {
1432
1432
  --background-color: var(--hop-comp-button-primary-background-color);
1433
1433
  --color: var(--hop-comp-button-primary-text-color);
1434
1434
  --border: var(--hop-Button-primary-border);
1435
1435
  }
1436
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--secondary___2zDuL {
1436
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--secondary___3PWzP {
1437
1437
  --background-color: var(--hop-comp-button-secondary-background-color);
1438
1438
  --color: var(--hop-comp-button-secondary-text-color);
1439
1439
  --border: var(--hop-Button-secondary-border);
1440
1440
  }
1441
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--upsell___odaQ7 {
1441
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--upsell___kPEbT {
1442
1442
  --background-color: var(--hop-comp-button-upsell-background-color);
1443
1443
  --color: var(--hop-comp-button-upsell-text-color);
1444
1444
  --border: var(--hop-Button-upsell-border);
1445
1445
  }
1446
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--danger___9B0VT {
1446
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--danger___e-GAN {
1447
1447
  --background-color: var(--hop-comp-button-danger-background-color);
1448
1448
  --color: var(--hop-comp-button-danger-text-color);
1449
1449
  --border: var(--hop-Button-danger-border);
1450
1450
  }
1451
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-primary___qzJOX {
1451
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-primary___i-JtD {
1452
1452
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1453
1453
  --color: var(--hop-comp-button-ghost-primary-text-color);
1454
1454
  --border: var(--hop-Button-ghost-primary-border);
1455
1455
  }
1456
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-secondary___rGO2Y {
1456
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-secondary___aiPG1 {
1457
1457
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1458
1458
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1459
1459
  --border: var(--hop-Button-ghost-secondary-border);
1460
1460
  }
1461
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-danger___K01ta {
1461
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-danger___JE0um {
1462
1462
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1463
1463
  --color: var(--hop-comp-button-ghost-danger-text-color);
1464
1464
  --border: var(--hop-Button-ghost-danger-border);
1465
1465
  }
1466
- .Button-module__hop-Button__Spinner___8hp9A {
1466
+ .Button-module__hop-Button__Spinner___h2qUF {
1467
1467
  position: absolute;
1468
1468
  color: var(--spinner-color);
1469
1469
  }
1470
- .Button-module__hop-Button__icon___3pKoF,
1471
- .Button-module__hop-Button__icon-list___l2KRI {
1470
+ .Button-module__hop-Button__icon___dCYCh,
1471
+ .Button-module__hop-Button__icon-list___J3qOZ {
1472
1472
  flex: 0 0 auto;
1473
1473
  justify-self: end;
1474
1474
  order: 1;
1475
1475
  }
1476
- .Button-module__hop-Button__text___Q79nl {
1476
+ .Button-module__hop-Button__text___JMO-T {
1477
1477
  user-select: none;
1478
1478
  overflow: visible;
1479
1479
  flex: 0 1 auto;
@@ -1482,59 +1482,59 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1482
1482
  text-decoration: none;
1483
1483
  text-wrap: nowrap;
1484
1484
  }
1485
- .Button-module__hop-Button__end-icon___4tmYg,
1486
- .Button-module__hop-Button__end-icon-list___vIYGQ {
1485
+ .Button-module__hop-Button__end-icon___z70FW,
1486
+ .Button-module__hop-Button__end-icon-list___eqxxG {
1487
1487
  flex: 0 0 auto;
1488
1488
  order: 3;
1489
1489
  }
1490
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__icon-list___l2KRI,
1491
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__end-icon-list___vIYGQ {
1490
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__icon-list___J3qOZ,
1491
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__end-icon-list___eqxxG {
1492
1492
  flex-wrap: nowrap;
1493
1493
  }
1494
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button___8f3el > *:not(.Button-module__hop-Button__Spinner___8hp9A) {
1494
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button___y6M-T > *:not(.Button-module__hop-Button__Spinner___h2qUF) {
1495
1495
  opacity: 0;
1496
1496
  }
1497
- .LinkButton-module__hop-LinkButton___dQ7zP {
1497
+ .LinkButton-module__hop-LinkButton___pyCTO {
1498
1498
  }
1499
- .LinkButton-module__hop-LinkButton--fluid___FwqhG {
1499
+ .LinkButton-module__hop-LinkButton--fluid___JggHZ {
1500
1500
  }
1501
- .LinkButton-module__hop-LinkButton--xs___zEW0H {
1501
+ .LinkButton-module__hop-LinkButton--xs___i7Gru {
1502
1502
  }
1503
- .LinkButton-module__hop-LinkButton--sm___fzdBg {
1503
+ .LinkButton-module__hop-LinkButton--sm___GADyB {
1504
1504
  }
1505
- .LinkButton-module__hop-LinkButton--icon-only___pYsDR {
1505
+ .LinkButton-module__hop-LinkButton--icon-only___iL3Cx {
1506
1506
  }
1507
- .LinkButton-module__hop-LinkButton--primary___WLs3i {
1507
+ .LinkButton-module__hop-LinkButton--primary___iS1XC {
1508
1508
  }
1509
- .LinkButton-module__hop-LinkButton--secondary___3UQbM {
1509
+ .LinkButton-module__hop-LinkButton--secondary___rMFEx {
1510
1510
  }
1511
- .LinkButton-module__hop-LinkButton--upsell___eogrv {
1511
+ .LinkButton-module__hop-LinkButton--upsell___67ngC {
1512
1512
  }
1513
- .LinkButton-module__hop-LinkButton--danger___CTmJS {
1513
+ .LinkButton-module__hop-LinkButton--danger___7lo0i {
1514
1514
  }
1515
- .LinkButton-module__hop-LinkButton--ghost-primary___MvgA3 {
1515
+ .LinkButton-module__hop-LinkButton--ghost-primary___5--ye {
1516
1516
  }
1517
- .LinkButton-module__hop-LinkButton--ghost-secondary___am0Gz {
1517
+ .LinkButton-module__hop-LinkButton--ghost-secondary___rBkkz {
1518
1518
  }
1519
- .LinkButton-module__hop-LinkButton--ghost-danger___QwuYB {
1519
+ .LinkButton-module__hop-LinkButton--ghost-danger___1aepC {
1520
1520
  }
1521
- .LinkButton-module__hop-LinkButton__Spinner___QIKfh {
1521
+ .LinkButton-module__hop-LinkButton__Spinner___KjBc6 {
1522
1522
  }
1523
- .LinkButton-module__hop-LinkButton__icon___hUFoi,
1524
- .LinkButton-module__hop-LinkButton__icon-list___cwH9g {
1523
+ .LinkButton-module__hop-LinkButton__icon___QW2Cb,
1524
+ .LinkButton-module__hop-LinkButton__icon-list___Razb1 {
1525
1525
  }
1526
- .LinkButton-module__hop-LinkButton__text___G8uU3 {
1526
+ .LinkButton-module__hop-LinkButton__text___a25ub {
1527
1527
  }
1528
- .LinkButton-module__hop-LinkButton__end-icon___bwevi,
1529
- .LinkButton-module__hop-LinkButton__end-icon-list___c6vOk {
1528
+ .LinkButton-module__hop-LinkButton__end-icon___v-Lx0,
1529
+ .LinkButton-module__hop-LinkButton__end-icon-list___5e8-C {
1530
1530
  }
1531
- .LinkButton-module__hop-LinkButton___dQ7zP .LinkButton-module__hop-LinkButton__icon-list___cwH9g,
1532
- .LinkButton-module__hop-LinkButton___dQ7zP .LinkButton-module__hop-LinkButton__end-icon-list___c6vOk {
1531
+ .LinkButton-module__hop-LinkButton___pyCTO .LinkButton-module__hop-LinkButton__icon-list___Razb1,
1532
+ .LinkButton-module__hop-LinkButton___pyCTO .LinkButton-module__hop-LinkButton__end-icon-list___5e8-C {
1533
1533
  flex-wrap: nowrap;
1534
1534
  }
1535
1535
 
1536
1536
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1537
- .Button-module__hop-Button___8f3el {
1537
+ .Button-module__hop-Button___y6M-T {
1538
1538
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1539
1539
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1540
1540
  --hop-Button-icon-only-column-gap: 0;
@@ -1614,220 +1614,220 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1614
1614
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1615
1615
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1616
1616
  }
1617
- .Button-module__hop-Button--fluid___BUmmI {
1617
+ .Button-module__hop-Button--fluid___tXjCA {
1618
1618
  --inline-size: 100%;
1619
1619
  }
1620
- .Button-module__hop-Button--xs___bm-bH {
1620
+ .Button-module__hop-Button--xs___f2TEl {
1621
1621
  --block-size: var(--hop-Button-xs-height);
1622
1622
  --padding: var(--hop-Button-xs-padding);
1623
1623
  }
1624
- .Button-module__hop-Button--xs___bm-bH[class*=--ghost] {
1624
+ .Button-module__hop-Button--xs___f2TEl[class*=--ghost] {
1625
1625
  --padding: var(--hop-Button-ghost-xs-padding);
1626
1626
  }
1627
- .Button-module__hop-Button--sm___Tgpjo {
1627
+ .Button-module__hop-Button--sm___uKt2s {
1628
1628
  --block-size: var(--hop-Button-sm-height);
1629
1629
  --padding: var(--hop-Button-sm-padding);
1630
1630
  }
1631
- .Button-module__hop-Button--sm___Tgpjo[class*=--ghost] {
1631
+ .Button-module__hop-Button--sm___uKt2s[class*=--ghost] {
1632
1632
  --padding: var(--hop-Button-ghost-sm-padding);
1633
1633
  }
1634
- .Button-module__hop-Button--md___j7dIV[class*=--ghost] {
1634
+ .Button-module__hop-Button--md___w6smg[class*=--ghost] {
1635
1635
  --padding: var(--hop-Button-ghost-md-padding);
1636
1636
  }
1637
- .Button-module__hop-Button--icon-only___vLP-x {
1637
+ .Button-module__hop-Button--icon-only___n81J7 {
1638
1638
  --column-gap: var(--hop-Button-icon-only-column-gap);
1639
1639
  --padding: var(--hop-Button-icon-only-padding);
1640
1640
  aspect-ratio: 1;
1641
1641
  }
1642
- .Button-module__hop-Button--primary___JXQxj {
1642
+ .Button-module__hop-Button--primary___G0WW7 {
1643
1643
  --background-color: var(--hop-comp-button-primary-background-color);
1644
1644
  --color: var(--hop-comp-button-primary-text-color);
1645
1645
  --border: var(--hop-Button-primary-border);
1646
1646
  --spinner-color: var(--hop-Button-primary-spinner-color);
1647
1647
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1648
1648
  }
1649
- .Button-module__hop-Button--primary___JXQxj[data-hovered],
1650
- .Button-module__hop-Button--primary___JXQxj[data-focus-visible] {
1649
+ .Button-module__hop-Button--primary___G0WW7[data-hovered],
1650
+ .Button-module__hop-Button--primary___G0WW7[data-focus-visible] {
1651
1651
  --background-color: var(--hop-comp-button-primary-background-color-hover);
1652
1652
  --color: var(--hop-comp-button-primary-text-color-hover);
1653
1653
  --border: var(--hop-Button-primary-border-hover);
1654
1654
  }
1655
- .Button-module__hop-Button--primary___JXQxj[data-pressed] {
1655
+ .Button-module__hop-Button--primary___G0WW7[data-pressed] {
1656
1656
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
1657
1657
  --color: var(--hop-comp-button-primary-text-color-pressed);
1658
1658
  --border: var(--hop-Button-primary-border-pressed);
1659
1659
  }
1660
- .Button-module__hop-Button--secondary___2zDuL {
1660
+ .Button-module__hop-Button--secondary___3PWzP {
1661
1661
  --background-color: var(--hop-comp-button-secondary-background-color);
1662
1662
  --color: var(--hop-comp-button-secondary-text-color);
1663
1663
  --border: var(--hop-Button-secondary-border);
1664
1664
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1665
1665
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1666
1666
  }
1667
- .Button-module__hop-Button--secondary___2zDuL[data-hovered],
1668
- .Button-module__hop-Button--secondary___2zDuL[data-focus-visible] {
1667
+ .Button-module__hop-Button--secondary___3PWzP[data-hovered],
1668
+ .Button-module__hop-Button--secondary___3PWzP[data-focus-visible] {
1669
1669
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
1670
1670
  --color: var(--hop-comp-button-secondary-text-color-hover);
1671
1671
  --border: var(--hop-Button-secondary-border-hover);
1672
1672
  }
1673
- .Button-module__hop-Button--secondary___2zDuL[data-pressed] {
1673
+ .Button-module__hop-Button--secondary___3PWzP[data-pressed] {
1674
1674
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1675
1675
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1676
1676
  --border: var(--hop-Button-secondary-border-pressed);
1677
1677
  }
1678
- .Button-module__hop-Button--upsell___odaQ7 {
1678
+ .Button-module__hop-Button--upsell___kPEbT {
1679
1679
  --background-color: var(--hop-comp-button-upsell-background-color);
1680
1680
  --color: var(--hop-comp-button-upsell-text-color);
1681
1681
  --border: var(--hop-Button-upsell-border);
1682
1682
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1683
1683
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1684
1684
  }
1685
- .Button-module__hop-Button--upsell___odaQ7[data-hovered],
1686
- .Button-module__hop-Button--upsell___odaQ7[data-focus-visible] {
1685
+ .Button-module__hop-Button--upsell___kPEbT[data-hovered],
1686
+ .Button-module__hop-Button--upsell___kPEbT[data-focus-visible] {
1687
1687
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
1688
1688
  --color: var(--hop-comp-button-upsell-text-color-hover);
1689
1689
  --border: var(--hop-Button-upsell-border-hover);
1690
1690
  }
1691
- .Button-module__hop-Button--upsell___odaQ7[data-pressed] {
1691
+ .Button-module__hop-Button--upsell___kPEbT[data-pressed] {
1692
1692
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1693
1693
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1694
1694
  --border: var(--hop-Button-upsell-border-pressed);
1695
1695
  }
1696
- .Button-module__hop-Button--danger___9B0VT {
1696
+ .Button-module__hop-Button--danger___e-GAN {
1697
1697
  --background-color: var(--hop-comp-button-danger-background-color);
1698
1698
  --color: var(--hop-comp-button-danger-text-color);
1699
1699
  --border: var(--hop-Button-danger-border);
1700
1700
  --spinner-color: var(--hop-Button-danger-spinner-color);
1701
1701
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1702
1702
  }
1703
- .Button-module__hop-Button--danger___9B0VT[data-hovered],
1704
- .Button-module__hop-Button--danger___9B0VT[data-focus-visible] {
1703
+ .Button-module__hop-Button--danger___e-GAN[data-hovered],
1704
+ .Button-module__hop-Button--danger___e-GAN[data-focus-visible] {
1705
1705
  --background-color: var(--hop-comp-button-danger-background-color-hover);
1706
1706
  --color: var(--hop-comp-button-danger-text-color-hover);
1707
1707
  --border: var(--hop-Button-danger-border-hover);
1708
1708
  }
1709
- .Button-module__hop-Button--danger___9B0VT[data-pressed] {
1709
+ .Button-module__hop-Button--danger___e-GAN[data-pressed] {
1710
1710
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
1711
1711
  --color: var(--hop-comp-button-danger-text-color-pressed);
1712
1712
  --border: var(--hop-Button-danger-border-pressed);
1713
1713
  }
1714
- .Button-module__hop-Button--ghost-primary___qzJOX {
1714
+ .Button-module__hop-Button--ghost-primary___i-JtD {
1715
1715
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1716
1716
  --color: var(--hop-comp-button-ghost-primary-text-color);
1717
1717
  --border: var(--hop-Button-ghost-primary-border);
1718
1718
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1719
1719
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1720
1720
  }
1721
- .Button-module__hop-Button--ghost-primary___qzJOX[data-hovered],
1722
- .Button-module__hop-Button--ghost-primary___qzJOX[data-focus-visible] {
1721
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-hovered],
1722
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-focus-visible] {
1723
1723
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1724
1724
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1725
1725
  --border: var(--hop-Button-ghost-primary-border-hover);
1726
1726
  }
1727
- .Button-module__hop-Button--ghost-primary___qzJOX[data-pressed] {
1727
+ .Button-module__hop-Button--ghost-primary___i-JtD[data-pressed] {
1728
1728
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1729
1729
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1730
1730
  --border: var(--hop-Button-ghost-primary-border-pressed);
1731
1731
  }
1732
- .Button-module__hop-Button--ghost-secondary___rGO2Y {
1732
+ .Button-module__hop-Button--ghost-secondary___aiPG1 {
1733
1733
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1734
1734
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1735
1735
  --border: var(--hop-Button-ghost-secondary-border);
1736
1736
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1737
1737
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1738
1738
  }
1739
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-hovered],
1740
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-focus-visible] {
1739
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-hovered],
1740
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-focus-visible] {
1741
1741
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1742
1742
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1743
1743
  --border: var(--hop-Button-ghost-secondary-border-hover);
1744
1744
  }
1745
- .Button-module__hop-Button--ghost-secondary___rGO2Y[data-pressed] {
1745
+ .Button-module__hop-Button--ghost-secondary___aiPG1[data-pressed] {
1746
1746
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1747
1747
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1748
1748
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1749
1749
  }
1750
- .Button-module__hop-Button--ghost-danger___K01ta {
1750
+ .Button-module__hop-Button--ghost-danger___JE0um {
1751
1751
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1752
1752
  --color: var(--hop-comp-button-ghost-danger-text-color);
1753
1753
  --border: var(--hop-Button-ghost-danger-border);
1754
1754
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1755
1755
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1756
1756
  }
1757
- .Button-module__hop-Button--ghost-danger___K01ta[data-hovered],
1758
- .Button-module__hop-Button--ghost-danger___K01ta[data-focus-visible] {
1757
+ .Button-module__hop-Button--ghost-danger___JE0um[data-hovered],
1758
+ .Button-module__hop-Button--ghost-danger___JE0um[data-focus-visible] {
1759
1759
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1760
1760
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1761
1761
  --border: var(--hop-Button-ghost-danger-border-hover);
1762
1762
  }
1763
- .Button-module__hop-Button--ghost-danger___K01ta[data-pressed] {
1763
+ .Button-module__hop-Button--ghost-danger___JE0um[data-pressed] {
1764
1764
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1765
1765
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1766
1766
  --border: var(--hop-Button-ghost-danger-border-pressed);
1767
1767
  }
1768
- .Button-module__hop-Button___8f3el[data-focus-visible] {
1768
+ .Button-module__hop-Button___y6M-T[data-focus-visible] {
1769
1769
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1770
1770
  }
1771
- .Button-module__hop-Button___8f3el[data-disabled],
1772
- .Button-module__hop-Button--loading___Ls6KJ {
1771
+ .Button-module__hop-Button___y6M-T[data-disabled],
1772
+ .Button-module__hop-Button--loading___7u5UL {
1773
1773
  cursor: not-allowed;
1774
1774
  }
1775
- .Button-module__hop-Button___8f3el[data-disabled] {
1775
+ .Button-module__hop-Button___y6M-T[data-disabled] {
1776
1776
  --background-color: var(--hop-comp-button-disabled-background-color);
1777
1777
  --color: var(--hop-comp-button-disabled-text-color);
1778
1778
  --border: var(--hop-Button-border-disabled);
1779
1779
  }
1780
- .Button-module__hop-Button___8f3el[class*=--ghost][data-disabled] {
1780
+ .Button-module__hop-Button___y6M-T[class*=--ghost][data-disabled] {
1781
1781
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1782
1782
  --color: var(--hop-comp-button-ghost-disabled-text-color);
1783
1783
  --border: var(--hop-Button-ghost-border-disabled);
1784
1784
  }
1785
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--primary___JXQxj {
1785
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--primary___G0WW7 {
1786
1786
  --background-color: var(--hop-comp-button-primary-background-color);
1787
1787
  --color: var(--hop-comp-button-primary-text-color);
1788
1788
  --border: var(--hop-Button-primary-border);
1789
1789
  }
1790
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--secondary___2zDuL {
1790
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--secondary___3PWzP {
1791
1791
  --background-color: var(--hop-comp-button-secondary-background-color);
1792
1792
  --color: var(--hop-comp-button-secondary-text-color);
1793
1793
  --border: var(--hop-Button-secondary-border);
1794
1794
  }
1795
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--upsell___odaQ7 {
1795
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--upsell___kPEbT {
1796
1796
  --background-color: var(--hop-comp-button-upsell-background-color);
1797
1797
  --color: var(--hop-comp-button-upsell-text-color);
1798
1798
  --border: var(--hop-Button-upsell-border);
1799
1799
  }
1800
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--danger___9B0VT {
1800
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--danger___e-GAN {
1801
1801
  --background-color: var(--hop-comp-button-danger-background-color);
1802
1802
  --color: var(--hop-comp-button-danger-text-color);
1803
1803
  --border: var(--hop-Button-danger-border);
1804
1804
  }
1805
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-primary___qzJOX {
1805
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-primary___i-JtD {
1806
1806
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1807
1807
  --color: var(--hop-comp-button-ghost-primary-text-color);
1808
1808
  --border: var(--hop-Button-ghost-primary-border);
1809
1809
  }
1810
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-secondary___rGO2Y {
1810
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-secondary___aiPG1 {
1811
1811
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1812
1812
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1813
1813
  --border: var(--hop-Button-ghost-secondary-border);
1814
1814
  }
1815
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button--ghost-danger___K01ta {
1815
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button--ghost-danger___JE0um {
1816
1816
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1817
1817
  --color: var(--hop-comp-button-ghost-danger-text-color);
1818
1818
  --border: var(--hop-Button-ghost-danger-border);
1819
1819
  }
1820
- .Button-module__hop-Button__Spinner___8hp9A {
1820
+ .Button-module__hop-Button__Spinner___h2qUF {
1821
1821
  position: absolute;
1822
1822
  color: var(--spinner-color);
1823
1823
  }
1824
- .Button-module__hop-Button__icon___3pKoF,
1825
- .Button-module__hop-Button__icon-list___l2KRI {
1824
+ .Button-module__hop-Button__icon___dCYCh,
1825
+ .Button-module__hop-Button__icon-list___J3qOZ {
1826
1826
  flex: 0 0 auto;
1827
1827
  justify-self: end;
1828
1828
  order: 1;
1829
1829
  }
1830
- .Button-module__hop-Button__text___Q79nl {
1830
+ .Button-module__hop-Button__text___JMO-T {
1831
1831
  user-select: none;
1832
1832
  overflow: visible;
1833
1833
  flex: 0 1 auto;
@@ -1836,134 +1836,134 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1836
1836
  text-decoration: none;
1837
1837
  text-wrap: nowrap;
1838
1838
  }
1839
- .Button-module__hop-Button__end-icon___4tmYg,
1840
- .Button-module__hop-Button__end-icon-list___vIYGQ {
1839
+ .Button-module__hop-Button__end-icon___z70FW,
1840
+ .Button-module__hop-Button__end-icon-list___eqxxG {
1841
1841
  flex: 0 0 auto;
1842
1842
  order: 3;
1843
1843
  }
1844
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__icon-list___l2KRI,
1845
- .Button-module__hop-Button___8f3el .Button-module__hop-Button__end-icon-list___vIYGQ {
1844
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__icon-list___J3qOZ,
1845
+ .Button-module__hop-Button___y6M-T .Button-module__hop-Button__end-icon-list___eqxxG {
1846
1846
  flex-wrap: nowrap;
1847
1847
  }
1848
- .Button-module__hop-Button--loading___Ls6KJ.Button-module__hop-Button___8f3el > *:not(.Button-module__hop-Button__Spinner___8hp9A) {
1848
+ .Button-module__hop-Button--loading___7u5UL.Button-module__hop-Button___y6M-T > *:not(.Button-module__hop-Button__Spinner___h2qUF) {
1849
1849
  opacity: 0;
1850
1850
  }
1851
- .ToggleButton-module__hop-ToggleButton___sNmnM {
1851
+ .ToggleButton-module__hop-ToggleButton___DUTUO {
1852
1852
  --hop-ToggleButton-border-size: var(--hop-space-10);
1853
1853
  }
1854
- .ToggleButton-module__hop-ToggleButton--fluid___9StDf {
1854
+ .ToggleButton-module__hop-ToggleButton--fluid___-NRqi {
1855
1855
  }
1856
- .ToggleButton-module__hop-ToggleButton--xs___Lh407 {
1856
+ .ToggleButton-module__hop-ToggleButton--xs___kOiP7 {
1857
1857
  }
1858
- .ToggleButton-module__hop-ToggleButton--sm___tLCVn {
1858
+ .ToggleButton-module__hop-ToggleButton--sm___jplNh {
1859
1859
  }
1860
- .ToggleButton-module__hop-ToggleButton--md___wTiSQ {
1860
+ .ToggleButton-module__hop-ToggleButton--md___9yI0V {
1861
1861
  }
1862
- .ToggleButton-module__hop-ToggleButton--icon-only___-Jby1 {
1862
+ .ToggleButton-module__hop-ToggleButton--icon-only___8E6BD {
1863
1863
  }
1864
- .ToggleButton-module__hop-ToggleButton--primary___nPw-g {
1864
+ .ToggleButton-module__hop-ToggleButton--primary___0Di0G {
1865
1865
  }
1866
- .ToggleButton-module__hop-ToggleButton--primary___nPw-g[data-selected] {
1866
+ .ToggleButton-module__hop-ToggleButton--primary___0Di0G[data-selected] {
1867
1867
  --background-color: var(--hop-comp-button-primary-background-color-selected);
1868
1868
  --color: var(--hop-comp-button-primary-text-color-selected);
1869
1869
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
1870
1870
  }
1871
- .ToggleButton-module__hop-ToggleButton--secondary___5dPd3 {
1871
+ .ToggleButton-module__hop-ToggleButton--secondary___RgJTX {
1872
1872
  }
1873
- .ToggleButton-module__hop-ToggleButton--secondary___5dPd3[data-selected] {
1873
+ .ToggleButton-module__hop-ToggleButton--secondary___RgJTX[data-selected] {
1874
1874
  --background-color: var(--hop-comp-button-secondary-background-color-selected);
1875
1875
  --color: var(--hop-comp-button-secondary-text-color-selected);
1876
1876
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1877
1877
  }
1878
- .ToggleButton-module__hop-ToggleButton--upsell___61FN2 {
1878
+ .ToggleButton-module__hop-ToggleButton--upsell___JIjRC {
1879
1879
  }
1880
- .ToggleButton-module__hop-ToggleButton--upsell___61FN2[data-selected] {
1880
+ .ToggleButton-module__hop-ToggleButton--upsell___JIjRC[data-selected] {
1881
1881
  --background-color: var(--hop-comp-button-upsell-background-color-selected);
1882
1882
  --color: var(--hop-comp-button-upsell-text-color-selected);
1883
1883
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1884
1884
  }
1885
- .ToggleButton-module__hop-ToggleButton--danger___HhE4a {
1885
+ .ToggleButton-module__hop-ToggleButton--danger___KiHfJ {
1886
1886
  }
1887
- .ToggleButton-module__hop-ToggleButton--danger___HhE4a[data-selected] {
1887
+ .ToggleButton-module__hop-ToggleButton--danger___KiHfJ[data-selected] {
1888
1888
  --background-color: var(--hop-comp-button-danger-background-color-selected);
1889
1889
  --color: var(--hop-comp-button-danger-text-color-selected);
1890
1890
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1891
1891
  }
1892
- .ToggleButton-module__hop-ToggleButton--ghost-primary___NPCcH {
1892
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___h6VkM {
1893
1893
  }
1894
- .ToggleButton-module__hop-ToggleButton--ghost-primary___NPCcH[data-selected] {
1894
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___h6VkM[data-selected] {
1895
1895
  --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
1896
1896
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1897
1897
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1898
1898
  }
1899
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___xSBV4 {
1899
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___P2s1y {
1900
1900
  }
1901
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___xSBV4[data-selected] {
1901
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___P2s1y[data-selected] {
1902
1902
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
1903
1903
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1904
1904
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1905
1905
  }
1906
- .ToggleButton-module__hop-ToggleButton--ghost-danger___EdnRm {
1906
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___2r2j5 {
1907
1907
  }
1908
- .ToggleButton-module__hop-ToggleButton--ghost-danger___EdnRm[data-selected] {
1908
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___2r2j5[data-selected] {
1909
1909
  --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
1910
1910
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
1911
1911
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
1912
1912
  }
1913
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--primary___nPw-g {
1913
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--primary___0Di0G {
1914
1914
  --background-color: var(--hop-comp-button-primary-background-color);
1915
1915
  --color: var(--hop-comp-button-primary-text-color);
1916
1916
  --border: var(--hop-Button-primary-border);
1917
1917
  }
1918
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--secondary___5dPd3 {
1918
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--secondary___RgJTX {
1919
1919
  --background-color: var(--hop-comp-button-secondary-background-color);
1920
1920
  --color: var(--hop-comp-button-secondary-text-color);
1921
1921
  --border: var(--hop-Button-secondary-border);
1922
1922
  }
1923
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--upsell___61FN2 {
1923
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--upsell___JIjRC {
1924
1924
  --background-color: var(--hop-comp-button-upsell-background-color);
1925
1925
  --color: var(--hop-comp-button-upsell-text-color);
1926
1926
  --border: var(--hop-Button-upsell-border);
1927
1927
  }
1928
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--danger___HhE4a {
1928
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--danger___KiHfJ {
1929
1929
  --background-color: var(--hop-comp-button-danger-background-color);
1930
1930
  --color: var(--hop-comp-button-danger-text-color);
1931
1931
  --border: var(--hop-Button-danger-border);
1932
1932
  }
1933
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--ghost-primary___NPCcH {
1933
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--ghost-primary___h6VkM {
1934
1934
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1935
1935
  --color: var(--hop-comp-button-ghost-primary-text-color);
1936
1936
  --border: var(--hop-Button-ghost-primary-border);
1937
1937
  }
1938
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--ghost-secondary___xSBV4 {
1938
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--ghost-secondary___P2s1y {
1939
1939
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1940
1940
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1941
1941
  --border: var(--hop-Button-ghost-secondary-border);
1942
1942
  }
1943
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton--ghost-danger___EdnRm {
1943
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton--ghost-danger___2r2j5 {
1944
1944
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1945
1945
  --color: var(--hop-comp-button-ghost-danger-text-color);
1946
1946
  --border: var(--hop-Button-ghost-danger-border);
1947
1947
  }
1948
- .ToggleButton-module__hop-ToggleButton__Spinner___zu-lV {
1948
+ .ToggleButton-module__hop-ToggleButton__Spinner___TB-8q {
1949
1949
  }
1950
- .ToggleButton-module__hop-ToggleButton__icon___ZQnP7,
1951
- .ToggleButton-module__hop-ToggleButton__icon-list___97cD- {
1950
+ .ToggleButton-module__hop-ToggleButton__icon___o5CW9,
1951
+ .ToggleButton-module__hop-ToggleButton__icon-list___yox4N {
1952
1952
  }
1953
- .ToggleButton-module__hop-ToggleButton__text___bs6w2 {
1953
+ .ToggleButton-module__hop-ToggleButton__text___6eUcY {
1954
1954
  }
1955
- .ToggleButton-module__hop-ToggleButton__end-icon___82MdU,
1956
- .ToggleButton-module__hop-ToggleButton__end-icon-list___a46Kf {
1955
+ .ToggleButton-module__hop-ToggleButton__end-icon___oODwI,
1956
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___13u5R {
1957
1957
  }
1958
- .ToggleButton-module__hop-ToggleButton__icon-list___97cD-,
1959
- .ToggleButton-module__hop-ToggleButton__end-icon-list___a46Kf {
1958
+ .ToggleButton-module__hop-ToggleButton__icon-list___yox4N,
1959
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___13u5R {
1960
1960
  }
1961
- .ToggleButton-module__hop-ToggleButton--loading___q4umx.ToggleButton-module__hop-ToggleButton___sNmnM > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___zu-lV) {
1961
+ .ToggleButton-module__hop-ToggleButton--loading___f4ihV.ToggleButton-module__hop-ToggleButton___DUTUO > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___TB-8q) {
1962
1962
  opacity: 0;
1963
1963
  }
1964
1964
 
1965
1965
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1966
- .ErrorMessage-module__hop-ErrorMessage___4UDX8 {
1966
+ .ErrorMessage-module__hop-ErrorMessage___9Uy3R {
1967
1967
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1968
1968
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1969
1969
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1980,13 +1980,13 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1980
1980
  line-height: var(--hop-ErrorMessage-line-height);
1981
1981
  color: var(--hop-ErrorMessage-color);
1982
1982
  }
1983
- .ErrorMessage-module__hop-ErrorMessage__icon___VpJvt {
1983
+ .ErrorMessage-module__hop-ErrorMessage__icon___BXwFE {
1984
1984
  flex: 0 0 auto;
1985
1985
  align-self: flex-start;
1986
1986
  }
1987
1987
 
1988
1988
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1989
- .HelperMessage-module__hop-HelperMessage___SDSZd {
1989
+ .HelperMessage-module__hop-HelperMessage___5zQTX {
1990
1990
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1991
1991
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1992
1992
  display: flex;
@@ -1995,25 +1995,20 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
1995
1995
  box-sizing: border-box;
1996
1996
  color: var(--hop-HelperMessage-color);
1997
1997
  }
1998
- .HelperMessage-module__hop-HelperMessage__icon___MuCyi {
1998
+ .HelperMessage-module__hop-HelperMessage__icon___JzIoK {
1999
1999
  flex: 0 0 auto;
2000
2000
  align-self: flex-start;
2001
2001
  }
2002
2002
 
2003
2003
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
2004
- .Input-module__hop-Input___nPz4k {
2004
+ .Input-module__hop-Input___1unJH {
2005
2005
  --hop-Input-placeholder-font-family: inherit;
2006
2006
  --hop-Input-placeholder-font-size: inherit;
2007
2007
  --hop-Input-placeholder-font-weight: inherit;
2008
2008
  --hop-Input-placeholder-line-height: inherit;
2009
- --hop-Input-placeholder-color: var(--hop-neutral-text-weakest);
2010
- --hop-Input-placeholder-color-disabled: var(--hop-neutral-text-disabled);
2011
2009
  --hop-Input-sm-block-size: 1.875rem;
2012
2010
  --hop-Input-md-block-size: 2.375rem;
2013
- --hop-Input-color: inherit;
2014
- --hop-Input-color-disabled: var(--hop-neutral-text-disabled);
2015
2011
  --hop-Input-background: transparent;
2016
- --hop-Input-background-disabled: var(--hop-neutral-surface-disabled);
2017
2012
  --hop-Input-sm-font-family: var(--hop-body-sm-font-family);
2018
2013
  --hop-Input-sm-font-size: var(--hop-body-sm-font-size);
2019
2014
  --hop-Input-sm-font-weight: var(--hop-body-sm-font-weight);
@@ -2024,13 +2019,12 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2024
2019
  --hop-Input-md-line-height: var(--hop-body-md-line-height);
2025
2020
  --hop-Input-inline-size: 100%;
2026
2021
  --hop-Input-min-inline-size: 0;
2027
- --input-placeholder-color: var(--hop-Input-placeholder-color);
2028
2022
  --font-family: var(--hop-Input-md-font-family);
2029
2023
  --font-size: var(--hop-Input-md-font-size);
2030
2024
  --font-weight: var(--hop-Input-md-font-weight);
2031
2025
  --line-height: var(--hop-Input-md-line-height);
2032
2026
  --block-size: var(--hop-Input-md-block-size);
2033
- --color: var(--hop-Input-color);
2027
+ --color: var(--hop-comp-field-text-color);
2034
2028
  --background-color: var(--hop-Input-background);
2035
2029
  overflow: hidden;
2036
2030
  flex-grow: 1;
@@ -2049,46 +2043,38 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2049
2043
  border: 0;
2050
2044
  outline-style: none;
2051
2045
  }
2052
- .Input-module__hop-Input--sm___ocGrF {
2046
+ .Input-module__hop-Input--sm___qTUUq {
2053
2047
  --font-family: var(--hop-Input-sm-font-family);
2054
2048
  --font-size: var(--hop-Input-sm-font-size);
2055
2049
  --font-weight: var(--hop-Input-sm-font-weight);
2056
2050
  --line-height: var(--hop-Input-sm-line-height);
2057
2051
  --block-size: var(--hop-Input-sm-block-size);
2058
2052
  }
2059
- .Input-module__hop-Input___nPz4k::placeholder {
2053
+ .Input-module__hop-Input___1unJH::placeholder {
2060
2054
  font-family: var(--hop-Input-placeholder-font-family);
2061
2055
  font-size: var(--hop-Input-placeholder-font-size);
2062
2056
  font-weight: var(--hop-Input-placeholder-font-weight);
2063
2057
  line-height: var(--hop-Input-placeholder-line-height);
2064
- color: var(--input-placeholder-color);
2058
+ color: var(--hop-comp-field-placeholder-color);
2065
2059
  }
2066
- .Input-module__hop-Input___nPz4k[data-disabled] {
2067
- --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
2068
- --color: var(--hop-Input-color-disabled);
2069
- --background-color: var(--hop-Input-background-disabled);
2060
+ .Input-module__hop-Input___1unJH[data-disabled]::placeholder {
2061
+ color: var(--hop-comp-field-text-color-disabled);
2062
+ }
2063
+ .Input-module__hop-Input___1unJH[data-disabled] {
2064
+ --color: var(--hop-comp-field-text-color-disabled);
2065
+ --background-color: var(--hop-comp-field-background-color-disabled);
2070
2066
  }
2071
2067
 
2072
2068
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2073
- .InputGroup-module__hop-InputGroup___O0bcp {
2074
- --hop-InputGroup-background: var(--hop-neutral-surface);
2075
- --hop-InputGroup-border-color: var(--hop-neutral-border);
2069
+ .InputGroup-module__hop-InputGroup___IGWSr {
2076
2070
  --hop-InputGroup-border-width: 0.0625rem;
2077
2071
  --hop-InputGroup-gap: var(--hop-space-inline-sm);
2078
2072
  --hop-InputGroup-inline-size: fit-content;
2079
- --hop-InputGroup-border-radius: var(--hop-shape-rounded-md);
2080
2073
  --hop-InputGroup-padding-inline: var(--hop-space-inset-md);
2081
2074
  --hop-InputGroup-padding-block: 0;
2082
- --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
2083
- --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
2084
- --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
2085
- --hop-InputGroup-background-focus: var(--hop-neutral-surface);
2086
- --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
2087
- --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
2088
- --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
2089
2075
  --inline-size: var(--hop-InputGroup-inline-size);
2090
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
2091
- --background: var(--hop-InputGroup-background);
2076
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color);
2077
+ --background: var(--hop-comp-field-background-color);
2092
2078
  position: relative;
2093
2079
  display: inline-flex;
2094
2080
  flex-direction: row;
@@ -2100,32 +2086,31 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2100
2086
  padding-inline: var(--hop-InputGroup-padding-inline);
2101
2087
  background: var(--background);
2102
2088
  border: var(--border);
2103
- border-radius: var(--hop-InputGroup-border-radius);
2089
+ border-radius: var(--hop-comp-field-border-radius);
2104
2090
  }
2105
- .InputGroup-module__hop-InputGroup--fluid___63J7b {
2091
+ .InputGroup-module__hop-InputGroup--fluid___Hy5qD {
2106
2092
  --inline-size: 100%;
2107
2093
  }
2108
- .InputGroup-module__hop-InputGroup___O0bcp[data-hovered] {
2109
- --background: var(--hop-InputGroup-background-hover);
2110
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2094
+ .InputGroup-module__hop-InputGroup___IGWSr[data-hovered] {
2095
+ --background: var(--hop-comp-field-background-color-hover);
2096
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-hover);
2111
2097
  }
2112
- .InputGroup-module__hop-InputGroup___O0bcp[data-focus-within] {
2113
- --background: var(--hop-InputGroup-background-focus);
2114
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2098
+ .InputGroup-module__hop-InputGroup___IGWSr[data-focus-within] {
2099
+ --background: var(--hop-comp-field-background-color-focus);
2100
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-focus);
2115
2101
  }
2116
- .InputGroup-module__hop-InputGroup___O0bcp[data-invalid] {
2117
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2102
+ .InputGroup-module__hop-InputGroup___IGWSr[data-invalid] {
2103
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-error);
2118
2104
  }
2119
- .InputGroup-module__hop-InputGroup___O0bcp[data-disabled] {
2120
- --background: var(--hop-InputGroup-background-disabled);
2121
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
2105
+ .InputGroup-module__hop-InputGroup___IGWSr[data-disabled] {
2106
+ --background: var(--hop-comp-field-background-color-disabled);
2107
+ --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-disabled);
2122
2108
  }
2123
2109
 
2124
2110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2125
- .SearchField-module__hop-SearchField___IrDJs {
2111
+ .SearchField-module__hop-SearchField___MSQtp {
2126
2112
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2127
2113
  --hop-SearchField-inline-size: 20rem;
2128
- --hop-SearchField-color: var(--hop-neutral-text-weak);
2129
2114
  --hop-SearchField-padding: var(--hop-space-inset-md);
2130
2115
  --inline-size: var(--hop-SearchField-inline-size);
2131
2116
  --input-group-padding-inline-end: var(--hop-SearchField-padding);
@@ -2137,33 +2122,33 @@ button.CloseButton-module__hop-CloseButton___nyeOo {
2137
2122
  inline-size: var(--inline-size);
2138
2123
  max-inline-size: 100%;
2139
2124
  }
2140
- .SearchField-module__hop-SearchField--fluid___c-TqZ {
2125
+ .SearchField-module__hop-SearchField--fluid___2XbXJ {
2141
2126
  --inline-size: 100%;
2142
2127
  }
2143
- .SearchField-module__hop-SearchField__Label___kQVlB {
2128
+ .SearchField-module__hop-SearchField__Label___LrfGm {
2144
2129
  order: 0;
2145
2130
  }
2146
- .SearchField-module__hop-SearchField__prefix___F6SBp {
2147
- color: var(--hop-SearchField-color);
2131
+ .SearchField-module__hop-SearchField__prefix___PCvFA {
2132
+ color: var(--hop-comp-field-prefill-color);
2148
2133
  }
2149
- .SearchField-module__hop-SearchField__InputGroup___kDagA {
2134
+ .SearchField-module__hop-SearchField__InputGroup___qr1L7 {
2150
2135
  order: 1;
2151
2136
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2152
2137
  }
2153
- .SearchField-module__hop-SearchField--clearable___OWTpZ {
2138
+ .SearchField-module__hop-SearchField--clearable___or0DI {
2154
2139
  --input-group-padding-inline-end: 0;
2155
2140
  }
2156
- .SearchField-module__hop-SearchField__ErrorMessage___uAnYf,
2157
- .SearchField-module__hop-SearchField__HelperMessage___SIMAT {
2141
+ .SearchField-module__hop-SearchField__ErrorMessage___-531G,
2142
+ .SearchField-module__hop-SearchField__HelperMessage___bEEhs {
2158
2143
  order: 3;
2159
2144
  }
2160
- .SearchField-module__hop-SearchField___IrDJs input::-webkit-search-cancel-button,
2161
- .SearchField-module__hop-SearchField___IrDJs input::-webkit-search-decoration {
2145
+ .SearchField-module__hop-SearchField___MSQtp input::-webkit-search-cancel-button,
2146
+ .SearchField-module__hop-SearchField___MSQtp input::-webkit-search-decoration {
2162
2147
  appearance: none;
2163
2148
  }
2164
- .SearchField-module__hop-SearchField___IrDJs[data-empty] {
2149
+ .SearchField-module__hop-SearchField___MSQtp[data-empty] {
2165
2150
  --clear-button-display: none;
2166
2151
  }
2167
- .SearchField-module__hop-SearchField__ClearButton___swMxQ {
2152
+ .SearchField-module__hop-SearchField__ClearButton___FcDxF {
2168
2153
  display: var(--clear-button-display);
2169
2154
  }