@hopper-ui/components 1.11.4 → 1.11.6

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 (358) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +421 -421
  7. package/dist/alert/src/Alert.js +14 -14
  8. package/dist/alert/src/index.css +421 -421
  9. package/dist/alert/src/index.js +14 -14
  10. package/dist/avatar/src/AnonymousAvatar.css +50 -50
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +70 -70
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +69 -69
  15. package/dist/avatar/src/AvatarGroup.js +5 -5
  16. package/dist/avatar/src/BrokenAvatar.css +50 -50
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +50 -50
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +50 -50
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +101 -101
  23. package/dist/avatar/src/index.js +10 -10
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +48 -48
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +63 -63
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/box/src/Box.d.ts +22 -0
  31. package/dist/box/src/Box.js +2 -0
  32. package/dist/box/src/index.d.ts +3 -0
  33. package/dist/box/src/index.js +2 -0
  34. package/dist/buttons/src/Button.css +109 -109
  35. package/dist/buttons/src/Button.js +6 -6
  36. package/dist/buttons/src/ButtonGroup.css +49 -49
  37. package/dist/buttons/src/ButtonGroup.js +2 -2
  38. package/dist/buttons/src/ClearButton.css +109 -109
  39. package/dist/buttons/src/ClearButton.js +2 -2
  40. package/dist/buttons/src/CloseButton.css +110 -110
  41. package/dist/buttons/src/CloseButton.js +8 -8
  42. package/dist/buttons/src/EmbeddedButton.css +109 -109
  43. package/dist/buttons/src/EmbeddedButton.js +1 -1
  44. package/dist/buttons/src/LinkButton.css +119 -119
  45. package/dist/buttons/src/LinkButton.js +6 -6
  46. package/dist/buttons/src/ToggleButton.css +146 -146
  47. package/dist/buttons/src/ToggleButton.js +4 -4
  48. package/dist/buttons/src/index.css +369 -369
  49. package/dist/buttons/src/index.js +15 -15
  50. package/dist/callout/src/Callout.css +381 -381
  51. package/dist/callout/src/Callout.js +10 -10
  52. package/dist/callout/src/CompactCallout.css +418 -418
  53. package/dist/callout/src/CompactCallout.js +10 -10
  54. package/dist/callout/src/index.css +430 -430
  55. package/dist/callout/src/index.js +11 -11
  56. package/dist/card/src/Card.css +41 -41
  57. package/dist/card/src/Card.js +1 -1
  58. package/dist/card/src/index.css +41 -41
  59. package/dist/card/src/index.js +1 -1
  60. package/dist/checkbox/src/Checkbox.css +57 -57
  61. package/dist/checkbox/src/Checkbox.js +4 -4
  62. package/dist/checkbox/src/CheckboxField.css +44 -44
  63. package/dist/checkbox/src/CheckboxField.js +4 -4
  64. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  65. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  66. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  67. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  68. package/dist/checkbox/src/index.css +109 -109
  69. package/dist/checkbox/src/index.js +12 -12
  70. package/dist/{chunk-AASD5O2H.js → chunk-22IXSQY3.js} +1 -1
  71. package/dist/{chunk-E73ECJJ2.js → chunk-22SLOS3X.js} +3 -3
  72. package/dist/{chunk-BBQLMCOP.js → chunk-2BFKILO7.js} +1 -1
  73. package/dist/{chunk-Q7DEZIZM.js → chunk-2H2Z5OYR.js} +2 -2
  74. package/dist/{chunk-KKCJDUP2.js → chunk-2SV4ANHE.js} +1 -1
  75. package/dist/{chunk-SUSNAAIC.js → chunk-2X4ZEMEE.js} +2 -2
  76. package/dist/{chunk-UHLXZHV7.js → chunk-2YU3GYGO.js} +11 -11
  77. package/dist/{chunk-LHODDKQT.js → chunk-3N4DTJQV.js} +2 -2
  78. package/dist/{chunk-YFMZ35Y5.js → chunk-3WXG6WLZ.js} +1 -1
  79. package/dist/{chunk-OA3DE5UU.js → chunk-4JBAAI7K.js} +6 -6
  80. package/dist/{chunk-ZPVRZI3U.js → chunk-5HC2XS4G.js} +3 -3
  81. package/dist/{chunk-HQVPTFCH.js → chunk-5LV5GUDG.js} +2 -2
  82. package/dist/{chunk-B6ITNBWB.js → chunk-5QXO3ZCE.js} +3 -3
  83. package/dist/{chunk-XAAQSJOF.js → chunk-63NMBNTL.js} +2 -2
  84. package/dist/{chunk-RWF4YURE.js → chunk-66QGZRML.js} +3 -3
  85. package/dist/chunk-6GFTT44M.js +36 -0
  86. package/dist/{chunk-TUFBJDKN.js → chunk-6RIGSKED.js} +2 -2
  87. package/dist/{chunk-UEHNC4LO.js → chunk-6SECHTJT.js} +5 -5
  88. package/dist/{chunk-6V322ALM.js → chunk-6SEPL2HA.js} +2 -2
  89. package/dist/{chunk-PV3MBALP.js → chunk-6UV44ULO.js} +2 -2
  90. package/dist/{chunk-U2YRZOG4.js → chunk-6VUY7AI5.js} +8 -8
  91. package/dist/{chunk-5N4QPVTX.js → chunk-7BSDVXVO.js} +5 -5
  92. package/dist/{chunk-KHR3PB5F.js → chunk-7YIQT5PT.js} +4 -4
  93. package/dist/{chunk-J27WLHNN.js → chunk-7YXK3YD7.js} +3 -3
  94. package/dist/{chunk-LF3TO6EB.js → chunk-AAU4XEOZ.js} +2 -2
  95. package/dist/{chunk-QI3WHDF2.js → chunk-ABYHPLE6.js} +2 -2
  96. package/dist/{chunk-SJ5L2YG6.js → chunk-AECNTKI5.js} +4 -4
  97. package/dist/{chunk-I2E3PCDA.js → chunk-AJ4YJRAF.js} +2 -2
  98. package/dist/{chunk-JBXV4CBL.js → chunk-CAAWGJ3E.js} +2 -2
  99. package/dist/{chunk-447OYGVO.js → chunk-CHXTDO6V.js} +1 -1
  100. package/dist/{chunk-VWYU5YJF.js → chunk-D45IBLEN.js} +4 -4
  101. package/dist/{chunk-ASB3UUYD.js → chunk-DZISIJBH.js} +2 -2
  102. package/dist/{chunk-FJZCV5LR.js → chunk-E2NTCQTF.js} +4 -4
  103. package/dist/{chunk-CDBWQAVA.js → chunk-EX6SQBMW.js} +2 -2
  104. package/dist/{chunk-WST6H7IM.js → chunk-EZCEQ2EA.js} +1 -1
  105. package/dist/{chunk-4UFREDKI.js → chunk-F6DU6RRL.js} +2 -2
  106. package/dist/{chunk-HBFFVEXF.js → chunk-FNB672HX.js} +1 -1
  107. package/dist/{chunk-OGKAANJS.js → chunk-GF6ES4KL.js} +2 -2
  108. package/dist/{chunk-TVHBX4WW.js → chunk-GFMVUSQD.js} +1 -1
  109. package/dist/{chunk-2AZO2WSO.js → chunk-GW5IVTPM.js} +1 -1
  110. package/dist/{chunk-CHQWRBRS.js → chunk-HAWTRLZB.js} +1 -1
  111. package/dist/{chunk-4CMIVUEL.js → chunk-I6E2SD5U.js} +3 -3
  112. package/dist/{chunk-LYI6RISI.js → chunk-JICZ56YV.js} +5 -5
  113. package/dist/{chunk-7TKULMCF.js → chunk-JOXHSNGR.js} +1 -1
  114. package/dist/{chunk-XUIUBHTV.js → chunk-K4ZTPM5D.js} +2 -2
  115. package/dist/{chunk-QZEGNZO5.js → chunk-K6YF4SPK.js} +12 -12
  116. package/dist/{chunk-G45CUDOF.js → chunk-KCUOCCTV.js} +2 -2
  117. package/dist/{chunk-QOU6TVUI.js → chunk-LCB3SITJ.js} +2 -2
  118. package/dist/{chunk-5JYPRFCG.js → chunk-MF4IVYPQ.js} +8 -8
  119. package/dist/{chunk-QOQN54EV.js → chunk-NAKLRW4U.js} +6 -6
  120. package/dist/{chunk-F5F5XQTW.js → chunk-NRWXZUTB.js} +7 -7
  121. package/dist/{chunk-TFQPCLGS.js → chunk-NUFXB2QQ.js} +3 -3
  122. package/dist/{chunk-IRQLWCMI.js → chunk-O2UAWXX3.js} +4 -4
  123. package/dist/{chunk-77M3YWCS.js → chunk-O5UVASQO.js} +1 -1
  124. package/dist/{chunk-CLMAPDZD.js → chunk-O63PBHYU.js} +8 -8
  125. package/dist/{chunk-67NMQM6H.js → chunk-OAAC5K24.js} +2 -2
  126. package/dist/{chunk-2Z3QZTDI.js → chunk-P4XRBRKY.js} +1 -1
  127. package/dist/{chunk-K4GUZQYX.js → chunk-PGKSW2GL.js} +3 -3
  128. package/dist/{chunk-CU3NRAKW.js → chunk-PM7VRMGJ.js} +1 -1
  129. package/dist/{chunk-XNZOWEAF.js → chunk-PUZN5GHM.js} +1 -1
  130. package/dist/{chunk-2Z64GNH6.js → chunk-Q3AHOPZU.js} +1 -1
  131. package/dist/{chunk-B6Y5DU4B.js → chunk-QEH5N7DJ.js} +3 -3
  132. package/dist/{chunk-F5RXQS2B.js → chunk-RTDUZKYB.js} +2 -2
  133. package/dist/{chunk-LP3SAE6T.js → chunk-RU5XOPBT.js} +1 -1
  134. package/dist/{chunk-ZP5OQDJ4.js → chunk-S5IYSWYG.js} +2 -2
  135. package/dist/{chunk-7DLQFGGB.js → chunk-T6ZYQPO2.js} +2 -2
  136. package/dist/{chunk-IRRXYSOZ.js → chunk-TGJAPV7D.js} +2 -2
  137. package/dist/{chunk-GBIQTHDG.js → chunk-TMGKDYIV.js} +3 -3
  138. package/dist/{chunk-QSDRZJKP.js → chunk-TNAMFBZO.js} +2 -2
  139. package/dist/{chunk-FUM7YRHY.js → chunk-U2OWQ6WH.js} +1 -1
  140. package/dist/{chunk-HTUPLSG6.js → chunk-U4LJU6U3.js} +3 -3
  141. package/dist/{chunk-K4QYLOHS.js → chunk-V2F5FIX6.js} +2 -2
  142. package/dist/{chunk-AUUV2J3W.js → chunk-VGOY2ZYW.js} +1 -1
  143. package/dist/{chunk-AWDPUMXG.js → chunk-VJJGLEVM.js} +1 -1
  144. package/dist/{chunk-6BLTB4WH.js → chunk-VJVQQ52Y.js} +2 -2
  145. package/dist/{chunk-NQAW4SBS.js → chunk-W5YQNARC.js} +3 -3
  146. package/dist/{chunk-5SL2VDAG.js → chunk-W6Z2TNS2.js} +2 -2
  147. package/dist/{chunk-ID2W6FYO.js → chunk-XENGGKO3.js} +1 -1
  148. package/dist/{chunk-CCL4HE3W.js → chunk-XVKASYT3.js} +5 -5
  149. package/dist/{chunk-YRWJQXJR.js → chunk-XYXEM5QI.js} +11 -11
  150. package/dist/{chunk-YRBU3FWJ.js → chunk-Y5SZUV3X.js} +1 -1
  151. package/dist/{chunk-7LK4BSG7.js → chunk-YA3HNC6W.js} +2 -2
  152. package/dist/{chunk-CLYZBE43.js → chunk-YYVW2ROH.js} +1 -1
  153. package/dist/{chunk-WFWZNU5F.js → chunk-Z4GZJSF5.js} +1 -1
  154. package/dist/{chunk-MEAX6S35.js → chunk-Z5L6LQ7O.js} +1 -1
  155. package/dist/{chunk-HLJMYSBU.js → chunk-ZFLA5XJY.js} +1 -1
  156. package/dist/{chunk-LRCDO7HC.js → chunk-ZJAJBV7L.js} +1 -1
  157. package/dist/{chunk-O7Q3QR6K.js → chunk-ZXLFFSAM.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +798 -796
  159. package/dist/combobox/src/ComboBox.js +24 -24
  160. package/dist/combobox/src/index.css +798 -796
  161. package/dist/combobox/src/index.js +24 -24
  162. package/dist/contextual-help/src/ContextualHelp.css +719 -719
  163. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  164. package/dist/contextual-help/src/index.css +719 -719
  165. package/dist/contextual-help/src/index.js +4 -4
  166. package/dist/disclosure/src/Disclosure.css +48 -48
  167. package/dist/disclosure/src/Disclosure.js +2 -2
  168. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  169. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  170. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  171. package/dist/disclosure/src/DisclosurePanel.js +4 -4
  172. package/dist/disclosure/src/index.css +73 -73
  173. package/dist/disclosure/src/index.js +8 -8
  174. package/dist/divider/src/Divider.css +40 -40
  175. package/dist/divider/src/Divider.js +1 -1
  176. package/dist/divider/src/index.css +40 -40
  177. package/dist/divider/src/index.js +1 -1
  178. package/dist/error-message/src/ErrorMessage.css +40 -40
  179. package/dist/error-message/src/ErrorMessage.js +2 -2
  180. package/dist/error-message/src/index.css +40 -40
  181. package/dist/error-message/src/index.js +2 -2
  182. package/dist/form/src/Form.css +38 -38
  183. package/dist/form/src/Form.js +1 -1
  184. package/dist/form/src/index.css +38 -38
  185. package/dist/form/src/index.js +1 -1
  186. package/dist/header/src/Header.css +38 -38
  187. package/dist/header/src/index.css +38 -38
  188. package/dist/helper-message/src/HelperMessage.css +40 -40
  189. package/dist/helper-message/src/HelperMessage.js +2 -2
  190. package/dist/helper-message/src/index.css +40 -40
  191. package/dist/helper-message/src/index.js +2 -2
  192. package/dist/icon-list/src/IconList.css +39 -39
  193. package/dist/icon-list/src/IconList.js +1 -1
  194. package/dist/icon-list/src/index.css +39 -39
  195. package/dist/icon-list/src/index.js +1 -1
  196. package/dist/illustrated-message/src/IllustratedMessage.css +394 -394
  197. package/dist/illustrated-message/src/IllustratedMessage.js +3 -3
  198. package/dist/illustrated-message/src/index.css +394 -394
  199. package/dist/illustrated-message/src/index.js +3 -3
  200. package/dist/illustration/src/Illustration.css +47 -47
  201. package/dist/illustration/src/Illustration.js +2 -2
  202. package/dist/illustration/src/index.css +47 -47
  203. package/dist/illustration/src/index.js +2 -2
  204. package/dist/image/src/Image.css +41 -41
  205. package/dist/image/src/Image.js +1 -1
  206. package/dist/image/src/SvgImage.css +39 -39
  207. package/dist/image/src/SvgImage.js +1 -1
  208. package/dist/image/src/index.css +42 -42
  209. package/dist/image/src/index.js +2 -2
  210. package/dist/index.css +1152 -1150
  211. package/dist/index.d.ts +1 -0
  212. package/dist/index.js +114 -113
  213. package/dist/inputs/src/Input.css +42 -42
  214. package/dist/inputs/src/Input.js +1 -1
  215. package/dist/inputs/src/InputGroup.css +46 -44
  216. package/dist/inputs/src/InputGroup.js +1 -1
  217. package/dist/inputs/src/NumberField.css +70 -68
  218. package/dist/inputs/src/NumberField.js +10 -10
  219. package/dist/inputs/src/PasswordField.css +391 -389
  220. package/dist/inputs/src/PasswordField.js +10 -10
  221. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  222. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  223. package/dist/inputs/src/SearchField.css +397 -395
  224. package/dist/inputs/src/SearchField.js +11 -11
  225. package/dist/inputs/src/TextArea.css +67 -65
  226. package/dist/inputs/src/TextArea.js +9 -9
  227. package/dist/inputs/src/TextField.css +395 -393
  228. package/dist/inputs/src/TextField.js +14 -14
  229. package/dist/inputs/src/index.css +443 -441
  230. package/dist/inputs/src/index.js +20 -20
  231. package/dist/layout/src/Content.css +38 -38
  232. package/dist/layout/src/Footer.css +38 -38
  233. package/dist/link/src/Link.css +77 -77
  234. package/dist/link/src/Link.js +3 -3
  235. package/dist/link/src/index.css +77 -77
  236. package/dist/link/src/index.js +3 -3
  237. package/dist/list-box/src/ListBox.css +320 -320
  238. package/dist/list-box/src/ListBox.js +8 -8
  239. package/dist/list-box/src/ListBoxItem.css +308 -308
  240. package/dist/list-box/src/ListBoxItem.js +6 -6
  241. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  242. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  243. package/dist/list-box/src/index.css +320 -320
  244. package/dist/list-box/src/index.js +9 -9
  245. package/dist/menu/src/Menu.css +721 -721
  246. package/dist/menu/src/Menu.js +3 -3
  247. package/dist/menu/src/MenuItem.css +125 -125
  248. package/dist/menu/src/MenuItem.js +2 -2
  249. package/dist/menu/src/MenuSection.css +40 -40
  250. package/dist/menu/src/MenuSection.js +1 -1
  251. package/dist/menu/src/index.css +746 -746
  252. package/dist/menu/src/index.js +7 -7
  253. package/dist/modal/src/BaseModal.css +53 -53
  254. package/dist/modal/src/BaseModal.js +2 -2
  255. package/dist/modal/src/CustomModal.css +54 -54
  256. package/dist/modal/src/CustomModal.js +3 -3
  257. package/dist/modal/src/Modal.css +411 -411
  258. package/dist/modal/src/Modal.js +12 -12
  259. package/dist/modal/src/index.css +412 -412
  260. package/dist/modal/src/index.js +13 -13
  261. package/dist/overlays/popover/src/Popover.css +713 -713
  262. package/dist/overlays/popover/src/Popover.js +2 -2
  263. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  264. package/dist/overlays/popover/src/PopoverBase.d.ts +1 -1
  265. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  266. package/dist/overlays/popover/src/index.css +716 -716
  267. package/dist/overlays/popover/src/index.js +3 -3
  268. package/dist/radio/src/DecorativeRadio.css +65 -65
  269. package/dist/radio/src/DecorativeRadio.js +3 -3
  270. package/dist/radio/src/Radio.css +57 -57
  271. package/dist/radio/src/Radio.js +3 -3
  272. package/dist/radio/src/RadioField.css +44 -44
  273. package/dist/radio/src/RadioField.js +2 -2
  274. package/dist/radio/src/RadioGroup.css +109 -109
  275. package/dist/radio/src/RadioGroup.js +7 -7
  276. package/dist/radio/src/index.css +109 -109
  277. package/dist/radio/src/index.js +11 -11
  278. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  279. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  280. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  281. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  282. package/dist/segmented-control/src/index.css +54 -54
  283. package/dist/segmented-control/src/index.js +3 -3
  284. package/dist/select/src/Select.css +740 -740
  285. package/dist/select/src/Select.js +22 -22
  286. package/dist/select/src/SelectValue.css +107 -107
  287. package/dist/select/src/SelectValue.js +2 -2
  288. package/dist/select/src/index.css +740 -740
  289. package/dist/select/src/index.js +22 -22
  290. package/dist/spinner/src/Spinner.css +48 -48
  291. package/dist/spinner/src/Spinner.js +2 -2
  292. package/dist/spinner/src/index.css +48 -48
  293. package/dist/spinner/src/index.js +2 -2
  294. package/dist/switch/src/Switch.css +54 -54
  295. package/dist/switch/src/Switch.js +3 -3
  296. package/dist/switch/src/SwitchField.css +44 -44
  297. package/dist/switch/src/SwitchField.js +3 -3
  298. package/dist/switch/src/index.css +60 -60
  299. package/dist/switch/src/index.js +5 -5
  300. package/dist/tabs/src/Tab.css +567 -567
  301. package/dist/tabs/src/Tab.js +2 -2
  302. package/dist/tabs/src/TabLine.css +40 -40
  303. package/dist/tabs/src/TabLine.js +1 -1
  304. package/dist/tabs/src/TabList.css +45 -45
  305. package/dist/tabs/src/TabList.js +2 -2
  306. package/dist/tabs/src/TabPanel.css +40 -40
  307. package/dist/tabs/src/TabPanel.js +1 -1
  308. package/dist/tabs/src/index.css +576 -576
  309. package/dist/tabs/src/index.js +6 -6
  310. package/dist/tag/src/Tag.css +545 -545
  311. package/dist/tag/src/Tag.js +7 -7
  312. package/dist/tag/src/TagGroup.css +48 -48
  313. package/dist/tag/src/TagGroup.js +7 -7
  314. package/dist/tag/src/index.css +555 -555
  315. package/dist/tag/src/index.js +12 -12
  316. package/dist/tile/src/Tile.css +47 -47
  317. package/dist/tile/src/Tile.js +2 -2
  318. package/dist/tile/src/TileGroup.css +39 -39
  319. package/dist/tile/src/TileGroup.js +2 -2
  320. package/dist/tile/src/index.css +48 -48
  321. package/dist/tile/src/index.js +4 -4
  322. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  323. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  324. package/dist/toggle-arrow/src/index.css +40 -40
  325. package/dist/toggle-arrow/src/index.js +1 -1
  326. package/dist/tooltip/src/Tooltip.css +52 -52
  327. package/dist/tooltip/src/Tooltip.js +3 -3
  328. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  329. package/dist/tooltip/src/index.css +52 -52
  330. package/dist/tooltip/src/index.js +4 -4
  331. package/dist/typography/heading/src/Heading.css +38 -38
  332. package/dist/typography/heading/src/Heading.js +1 -1
  333. package/dist/typography/heading/src/index.css +38 -38
  334. package/dist/typography/heading/src/index.js +1 -1
  335. package/dist/typography/label/src/FieldLabel.css +38 -38
  336. package/dist/typography/label/src/FieldLabel.js +3 -3
  337. package/dist/typography/label/src/Label.css +38 -38
  338. package/dist/typography/label/src/Label.js +1 -1
  339. package/dist/typography/label/src/index.css +38 -38
  340. package/dist/typography/label/src/index.js +3 -3
  341. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  342. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  343. package/dist/typography/overline-text/src/index.css +38 -38
  344. package/dist/typography/overline-text/src/index.js +1 -1
  345. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  346. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  347. package/dist/typography/paragraph/src/index.css +38 -38
  348. package/dist/typography/paragraph/src/index.js +2 -2
  349. package/dist/typography/text/src/Text.css +38 -38
  350. package/dist/typography/text/src/Text.js +1 -1
  351. package/dist/typography/text/src/index.css +38 -38
  352. package/dist/typography/text/src/index.js +1 -1
  353. package/dist/utils/src/ClearSlots.css +38 -38
  354. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  355. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  356. package/dist/utils/src/index.css +38 -38
  357. package/dist/utils/src/index.js +2 -2
  358. package/package.json +5 -4
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___5Y4Cl {
2
+ .Heading-module__hop-Heading___1l3Sq {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___5Y4Cl) {
36
+ :where(.Heading-module__hop-Heading___1l3Sq) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___qZQh5) {
44
+ :where(.Heading-module__hop-Heading--xs___ph9tX) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___U4fhh) {
50
+ :where(.Heading-module__hop-Heading--sm___wspj-) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___HnHVl) {
56
+ :where(.Heading-module__hop-Heading--md___K43e-) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___xVhkf) {
62
+ :where(.Heading-module__hop-Heading--lg___tItol) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___LqMB5) {
68
+ :where(.Heading-module__hop-Heading--xl___HQrtf) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___8O223) {
74
+ :where(.Heading-module__hop-Heading--2xl___KjBiJ) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___blpW-) {
80
+ :where(.Heading-module__hop-Heading--3xl___lul2I) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___m3G1h {
88
+ .Form-module__hop-Form___3F8Tf {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___YcK9z {
95
+ .Label-module__hop-Label___EY3Hi {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___YcK9z) {
102
+ :where(.Label-module__hop-Label___EY3Hi) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___6r97y {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___G-VbQ {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___NnBiX {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___MkH5g {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___7zEzn) {
121
+ :where(.OverlineText-module__hop-OverlineText___jFkGi) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___N-YnI {
145
+ .OverlineText-module__hop-OverlineText__text___WyQK7 {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___N-YnI::before,
149
- .OverlineText-module__hop-OverlineText__text___N-YnI::after {
148
+ .OverlineText-module__hop-OverlineText__text___WyQK7::before,
149
+ .OverlineText-module__hop-OverlineText__text___WyQK7::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___N-YnI::before {
156
+ .OverlineText-module__hop-OverlineText__text___WyQK7::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___N-YnI::after {
159
+ .OverlineText-module__hop-OverlineText__text___WyQK7::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___6uIyv {
164
+ .Text-module__hop-Text___VQsX6 {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___6uIyv) {
194
+ :where(.Text-module__hop-Text___VQsX6) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___YI4-V) {
200
+ :where(.Text-module__hop-Text--xs___vYUlW) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___PX4vn) {
206
+ :where(.Text-module__hop-Text--sm___wP7wt) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___ZlmH0) {
212
+ :where(.Text-module__hop-Text--md___scDmS) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___SQTAl) {
218
+ :where(.Text-module__hop-Text--lg___7P-VY) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___Kv7MA) {
224
+ :where(.Text-module__hop-Text--xl___VeC9B) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___guU0F) {
230
+ :where(.Text-module__hop-Text--2xl___SyGRx) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___huyY1) {
236
+ :where(.Text-module__hop-Text--inherit___Tfw2R) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___DLQnP {
244
+ .Paragraph-module__hop-Paragraph___e4Lth {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___DLQnP:last-child {
256
+ .Paragraph-module__hop-Paragraph___e4Lth:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___Ub7v7 {
259
+ .Paragraph-module__hop-Paragraph--xs___aLEtN {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___P-09K {
262
+ .Paragraph-module__hop-Paragraph--sm___a4vzn {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___9HSsu {
265
+ .Paragraph-module__hop-Paragraph--md___e3qK- {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___iQ56z {
268
+ .Paragraph-module__hop-Paragraph--lg___8kYtB {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___nuaV- {
271
+ .Paragraph-module__hop-Paragraph--xl___QsEG4 {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___iDTfQ {
274
+ .Paragraph-module__hop-Paragraph--2xl___Xtsax {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___QiIYT {
277
+ .Paragraph-module__hop-Paragraph--inherit___r2WzU {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
282
- .IconList-module__hop-IconList___QeyVX {
282
+ .IconList-module__hop-IconList___zZf-y {
283
283
  --hop-IconList-gap: var(--hop-space-inline-xs);
284
284
  display: flex;
285
285
  flex-wrap: wrap;
@@ -288,7 +288,7 @@
288
288
  }
289
289
 
290
290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
291
- @keyframes Spinner-module__spin___vdKYH {
291
+ @keyframes Spinner-module__spin___IyyoI {
292
292
  0% {
293
293
  transform: rotate(0deg);
294
294
  }
@@ -296,7 +296,7 @@
296
296
  transform: rotate(360deg);
297
297
  }
298
298
  }
299
- .Spinner-module__hop-Spinner___-3UcE {
299
+ .Spinner-module__hop-Spinner___RJJRD {
300
300
  --hop-Spinner-border-radius: var(--hop-shape-circle);
301
301
  --hop-Spinner-sm-wheel-size: 1rem;
302
302
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -304,7 +304,7 @@
304
304
  --hop-Spinner-track-width: 0.125rem;
305
305
  --hop-Spinner-track-opacity: 0.2;
306
306
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
307
- --hop-Spinner-fill-animation: Spinner-module__spin___vdKYH .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___IyyoI .8s infinite linear;
308
308
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
309
309
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
310
310
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -315,19 +315,19 @@
315
315
  align-items: center;
316
316
  box-sizing: border-box;
317
317
  }
318
- .Spinner-module__hop-Spinner--sm___7wpcb {
318
+ .Spinner-module__hop-Spinner--sm___o7Rgm {
319
319
  --width: var(--hop-Spinner-sm-wheel-size);
320
320
  --height: var(--hop-Spinner-sm-wheel-size);
321
321
  }
322
- .Spinner-module__hop-Spinner--md___MwE-p {
322
+ .Spinner-module__hop-Spinner--md___WpkZT {
323
323
  --width: var(--hop-Spinner-md-wheel-size);
324
324
  --height: var(--hop-Spinner-md-wheel-size);
325
325
  }
326
- .Spinner-module__hop-Spinner--lg___QUz7b {
326
+ .Spinner-module__hop-Spinner--lg___rkwnb {
327
327
  --width: var(--hop-Spinner-lg-wheel-size);
328
328
  --height: var(--hop-Spinner-lg-wheel-size);
329
329
  }
330
- .Spinner-module__hop-Spinner__track___ZLwgk {
330
+ .Spinner-module__hop-Spinner__track___E6FXH {
331
331
  grid-area: spinner;
332
332
  box-sizing: border-box;
333
333
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -336,7 +336,7 @@
336
336
  border: var(--hop-Spinner-track-border);
337
337
  border-radius: var(--hop-Spinner-border-radius);
338
338
  }
339
- .Spinner-module__hop-Spinner__fill___O2nYp {
339
+ .Spinner-module__hop-Spinner__fill___R8aUw {
340
340
  grid-area: spinner;
341
341
  box-sizing: border-box;
342
342
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -347,17 +347,17 @@
347
347
  animation: var(--hop-Spinner-fill-animation);
348
348
  }
349
349
  @media (prefers-reduced-motion: reduce) {
350
- .Spinner-module__hop-Spinner__fill___O2nYp {
350
+ .Spinner-module__hop-Spinner__fill___R8aUw {
351
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
352
352
  }
353
353
  }
354
- .Spinner-module__hop-Spinner__label___FIylF {
354
+ .Spinner-module__hop-Spinner__label___vA8Zm {
355
355
  grid-area: label;
356
356
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
357
357
  }
358
358
 
359
359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
360
- .Button-module__hop-Button___VTMLL {
360
+ .Button-module__hop-Button___UnQsx {
361
361
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
362
362
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
363
363
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -404,9 +404,9 @@
404
404
  --hop-Button-upsell-color: var(--hop-upsell-text);
405
405
  --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
406
406
  --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
407
- --hop-Button-upsell-background-color: var(--hop-upsell-surface);
408
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
409
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
407
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
408
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
409
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
410
410
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
411
411
  --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
412
412
  --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
@@ -484,222 +484,222 @@
484
484
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
485
485
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
486
486
  }
487
- .Button-module__hop-Button--fluid___ua8gz {
487
+ .Button-module__hop-Button--fluid___wSq5L {
488
488
  --inline-size: 100%;
489
489
  }
490
- .Button-module__hop-Button--xs___d73kj {
490
+ .Button-module__hop-Button--xs___jlQkl {
491
491
  --block-size: var(--hop-Button-xs-height);
492
492
  --padding: var(--hop-Button-xs-padding);
493
493
  }
494
- .Button-module__hop-Button--xs___d73kj[class*=--ghost] {
494
+ .Button-module__hop-Button--xs___jlQkl[class*=--ghost] {
495
495
  --padding: var(--hop-Button-ghost-xs-padding);
496
496
  }
497
- .Button-module__hop-Button--sm___jCFfu {
497
+ .Button-module__hop-Button--sm___U3FzH {
498
498
  --block-size: var(--hop-Button-sm-height);
499
499
  --padding: var(--hop-Button-sm-padding);
500
500
  }
501
- .Button-module__hop-Button--sm___jCFfu[class*=--ghost] {
501
+ .Button-module__hop-Button--sm___U3FzH[class*=--ghost] {
502
502
  --padding: var(--hop-Button-ghost-sm-padding);
503
503
  }
504
- .Button-module__hop-Button--md___ojUqX[class*=--ghost] {
504
+ .Button-module__hop-Button--md___LablS[class*=--ghost] {
505
505
  --padding: var(--hop-Button-ghost-md-padding);
506
506
  }
507
- .Button-module__hop-Button--icon-only___9t-Z1 {
507
+ .Button-module__hop-Button--icon-only___Lyum9 {
508
508
  --column-gap: var(--hop-Button-icon-only-column-gap);
509
509
  --padding: var(--hop-Button-icon-only-padding);
510
510
  aspect-ratio: 1;
511
511
  }
512
- .Button-module__hop-Button--primary___z1XDx {
512
+ .Button-module__hop-Button--primary___ocwLe {
513
513
  --background-color: var(--hop-Button-primary-background-color);
514
514
  --color: var(--hop-Button-primary-color);
515
515
  --border: var(--hop-Button-primary-border);
516
516
  --spinner-color: var(--hop-Button-primary-spinner-color);
517
517
  }
518
- .Button-module__hop-Button--primary___z1XDx[data-hovered],
519
- .Button-module__hop-Button--primary___z1XDx[data-focus-visible] {
518
+ .Button-module__hop-Button--primary___ocwLe[data-hovered],
519
+ .Button-module__hop-Button--primary___ocwLe[data-focus-visible] {
520
520
  --background-color: var(--hop-Button-primary-background-color-hover);
521
521
  --color: var(--hop-Button-primary-color-hover);
522
522
  --border: var(--hop-Button-primary-border-hover);
523
523
  }
524
- .Button-module__hop-Button--primary___z1XDx[data-pressed] {
524
+ .Button-module__hop-Button--primary___ocwLe[data-pressed] {
525
525
  --background-color: var(--hop-Button-primary-background-color-pressed);
526
526
  --color: var(--hop-Button-primary-color-pressed);
527
527
  --border: var(--hop-Button-primary-border-pressed);
528
528
  }
529
- .Button-module__hop-Button--secondary___YZJVa {
529
+ .Button-module__hop-Button--secondary___8151t {
530
530
  --background-color: var(--hop-Button-secondary-background-color);
531
531
  --color: var(--hop-Button-secondary-color);
532
532
  --border: var(--hop-Button-secondary-border);
533
533
  --spinner-color: var(--hop-Button-secondary-spinner-color);
534
534
  }
535
- .Button-module__hop-Button--secondary___YZJVa[data-hovered],
536
- .Button-module__hop-Button--secondary___YZJVa[data-focus-visible] {
535
+ .Button-module__hop-Button--secondary___8151t[data-hovered],
536
+ .Button-module__hop-Button--secondary___8151t[data-focus-visible] {
537
537
  --background-color: var(--hop-Button-secondary-background-color-hover);
538
538
  --color: var(--hop-Button-secondary-color-hover);
539
539
  --border: var(--hop-Button-secondary-border-hover);
540
540
  }
541
- .Button-module__hop-Button--secondary___YZJVa[data-pressed] {
541
+ .Button-module__hop-Button--secondary___8151t[data-pressed] {
542
542
  --background-color: var(--hop-Button-secondary-background-color-pressed);
543
543
  --color: var(--hop-Button-secondary-color-pressed);
544
544
  --border: var(--hop-Button-secondary-border-pressed);
545
545
  }
546
- .Button-module__hop-Button--upsell___FOOqJ {
546
+ .Button-module__hop-Button--upsell___YQQFu {
547
547
  --background-color: var(--hop-Button-upsell-background-color);
548
548
  --color: var(--hop-Button-upsell-color);
549
549
  --border: var(--hop-Button-upsell-border);
550
550
  --spinner-color: var(--hop-Button-upsell-spinner-color);
551
551
  }
552
- .Button-module__hop-Button--upsell___FOOqJ[data-hovered],
553
- .Button-module__hop-Button--upsell___FOOqJ[data-focus-visible] {
552
+ .Button-module__hop-Button--upsell___YQQFu[data-hovered],
553
+ .Button-module__hop-Button--upsell___YQQFu[data-focus-visible] {
554
554
  --background-color: var(--hop-Button-upsell-background-color-hover);
555
555
  --color: var(--hop-Button-upsell-color-hover);
556
556
  --border: var(--hop-Button-upsell-border-hover);
557
557
  }
558
- .Button-module__hop-Button--upsell___FOOqJ[data-pressed] {
558
+ .Button-module__hop-Button--upsell___YQQFu[data-pressed] {
559
559
  --background-color: var(--hop-Button-upsell-background-color-pressed);
560
560
  --color: var(--hop-Button-upsell-color-pressed);
561
561
  --border: var(--hop-Button-upsell-border-pressed);
562
562
  }
563
- .Button-module__hop-Button--danger___e5cia {
563
+ .Button-module__hop-Button--danger___Iomsu {
564
564
  --background-color: var(--hop-Button-danger-background-color);
565
565
  --color: var(--hop-Button-danger-color);
566
566
  --border: var(--hop-Button-danger-border);
567
567
  --spinner-color: var(--hop-Button-danger-spinner-color);
568
568
  }
569
- .Button-module__hop-Button--danger___e5cia[data-hovered],
570
- .Button-module__hop-Button--danger___e5cia[data-focus-visible] {
569
+ .Button-module__hop-Button--danger___Iomsu[data-hovered],
570
+ .Button-module__hop-Button--danger___Iomsu[data-focus-visible] {
571
571
  --background-color: var(--hop-Button-danger-background-color-hover);
572
572
  --color: var(--hop-Button-danger-color-hover);
573
573
  --border: var(--hop-Button-danger-border-hover);
574
574
  }
575
- .Button-module__hop-Button--danger___e5cia[data-pressed] {
575
+ .Button-module__hop-Button--danger___Iomsu[data-pressed] {
576
576
  --background-color: var(--hop-Button-danger-background-color-pressed);
577
577
  --color: var(--hop-Button-danger-color-pressed);
578
578
  --border: var(--hop-Button-danger-border-pressed);
579
579
  }
580
- .Button-module__hop-Button--ghost-primary___mK1Ve {
580
+ .Button-module__hop-Button--ghost-primary___b8Ep- {
581
581
  --background-color: var(--hop-Button-ghost-primary-background-color);
582
582
  --color: var(--hop-Button-ghost-primary-color);
583
583
  --border: var(--hop-Button-ghost-primary-border);
584
584
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
585
585
  }
586
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-hovered],
587
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-focus-visible] {
586
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-hovered],
587
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-focus-visible] {
588
588
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
589
589
  --color: var(--hop-Button-ghost-primary-color-hover);
590
590
  --border: var(--hop-Button-ghost-primary-border-hover);
591
591
  --text-underline: underline;
592
592
  }
593
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-pressed] {
593
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-pressed] {
594
594
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
595
595
  --color: var(--hop-Button-ghost-primary-color-pressed);
596
596
  --border: var(--hop-Button-ghost-primary-border-pressed);
597
597
  --text-underline: underline;
598
598
  }
599
- .Button-module__hop-Button--ghost-secondary___VYT1j {
599
+ .Button-module__hop-Button--ghost-secondary___0zRTf {
600
600
  --background-color: var(--hop-Button-ghost-secondary-background-color);
601
601
  --color: var(--hop-Button-ghost-secondary-color);
602
602
  --border: var(--hop-Button-ghost-secondary-border);
603
603
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
604
604
  }
605
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-hovered],
606
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-focus-visible] {
605
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-hovered],
606
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-focus-visible] {
607
607
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
608
608
  --color: var(--hop-Button-ghost-secondary-color-hover);
609
609
  --border: var(--hop-Button-ghost-secondary-border-hover);
610
610
  --text-underline: underline;
611
611
  }
612
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-pressed] {
612
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-pressed] {
613
613
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
614
614
  --color: var(--hop-Button-ghost-secondary-color-pressed);
615
615
  --border: var(--hop-Button-ghost-secondary-border-pressed);
616
616
  --text-underline: underline;
617
617
  }
618
- .Button-module__hop-Button--ghost-danger___WNzZX {
618
+ .Button-module__hop-Button--ghost-danger___xxFfX {
619
619
  --background-color: var(--hop-Button-ghost-danger-background-color);
620
620
  --color: var(--hop-Button-ghost-danger-color);
621
621
  --border: var(--hop-Button-ghost-danger-border);
622
622
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
623
623
  }
624
- .Button-module__hop-Button--ghost-danger___WNzZX[data-hovered],
625
- .Button-module__hop-Button--ghost-danger___WNzZX[data-focus-visible] {
624
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-hovered],
625
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-focus-visible] {
626
626
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
627
627
  --color: var(--hop-Button-ghost-danger-color-hover);
628
628
  --border: var(--hop-Button-ghost-danger-border-hover);
629
629
  --text-underline: underline;
630
630
  }
631
- .Button-module__hop-Button--ghost-danger___WNzZX[data-pressed] {
631
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-pressed] {
632
632
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
633
633
  --color: var(--hop-Button-ghost-danger-color-pressed);
634
634
  --border: var(--hop-Button-ghost-danger-border-pressed);
635
635
  --text-underline: underline;
636
636
  }
637
- .Button-module__hop-Button___VTMLL[data-focus-visible] {
637
+ .Button-module__hop-Button___UnQsx[data-focus-visible] {
638
638
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
639
639
  }
640
- .Button-module__hop-Button___VTMLL[data-disabled],
641
- .Button-module__hop-Button--loading___vHFFb {
640
+ .Button-module__hop-Button___UnQsx[data-disabled],
641
+ .Button-module__hop-Button--loading___uI4Tf {
642
642
  cursor: not-allowed;
643
643
  }
644
- .Button-module__hop-Button___VTMLL[data-disabled] {
644
+ .Button-module__hop-Button___UnQsx[data-disabled] {
645
645
  --background-color: var(--hop-Button-background-color-disabled);
646
646
  --color: var(--hop-Button-color-disabled);
647
647
  --border: var(--hop-Button-border-disabled);
648
648
  }
649
- .Button-module__hop-Button___VTMLL[class*=--ghost][data-disabled] {
649
+ .Button-module__hop-Button___UnQsx[class*=--ghost][data-disabled] {
650
650
  --background-color: var(--hop-Button-ghost-background-color-disabled);
651
651
  --color: var(--hop-Button-ghost-color-disabled);
652
652
  --border: var(--hop-Button-ghost-border-disabled);
653
653
  }
654
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--primary___z1XDx {
654
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--primary___ocwLe {
655
655
  --background-color: var(--hop-Button-primary-background-color);
656
656
  --color: var(--hop-Button-primary-color);
657
657
  --border: var(--hop-Button-primary-border);
658
658
  }
659
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--secondary___YZJVa {
659
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--secondary___8151t {
660
660
  --background-color: var(--hop-Button-secondary-background-color);
661
661
  --color: var(--hop-Button-secondary-color);
662
662
  --border: var(--hop-Button-secondary-border);
663
663
  }
664
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--upsell___FOOqJ {
664
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--upsell___YQQFu {
665
665
  --background-color: var(--hop-Button-upsell-background-color);
666
666
  --color: var(--hop-Button-upsell-color);
667
667
  --border: var(--hop-Button-upsell-border);
668
668
  }
669
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--danger___e5cia {
669
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--danger___Iomsu {
670
670
  --background-color: var(--hop-Button-danger-background-color);
671
671
  --color: var(--hop-Button-danger-color);
672
672
  --border: var(--hop-Button-danger-border);
673
673
  }
674
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-primary___mK1Ve {
674
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-primary___b8Ep- {
675
675
  --background-color: var(--hop-Button-ghost-primary-background-color);
676
676
  --color: var(--hop-Button-ghost-primary-color);
677
677
  --border: var(--hop-Button-ghost-primary-border);
678
678
  --text-underline: none;
679
679
  }
680
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-secondary___VYT1j {
680
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-secondary___0zRTf {
681
681
  --background-color: var(--hop-Button-ghost-secondary-background-color);
682
682
  --color: var(--hop-Button-ghost-secondary-color);
683
683
  --border: var(--hop-Button-ghost-secondary-border);
684
684
  --text-underline: none;
685
685
  }
686
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-danger___WNzZX {
686
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-danger___xxFfX {
687
687
  --background-color: var(--hop-Button-ghost-danger-background-color);
688
688
  --color: var(--hop-Button-ghost-danger-color);
689
689
  --border: var(--hop-Button-ghost-danger-border);
690
690
  --text-underline: none;
691
691
  }
692
- .Button-module__hop-Button__Spinner___emNUG {
692
+ .Button-module__hop-Button__Spinner___i03yi {
693
693
  position: absolute;
694
694
  color: var(--spinner-color);
695
695
  }
696
- .Button-module__hop-Button__icon___i6XNW,
697
- .Button-module__hop-Button__icon-list___4U5L7 {
696
+ .Button-module__hop-Button__icon___53pYr,
697
+ .Button-module__hop-Button__icon-list___blWYe {
698
698
  flex: 0 0 auto;
699
699
  justify-self: end;
700
700
  order: 1;
701
701
  }
702
- .Button-module__hop-Button__text___Mt6gK {
702
+ .Button-module__hop-Button__text___nKUCx {
703
703
  user-select: none;
704
704
  overflow: visible;
705
705
  flex: 0 1 auto;
@@ -709,60 +709,60 @@
709
709
  text-underline-offset: 0.125rem;
710
710
  text-wrap: nowrap;
711
711
  }
712
- .Button-module__hop-Button__end-icon___u3qGR,
713
- .Button-module__hop-Button__end-icon-list___tLUxp {
712
+ .Button-module__hop-Button__end-icon___axJ1P,
713
+ .Button-module__hop-Button__end-icon-list___RWUuf {
714
714
  flex: 0 0 auto;
715
715
  order: 3;
716
716
  }
717
- .Button-module__hop-Button___VTMLL .Button-module__hop-Button__icon-list___4U5L7,
718
- .Button-module__hop-Button___VTMLL .Button-module__hop-Button__end-icon-list___tLUxp {
717
+ .Button-module__hop-Button___UnQsx .Button-module__hop-Button__icon-list___blWYe,
718
+ .Button-module__hop-Button___UnQsx .Button-module__hop-Button__end-icon-list___RWUuf {
719
719
  flex-wrap: nowrap;
720
720
  }
721
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button___VTMLL > *:not(.Button-module__hop-Button__Spinner___emNUG) {
721
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button___UnQsx > *:not(.Button-module__hop-Button__Spinner___i03yi) {
722
722
  opacity: 0;
723
723
  }
724
724
 
725
725
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
726
- .ButtonGroup-module__hop-ButtonGroup___WDcbx {
726
+ .ButtonGroup-module__hop-ButtonGroup___wd1WN {
727
727
  display: inline-flex;
728
728
  flex-wrap: nowrap;
729
729
  gap: var(--hop-space-inline-md);
730
730
  }
731
- .ButtonGroup-module__hop-ButtonGroup--horizontal___EdQc8 {
731
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___7idvZ {
732
732
  align-items: center;
733
733
  }
734
- .ButtonGroup-module__hop-ButtonGroup--vertical___If8Ba {
734
+ .ButtonGroup-module__hop-ButtonGroup--vertical___yuNds {
735
735
  flex-direction: column;
736
736
  gap: var(--hop-space-stack-md);
737
737
  justify-content: center;
738
738
  }
739
- .ButtonGroup-module__hop-ButtonGroup--start___R3D7S.ButtonGroup-module__hop-ButtonGroup--vertical___If8Ba {
739
+ .ButtonGroup-module__hop-ButtonGroup--start___Wumtf.ButtonGroup-module__hop-ButtonGroup--vertical___yuNds {
740
740
  align-items: flex-start;
741
741
  }
742
- .ButtonGroup-module__hop-ButtonGroup--center___YtVNZ.ButtonGroup-module__hop-ButtonGroup--vertical___If8Ba {
742
+ .ButtonGroup-module__hop-ButtonGroup--center___eyzCp.ButtonGroup-module__hop-ButtonGroup--vertical___yuNds {
743
743
  align-items: center;
744
744
  }
745
- .ButtonGroup-module__hop-ButtonGroup--end___0UqI4.ButtonGroup-module__hop-ButtonGroup--vertical___If8Ba {
745
+ .ButtonGroup-module__hop-ButtonGroup--end___B-2x-.ButtonGroup-module__hop-ButtonGroup--vertical___yuNds {
746
746
  align-items: flex-end;
747
747
  }
748
- .ButtonGroup-module__hop-ButtonGroup--start___R3D7S.ButtonGroup-module__hop-ButtonGroup--horizontal___EdQc8 {
748
+ .ButtonGroup-module__hop-ButtonGroup--start___Wumtf.ButtonGroup-module__hop-ButtonGroup--horizontal___7idvZ {
749
749
  justify-content: flex-start;
750
750
  }
751
- .ButtonGroup-module__hop-ButtonGroup--center___YtVNZ.ButtonGroup-module__hop-ButtonGroup--horizontal___EdQc8 {
751
+ .ButtonGroup-module__hop-ButtonGroup--center___eyzCp.ButtonGroup-module__hop-ButtonGroup--horizontal___7idvZ {
752
752
  justify-content: center;
753
753
  }
754
- .ButtonGroup-module__hop-ButtonGroup--end___0UqI4.ButtonGroup-module__hop-ButtonGroup--horizontal___EdQc8 {
754
+ .ButtonGroup-module__hop-ButtonGroup--end___B-2x-.ButtonGroup-module__hop-ButtonGroup--horizontal___7idvZ {
755
755
  justify-content: flex-end;
756
756
  }
757
- .ButtonGroup-module__hop-ButtonGroup--wrap___koPax {
757
+ .ButtonGroup-module__hop-ButtonGroup--wrap___lGi6A {
758
758
  flex-wrap: wrap;
759
759
  }
760
- .ButtonGroup-module__hop-ButtonGroup--fluid___fhXD5 {
760
+ .ButtonGroup-module__hop-ButtonGroup--fluid___8B4MZ {
761
761
  inline-size: 100%;
762
762
  }
763
763
 
764
764
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
765
- .EmbeddedButton-module__hop-EmbeddedButton___9QPAF {
765
+ .EmbeddedButton-module__hop-EmbeddedButton___aonWr {
766
766
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
767
767
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
768
768
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -926,7 +926,7 @@
926
926
  outline: none;
927
927
  transition: color var(--transition);
928
928
  }
929
- .EmbeddedButton-module__hop-EmbeddedButton___9QPAF::before {
929
+ .EmbeddedButton-module__hop-EmbeddedButton___aonWr::before {
930
930
  content: "";
931
931
  position: absolute;
932
932
  inset-block-start: 50%;
@@ -939,284 +939,284 @@
939
939
  border-radius: var(--effect-border-radius);
940
940
  transition: background-color var(--transition);
941
941
  }
942
- .EmbeddedButton-module__hop-EmbeddedButton___9QPAF[data-square] {
942
+ .EmbeddedButton-module__hop-EmbeddedButton___aonWr[data-square] {
943
943
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--md___dI41K {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___zxA3O {
946
946
  --inline-size: var(--hop-EmbeddedButton-md-width);
947
947
  --block-size: var(--hop-EmbeddedButton-md-height);
948
948
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
949
949
  }
950
- .EmbeddedButton-module__hop-EmbeddedButton--lg___o83Oo {
950
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___gO5tO {
951
951
  --inline-size: var(--hop-EmbeddedButton-lg-width);
952
952
  --block-size: var(--hop-EmbeddedButton-lg-height);
953
953
  --focus-ring-offset: 0;
954
954
  }
955
- .EmbeddedButton-module__hop-EmbeddedButton--md___dI41K::before {
955
+ .EmbeddedButton-module__hop-EmbeddedButton--md___zxA3O::before {
956
956
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
957
957
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
958
958
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton--lg___o83Oo::before {
959
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___gO5tO::before {
960
960
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
961
961
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
962
962
  }
963
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___h39kX {
963
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___nXc8a {
964
964
  --color: var(--hop-EmbeddedButton-neutral-color);
965
965
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
966
966
  }
967
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9CpaL {
967
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QDXld {
968
968
  --color: var(--hop-EmbeddedButton-subdued-color);
969
969
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
970
970
  }
971
- .EmbeddedButton-module__hop-EmbeddedButton--progress___pP5hE {
971
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dClMD {
972
972
  --color: var(--hop-EmbeddedButton-progress-color);
973
973
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
974
974
  }
975
- .EmbeddedButton-module__hop-EmbeddedButton--positive___4gBrw {
975
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___GTg3h {
976
976
  --color: var(--hop-EmbeddedButton-positive-color);
977
977
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
978
978
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--caution___I6oUI {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___QSJ5T {
980
980
  --color: var(--hop-EmbeddedButton-caution-color);
981
981
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
982
982
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--negative___jdage {
983
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Gmy69 {
984
984
  --color: var(--hop-EmbeddedButton-negative-color);
985
985
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
986
986
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3m-tR {
987
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___oe0xm {
988
988
  --color: var(--hop-EmbeddedButton-option1-color);
989
989
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
990
990
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--option2___pxlKw {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___t-H47 {
992
992
  --color: var(--hop-EmbeddedButton-option2-color);
993
993
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
994
994
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-CIvF {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___qEeQ5 {
996
996
  --color: var(--hop-EmbeddedButton-option3-color);
997
997
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
998
998
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fQPKJ {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-XHT9 {
1000
1000
  --color: var(--hop-EmbeddedButton-option4-color);
1001
1001
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1002
1002
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--option5___3MtLS {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___EgD0r {
1004
1004
  --color: var(--hop-EmbeddedButton-option5-color);
1005
1005
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1006
1006
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--option6___RgqlM {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___eGrXx {
1008
1008
  --color: var(--hop-EmbeddedButton-option6-color);
1009
1009
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1010
1010
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton___9QPAF[data-selected] {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton___aonWr[data-selected] {
1012
1012
  --color: var(--hop-EmbeddedButton-selected-color);
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1014
1014
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton___9QPAF[data-focus-visible] {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton___aonWr[data-focus-visible] {
1016
1016
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1017
1017
  outline-offset: var(--focus-ring-offset);
1018
1018
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton___9QPAF[data-disabled] {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton___aonWr[data-disabled] {
1020
1020
  cursor: not-allowed;
1021
1021
  }
1022
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___h39kX[data-hovered] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___nXc8a[data-hovered] {
1023
1023
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1024
1024
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1025
1025
  }
1026
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___h39kX[data-focus-visible] {
1026
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___nXc8a[data-focus-visible] {
1027
1027
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1028
1028
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1029
1029
  }
1030
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___h39kX[data-pressed] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___nXc8a[data-pressed] {
1031
1031
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1032
1032
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1033
1033
  }
1034
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___h39kX[data-disabled] {
1034
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___nXc8a[data-disabled] {
1035
1035
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1036
1036
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1037
1037
  }
1038
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9CpaL[data-hovered] {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QDXld[data-hovered] {
1039
1039
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1040
1040
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1041
1041
  }
1042
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9CpaL[data-focus-visible] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QDXld[data-focus-visible] {
1043
1043
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1044
1044
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1045
1045
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9CpaL[data-pressed] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QDXld[data-pressed] {
1047
1047
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1048
1048
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1049
1049
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9CpaL[data-disabled] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QDXld[data-disabled] {
1051
1051
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1052
1052
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1053
1053
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--progress___pP5hE[data-hovered] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dClMD[data-hovered] {
1055
1055
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1056
1056
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1057
1057
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--progress___pP5hE[data-focus-visible] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dClMD[data-focus-visible] {
1059
1059
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1060
1060
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1061
1061
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--progress___pP5hE[data-pressed] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dClMD[data-pressed] {
1063
1063
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1064
1064
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1065
1065
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--progress___pP5hE[data-disabled] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___dClMD[data-disabled] {
1067
1067
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1068
1068
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1069
1069
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--positive___4gBrw[data-hovered] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___GTg3h[data-hovered] {
1071
1071
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1072
1072
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1073
1073
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--positive___4gBrw[data-focus-visible] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___GTg3h[data-focus-visible] {
1075
1075
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1076
1076
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1077
1077
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--positive___4gBrw[data-pressed] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___GTg3h[data-pressed] {
1079
1079
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1080
1080
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1081
1081
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--positive___4gBrw[data-disabled] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___GTg3h[data-disabled] {
1083
1083
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1084
1084
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1085
1085
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--caution___I6oUI[data-hovered] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___QSJ5T[data-hovered] {
1087
1087
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1088
1088
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1089
1089
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--caution___I6oUI[data-focus-visible] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___QSJ5T[data-focus-visible] {
1091
1091
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1092
1092
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1093
1093
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--caution___I6oUI[data-pressed] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___QSJ5T[data-pressed] {
1095
1095
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1096
1096
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1097
1097
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--caution___I6oUI[data-disabled] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___QSJ5T[data-disabled] {
1099
1099
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1100
1100
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1101
1101
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--negative___jdage[data-hovered] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Gmy69[data-hovered] {
1103
1103
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1104
1104
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1105
1105
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--negative___jdage[data-focus-visible] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Gmy69[data-focus-visible] {
1107
1107
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1108
1108
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1109
1109
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--negative___jdage[data-pressed] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Gmy69[data-pressed] {
1111
1111
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1112
1112
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1113
1113
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--negative___jdage[data-disabled] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Gmy69[data-disabled] {
1115
1115
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1116
1116
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1117
1117
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3m-tR[data-hovered] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___oe0xm[data-hovered] {
1119
1119
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1120
1120
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1121
1121
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3m-tR[data-focus-visible] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___oe0xm[data-focus-visible] {
1123
1123
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1124
1124
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1125
1125
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3m-tR[data-pressed] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___oe0xm[data-pressed] {
1127
1127
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1128
1128
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1129
1129
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--option1___3m-tR[data-disabled] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___oe0xm[data-disabled] {
1131
1131
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1132
1132
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1133
1133
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--option2___pxlKw[data-hovered] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___t-H47[data-hovered] {
1135
1135
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1136
1136
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1137
1137
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--option2___pxlKw[data-focus-visible] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___t-H47[data-focus-visible] {
1139
1139
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1140
1140
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1141
1141
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option2___pxlKw[data-pressed] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___t-H47[data-pressed] {
1143
1143
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1144
1144
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1145
1145
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option2___pxlKw[data-disabled] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___t-H47[data-disabled] {
1147
1147
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1148
1148
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1149
1149
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-CIvF[data-hovered] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___qEeQ5[data-hovered] {
1151
1151
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1152
1152
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1153
1153
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-CIvF[data-focus-visible] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___qEeQ5[data-focus-visible] {
1155
1155
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1156
1156
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1157
1157
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-CIvF[data-pressed] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___qEeQ5[data-pressed] {
1159
1159
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1160
1160
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1161
1161
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--option3___-CIvF[data-disabled] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___qEeQ5[data-disabled] {
1163
1163
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1164
1164
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1165
1165
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fQPKJ[data-hovered] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-XHT9[data-hovered] {
1167
1167
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1168
1168
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1169
1169
  }
1170
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fQPKJ[data-focus-visible] {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-XHT9[data-focus-visible] {
1171
1171
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1172
1172
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1173
1173
  }
1174
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fQPKJ[data-pressed] {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-XHT9[data-pressed] {
1175
1175
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1176
1176
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1177
1177
  }
1178
- .EmbeddedButton-module__hop-EmbeddedButton--option4___fQPKJ[data-disabled] {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___-XHT9[data-disabled] {
1179
1179
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1180
1180
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1181
1181
  }
1182
- .EmbeddedButton-module__hop-EmbeddedButton--option5___3MtLS[data-hovered] {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___EgD0r[data-hovered] {
1183
1183
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1184
1184
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1185
1185
  }
1186
- .EmbeddedButton-module__hop-EmbeddedButton--option5___3MtLS[data-focus-visible] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___EgD0r[data-focus-visible] {
1187
1187
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1188
1188
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1189
1189
  }
1190
- .EmbeddedButton-module__hop-EmbeddedButton--option5___3MtLS[data-pressed] {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___EgD0r[data-pressed] {
1191
1191
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1192
1192
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1193
1193
  }
1194
- .EmbeddedButton-module__hop-EmbeddedButton--option5___3MtLS[data-disabled] {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___EgD0r[data-disabled] {
1195
1195
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1196
1196
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1197
1197
  }
1198
- .EmbeddedButton-module__hop-EmbeddedButton--option6___RgqlM[data-hovered] {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___eGrXx[data-hovered] {
1199
1199
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1200
1200
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1201
1201
  }
1202
- .EmbeddedButton-module__hop-EmbeddedButton--option6___RgqlM[data-focus-visible] {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___eGrXx[data-focus-visible] {
1203
1203
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1204
1204
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1205
1205
  }
1206
- .EmbeddedButton-module__hop-EmbeddedButton--option6___RgqlM[data-pressed] {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___eGrXx[data-pressed] {
1207
1207
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1208
1208
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1209
1209
  }
1210
- .EmbeddedButton-module__hop-EmbeddedButton--option6___RgqlM[data-disabled] {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___eGrXx[data-disabled] {
1211
1211
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1212
1212
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1213
1213
  }
1214
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ek9XO {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___ftzmd {
1215
1215
  position: relative;
1216
1216
  }
1217
1217
 
1218
1218
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1219
- button.CloseButton-module__hop-CloseButton___-UQ-Q {
1219
+ button.CloseButton-module__hop-CloseButton___1teyi {
1220
1220
  --hop-CloseButton-margin-top: 0rem;
1221
1221
  --hop-CloseButton-padding: 0rem;
1222
1222
  --hop-CloseButton-width: fit-content;
@@ -1228,7 +1228,7 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
1228
1228
  }
1229
1229
 
1230
1230
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1231
- .Button-module__hop-Button___VTMLL {
1231
+ .Button-module__hop-Button___UnQsx {
1232
1232
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1233
1233
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1234
1234
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1275,9 +1275,9 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
1275
1275
  --hop-Button-upsell-color: var(--hop-upsell-text);
1276
1276
  --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1277
1277
  --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1278
- --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1279
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1280
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1278
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1279
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1280
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1281
1281
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1282
1282
  --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1283
1283
  --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
@@ -1355,222 +1355,222 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
1355
1355
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1356
1356
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1357
1357
  }
1358
- .Button-module__hop-Button--fluid___ua8gz {
1358
+ .Button-module__hop-Button--fluid___wSq5L {
1359
1359
  --inline-size: 100%;
1360
1360
  }
1361
- .Button-module__hop-Button--xs___d73kj {
1361
+ .Button-module__hop-Button--xs___jlQkl {
1362
1362
  --block-size: var(--hop-Button-xs-height);
1363
1363
  --padding: var(--hop-Button-xs-padding);
1364
1364
  }
1365
- .Button-module__hop-Button--xs___d73kj[class*=--ghost] {
1365
+ .Button-module__hop-Button--xs___jlQkl[class*=--ghost] {
1366
1366
  --padding: var(--hop-Button-ghost-xs-padding);
1367
1367
  }
1368
- .Button-module__hop-Button--sm___jCFfu {
1368
+ .Button-module__hop-Button--sm___U3FzH {
1369
1369
  --block-size: var(--hop-Button-sm-height);
1370
1370
  --padding: var(--hop-Button-sm-padding);
1371
1371
  }
1372
- .Button-module__hop-Button--sm___jCFfu[class*=--ghost] {
1372
+ .Button-module__hop-Button--sm___U3FzH[class*=--ghost] {
1373
1373
  --padding: var(--hop-Button-ghost-sm-padding);
1374
1374
  }
1375
- .Button-module__hop-Button--md___ojUqX[class*=--ghost] {
1375
+ .Button-module__hop-Button--md___LablS[class*=--ghost] {
1376
1376
  --padding: var(--hop-Button-ghost-md-padding);
1377
1377
  }
1378
- .Button-module__hop-Button--icon-only___9t-Z1 {
1378
+ .Button-module__hop-Button--icon-only___Lyum9 {
1379
1379
  --column-gap: var(--hop-Button-icon-only-column-gap);
1380
1380
  --padding: var(--hop-Button-icon-only-padding);
1381
1381
  aspect-ratio: 1;
1382
1382
  }
1383
- .Button-module__hop-Button--primary___z1XDx {
1383
+ .Button-module__hop-Button--primary___ocwLe {
1384
1384
  --background-color: var(--hop-Button-primary-background-color);
1385
1385
  --color: var(--hop-Button-primary-color);
1386
1386
  --border: var(--hop-Button-primary-border);
1387
1387
  --spinner-color: var(--hop-Button-primary-spinner-color);
1388
1388
  }
1389
- .Button-module__hop-Button--primary___z1XDx[data-hovered],
1390
- .Button-module__hop-Button--primary___z1XDx[data-focus-visible] {
1389
+ .Button-module__hop-Button--primary___ocwLe[data-hovered],
1390
+ .Button-module__hop-Button--primary___ocwLe[data-focus-visible] {
1391
1391
  --background-color: var(--hop-Button-primary-background-color-hover);
1392
1392
  --color: var(--hop-Button-primary-color-hover);
1393
1393
  --border: var(--hop-Button-primary-border-hover);
1394
1394
  }
1395
- .Button-module__hop-Button--primary___z1XDx[data-pressed] {
1395
+ .Button-module__hop-Button--primary___ocwLe[data-pressed] {
1396
1396
  --background-color: var(--hop-Button-primary-background-color-pressed);
1397
1397
  --color: var(--hop-Button-primary-color-pressed);
1398
1398
  --border: var(--hop-Button-primary-border-pressed);
1399
1399
  }
1400
- .Button-module__hop-Button--secondary___YZJVa {
1400
+ .Button-module__hop-Button--secondary___8151t {
1401
1401
  --background-color: var(--hop-Button-secondary-background-color);
1402
1402
  --color: var(--hop-Button-secondary-color);
1403
1403
  --border: var(--hop-Button-secondary-border);
1404
1404
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1405
1405
  }
1406
- .Button-module__hop-Button--secondary___YZJVa[data-hovered],
1407
- .Button-module__hop-Button--secondary___YZJVa[data-focus-visible] {
1406
+ .Button-module__hop-Button--secondary___8151t[data-hovered],
1407
+ .Button-module__hop-Button--secondary___8151t[data-focus-visible] {
1408
1408
  --background-color: var(--hop-Button-secondary-background-color-hover);
1409
1409
  --color: var(--hop-Button-secondary-color-hover);
1410
1410
  --border: var(--hop-Button-secondary-border-hover);
1411
1411
  }
1412
- .Button-module__hop-Button--secondary___YZJVa[data-pressed] {
1412
+ .Button-module__hop-Button--secondary___8151t[data-pressed] {
1413
1413
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1414
1414
  --color: var(--hop-Button-secondary-color-pressed);
1415
1415
  --border: var(--hop-Button-secondary-border-pressed);
1416
1416
  }
1417
- .Button-module__hop-Button--upsell___FOOqJ {
1417
+ .Button-module__hop-Button--upsell___YQQFu {
1418
1418
  --background-color: var(--hop-Button-upsell-background-color);
1419
1419
  --color: var(--hop-Button-upsell-color);
1420
1420
  --border: var(--hop-Button-upsell-border);
1421
1421
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1422
1422
  }
1423
- .Button-module__hop-Button--upsell___FOOqJ[data-hovered],
1424
- .Button-module__hop-Button--upsell___FOOqJ[data-focus-visible] {
1423
+ .Button-module__hop-Button--upsell___YQQFu[data-hovered],
1424
+ .Button-module__hop-Button--upsell___YQQFu[data-focus-visible] {
1425
1425
  --background-color: var(--hop-Button-upsell-background-color-hover);
1426
1426
  --color: var(--hop-Button-upsell-color-hover);
1427
1427
  --border: var(--hop-Button-upsell-border-hover);
1428
1428
  }
1429
- .Button-module__hop-Button--upsell___FOOqJ[data-pressed] {
1429
+ .Button-module__hop-Button--upsell___YQQFu[data-pressed] {
1430
1430
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1431
1431
  --color: var(--hop-Button-upsell-color-pressed);
1432
1432
  --border: var(--hop-Button-upsell-border-pressed);
1433
1433
  }
1434
- .Button-module__hop-Button--danger___e5cia {
1434
+ .Button-module__hop-Button--danger___Iomsu {
1435
1435
  --background-color: var(--hop-Button-danger-background-color);
1436
1436
  --color: var(--hop-Button-danger-color);
1437
1437
  --border: var(--hop-Button-danger-border);
1438
1438
  --spinner-color: var(--hop-Button-danger-spinner-color);
1439
1439
  }
1440
- .Button-module__hop-Button--danger___e5cia[data-hovered],
1441
- .Button-module__hop-Button--danger___e5cia[data-focus-visible] {
1440
+ .Button-module__hop-Button--danger___Iomsu[data-hovered],
1441
+ .Button-module__hop-Button--danger___Iomsu[data-focus-visible] {
1442
1442
  --background-color: var(--hop-Button-danger-background-color-hover);
1443
1443
  --color: var(--hop-Button-danger-color-hover);
1444
1444
  --border: var(--hop-Button-danger-border-hover);
1445
1445
  }
1446
- .Button-module__hop-Button--danger___e5cia[data-pressed] {
1446
+ .Button-module__hop-Button--danger___Iomsu[data-pressed] {
1447
1447
  --background-color: var(--hop-Button-danger-background-color-pressed);
1448
1448
  --color: var(--hop-Button-danger-color-pressed);
1449
1449
  --border: var(--hop-Button-danger-border-pressed);
1450
1450
  }
1451
- .Button-module__hop-Button--ghost-primary___mK1Ve {
1451
+ .Button-module__hop-Button--ghost-primary___b8Ep- {
1452
1452
  --background-color: var(--hop-Button-ghost-primary-background-color);
1453
1453
  --color: var(--hop-Button-ghost-primary-color);
1454
1454
  --border: var(--hop-Button-ghost-primary-border);
1455
1455
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1456
1456
  }
1457
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-hovered],
1458
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-focus-visible] {
1457
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-hovered],
1458
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-focus-visible] {
1459
1459
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1460
1460
  --color: var(--hop-Button-ghost-primary-color-hover);
1461
1461
  --border: var(--hop-Button-ghost-primary-border-hover);
1462
1462
  --text-underline: underline;
1463
1463
  }
1464
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-pressed] {
1464
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-pressed] {
1465
1465
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1466
1466
  --color: var(--hop-Button-ghost-primary-color-pressed);
1467
1467
  --border: var(--hop-Button-ghost-primary-border-pressed);
1468
1468
  --text-underline: underline;
1469
1469
  }
1470
- .Button-module__hop-Button--ghost-secondary___VYT1j {
1470
+ .Button-module__hop-Button--ghost-secondary___0zRTf {
1471
1471
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1472
1472
  --color: var(--hop-Button-ghost-secondary-color);
1473
1473
  --border: var(--hop-Button-ghost-secondary-border);
1474
1474
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1475
1475
  }
1476
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-hovered],
1477
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-focus-visible] {
1476
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-hovered],
1477
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-focus-visible] {
1478
1478
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1479
1479
  --color: var(--hop-Button-ghost-secondary-color-hover);
1480
1480
  --border: var(--hop-Button-ghost-secondary-border-hover);
1481
1481
  --text-underline: underline;
1482
1482
  }
1483
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-pressed] {
1483
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-pressed] {
1484
1484
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1485
1485
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1486
1486
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1487
1487
  --text-underline: underline;
1488
1488
  }
1489
- .Button-module__hop-Button--ghost-danger___WNzZX {
1489
+ .Button-module__hop-Button--ghost-danger___xxFfX {
1490
1490
  --background-color: var(--hop-Button-ghost-danger-background-color);
1491
1491
  --color: var(--hop-Button-ghost-danger-color);
1492
1492
  --border: var(--hop-Button-ghost-danger-border);
1493
1493
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1494
1494
  }
1495
- .Button-module__hop-Button--ghost-danger___WNzZX[data-hovered],
1496
- .Button-module__hop-Button--ghost-danger___WNzZX[data-focus-visible] {
1495
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-hovered],
1496
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-focus-visible] {
1497
1497
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1498
1498
  --color: var(--hop-Button-ghost-danger-color-hover);
1499
1499
  --border: var(--hop-Button-ghost-danger-border-hover);
1500
1500
  --text-underline: underline;
1501
1501
  }
1502
- .Button-module__hop-Button--ghost-danger___WNzZX[data-pressed] {
1502
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-pressed] {
1503
1503
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1504
1504
  --color: var(--hop-Button-ghost-danger-color-pressed);
1505
1505
  --border: var(--hop-Button-ghost-danger-border-pressed);
1506
1506
  --text-underline: underline;
1507
1507
  }
1508
- .Button-module__hop-Button___VTMLL[data-focus-visible] {
1508
+ .Button-module__hop-Button___UnQsx[data-focus-visible] {
1509
1509
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1510
1510
  }
1511
- .Button-module__hop-Button___VTMLL[data-disabled],
1512
- .Button-module__hop-Button--loading___vHFFb {
1511
+ .Button-module__hop-Button___UnQsx[data-disabled],
1512
+ .Button-module__hop-Button--loading___uI4Tf {
1513
1513
  cursor: not-allowed;
1514
1514
  }
1515
- .Button-module__hop-Button___VTMLL[data-disabled] {
1515
+ .Button-module__hop-Button___UnQsx[data-disabled] {
1516
1516
  --background-color: var(--hop-Button-background-color-disabled);
1517
1517
  --color: var(--hop-Button-color-disabled);
1518
1518
  --border: var(--hop-Button-border-disabled);
1519
1519
  }
1520
- .Button-module__hop-Button___VTMLL[class*=--ghost][data-disabled] {
1520
+ .Button-module__hop-Button___UnQsx[class*=--ghost][data-disabled] {
1521
1521
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1522
1522
  --color: var(--hop-Button-ghost-color-disabled);
1523
1523
  --border: var(--hop-Button-ghost-border-disabled);
1524
1524
  }
1525
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--primary___z1XDx {
1525
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--primary___ocwLe {
1526
1526
  --background-color: var(--hop-Button-primary-background-color);
1527
1527
  --color: var(--hop-Button-primary-color);
1528
1528
  --border: var(--hop-Button-primary-border);
1529
1529
  }
1530
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--secondary___YZJVa {
1530
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--secondary___8151t {
1531
1531
  --background-color: var(--hop-Button-secondary-background-color);
1532
1532
  --color: var(--hop-Button-secondary-color);
1533
1533
  --border: var(--hop-Button-secondary-border);
1534
1534
  }
1535
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--upsell___FOOqJ {
1535
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--upsell___YQQFu {
1536
1536
  --background-color: var(--hop-Button-upsell-background-color);
1537
1537
  --color: var(--hop-Button-upsell-color);
1538
1538
  --border: var(--hop-Button-upsell-border);
1539
1539
  }
1540
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--danger___e5cia {
1540
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--danger___Iomsu {
1541
1541
  --background-color: var(--hop-Button-danger-background-color);
1542
1542
  --color: var(--hop-Button-danger-color);
1543
1543
  --border: var(--hop-Button-danger-border);
1544
1544
  }
1545
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-primary___mK1Ve {
1545
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-primary___b8Ep- {
1546
1546
  --background-color: var(--hop-Button-ghost-primary-background-color);
1547
1547
  --color: var(--hop-Button-ghost-primary-color);
1548
1548
  --border: var(--hop-Button-ghost-primary-border);
1549
1549
  --text-underline: none;
1550
1550
  }
1551
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-secondary___VYT1j {
1551
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-secondary___0zRTf {
1552
1552
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1553
1553
  --color: var(--hop-Button-ghost-secondary-color);
1554
1554
  --border: var(--hop-Button-ghost-secondary-border);
1555
1555
  --text-underline: none;
1556
1556
  }
1557
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-danger___WNzZX {
1557
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-danger___xxFfX {
1558
1558
  --background-color: var(--hop-Button-ghost-danger-background-color);
1559
1559
  --color: var(--hop-Button-ghost-danger-color);
1560
1560
  --border: var(--hop-Button-ghost-danger-border);
1561
1561
  --text-underline: none;
1562
1562
  }
1563
- .Button-module__hop-Button__Spinner___emNUG {
1563
+ .Button-module__hop-Button__Spinner___i03yi {
1564
1564
  position: absolute;
1565
1565
  color: var(--spinner-color);
1566
1566
  }
1567
- .Button-module__hop-Button__icon___i6XNW,
1568
- .Button-module__hop-Button__icon-list___4U5L7 {
1567
+ .Button-module__hop-Button__icon___53pYr,
1568
+ .Button-module__hop-Button__icon-list___blWYe {
1569
1569
  flex: 0 0 auto;
1570
1570
  justify-self: end;
1571
1571
  order: 1;
1572
1572
  }
1573
- .Button-module__hop-Button__text___Mt6gK {
1573
+ .Button-module__hop-Button__text___nKUCx {
1574
1574
  user-select: none;
1575
1575
  overflow: visible;
1576
1576
  flex: 0 1 auto;
@@ -1580,59 +1580,59 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
1580
1580
  text-underline-offset: 0.125rem;
1581
1581
  text-wrap: nowrap;
1582
1582
  }
1583
- .Button-module__hop-Button__end-icon___u3qGR,
1584
- .Button-module__hop-Button__end-icon-list___tLUxp {
1583
+ .Button-module__hop-Button__end-icon___axJ1P,
1584
+ .Button-module__hop-Button__end-icon-list___RWUuf {
1585
1585
  flex: 0 0 auto;
1586
1586
  order: 3;
1587
1587
  }
1588
- .Button-module__hop-Button___VTMLL .Button-module__hop-Button__icon-list___4U5L7,
1589
- .Button-module__hop-Button___VTMLL .Button-module__hop-Button__end-icon-list___tLUxp {
1588
+ .Button-module__hop-Button___UnQsx .Button-module__hop-Button__icon-list___blWYe,
1589
+ .Button-module__hop-Button___UnQsx .Button-module__hop-Button__end-icon-list___RWUuf {
1590
1590
  flex-wrap: nowrap;
1591
1591
  }
1592
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button___VTMLL > *:not(.Button-module__hop-Button__Spinner___emNUG) {
1592
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button___UnQsx > *:not(.Button-module__hop-Button__Spinner___i03yi) {
1593
1593
  opacity: 0;
1594
1594
  }
1595
- .LinkButton-module__hop-LinkButton___Y91kS {
1595
+ .LinkButton-module__hop-LinkButton___ij8Rn {
1596
1596
  }
1597
- .LinkButton-module__hop-LinkButton--fluid___KQncp {
1597
+ .LinkButton-module__hop-LinkButton--fluid___b7761 {
1598
1598
  }
1599
- .LinkButton-module__hop-LinkButton--xs___kltql {
1599
+ .LinkButton-module__hop-LinkButton--xs___cB5SN {
1600
1600
  }
1601
- .LinkButton-module__hop-LinkButton--sm___N-ioU {
1601
+ .LinkButton-module__hop-LinkButton--sm___UFRds {
1602
1602
  }
1603
- .LinkButton-module__hop-LinkButton--icon-only___Ye0Zc {
1603
+ .LinkButton-module__hop-LinkButton--icon-only___CXPJz {
1604
1604
  }
1605
- .LinkButton-module__hop-LinkButton--primary___zeK4- {
1605
+ .LinkButton-module__hop-LinkButton--primary___K2VZM {
1606
1606
  }
1607
- .LinkButton-module__hop-LinkButton--secondary___af609 {
1607
+ .LinkButton-module__hop-LinkButton--secondary___FXVtX {
1608
1608
  }
1609
- .LinkButton-module__hop-LinkButton--upsell___y4bvb {
1609
+ .LinkButton-module__hop-LinkButton--upsell___6ty16 {
1610
1610
  }
1611
- .LinkButton-module__hop-LinkButton--danger___bXCAi {
1611
+ .LinkButton-module__hop-LinkButton--danger___bhQyz {
1612
1612
  }
1613
- .LinkButton-module__hop-LinkButton--ghost-primary___Qb-lW {
1613
+ .LinkButton-module__hop-LinkButton--ghost-primary___-ToyU {
1614
1614
  }
1615
- .LinkButton-module__hop-LinkButton--ghost-secondary___ajdHa {
1615
+ .LinkButton-module__hop-LinkButton--ghost-secondary___YT-dA {
1616
1616
  }
1617
- .LinkButton-module__hop-LinkButton--ghost-danger___1NYX4 {
1617
+ .LinkButton-module__hop-LinkButton--ghost-danger___2vVeH {
1618
1618
  }
1619
- .LinkButton-module__hop-LinkButton__Spinner___orbaD {
1619
+ .LinkButton-module__hop-LinkButton__Spinner___daJ7J {
1620
1620
  }
1621
- .LinkButton-module__hop-LinkButton__icon___ophH6,
1622
- .LinkButton-module__hop-LinkButton__icon-list___Pd6Jg {
1621
+ .LinkButton-module__hop-LinkButton__icon___ML69q,
1622
+ .LinkButton-module__hop-LinkButton__icon-list___ekPUG {
1623
1623
  }
1624
- .LinkButton-module__hop-LinkButton__text___-PGEx {
1624
+ .LinkButton-module__hop-LinkButton__text___H2YTO {
1625
1625
  }
1626
- .LinkButton-module__hop-LinkButton__end-icon___2itJV,
1627
- .LinkButton-module__hop-LinkButton__end-icon-list___C-UQP {
1626
+ .LinkButton-module__hop-LinkButton__end-icon___fCH4j,
1627
+ .LinkButton-module__hop-LinkButton__end-icon-list___IUR-N {
1628
1628
  }
1629
- .LinkButton-module__hop-LinkButton___Y91kS .LinkButton-module__hop-LinkButton__icon-list___Pd6Jg,
1630
- .LinkButton-module__hop-LinkButton___Y91kS .LinkButton-module__hop-LinkButton__end-icon-list___C-UQP {
1629
+ .LinkButton-module__hop-LinkButton___ij8Rn .LinkButton-module__hop-LinkButton__icon-list___ekPUG,
1630
+ .LinkButton-module__hop-LinkButton___ij8Rn .LinkButton-module__hop-LinkButton__end-icon-list___IUR-N {
1631
1631
  flex-wrap: nowrap;
1632
1632
  }
1633
1633
 
1634
1634
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1635
- .Button-module__hop-Button___VTMLL {
1635
+ .Button-module__hop-Button___UnQsx {
1636
1636
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1637
1637
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1638
1638
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1679,9 +1679,9 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
1679
1679
  --hop-Button-upsell-color: var(--hop-upsell-text);
1680
1680
  --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1681
1681
  --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1682
- --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1683
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1684
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1682
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1683
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1684
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1685
1685
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1686
1686
  --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1687
1687
  --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
@@ -1759,222 +1759,222 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
1759
1759
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1760
1760
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1761
1761
  }
1762
- .Button-module__hop-Button--fluid___ua8gz {
1762
+ .Button-module__hop-Button--fluid___wSq5L {
1763
1763
  --inline-size: 100%;
1764
1764
  }
1765
- .Button-module__hop-Button--xs___d73kj {
1765
+ .Button-module__hop-Button--xs___jlQkl {
1766
1766
  --block-size: var(--hop-Button-xs-height);
1767
1767
  --padding: var(--hop-Button-xs-padding);
1768
1768
  }
1769
- .Button-module__hop-Button--xs___d73kj[class*=--ghost] {
1769
+ .Button-module__hop-Button--xs___jlQkl[class*=--ghost] {
1770
1770
  --padding: var(--hop-Button-ghost-xs-padding);
1771
1771
  }
1772
- .Button-module__hop-Button--sm___jCFfu {
1772
+ .Button-module__hop-Button--sm___U3FzH {
1773
1773
  --block-size: var(--hop-Button-sm-height);
1774
1774
  --padding: var(--hop-Button-sm-padding);
1775
1775
  }
1776
- .Button-module__hop-Button--sm___jCFfu[class*=--ghost] {
1776
+ .Button-module__hop-Button--sm___U3FzH[class*=--ghost] {
1777
1777
  --padding: var(--hop-Button-ghost-sm-padding);
1778
1778
  }
1779
- .Button-module__hop-Button--md___ojUqX[class*=--ghost] {
1779
+ .Button-module__hop-Button--md___LablS[class*=--ghost] {
1780
1780
  --padding: var(--hop-Button-ghost-md-padding);
1781
1781
  }
1782
- .Button-module__hop-Button--icon-only___9t-Z1 {
1782
+ .Button-module__hop-Button--icon-only___Lyum9 {
1783
1783
  --column-gap: var(--hop-Button-icon-only-column-gap);
1784
1784
  --padding: var(--hop-Button-icon-only-padding);
1785
1785
  aspect-ratio: 1;
1786
1786
  }
1787
- .Button-module__hop-Button--primary___z1XDx {
1787
+ .Button-module__hop-Button--primary___ocwLe {
1788
1788
  --background-color: var(--hop-Button-primary-background-color);
1789
1789
  --color: var(--hop-Button-primary-color);
1790
1790
  --border: var(--hop-Button-primary-border);
1791
1791
  --spinner-color: var(--hop-Button-primary-spinner-color);
1792
1792
  }
1793
- .Button-module__hop-Button--primary___z1XDx[data-hovered],
1794
- .Button-module__hop-Button--primary___z1XDx[data-focus-visible] {
1793
+ .Button-module__hop-Button--primary___ocwLe[data-hovered],
1794
+ .Button-module__hop-Button--primary___ocwLe[data-focus-visible] {
1795
1795
  --background-color: var(--hop-Button-primary-background-color-hover);
1796
1796
  --color: var(--hop-Button-primary-color-hover);
1797
1797
  --border: var(--hop-Button-primary-border-hover);
1798
1798
  }
1799
- .Button-module__hop-Button--primary___z1XDx[data-pressed] {
1799
+ .Button-module__hop-Button--primary___ocwLe[data-pressed] {
1800
1800
  --background-color: var(--hop-Button-primary-background-color-pressed);
1801
1801
  --color: var(--hop-Button-primary-color-pressed);
1802
1802
  --border: var(--hop-Button-primary-border-pressed);
1803
1803
  }
1804
- .Button-module__hop-Button--secondary___YZJVa {
1804
+ .Button-module__hop-Button--secondary___8151t {
1805
1805
  --background-color: var(--hop-Button-secondary-background-color);
1806
1806
  --color: var(--hop-Button-secondary-color);
1807
1807
  --border: var(--hop-Button-secondary-border);
1808
1808
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1809
1809
  }
1810
- .Button-module__hop-Button--secondary___YZJVa[data-hovered],
1811
- .Button-module__hop-Button--secondary___YZJVa[data-focus-visible] {
1810
+ .Button-module__hop-Button--secondary___8151t[data-hovered],
1811
+ .Button-module__hop-Button--secondary___8151t[data-focus-visible] {
1812
1812
  --background-color: var(--hop-Button-secondary-background-color-hover);
1813
1813
  --color: var(--hop-Button-secondary-color-hover);
1814
1814
  --border: var(--hop-Button-secondary-border-hover);
1815
1815
  }
1816
- .Button-module__hop-Button--secondary___YZJVa[data-pressed] {
1816
+ .Button-module__hop-Button--secondary___8151t[data-pressed] {
1817
1817
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1818
1818
  --color: var(--hop-Button-secondary-color-pressed);
1819
1819
  --border: var(--hop-Button-secondary-border-pressed);
1820
1820
  }
1821
- .Button-module__hop-Button--upsell___FOOqJ {
1821
+ .Button-module__hop-Button--upsell___YQQFu {
1822
1822
  --background-color: var(--hop-Button-upsell-background-color);
1823
1823
  --color: var(--hop-Button-upsell-color);
1824
1824
  --border: var(--hop-Button-upsell-border);
1825
1825
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1826
1826
  }
1827
- .Button-module__hop-Button--upsell___FOOqJ[data-hovered],
1828
- .Button-module__hop-Button--upsell___FOOqJ[data-focus-visible] {
1827
+ .Button-module__hop-Button--upsell___YQQFu[data-hovered],
1828
+ .Button-module__hop-Button--upsell___YQQFu[data-focus-visible] {
1829
1829
  --background-color: var(--hop-Button-upsell-background-color-hover);
1830
1830
  --color: var(--hop-Button-upsell-color-hover);
1831
1831
  --border: var(--hop-Button-upsell-border-hover);
1832
1832
  }
1833
- .Button-module__hop-Button--upsell___FOOqJ[data-pressed] {
1833
+ .Button-module__hop-Button--upsell___YQQFu[data-pressed] {
1834
1834
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1835
1835
  --color: var(--hop-Button-upsell-color-pressed);
1836
1836
  --border: var(--hop-Button-upsell-border-pressed);
1837
1837
  }
1838
- .Button-module__hop-Button--danger___e5cia {
1838
+ .Button-module__hop-Button--danger___Iomsu {
1839
1839
  --background-color: var(--hop-Button-danger-background-color);
1840
1840
  --color: var(--hop-Button-danger-color);
1841
1841
  --border: var(--hop-Button-danger-border);
1842
1842
  --spinner-color: var(--hop-Button-danger-spinner-color);
1843
1843
  }
1844
- .Button-module__hop-Button--danger___e5cia[data-hovered],
1845
- .Button-module__hop-Button--danger___e5cia[data-focus-visible] {
1844
+ .Button-module__hop-Button--danger___Iomsu[data-hovered],
1845
+ .Button-module__hop-Button--danger___Iomsu[data-focus-visible] {
1846
1846
  --background-color: var(--hop-Button-danger-background-color-hover);
1847
1847
  --color: var(--hop-Button-danger-color-hover);
1848
1848
  --border: var(--hop-Button-danger-border-hover);
1849
1849
  }
1850
- .Button-module__hop-Button--danger___e5cia[data-pressed] {
1850
+ .Button-module__hop-Button--danger___Iomsu[data-pressed] {
1851
1851
  --background-color: var(--hop-Button-danger-background-color-pressed);
1852
1852
  --color: var(--hop-Button-danger-color-pressed);
1853
1853
  --border: var(--hop-Button-danger-border-pressed);
1854
1854
  }
1855
- .Button-module__hop-Button--ghost-primary___mK1Ve {
1855
+ .Button-module__hop-Button--ghost-primary___b8Ep- {
1856
1856
  --background-color: var(--hop-Button-ghost-primary-background-color);
1857
1857
  --color: var(--hop-Button-ghost-primary-color);
1858
1858
  --border: var(--hop-Button-ghost-primary-border);
1859
1859
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1860
1860
  }
1861
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-hovered],
1862
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-focus-visible] {
1861
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-hovered],
1862
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-focus-visible] {
1863
1863
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1864
1864
  --color: var(--hop-Button-ghost-primary-color-hover);
1865
1865
  --border: var(--hop-Button-ghost-primary-border-hover);
1866
1866
  --text-underline: underline;
1867
1867
  }
1868
- .Button-module__hop-Button--ghost-primary___mK1Ve[data-pressed] {
1868
+ .Button-module__hop-Button--ghost-primary___b8Ep-[data-pressed] {
1869
1869
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1870
1870
  --color: var(--hop-Button-ghost-primary-color-pressed);
1871
1871
  --border: var(--hop-Button-ghost-primary-border-pressed);
1872
1872
  --text-underline: underline;
1873
1873
  }
1874
- .Button-module__hop-Button--ghost-secondary___VYT1j {
1874
+ .Button-module__hop-Button--ghost-secondary___0zRTf {
1875
1875
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1876
1876
  --color: var(--hop-Button-ghost-secondary-color);
1877
1877
  --border: var(--hop-Button-ghost-secondary-border);
1878
1878
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1879
1879
  }
1880
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-hovered],
1881
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-focus-visible] {
1880
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-hovered],
1881
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-focus-visible] {
1882
1882
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1883
1883
  --color: var(--hop-Button-ghost-secondary-color-hover);
1884
1884
  --border: var(--hop-Button-ghost-secondary-border-hover);
1885
1885
  --text-underline: underline;
1886
1886
  }
1887
- .Button-module__hop-Button--ghost-secondary___VYT1j[data-pressed] {
1887
+ .Button-module__hop-Button--ghost-secondary___0zRTf[data-pressed] {
1888
1888
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1889
1889
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1890
1890
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1891
1891
  --text-underline: underline;
1892
1892
  }
1893
- .Button-module__hop-Button--ghost-danger___WNzZX {
1893
+ .Button-module__hop-Button--ghost-danger___xxFfX {
1894
1894
  --background-color: var(--hop-Button-ghost-danger-background-color);
1895
1895
  --color: var(--hop-Button-ghost-danger-color);
1896
1896
  --border: var(--hop-Button-ghost-danger-border);
1897
1897
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1898
1898
  }
1899
- .Button-module__hop-Button--ghost-danger___WNzZX[data-hovered],
1900
- .Button-module__hop-Button--ghost-danger___WNzZX[data-focus-visible] {
1899
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-hovered],
1900
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-focus-visible] {
1901
1901
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1902
1902
  --color: var(--hop-Button-ghost-danger-color-hover);
1903
1903
  --border: var(--hop-Button-ghost-danger-border-hover);
1904
1904
  --text-underline: underline;
1905
1905
  }
1906
- .Button-module__hop-Button--ghost-danger___WNzZX[data-pressed] {
1906
+ .Button-module__hop-Button--ghost-danger___xxFfX[data-pressed] {
1907
1907
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1908
1908
  --color: var(--hop-Button-ghost-danger-color-pressed);
1909
1909
  --border: var(--hop-Button-ghost-danger-border-pressed);
1910
1910
  --text-underline: underline;
1911
1911
  }
1912
- .Button-module__hop-Button___VTMLL[data-focus-visible] {
1912
+ .Button-module__hop-Button___UnQsx[data-focus-visible] {
1913
1913
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1914
1914
  }
1915
- .Button-module__hop-Button___VTMLL[data-disabled],
1916
- .Button-module__hop-Button--loading___vHFFb {
1915
+ .Button-module__hop-Button___UnQsx[data-disabled],
1916
+ .Button-module__hop-Button--loading___uI4Tf {
1917
1917
  cursor: not-allowed;
1918
1918
  }
1919
- .Button-module__hop-Button___VTMLL[data-disabled] {
1919
+ .Button-module__hop-Button___UnQsx[data-disabled] {
1920
1920
  --background-color: var(--hop-Button-background-color-disabled);
1921
1921
  --color: var(--hop-Button-color-disabled);
1922
1922
  --border: var(--hop-Button-border-disabled);
1923
1923
  }
1924
- .Button-module__hop-Button___VTMLL[class*=--ghost][data-disabled] {
1924
+ .Button-module__hop-Button___UnQsx[class*=--ghost][data-disabled] {
1925
1925
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1926
1926
  --color: var(--hop-Button-ghost-color-disabled);
1927
1927
  --border: var(--hop-Button-ghost-border-disabled);
1928
1928
  }
1929
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--primary___z1XDx {
1929
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--primary___ocwLe {
1930
1930
  --background-color: var(--hop-Button-primary-background-color);
1931
1931
  --color: var(--hop-Button-primary-color);
1932
1932
  --border: var(--hop-Button-primary-border);
1933
1933
  }
1934
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--secondary___YZJVa {
1934
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--secondary___8151t {
1935
1935
  --background-color: var(--hop-Button-secondary-background-color);
1936
1936
  --color: var(--hop-Button-secondary-color);
1937
1937
  --border: var(--hop-Button-secondary-border);
1938
1938
  }
1939
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--upsell___FOOqJ {
1939
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--upsell___YQQFu {
1940
1940
  --background-color: var(--hop-Button-upsell-background-color);
1941
1941
  --color: var(--hop-Button-upsell-color);
1942
1942
  --border: var(--hop-Button-upsell-border);
1943
1943
  }
1944
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--danger___e5cia {
1944
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--danger___Iomsu {
1945
1945
  --background-color: var(--hop-Button-danger-background-color);
1946
1946
  --color: var(--hop-Button-danger-color);
1947
1947
  --border: var(--hop-Button-danger-border);
1948
1948
  }
1949
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-primary___mK1Ve {
1949
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-primary___b8Ep- {
1950
1950
  --background-color: var(--hop-Button-ghost-primary-background-color);
1951
1951
  --color: var(--hop-Button-ghost-primary-color);
1952
1952
  --border: var(--hop-Button-ghost-primary-border);
1953
1953
  --text-underline: none;
1954
1954
  }
1955
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-secondary___VYT1j {
1955
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-secondary___0zRTf {
1956
1956
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1957
1957
  --color: var(--hop-Button-ghost-secondary-color);
1958
1958
  --border: var(--hop-Button-ghost-secondary-border);
1959
1959
  --text-underline: none;
1960
1960
  }
1961
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button--ghost-danger___WNzZX {
1961
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button--ghost-danger___xxFfX {
1962
1962
  --background-color: var(--hop-Button-ghost-danger-background-color);
1963
1963
  --color: var(--hop-Button-ghost-danger-color);
1964
1964
  --border: var(--hop-Button-ghost-danger-border);
1965
1965
  --text-underline: none;
1966
1966
  }
1967
- .Button-module__hop-Button__Spinner___emNUG {
1967
+ .Button-module__hop-Button__Spinner___i03yi {
1968
1968
  position: absolute;
1969
1969
  color: var(--spinner-color);
1970
1970
  }
1971
- .Button-module__hop-Button__icon___i6XNW,
1972
- .Button-module__hop-Button__icon-list___4U5L7 {
1971
+ .Button-module__hop-Button__icon___53pYr,
1972
+ .Button-module__hop-Button__icon-list___blWYe {
1973
1973
  flex: 0 0 auto;
1974
1974
  justify-self: end;
1975
1975
  order: 1;
1976
1976
  }
1977
- .Button-module__hop-Button__text___Mt6gK {
1977
+ .Button-module__hop-Button__text___nKUCx {
1978
1978
  user-select: none;
1979
1979
  overflow: visible;
1980
1980
  flex: 0 1 auto;
@@ -1984,19 +1984,19 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
1984
1984
  text-underline-offset: 0.125rem;
1985
1985
  text-wrap: nowrap;
1986
1986
  }
1987
- .Button-module__hop-Button__end-icon___u3qGR,
1988
- .Button-module__hop-Button__end-icon-list___tLUxp {
1987
+ .Button-module__hop-Button__end-icon___axJ1P,
1988
+ .Button-module__hop-Button__end-icon-list___RWUuf {
1989
1989
  flex: 0 0 auto;
1990
1990
  order: 3;
1991
1991
  }
1992
- .Button-module__hop-Button___VTMLL .Button-module__hop-Button__icon-list___4U5L7,
1993
- .Button-module__hop-Button___VTMLL .Button-module__hop-Button__end-icon-list___tLUxp {
1992
+ .Button-module__hop-Button___UnQsx .Button-module__hop-Button__icon-list___blWYe,
1993
+ .Button-module__hop-Button___UnQsx .Button-module__hop-Button__end-icon-list___RWUuf {
1994
1994
  flex-wrap: nowrap;
1995
1995
  }
1996
- .Button-module__hop-Button--loading___vHFFb.Button-module__hop-Button___VTMLL > *:not(.Button-module__hop-Button__Spinner___emNUG) {
1996
+ .Button-module__hop-Button--loading___uI4Tf.Button-module__hop-Button___UnQsx > *:not(.Button-module__hop-Button__Spinner___i03yi) {
1997
1997
  opacity: 0;
1998
1998
  }
1999
- .ToggleButton-module__hop-ToggleButton___wdy02 {
1999
+ .ToggleButton-module__hop-ToggleButton___QmvKt {
2000
2000
  --hop-ToggleButton-border-size: var(--hop-space-10);
2001
2001
  --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2002
2002
  --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
@@ -2011,7 +2011,7 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2011
2011
  --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2012
2012
  --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2013
2013
  --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2014
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2014
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-weak-surface);
2015
2015
  --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2016
2016
  --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2017
2017
  --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
@@ -2041,125 +2041,125 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2041
2041
  --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2042
2042
  --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2043
2043
  }
2044
- .ToggleButton-module__hop-ToggleButton--fluid___hPQxl {
2044
+ .ToggleButton-module__hop-ToggleButton--fluid___Nkmzz {
2045
2045
  }
2046
- .ToggleButton-module__hop-ToggleButton--xs___yT4HT {
2046
+ .ToggleButton-module__hop-ToggleButton--xs___3DrB9 {
2047
2047
  }
2048
- .ToggleButton-module__hop-ToggleButton--sm___BvbzL {
2048
+ .ToggleButton-module__hop-ToggleButton--sm___bUFov {
2049
2049
  }
2050
- .ToggleButton-module__hop-ToggleButton--md___lBHq6 {
2050
+ .ToggleButton-module__hop-ToggleButton--md___n4XR8 {
2051
2051
  }
2052
- .ToggleButton-module__hop-ToggleButton--icon-only___ObsxN {
2052
+ .ToggleButton-module__hop-ToggleButton--icon-only___PRkw3 {
2053
2053
  }
2054
- .ToggleButton-module__hop-ToggleButton--primary___bo9lG {
2054
+ .ToggleButton-module__hop-ToggleButton--primary___DT52O {
2055
2055
  }
2056
- .ToggleButton-module__hop-ToggleButton--primary___bo9lG[data-selected] {
2056
+ .ToggleButton-module__hop-ToggleButton--primary___DT52O[data-selected] {
2057
2057
  --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2058
2058
  --color: var(--hop-ToggleButton-primary-color-selected);
2059
2059
  --border: var(--hop-ToggleButton-primary-border-selected);
2060
2060
  }
2061
- .ToggleButton-module__hop-ToggleButton--secondary___fu8D7 {
2061
+ .ToggleButton-module__hop-ToggleButton--secondary___t9oyD {
2062
2062
  }
2063
- .ToggleButton-module__hop-ToggleButton--secondary___fu8D7[data-selected] {
2063
+ .ToggleButton-module__hop-ToggleButton--secondary___t9oyD[data-selected] {
2064
2064
  --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2065
2065
  --color: var(--hop-ToggleButton-secondary-color-selected);
2066
2066
  --border: var(--hop-ToggleButton-secondary-border-selected);
2067
2067
  }
2068
- .ToggleButton-module__hop-ToggleButton--upsell___0e90C {
2068
+ .ToggleButton-module__hop-ToggleButton--upsell___OMhVl {
2069
2069
  }
2070
- .ToggleButton-module__hop-ToggleButton--upsell___0e90C[data-selected] {
2070
+ .ToggleButton-module__hop-ToggleButton--upsell___OMhVl[data-selected] {
2071
2071
  --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2072
2072
  --color: var(--hop-ToggleButton-upsell-color-selected);
2073
2073
  --border: var(--hop-ToggleButton-upsell-border-selected);
2074
2074
  }
2075
- .ToggleButton-module__hop-ToggleButton--danger___z1zSF {
2075
+ .ToggleButton-module__hop-ToggleButton--danger___6mJ2O {
2076
2076
  }
2077
- .ToggleButton-module__hop-ToggleButton--danger___z1zSF[data-selected] {
2077
+ .ToggleButton-module__hop-ToggleButton--danger___6mJ2O[data-selected] {
2078
2078
  --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2079
2079
  --color: var(--hop-ToggleButton-danger-color-selected);
2080
2080
  --border: var(--hop-ToggleButton-danger-border-selected);
2081
2081
  }
2082
- .ToggleButton-module__hop-ToggleButton--ghost-primary___UjyxU {
2082
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___V5-aM {
2083
2083
  }
2084
- .ToggleButton-module__hop-ToggleButton--ghost-primary___UjyxU[data-selected] {
2084
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___V5-aM[data-selected] {
2085
2085
  --text-underline: normal;
2086
2086
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2087
2087
  --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2088
2088
  --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2089
2089
  }
2090
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___mq7Me {
2090
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___M3KHD {
2091
2091
  }
2092
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___mq7Me[data-selected] {
2092
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___M3KHD[data-selected] {
2093
2093
  --text-underline: normal;
2094
2094
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2095
2095
  --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2096
2096
  --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2097
2097
  }
2098
- .ToggleButton-module__hop-ToggleButton--ghost-danger___rmtKo {
2098
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___jFQnv {
2099
2099
  }
2100
- .ToggleButton-module__hop-ToggleButton--ghost-danger___rmtKo[data-selected] {
2100
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___jFQnv[data-selected] {
2101
2101
  --text-underline: normal;
2102
2102
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2103
2103
  --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2104
2104
  --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2105
2105
  }
2106
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton--primary___bo9lG {
2106
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton--primary___DT52O {
2107
2107
  --background-color: var(--hop-ToggleButton-primary-background-color);
2108
2108
  --color: var(--hop-ToggleButton-primary-color);
2109
2109
  --border: var(--hop-ToggleButton-primary-border);
2110
2110
  }
2111
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton--secondary___fu8D7 {
2111
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton--secondary___t9oyD {
2112
2112
  --background-color: var(--hop-ToggleButton-secondary-background-color);
2113
2113
  --color: var(--hop-ToggleButton-secondary-color);
2114
2114
  --border: var(--hop-ToggleButton-secondary-border);
2115
2115
  }
2116
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton--upsell___0e90C {
2116
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton--upsell___OMhVl {
2117
2117
  --background-color: var(--hop-ToggleButton-upsell-background-color);
2118
2118
  --color: var(--hop-ToggleButton-upsell-color);
2119
2119
  --border: var(--hop-ToggleButton-upsell-border);
2120
2120
  }
2121
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton--danger___z1zSF {
2121
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton--danger___6mJ2O {
2122
2122
  --background-color: var(--hop-ToggleButton-danger-background-color);
2123
2123
  --color: var(--hop-ToggleButton-danger-color);
2124
2124
  --border: var(--hop-ToggleButton-danger-border);
2125
2125
  }
2126
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton--ghost-primary___UjyxU {
2126
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton--ghost-primary___V5-aM {
2127
2127
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2128
2128
  --color: var(--hop-ToggleButton-ghost-primary-color);
2129
2129
  --border: var(--hop-ToggleButton-ghost-primary-border);
2130
2130
  --text-underline: none;
2131
2131
  }
2132
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton--ghost-secondary___mq7Me {
2132
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton--ghost-secondary___M3KHD {
2133
2133
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2134
2134
  --color: var(--hop-ToggleButton-ghost-secondary-color);
2135
2135
  --border: var(--hop-ToggleButton-ghost-secondary-border);
2136
2136
  --text-underline: none;
2137
2137
  }
2138
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton--ghost-danger___rmtKo {
2138
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton--ghost-danger___jFQnv {
2139
2139
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2140
2140
  --color: var(--hop-ToggleButton-ghost-danger-color);
2141
2141
  --border: var(--hop-ToggleButton-ghost-danger-border);
2142
2142
  --text-underline: none;
2143
2143
  }
2144
- .ToggleButton-module__hop-ToggleButton__Spinner___kiZvC {
2144
+ .ToggleButton-module__hop-ToggleButton__Spinner___IWFej {
2145
2145
  }
2146
- .ToggleButton-module__hop-ToggleButton__icon___EpdA9,
2147
- .ToggleButton-module__hop-ToggleButton__icon-list___t5Jd0 {
2146
+ .ToggleButton-module__hop-ToggleButton__icon___zI0Yk,
2147
+ .ToggleButton-module__hop-ToggleButton__icon-list___bScyp {
2148
2148
  }
2149
- .ToggleButton-module__hop-ToggleButton__text___ueJbw {
2149
+ .ToggleButton-module__hop-ToggleButton__text___8gab5 {
2150
2150
  }
2151
- .ToggleButton-module__hop-ToggleButton__end-icon___btIfT,
2152
- .ToggleButton-module__hop-ToggleButton__end-icon-list___iWxWq {
2151
+ .ToggleButton-module__hop-ToggleButton__end-icon___0dKhD,
2152
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___0mgJB {
2153
2153
  }
2154
- .ToggleButton-module__hop-ToggleButton__icon-list___t5Jd0,
2155
- .ToggleButton-module__hop-ToggleButton__end-icon-list___iWxWq {
2154
+ .ToggleButton-module__hop-ToggleButton__icon-list___bScyp,
2155
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___0mgJB {
2156
2156
  }
2157
- .ToggleButton-module__hop-ToggleButton--loading___UsFgJ.ToggleButton-module__hop-ToggleButton___wdy02 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___kiZvC) {
2157
+ .ToggleButton-module__hop-ToggleButton--loading___x8Ose.ToggleButton-module__hop-ToggleButton___QmvKt > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___IWFej) {
2158
2158
  opacity: 0;
2159
2159
  }
2160
2160
 
2161
2161
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2162
- .ErrorMessage-module__hop-ErrorMessage___KgK92 {
2162
+ .ErrorMessage-module__hop-ErrorMessage___S3gKb {
2163
2163
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2164
2164
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2165
2165
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2176,13 +2176,13 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2176
2176
  line-height: var(--hop-ErrorMessage-line-height);
2177
2177
  color: var(--hop-ErrorMessage-color);
2178
2178
  }
2179
- .ErrorMessage-module__hop-ErrorMessage__icon___0ChDk {
2179
+ .ErrorMessage-module__hop-ErrorMessage__icon___6YjSI {
2180
2180
  flex: 0 0 auto;
2181
2181
  align-self: flex-start;
2182
2182
  }
2183
2183
 
2184
2184
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2185
- .HelperMessage-module__hop-HelperMessage___2BfFD {
2185
+ .HelperMessage-module__hop-HelperMessage___AMyvl {
2186
2186
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2187
2187
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2188
2188
  display: flex;
@@ -2191,13 +2191,13 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2191
2191
  box-sizing: border-box;
2192
2192
  color: var(--hop-HelperMessage-color);
2193
2193
  }
2194
- .HelperMessage-module__hop-HelperMessage__icon___CaviH {
2194
+ .HelperMessage-module__hop-HelperMessage__icon___Ht7tC {
2195
2195
  flex: 0 0 auto;
2196
2196
  align-self: flex-start;
2197
2197
  }
2198
2198
 
2199
2199
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
2200
- .Input-module__hop-Input___aFhIm {
2200
+ .Input-module__hop-Input___w85ng {
2201
2201
  --hop-Input-placeholder-font-family: inherit;
2202
2202
  --hop-Input-placeholder-font-size: inherit;
2203
2203
  --hop-Input-placeholder-font-weight: inherit;
@@ -2245,28 +2245,28 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2245
2245
  border: 0;
2246
2246
  outline-style: none;
2247
2247
  }
2248
- .Input-module__hop-Input--sm___7pLLW {
2248
+ .Input-module__hop-Input--sm___oElLn {
2249
2249
  --font-family: var(--hop-Input-sm-font-family);
2250
2250
  --font-size: var(--hop-Input-sm-font-size);
2251
2251
  --font-weight: var(--hop-Input-sm-font-weight);
2252
2252
  --line-height: var(--hop-Input-sm-line-height);
2253
2253
  --block-size: var(--hop-Input-sm-block-size);
2254
2254
  }
2255
- .Input-module__hop-Input___aFhIm::placeholder {
2255
+ .Input-module__hop-Input___w85ng::placeholder {
2256
2256
  font-family: var(--hop-Input-placeholder-font-family);
2257
2257
  font-size: var(--hop-Input-placeholder-font-size);
2258
2258
  font-weight: var(--hop-Input-placeholder-font-weight);
2259
2259
  line-height: var(--hop-Input-placeholder-line-height);
2260
2260
  color: var(--input-placeholder-color);
2261
2261
  }
2262
- .Input-module__hop-Input___aFhIm[data-disabled] {
2262
+ .Input-module__hop-Input___w85ng[data-disabled] {
2263
2263
  --input-placeholder-color: var(--hop-Input-placeholder-color-disabled);
2264
2264
  --color: var(--hop-Input-color-disabled);
2265
2265
  --background-color: var(--hop-Input-background-disabled);
2266
2266
  }
2267
2267
 
2268
2268
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2269
- .InputGroup-module__hop-InputGroup___kZ6P9 {
2269
+ .InputGroup-module__hop-InputGroup___nx7sm {
2270
2270
  --hop-InputGroup-background: var(--hop-neutral-surface);
2271
2271
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2272
2272
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2278,6 +2278,7 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2278
2278
  --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
2279
2279
  --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
2280
2280
  --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
2281
+ --hop-InputGroup-background-focus: var(--hop-neutral-surface);
2281
2282
  --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
2282
2283
  --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
2283
2284
  --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
@@ -2297,26 +2298,27 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2297
2298
  border: var(--border);
2298
2299
  border-radius: var(--hop-InputGroup-border-radius);
2299
2300
  }
2300
- .InputGroup-module__hop-InputGroup--fluid___cCPTq {
2301
+ .InputGroup-module__hop-InputGroup--fluid___7yVTT {
2301
2302
  --inline-size: 100%;
2302
2303
  }
2303
- .InputGroup-module__hop-InputGroup___kZ6P9[data-hovered] {
2304
+ .InputGroup-module__hop-InputGroup___nx7sm[data-hovered] {
2304
2305
  --background: var(--hop-InputGroup-background-hover);
2305
2306
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2306
2307
  }
2307
- .InputGroup-module__hop-InputGroup___kZ6P9[data-focus-within] {
2308
+ .InputGroup-module__hop-InputGroup___nx7sm[data-focus-within] {
2309
+ --background: var(--hop-InputGroup-background-focus);
2308
2310
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2309
2311
  }
2310
- .InputGroup-module__hop-InputGroup___kZ6P9[data-invalid] {
2312
+ .InputGroup-module__hop-InputGroup___nx7sm[data-invalid] {
2311
2313
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2312
2314
  }
2313
- .InputGroup-module__hop-InputGroup___kZ6P9[data-disabled] {
2315
+ .InputGroup-module__hop-InputGroup___nx7sm[data-disabled] {
2314
2316
  --background: var(--hop-InputGroup-background-disabled);
2315
2317
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-disabled);
2316
2318
  }
2317
2319
 
2318
2320
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2319
- .SearchField-module__hop-SearchField___YqLjD {
2321
+ .SearchField-module__hop-SearchField___E-a3j {
2320
2322
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2321
2323
  --hop-SearchField-inline-size: 20rem;
2322
2324
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2331,33 +2333,33 @@ button.CloseButton-module__hop-CloseButton___-UQ-Q {
2331
2333
  inline-size: var(--inline-size);
2332
2334
  max-inline-size: 100%;
2333
2335
  }
2334
- .SearchField-module__hop-SearchField--fluid___UCEMd {
2336
+ .SearchField-module__hop-SearchField--fluid___69DTv {
2335
2337
  --inline-size: 100%;
2336
2338
  }
2337
- .SearchField-module__hop-SearchField__Label___zuGGe {
2339
+ .SearchField-module__hop-SearchField__Label___qgVpn {
2338
2340
  order: 0;
2339
2341
  }
2340
- .SearchField-module__hop-SearchField__prefix___pti7v {
2342
+ .SearchField-module__hop-SearchField__prefix___UMJ-n {
2341
2343
  color: var(--hop-SearchField-color);
2342
2344
  }
2343
- .SearchField-module__hop-SearchField__InputGroup___MyJrR {
2345
+ .SearchField-module__hop-SearchField__InputGroup___gif5k {
2344
2346
  order: 1;
2345
2347
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2346
2348
  }
2347
- .SearchField-module__hop-SearchField--clearable___XgVa3 {
2349
+ .SearchField-module__hop-SearchField--clearable___J1g4L {
2348
2350
  --input-group-padding-inline-end: 0;
2349
2351
  }
2350
- .SearchField-module__hop-SearchField__ErrorMessage___STtge,
2351
- .SearchField-module__hop-SearchField__HelperMessage___0zjQ- {
2352
+ .SearchField-module__hop-SearchField__ErrorMessage___bPFjC,
2353
+ .SearchField-module__hop-SearchField__HelperMessage___1M-pB {
2352
2354
  order: 3;
2353
2355
  }
2354
- .SearchField-module__hop-SearchField___YqLjD input::-webkit-search-cancel-button,
2355
- .SearchField-module__hop-SearchField___YqLjD input::-webkit-search-decoration {
2356
+ .SearchField-module__hop-SearchField___E-a3j input::-webkit-search-cancel-button,
2357
+ .SearchField-module__hop-SearchField___E-a3j input::-webkit-search-decoration {
2356
2358
  appearance: none;
2357
2359
  }
2358
- .SearchField-module__hop-SearchField___YqLjD[data-empty] {
2360
+ .SearchField-module__hop-SearchField___E-a3j[data-empty] {
2359
2361
  --clear-button-display: none;
2360
2362
  }
2361
- .SearchField-module__hop-SearchField__ClearButton___-Xt6e {
2363
+ .SearchField-module__hop-SearchField__ClearButton___3KrSN {
2362
2364
  display: var(--clear-button-display);
2363
2365
  }