@hopper-ui/components 2.0.4 → 2.0.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 (398) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +777 -933
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +777 -933
  9. package/dist/alert/src/index.js +10 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -99
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +200 -238
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +201 -239
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +210 -248
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +301 -381
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +704 -860
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +752 -908
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +708 -864
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +755 -911
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +758 -914
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +717 -873
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +753 -909
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +766 -922
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +42 -42
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +42 -42
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  71. package/dist/checkbox/src/Checkbox.js +4 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +3 -3
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +11 -11
  80. package/dist/{chunk-EL6E3EJK.js → chunk-2FDF2Y55.js} +6 -6
  81. package/dist/{chunk-KC3MTSVY.js → chunk-2OWABMEV.js} +1 -1
  82. package/dist/{chunk-JY24GLEK.js → chunk-2TL6HZ6X.js} +2 -2
  83. package/dist/{chunk-XR2IJHN3.js → chunk-2Y53OG3F.js} +1 -1
  84. package/dist/{chunk-4IO2CE3Z.js → chunk-3D3AF7XH.js} +2 -2
  85. package/dist/{chunk-CMBOU6Y6.js → chunk-3KFL3HBM.js} +3 -3
  86. package/dist/{chunk-5CAH5AOY.js → chunk-3KJVCBFO.js} +2 -2
  87. package/dist/{chunk-Z2B4IQ3T.js → chunk-4LBGUXTO.js} +2 -2
  88. package/dist/{chunk-2RCZNMZ6.js → chunk-5B7Z6RR4.js} +1 -1
  89. package/dist/{chunk-GLPA2BNC.js → chunk-6BTMVPZ4.js} +1 -1
  90. package/dist/{chunk-OMNPSSHM.js → chunk-6OXVCB34.js} +5 -5
  91. package/dist/{chunk-5W6WAJRZ.js → chunk-6RJZRTHA.js} +4 -4
  92. package/dist/{chunk-YI5XAV2V.js → chunk-76C42GKG.js} +9 -9
  93. package/dist/{chunk-AGIEKHSS.js → chunk-7ABA56GA.js} +1 -1
  94. package/dist/{chunk-MPAV2NNG.js → chunk-7WQYNLCH.js} +2 -2
  95. package/dist/{chunk-DRD7SX24.js → chunk-7ZKVAADZ.js} +1 -1
  96. package/dist/{chunk-VBOYVUEY.js → chunk-AJUVOFNJ.js} +3 -3
  97. package/dist/{chunk-KNP33OR5.js → chunk-AKCA7TGK.js} +10 -9
  98. package/dist/{chunk-74GIB6KT.js → chunk-B4GZRNKO.js} +2 -2
  99. package/dist/{chunk-AXJL6QXN.js → chunk-BKIMWVMC.js} +2 -2
  100. package/dist/{chunk-X6XQPBOC.js → chunk-BU5DF6NF.js} +1 -1
  101. package/dist/{chunk-O6E447NY.js → chunk-BXDJ5QI3.js} +1 -1
  102. package/dist/{chunk-2PMPGKKO.js → chunk-CBGA2Q7V.js} +3 -3
  103. package/dist/{chunk-PMNQ7M5D.js → chunk-CIWYB2PC.js} +2 -2
  104. package/dist/{chunk-LBCROA2C.js → chunk-CL3RUU7I.js} +12 -11
  105. package/dist/{chunk-GYOR5FQD.js → chunk-CWB6JUSF.js} +3 -3
  106. package/dist/{chunk-HAONNZGD.js → chunk-D22HRNWX.js} +9 -9
  107. package/dist/{chunk-YZLG4HTO.js → chunk-DSCRM3QV.js} +2 -2
  108. package/dist/{chunk-NC4FZSRI.js → chunk-E76FLV6C.js} +1 -1
  109. package/dist/{chunk-QI4OLDRW.js → chunk-E7LYAEMD.js} +3 -3
  110. package/dist/{chunk-VQC3VW5D.js → chunk-EFMQ4R4W.js} +1 -1
  111. package/dist/{chunk-ABJNST5Y.js → chunk-EWIOLB3N.js} +10 -8
  112. package/dist/{chunk-RKZGYLDL.js → chunk-F4ND6YOW.js} +5 -5
  113. package/dist/{chunk-LZAPV7GO.js → chunk-FOVOJUID.js} +11 -11
  114. package/dist/{chunk-V6JW2IDW.js → chunk-GLXKRHYR.js} +2 -2
  115. package/dist/{chunk-WUPQNWG6.js → chunk-GYW2GC75.js} +1 -1
  116. package/dist/{chunk-YUJ5HRQW.js → chunk-H2TCIE56.js} +1 -1
  117. package/dist/{chunk-S532SP7N.js → chunk-HF6L323O.js} +4 -4
  118. package/dist/{chunk-GFTCVNBW.js → chunk-HQUOJXEW.js} +2 -2
  119. package/dist/{chunk-UKWALODK.js → chunk-HUGBHHAG.js} +1 -1
  120. package/dist/{chunk-TD4LNMLO.js → chunk-IRRSYY2F.js} +2 -2
  121. package/dist/{chunk-FD4H6VW2.js → chunk-IS25ID2S.js} +1 -1
  122. package/dist/{chunk-4W4KDGX2.js → chunk-ISGDOSNB.js} +1 -1
  123. package/dist/{chunk-4ZEKJONJ.js → chunk-IXDHQQJN.js} +1 -1
  124. package/dist/{chunk-27WGK24R.js → chunk-J6DHYQ36.js} +1 -1
  125. package/dist/{chunk-2KR6LNAH.js → chunk-JJT6CTLP.js} +1 -1
  126. package/dist/{chunk-GH5OQTF6.js → chunk-JOW5NSCA.js} +5 -5
  127. package/dist/{chunk-ZG62FSWY.js → chunk-KJWZVFCG.js} +1 -1
  128. package/dist/{chunk-RBACF7O4.js → chunk-KMN4FU55.js} +5 -5
  129. package/dist/{chunk-BWLIPXNB.js → chunk-KQ5RWNDN.js} +1 -1
  130. package/dist/{chunk-KSIT5LD6.js → chunk-KSDHJNYN.js} +4 -4
  131. package/dist/{chunk-ZTQZ6H5M.js → chunk-KXOECXEU.js} +2 -2
  132. package/dist/{chunk-PAONW5PU.js → chunk-LGQK4W7B.js} +2 -2
  133. package/dist/{chunk-32AJFLHQ.js → chunk-LGWJUCH5.js} +3 -3
  134. package/dist/{chunk-C4UK4327.js → chunk-LWDZ73SN.js} +1 -1
  135. package/dist/{chunk-I3YFYV66.js → chunk-LZE4IIUF.js} +1 -1
  136. package/dist/{chunk-KXIN6OBX.js → chunk-MMOPS2WX.js} +1 -1
  137. package/dist/{chunk-RTPGWP4T.js → chunk-MTN5RZ55.js} +2 -2
  138. package/dist/{chunk-Z6S6ZRKX.js → chunk-OQQZVGRO.js} +1 -1
  139. package/dist/{chunk-LYEPX26B.js → chunk-PDHYGY36.js} +8 -8
  140. package/dist/{chunk-DTF2TOLS.js → chunk-PRTKPBIW.js} +1 -1
  141. package/dist/{chunk-2NKOZRHC.js → chunk-PTJAKPS4.js} +1 -1
  142. package/dist/{chunk-DHPFOAP6.js → chunk-PWJQQEP6.js} +2 -2
  143. package/dist/{chunk-I36YT3SK.js → chunk-QZWOIHV2.js} +1 -1
  144. package/dist/{chunk-PGTKFOZP.js → chunk-R6CVIA3A.js} +1 -1
  145. package/dist/{chunk-7Y7752V2.js → chunk-RG6S4OYB.js} +2 -2
  146. package/dist/{chunk-NPA7UT32.js → chunk-RKZCRO7K.js} +1 -1
  147. package/dist/{chunk-H5YTGCBL.js → chunk-RNCGPXBT.js} +1 -1
  148. package/dist/{chunk-Z24JPDBO.js → chunk-RPSLB6Y3.js} +3 -3
  149. package/dist/{chunk-QWLCNMRN.js → chunk-RQRMV3LR.js} +2 -2
  150. package/dist/{chunk-NI2UYX32.js → chunk-RVNVJJXH.js} +2 -2
  151. package/dist/{chunk-KMA7226P.js → chunk-RXTKH3KD.js} +1 -1
  152. package/dist/{chunk-ACLCZ4JM.js → chunk-S725FNRQ.js} +2 -2
  153. package/dist/{chunk-B63L3T3Y.js → chunk-SO32JE7J.js} +2 -2
  154. package/dist/{chunk-NN4TTBZG.js → chunk-T5AHCC5R.js} +1 -1
  155. package/dist/{chunk-QSUTETKK.js → chunk-THFYFVYU.js} +2 -2
  156. package/dist/{chunk-S7UYFZW2.js → chunk-THP46I24.js} +3 -3
  157. package/dist/{chunk-VN7LMG2K.js → chunk-U6LFRY7U.js} +5 -5
  158. package/dist/{chunk-J4RHTBPT.js → chunk-UGTJDSEY.js} +10 -9
  159. package/dist/{chunk-AO6MXEEF.js → chunk-VBINZBNO.js} +3 -3
  160. package/dist/{chunk-QNPL5VRZ.js → chunk-VGD7PFDG.js} +1 -1
  161. package/dist/{chunk-B4Q6TE56.js → chunk-VHSKFQRZ.js} +2 -2
  162. package/dist/{chunk-R5HCTYGG.js → chunk-VJV4KPRY.js} +3 -3
  163. package/dist/{chunk-W7OPXJ4K.js → chunk-VJXSPTEA.js} +1 -1
  164. package/dist/{chunk-IMW4OEDY.js → chunk-VZ6AZETN.js} +2 -2
  165. package/dist/{chunk-JG6NKNWU.js → chunk-XA7FFG4X.js} +1 -1
  166. package/dist/{chunk-42VCV3RI.js → chunk-XGWDKKDJ.js} +12 -12
  167. package/dist/{chunk-GARRT7S4.js → chunk-XLEKVYWT.js} +1 -1
  168. package/dist/{chunk-NXPWXGP5.js → chunk-XNRX2RI3.js} +1 -1
  169. package/dist/{chunk-QSB7MQGS.js → chunk-Y36TCGPY.js} +2 -2
  170. package/dist/{chunk-HO4DZCWE.js → chunk-Y4KOA2WI.js} +3 -3
  171. package/dist/{chunk-O5FAEC4C.js → chunk-YFFXH3EA.js} +1 -1
  172. package/dist/{chunk-WBT2L5WY.js → chunk-YWBJZ7T3.js} +1 -1
  173. package/dist/{chunk-VRAR2MAW.js → chunk-YZHCMRDW.js} +3 -3
  174. package/dist/{chunk-WYOFZA76.js → chunk-ZC5WHVOB.js} +3 -3
  175. package/dist/{chunk-R6RE6TYG.js → chunk-ZGGHCDAJ.js} +2 -2
  176. package/dist/{chunk-J7OA7NZX.js → chunk-ZZ7Q2TJP.js} +1 -1
  177. package/dist/combobox/src/ComboBox.css +1132 -1288
  178. package/dist/combobox/src/ComboBox.js +17 -17
  179. package/dist/combobox/src/index.css +1132 -1288
  180. package/dist/combobox/src/index.js +17 -17
  181. package/dist/contextual-help/src/ContextualHelp.css +1053 -1209
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +1053 -1209
  184. package/dist/contextual-help/src/index.js +4 -4
  185. package/dist/date-picker/src/DateInput.css +51 -51
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +1192 -1348
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +1195 -1351
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +1203 -1359
  192. package/dist/date-picker/src/index.js +22 -22
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +1 -1
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -7
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +726 -882
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +726 -882
  226. package/dist/illustrated-message/src/index.js +1 -1
  227. package/dist/illustration/src/Illustration.css +48 -48
  228. package/dist/illustration/src/Illustration.js +1 -1
  229. package/dist/illustration/src/index.css +48 -48
  230. package/dist/illustration/src/index.js +1 -1
  231. package/dist/image/src/Image.css +42 -42
  232. package/dist/image/src/Image.js +1 -1
  233. package/dist/image/src/SvgImage.css +40 -40
  234. package/dist/image/src/SvgImage.js +1 -1
  235. package/dist/image/src/index.css +43 -43
  236. package/dist/image/src/index.js +2 -2
  237. package/dist/index.css +1601 -1757
  238. package/dist/index.js +97 -97
  239. package/dist/inputs/src/Input.css +43 -43
  240. package/dist/inputs/src/Input.js +1 -1
  241. package/dist/inputs/src/InputGroup.css +45 -45
  242. package/dist/inputs/src/InputGroup.js +1 -1
  243. package/dist/inputs/src/NumberField.css +69 -69
  244. package/dist/inputs/src/NumberField.d.ts +5 -0
  245. package/dist/inputs/src/NumberField.js +10 -10
  246. package/dist/inputs/src/NumberFieldContext.d.ts +1 -0
  247. package/dist/inputs/src/PasswordField.css +724 -880
  248. package/dist/inputs/src/PasswordField.d.ts +3 -3
  249. package/dist/inputs/src/PasswordField.js +10 -10
  250. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  251. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  252. package/dist/inputs/src/SearchField.css +730 -886
  253. package/dist/inputs/src/SearchField.d.ts +7 -2
  254. package/dist/inputs/src/SearchField.js +11 -11
  255. package/dist/inputs/src/SearchFieldContext.d.ts +1 -0
  256. package/dist/inputs/src/TextArea.css +68 -68
  257. package/dist/inputs/src/TextArea.d.ts +6 -2
  258. package/dist/inputs/src/TextArea.js +9 -9
  259. package/dist/inputs/src/TextField.css +728 -884
  260. package/dist/inputs/src/TextField.d.ts +6 -1
  261. package/dist/inputs/src/TextField.js +13 -13
  262. package/dist/inputs/src/TextFieldContext.d.ts +1 -0
  263. package/dist/inputs/src/index.css +778 -934
  264. package/dist/inputs/src/index.js +17 -17
  265. package/dist/layout/src/Content.css +39 -39
  266. package/dist/layout/src/Footer.css +39 -39
  267. package/dist/link/src/Link.css +78 -78
  268. package/dist/link/src/Link.js +3 -3
  269. package/dist/link/src/index.css +78 -78
  270. package/dist/link/src/index.js +3 -3
  271. package/dist/list-box/src/ListBox.css +320 -320
  272. package/dist/list-box/src/ListBox.js +7 -7
  273. package/dist/list-box/src/ListBoxItem.css +308 -308
  274. package/dist/list-box/src/ListBoxItem.js +6 -6
  275. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  276. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  277. package/dist/list-box/src/index.css +320 -320
  278. package/dist/list-box/src/index.js +7 -7
  279. package/dist/menu/src/Menu.css +1055 -1211
  280. package/dist/menu/src/Menu.js +2 -2
  281. package/dist/menu/src/MenuItem.css +124 -124
  282. package/dist/menu/src/MenuItem.js +2 -2
  283. package/dist/menu/src/MenuSection.css +41 -41
  284. package/dist/menu/src/MenuSection.js +1 -1
  285. package/dist/menu/src/index.css +1081 -1237
  286. package/dist/menu/src/index.js +5 -5
  287. package/dist/modal/src/BaseModal.css +2 -2
  288. package/dist/modal/src/BaseModal.js +1 -1
  289. package/dist/modal/src/CustomModal.css +55 -55
  290. package/dist/modal/src/CustomModal.js +2 -2
  291. package/dist/modal/src/Modal.css +747 -903
  292. package/dist/modal/src/Modal.js +9 -9
  293. package/dist/modal/src/index.css +761 -917
  294. package/dist/modal/src/index.js +10 -10
  295. package/dist/overlays/popover/src/Popover.css +1047 -1203
  296. package/dist/overlays/popover/src/Popover.js +1 -1
  297. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  298. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  299. package/dist/overlays/popover/src/index.css +1050 -1206
  300. package/dist/overlays/popover/src/index.js +2 -2
  301. package/dist/radio/src/DecorativeRadio.css +66 -66
  302. package/dist/radio/src/DecorativeRadio.js +3 -3
  303. package/dist/radio/src/Radio.css +58 -58
  304. package/dist/radio/src/Radio.js +3 -3
  305. package/dist/radio/src/RadioField.css +45 -45
  306. package/dist/radio/src/RadioField.js +2 -2
  307. package/dist/radio/src/RadioGroup.css +111 -111
  308. package/dist/radio/src/RadioGroup.js +7 -7
  309. package/dist/radio/src/index.css +111 -111
  310. package/dist/radio/src/index.js +11 -11
  311. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  312. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  313. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  314. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  315. package/dist/segmented-control/src/index.css +55 -55
  316. package/dist/segmented-control/src/index.js +3 -3
  317. package/dist/select/src/MultiSelect.css +1146 -1302
  318. package/dist/select/src/MultiSelect.d.ts +1 -0
  319. package/dist/select/src/MultiSelect.js +22 -22
  320. package/dist/select/src/Select.css +1146 -1302
  321. package/dist/select/src/Select.d.ts +1 -0
  322. package/dist/select/src/Select.js +22 -22
  323. package/dist/select/src/SelectContext.d.ts +1 -0
  324. package/dist/select/src/SelectInternal.css +1146 -1302
  325. package/dist/select/src/SelectInternal.d.ts +1 -0
  326. package/dist/select/src/SelectInternal.js +21 -21
  327. package/dist/select/src/SelectValue.css +105 -105
  328. package/dist/select/src/SelectValue.js +2 -2
  329. package/dist/select/src/index.css +1146 -1302
  330. package/dist/select/src/index.d.ts +1 -0
  331. package/dist/select/src/index.js +23 -23
  332. package/dist/spinner/src/Spinner.css +49 -49
  333. package/dist/spinner/src/Spinner.js +2 -2
  334. package/dist/spinner/src/index.css +49 -49
  335. package/dist/spinner/src/index.js +2 -2
  336. package/dist/switch/src/Switch.css +55 -55
  337. package/dist/switch/src/Switch.js +3 -3
  338. package/dist/switch/src/SwitchField.css +45 -45
  339. package/dist/switch/src/SwitchField.js +2 -2
  340. package/dist/switch/src/index.css +61 -61
  341. package/dist/switch/src/index.js +4 -4
  342. package/dist/tabs/src/Tab.css +902 -1058
  343. package/dist/tabs/src/Tab.js +2 -2
  344. package/dist/tabs/src/TabList.css +44 -44
  345. package/dist/tabs/src/TabList.js +1 -1
  346. package/dist/tabs/src/TabPanel.css +41 -41
  347. package/dist/tabs/src/TabPanel.js +1 -1
  348. package/dist/tabs/src/index.css +909 -1065
  349. package/dist/tabs/src/index.js +4 -4
  350. package/dist/tag/src/Tag.css +877 -1033
  351. package/dist/tag/src/Tag.js +7 -7
  352. package/dist/tag/src/TagGroup.css +49 -49
  353. package/dist/tag/src/TagGroup.js +7 -7
  354. package/dist/tag/src/index.css +887 -1043
  355. package/dist/tag/src/index.js +12 -12
  356. package/dist/tile/src/Tile.css +66 -66
  357. package/dist/tile/src/Tile.js +1 -1
  358. package/dist/tile/src/TileGroup.css +40 -40
  359. package/dist/tile/src/TileGroup.js +1 -1
  360. package/dist/tile/src/index.css +67 -67
  361. package/dist/tile/src/index.js +2 -2
  362. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  363. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  364. package/dist/toggle-arrow/src/index.css +41 -41
  365. package/dist/toggle-arrow/src/index.js +1 -1
  366. package/dist/tooltip/src/Tooltip.css +49 -49
  367. package/dist/tooltip/src/Tooltip.js +3 -3
  368. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  369. package/dist/tooltip/src/index.css +49 -49
  370. package/dist/tooltip/src/index.js +3 -3
  371. package/dist/typography/heading/src/Heading.css +39 -39
  372. package/dist/typography/heading/src/Heading.js +1 -1
  373. package/dist/typography/heading/src/index.css +39 -39
  374. package/dist/typography/heading/src/index.js +1 -1
  375. package/dist/typography/label/src/FieldLabel.css +39 -39
  376. package/dist/typography/label/src/FieldLabel.js +3 -3
  377. package/dist/typography/label/src/Label.css +39 -39
  378. package/dist/typography/label/src/Label.js +1 -1
  379. package/dist/typography/label/src/index.css +39 -39
  380. package/dist/typography/label/src/index.js +3 -3
  381. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  382. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  383. package/dist/typography/overline-text/src/index.css +39 -39
  384. package/dist/typography/overline-text/src/index.js +1 -1
  385. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  386. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  387. package/dist/typography/paragraph/src/index.css +39 -39
  388. package/dist/typography/paragraph/src/index.js +2 -2
  389. package/dist/typography/text/src/Text.css +39 -39
  390. package/dist/typography/text/src/Text.js +1 -1
  391. package/dist/typography/text/src/index.css +39 -39
  392. package/dist/typography/text/src/index.js +1 -1
  393. package/dist/utils/src/ClearSlots.css +39 -39
  394. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  395. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  396. package/dist/utils/src/index.css +39 -39
  397. package/dist/utils/src/index.js +2 -2
  398. package/package.json +2 -2
package/dist/menu/src/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___-Snu8 {
2
+ .Heading-module__hop-Heading___HJ0yT {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +33,53 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___-Snu8) {
36
+ :where(.Heading-module__hop-Heading___HJ0yT) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___-Snu8):not(.Heading-module__hop-Heading--unset___knMq6) {
40
+ :where(.Heading-module__hop-Heading___HJ0yT):not(.Heading-module__hop-Heading--unset___ZyWgn) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___T2hkl) {
46
+ :where(.Heading-module__hop-Heading--xs___ftAqb) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___UkYVG) {
52
+ :where(.Heading-module__hop-Heading--sm___FMmiQ) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___sRJaf) {
58
+ :where(.Heading-module__hop-Heading--md___juSD4) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___s-YPs) {
64
+ :where(.Heading-module__hop-Heading--lg___w1dsp) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___GmM39) {
70
+ :where(.Heading-module__hop-Heading--xl___JF85d) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___Lc-PI) {
76
+ :where(.Heading-module__hop-Heading--2xl___htV4o) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___x2Gyg) {
82
+ :where(.Heading-module__hop-Heading--3xl___EWELs) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___rL3wb {
90
+ .Form-module__hop-Form___b1zZY {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___bR5KM {
97
+ .Label-module__hop-Label___sEZ2f {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___bR5KM) {
104
+ :where(.Label-module__hop-Label___sEZ2f) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___HhdLy {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___K0TTV {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___8KRZY {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___qoEtX {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___eO6FN) {
123
+ :where(.OverlineText-module__hop-OverlineText___Uf1qS) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___qEzbH {
147
+ .OverlineText-module__hop-OverlineText__text___rDGI6 {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___qEzbH::before,
151
- .OverlineText-module__hop-OverlineText__text___qEzbH::after {
150
+ .OverlineText-module__hop-OverlineText__text___rDGI6::before,
151
+ .OverlineText-module__hop-OverlineText__text___rDGI6::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___qEzbH::before {
158
+ .OverlineText-module__hop-OverlineText__text___rDGI6::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___qEzbH::after {
161
+ .OverlineText-module__hop-OverlineText__text___rDGI6::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___FGr36 {
166
+ .Text-module__hop-Text___UQ8Lk {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___FGr36) {
196
+ :where(.Text-module__hop-Text___UQ8Lk) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___160v2) {
202
+ :where(.Text-module__hop-Text--xs___14brN) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___IT2I4) {
208
+ :where(.Text-module__hop-Text--sm___-RKtM) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___6Zuhi) {
214
+ :where(.Text-module__hop-Text--md___TKL--) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___INN88) {
220
+ :where(.Text-module__hop-Text--lg___1qgyc) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___xMvKm) {
226
+ :where(.Text-module__hop-Text--xl___mVMWH) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___zNsCi) {
232
+ :where(.Text-module__hop-Text--2xl___FzF2s) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___Oi-RS) {
238
+ :where(.Text-module__hop-Text--inherit___0WduJ) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___5Zt-1 {
246
+ .Paragraph-module__hop-Paragraph___BSG6G {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___5Zt-1:last-child {
258
+ .Paragraph-module__hop-Paragraph___BSG6G:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___Xyy-T {
261
+ .Paragraph-module__hop-Paragraph--xs___-HOey {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___yzMuT {
264
+ .Paragraph-module__hop-Paragraph--sm___KPNsp {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___Ul8Yd {
267
+ .Paragraph-module__hop-Paragraph--md___gQjc2 {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___hcdQX {
270
+ .Paragraph-module__hop-Paragraph--lg___-7UGm {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___-H7Am {
273
+ .Paragraph-module__hop-Paragraph--xl___rYzwX {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___z43CV {
276
+ .Paragraph-module__hop-Paragraph--2xl___-q-Aw {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___6KhqN {
279
+ .Paragraph-module__hop-Paragraph--inherit___jDrOj {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/divider/src/Divider.module.css/#css-module-data */
284
- :where(.Divider-module__hop-Divider___nlqy5) {
284
+ :where(.Divider-module__hop-Divider___XUcnB) {
285
285
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
286
286
  --hop-Divider-border-size: 0.0625rem;
287
287
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -306,7 +306,7 @@
306
306
  border-block-end: var(--border-block-end);
307
307
  border-inline-start: var(--border-inline-start);
308
308
  }
309
- .Divider-module__hop-Divider--vertical___RKU5E {
309
+ .Divider-module__hop-Divider--vertical___0VBLX {
310
310
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
311
311
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
312
312
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -315,7 +315,7 @@
315
315
  }
316
316
 
317
317
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
318
- .IconList-module__hop-IconList___Fef5U {
318
+ .IconList-module__hop-IconList___-hw-V {
319
319
  --hop-IconList-gap: var(--hop-space-inline-xs);
320
320
  display: flex;
321
321
  flex-wrap: wrap;
@@ -324,7 +324,7 @@
324
324
  }
325
325
 
326
326
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
327
- @keyframes Spinner-module__spin___MdfkJ {
327
+ @keyframes Spinner-module__spin___5z8mH {
328
328
  0% {
329
329
  transform: rotate(0deg);
330
330
  }
@@ -332,7 +332,7 @@
332
332
  transform: rotate(360deg);
333
333
  }
334
334
  }
335
- .Spinner-module__hop-Spinner___b0m0F {
335
+ .Spinner-module__hop-Spinner___WMumF {
336
336
  --hop-Spinner-border-radius: var(--hop-shape-circle);
337
337
  --hop-Spinner-sm-wheel-size: 1rem;
338
338
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -340,7 +340,7 @@
340
340
  --hop-Spinner-track-width: 0.125rem;
341
341
  --hop-Spinner-track-opacity: 0.2;
342
342
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
343
- --hop-Spinner-fill-animation: Spinner-module__spin___MdfkJ .8s infinite linear;
343
+ --hop-Spinner-fill-animation: Spinner-module__spin___5z8mH .8s infinite linear;
344
344
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
345
345
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
346
346
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -351,19 +351,19 @@
351
351
  align-items: center;
352
352
  box-sizing: border-box;
353
353
  }
354
- .Spinner-module__hop-Spinner--sm___5fffU {
354
+ .Spinner-module__hop-Spinner--sm___cktbc {
355
355
  --width: var(--hop-Spinner-sm-wheel-size);
356
356
  --height: var(--hop-Spinner-sm-wheel-size);
357
357
  }
358
- .Spinner-module__hop-Spinner--md___s9RrN {
358
+ .Spinner-module__hop-Spinner--md___b3e8I {
359
359
  --width: var(--hop-Spinner-md-wheel-size);
360
360
  --height: var(--hop-Spinner-md-wheel-size);
361
361
  }
362
- .Spinner-module__hop-Spinner--lg___ydVq5 {
362
+ .Spinner-module__hop-Spinner--lg___skT5W {
363
363
  --width: var(--hop-Spinner-lg-wheel-size);
364
364
  --height: var(--hop-Spinner-lg-wheel-size);
365
365
  }
366
- .Spinner-module__hop-Spinner__track___re54s {
366
+ .Spinner-module__hop-Spinner__track___FTEFa {
367
367
  grid-area: spinner;
368
368
  box-sizing: border-box;
369
369
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -372,7 +372,7 @@
372
372
  border: var(--hop-Spinner-track-border);
373
373
  border-radius: var(--hop-Spinner-border-radius);
374
374
  }
375
- .Spinner-module__hop-Spinner__fill___QRpNj {
375
+ .Spinner-module__hop-Spinner__fill___bDadC {
376
376
  grid-area: spinner;
377
377
  box-sizing: border-box;
378
378
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -383,18 +383,17 @@
383
383
  animation: var(--hop-Spinner-fill-animation);
384
384
  }
385
385
  @media (prefers-reduced-motion: reduce) {
386
- .Spinner-module__hop-Spinner__fill___QRpNj {
386
+ .Spinner-module__hop-Spinner__fill___bDadC {
387
387
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
388
388
  }
389
389
  }
390
- .Spinner-module__hop-Spinner__label___GkCUC {
390
+ .Spinner-module__hop-Spinner__label___mAhgE {
391
391
  grid-area: label;
392
392
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
393
393
  }
394
394
 
395
395
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
396
- .Button-module__hop-Button___nEuHI {
397
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
396
+ .Button-module__hop-Button___REbYC {
398
397
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
399
398
  --hop-Button-column-gap: var(--hop-space-inline-xs);
400
399
  --hop-Button-icon-only-column-gap: 0;
@@ -410,81 +409,35 @@
410
409
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
411
410
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
412
411
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
413
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
414
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
415
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
416
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
417
- --hop-Button-ghost-background-color-disabled: transparent;
418
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
419
- --hop-Button-primary-color: var(--hop-primary-text-strong);
420
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
421
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
422
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
423
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
424
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
425
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
426
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
427
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
412
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
413
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
414
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
415
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
416
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
428
417
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
429
- --hop-Button-secondary-color: var(--hop-neutral-text);
430
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
431
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
432
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
433
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
434
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
435
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
436
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
437
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
418
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
419
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
420
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
438
421
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
439
- --hop-Button-upsell-color: var(--hop-upsell-text);
440
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
441
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
442
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
443
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
444
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
445
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
446
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
447
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
422
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
423
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
424
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
448
425
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
449
- --hop-Button-danger-color: var(--hop-danger-text-strong);
450
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
451
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
452
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
453
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
454
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
455
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
456
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
457
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
426
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
427
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
428
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
458
429
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
459
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
460
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
461
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
462
- --hop-Button-ghost-primary-background-color: transparent;
463
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
464
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
465
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
466
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
467
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
430
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
431
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
432
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
468
433
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
469
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
470
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
471
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
472
- --hop-Button-ghost-secondary-background-color: transparent;
473
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
474
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
475
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
476
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
477
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
434
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
435
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
436
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
478
437
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
479
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
480
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
481
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
482
- --hop-Button-ghost-danger-background-color: transparent;
483
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
484
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
485
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
486
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
487
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
438
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
439
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
440
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
488
441
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
489
442
  --inline-size: max-content;
490
443
  --block-size: var(--hop-Button-md-height);
@@ -494,6 +447,7 @@
494
447
  --spinner: var(--hop-primary-icon-strong);
495
448
  --border: 0;
496
449
  --padding: var(--hop-Button-md-padding);
450
+ --box-shadow: none;
497
451
  cursor: pointer;
498
452
  position: relative;
499
453
  overflow: hidden;
@@ -510,221 +464,229 @@
510
464
  white-space: nowrap;
511
465
  background-color: var(--background-color);
512
466
  border: var(--border);
513
- border-radius: var(--hop-Button-border-radius);
467
+ border-radius: var(--hop-comp-button-border-radius);
514
468
  outline: none;
515
469
  outline-offset: var(--hop-Button-outline-size);
470
+ box-shadow: var(--box-shadow);
516
471
  transition:
517
472
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
518
473
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
519
474
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
520
475
  }
521
- .Button-module__hop-Button--fluid___q27fH {
476
+ .Button-module__hop-Button--fluid___s-5yy {
522
477
  --inline-size: 100%;
523
478
  }
524
- .Button-module__hop-Button--xs___ePz1a {
479
+ .Button-module__hop-Button--xs___kPtoB {
525
480
  --block-size: var(--hop-Button-xs-height);
526
481
  --padding: var(--hop-Button-xs-padding);
527
482
  }
528
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
483
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
529
484
  --padding: var(--hop-Button-ghost-xs-padding);
530
485
  }
531
- .Button-module__hop-Button--sm___4f7xw {
486
+ .Button-module__hop-Button--sm___3-1pJ {
532
487
  --block-size: var(--hop-Button-sm-height);
533
488
  --padding: var(--hop-Button-sm-padding);
534
489
  }
535
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
490
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
536
491
  --padding: var(--hop-Button-ghost-sm-padding);
537
492
  }
538
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
493
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
539
494
  --padding: var(--hop-Button-ghost-md-padding);
540
495
  }
541
- .Button-module__hop-Button--icon-only___XPiq- {
496
+ .Button-module__hop-Button--icon-only___T4bLi {
542
497
  --column-gap: var(--hop-Button-icon-only-column-gap);
543
498
  --padding: var(--hop-Button-icon-only-padding);
544
499
  aspect-ratio: 1;
545
500
  }
546
- .Button-module__hop-Button--primary___Scgow {
547
- --background-color: var(--hop-Button-primary-background-color);
548
- --color: var(--hop-Button-primary-color);
501
+ .Button-module__hop-Button--primary___6rHG3 {
502
+ --background-color: var(--hop-comp-button-primary-background-color);
503
+ --color: var(--hop-comp-button-primary-text-color);
549
504
  --border: var(--hop-Button-primary-border);
550
505
  --spinner-color: var(--hop-Button-primary-spinner-color);
506
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
551
507
  }
552
- .Button-module__hop-Button--primary___Scgow[data-hovered],
553
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
554
- --background-color: var(--hop-Button-primary-background-color-hover);
555
- --color: var(--hop-Button-primary-color-hover);
508
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
509
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
510
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
511
+ --color: var(--hop-comp-button-primary-text-color-hover);
556
512
  --border: var(--hop-Button-primary-border-hover);
557
513
  }
558
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
559
- --background-color: var(--hop-Button-primary-background-color-pressed);
560
- --color: var(--hop-Button-primary-color-pressed);
514
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
515
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
516
+ --color: var(--hop-comp-button-primary-text-color-pressed);
561
517
  --border: var(--hop-Button-primary-border-pressed);
562
518
  }
563
- .Button-module__hop-Button--secondary___aE2cR {
564
- --background-color: var(--hop-Button-secondary-background-color);
565
- --color: var(--hop-Button-secondary-color);
519
+ .Button-module__hop-Button--secondary___aCxDx {
520
+ --background-color: var(--hop-comp-button-secondary-background-color);
521
+ --color: var(--hop-comp-button-secondary-text-color);
566
522
  --border: var(--hop-Button-secondary-border);
567
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
524
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
568
525
  }
569
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
570
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
571
- --background-color: var(--hop-Button-secondary-background-color-hover);
572
- --color: var(--hop-Button-secondary-color-hover);
526
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
527
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
528
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
529
+ --color: var(--hop-comp-button-secondary-text-color-hover);
573
530
  --border: var(--hop-Button-secondary-border-hover);
574
531
  }
575
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
576
- --background-color: var(--hop-Button-secondary-background-color-pressed);
577
- --color: var(--hop-Button-secondary-color-pressed);
532
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
533
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
534
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
578
535
  --border: var(--hop-Button-secondary-border-pressed);
579
536
  }
580
- .Button-module__hop-Button--upsell___9YjEm {
581
- --background-color: var(--hop-Button-upsell-background-color);
582
- --color: var(--hop-Button-upsell-color);
537
+ .Button-module__hop-Button--upsell___4-0Mp {
538
+ --background-color: var(--hop-comp-button-upsell-background-color);
539
+ --color: var(--hop-comp-button-upsell-text-color);
583
540
  --border: var(--hop-Button-upsell-border);
584
541
  --spinner-color: var(--hop-Button-upsell-spinner-color);
542
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
585
543
  }
586
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
587
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
588
- --background-color: var(--hop-Button-upsell-background-color-hover);
589
- --color: var(--hop-Button-upsell-color-hover);
544
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
545
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
546
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
547
+ --color: var(--hop-comp-button-upsell-text-color-hover);
590
548
  --border: var(--hop-Button-upsell-border-hover);
591
549
  }
592
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
593
- --background-color: var(--hop-Button-upsell-background-color-pressed);
594
- --color: var(--hop-Button-upsell-color-pressed);
550
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
551
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
552
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
595
553
  --border: var(--hop-Button-upsell-border-pressed);
596
554
  }
597
- .Button-module__hop-Button--danger___cLxF7 {
598
- --background-color: var(--hop-Button-danger-background-color);
599
- --color: var(--hop-Button-danger-color);
555
+ .Button-module__hop-Button--danger___lsZmV {
556
+ --background-color: var(--hop-comp-button-danger-background-color);
557
+ --color: var(--hop-comp-button-danger-text-color);
600
558
  --border: var(--hop-Button-danger-border);
601
559
  --spinner-color: var(--hop-Button-danger-spinner-color);
560
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
602
561
  }
603
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
604
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
605
- --background-color: var(--hop-Button-danger-background-color-hover);
606
- --color: var(--hop-Button-danger-color-hover);
562
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
563
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
564
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
565
+ --color: var(--hop-comp-button-danger-text-color-hover);
607
566
  --border: var(--hop-Button-danger-border-hover);
608
567
  }
609
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
610
- --background-color: var(--hop-Button-danger-background-color-pressed);
611
- --color: var(--hop-Button-danger-color-pressed);
568
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
569
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
570
+ --color: var(--hop-comp-button-danger-text-color-pressed);
612
571
  --border: var(--hop-Button-danger-border-pressed);
613
572
  }
614
- .Button-module__hop-Button--ghost-primary___2dZsC {
615
- --background-color: var(--hop-Button-ghost-primary-background-color);
616
- --color: var(--hop-Button-ghost-primary-color);
573
+ .Button-module__hop-Button--ghost-primary___9J0-- {
574
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
575
+ --color: var(--hop-comp-button-ghost-primary-text-color);
617
576
  --border: var(--hop-Button-ghost-primary-border);
618
577
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
578
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
619
579
  }
620
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
621
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
622
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
623
- --color: var(--hop-Button-ghost-primary-color-hover);
580
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
581
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
582
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
583
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
624
584
  --border: var(--hop-Button-ghost-primary-border-hover);
625
585
  }
626
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
627
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
628
- --color: var(--hop-Button-ghost-primary-color-pressed);
586
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
587
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
588
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
629
589
  --border: var(--hop-Button-ghost-primary-border-pressed);
630
590
  }
631
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
632
- --background-color: var(--hop-Button-ghost-secondary-background-color);
633
- --color: var(--hop-Button-ghost-secondary-color);
591
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
592
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
593
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
634
594
  --border: var(--hop-Button-ghost-secondary-border);
635
595
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
596
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
636
597
  }
637
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
638
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
639
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
640
- --color: var(--hop-Button-ghost-secondary-color-hover);
598
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
599
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
600
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
601
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
641
602
  --border: var(--hop-Button-ghost-secondary-border-hover);
642
603
  }
643
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
644
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
645
- --color: var(--hop-Button-ghost-secondary-color-pressed);
604
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
605
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
606
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
646
607
  --border: var(--hop-Button-ghost-secondary-border-pressed);
647
608
  }
648
- .Button-module__hop-Button--ghost-danger___ojcg4 {
649
- --background-color: var(--hop-Button-ghost-danger-background-color);
650
- --color: var(--hop-Button-ghost-danger-color);
609
+ .Button-module__hop-Button--ghost-danger___vaQYU {
610
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
611
+ --color: var(--hop-comp-button-ghost-danger-text-color);
651
612
  --border: var(--hop-Button-ghost-danger-border);
652
613
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
614
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
653
615
  }
654
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
655
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
656
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
657
- --color: var(--hop-Button-ghost-danger-color-hover);
616
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
617
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
618
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
619
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
658
620
  --border: var(--hop-Button-ghost-danger-border-hover);
659
621
  }
660
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
661
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
662
- --color: var(--hop-Button-ghost-danger-color-pressed);
622
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
623
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
624
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
663
625
  --border: var(--hop-Button-ghost-danger-border-pressed);
664
626
  }
665
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
627
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
666
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
667
629
  }
668
- .Button-module__hop-Button___nEuHI[data-disabled],
669
- .Button-module__hop-Button--loading___AYdL0 {
630
+ .Button-module__hop-Button___REbYC[data-disabled],
631
+ .Button-module__hop-Button--loading___cV-u9 {
670
632
  cursor: not-allowed;
671
633
  }
672
- .Button-module__hop-Button___nEuHI[data-disabled] {
673
- --background-color: var(--hop-Button-background-color-disabled);
674
- --color: var(--hop-Button-color-disabled);
634
+ .Button-module__hop-Button___REbYC[data-disabled] {
635
+ --background-color: var(--hop-comp-button-disabled-background-color);
636
+ --color: var(--hop-comp-button-disabled-text-color);
675
637
  --border: var(--hop-Button-border-disabled);
676
638
  }
677
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
678
- --background-color: var(--hop-Button-ghost-background-color-disabled);
679
- --color: var(--hop-Button-ghost-color-disabled);
639
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
640
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
641
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
680
642
  --border: var(--hop-Button-ghost-border-disabled);
681
643
  }
682
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
683
- --background-color: var(--hop-Button-primary-background-color);
684
- --color: var(--hop-Button-primary-color);
644
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
645
+ --background-color: var(--hop-comp-button-primary-background-color);
646
+ --color: var(--hop-comp-button-primary-text-color);
685
647
  --border: var(--hop-Button-primary-border);
686
648
  }
687
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
688
- --background-color: var(--hop-Button-secondary-background-color);
689
- --color: var(--hop-Button-secondary-color);
649
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
650
+ --background-color: var(--hop-comp-button-secondary-background-color);
651
+ --color: var(--hop-comp-button-secondary-text-color);
690
652
  --border: var(--hop-Button-secondary-border);
691
653
  }
692
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
693
- --background-color: var(--hop-Button-upsell-background-color);
694
- --color: var(--hop-Button-upsell-color);
654
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
655
+ --background-color: var(--hop-comp-button-upsell-background-color);
656
+ --color: var(--hop-comp-button-upsell-text-color);
695
657
  --border: var(--hop-Button-upsell-border);
696
658
  }
697
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
698
- --background-color: var(--hop-Button-danger-background-color);
699
- --color: var(--hop-Button-danger-color);
659
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
660
+ --background-color: var(--hop-comp-button-danger-background-color);
661
+ --color: var(--hop-comp-button-danger-text-color);
700
662
  --border: var(--hop-Button-danger-border);
701
663
  }
702
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
703
- --background-color: var(--hop-Button-ghost-primary-background-color);
704
- --color: var(--hop-Button-ghost-primary-color);
664
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
665
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
666
+ --color: var(--hop-comp-button-ghost-primary-text-color);
705
667
  --border: var(--hop-Button-ghost-primary-border);
706
668
  }
707
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
708
- --background-color: var(--hop-Button-ghost-secondary-background-color);
709
- --color: var(--hop-Button-ghost-secondary-color);
669
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
670
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
671
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
710
672
  --border: var(--hop-Button-ghost-secondary-border);
711
673
  }
712
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
713
- --background-color: var(--hop-Button-ghost-danger-background-color);
714
- --color: var(--hop-Button-ghost-danger-color);
674
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
675
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
676
+ --color: var(--hop-comp-button-ghost-danger-text-color);
715
677
  --border: var(--hop-Button-ghost-danger-border);
716
678
  }
717
- .Button-module__hop-Button__Spinner___-4Cjd {
679
+ .Button-module__hop-Button__Spinner___yoa8O {
718
680
  position: absolute;
719
681
  color: var(--spinner-color);
720
682
  }
721
- .Button-module__hop-Button__icon___242RX,
722
- .Button-module__hop-Button__icon-list___YRbIZ {
683
+ .Button-module__hop-Button__icon___QCuE7,
684
+ .Button-module__hop-Button__icon-list___QrbUY {
723
685
  flex: 0 0 auto;
724
686
  justify-self: end;
725
687
  order: 1;
726
688
  }
727
- .Button-module__hop-Button__text___TAmEN {
689
+ .Button-module__hop-Button__text___CBz1s {
728
690
  user-select: none;
729
691
  overflow: visible;
730
692
  flex: 0 1 auto;
@@ -733,60 +695,60 @@
733
695
  text-decoration: none;
734
696
  text-wrap: nowrap;
735
697
  }
736
- .Button-module__hop-Button__end-icon___A15-f,
737
- .Button-module__hop-Button__end-icon-list___VLHc3 {
698
+ .Button-module__hop-Button__end-icon___cyX9i,
699
+ .Button-module__hop-Button__end-icon-list___u-t2S {
738
700
  flex: 0 0 auto;
739
701
  order: 3;
740
702
  }
741
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
742
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
703
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
704
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
743
705
  flex-wrap: nowrap;
744
706
  }
745
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
707
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
746
708
  opacity: 0;
747
709
  }
748
710
 
749
711
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
750
- .ButtonGroup-module__hop-ButtonGroup___JK1nW {
712
+ .ButtonGroup-module__hop-ButtonGroup___Ym1NG {
751
713
  display: inline-flex;
752
714
  flex-wrap: nowrap;
753
715
  gap: var(--hop-space-inline-md);
754
716
  }
755
- .ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
717
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
756
718
  align-items: center;
757
719
  }
758
- .ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
720
+ .ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
759
721
  flex-direction: column;
760
722
  gap: var(--hop-space-stack-md);
761
723
  justify-content: center;
762
724
  }
763
- .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
725
+ .ButtonGroup-module__hop-ButtonGroup--start___bSJVX.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
764
726
  align-items: flex-start;
765
727
  }
766
- .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
728
+ .ButtonGroup-module__hop-ButtonGroup--center___NESIb.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
767
729
  align-items: center;
768
730
  }
769
- .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
731
+ .ButtonGroup-module__hop-ButtonGroup--end___sszrq.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
770
732
  align-items: flex-end;
771
733
  }
772
- .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
734
+ .ButtonGroup-module__hop-ButtonGroup--start___bSJVX.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
773
735
  justify-content: flex-start;
774
736
  }
775
- .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
737
+ .ButtonGroup-module__hop-ButtonGroup--center___NESIb.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
776
738
  justify-content: center;
777
739
  }
778
- .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
740
+ .ButtonGroup-module__hop-ButtonGroup--end___sszrq.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
779
741
  justify-content: flex-end;
780
742
  }
781
- .ButtonGroup-module__hop-ButtonGroup--wrap___bx-ax {
743
+ .ButtonGroup-module__hop-ButtonGroup--wrap___72Uxk {
782
744
  flex-wrap: wrap;
783
745
  }
784
- .ButtonGroup-module__hop-ButtonGroup--fluid___Mhm9B {
746
+ .ButtonGroup-module__hop-ButtonGroup--fluid___6Vnq3 {
785
747
  inline-size: 100%;
786
748
  }
787
749
 
788
750
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
789
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2 {
751
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm {
790
752
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
791
753
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
792
754
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -950,7 +912,7 @@
950
912
  outline: none;
951
913
  transition: color var(--transition);
952
914
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2::before {
915
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm::before {
954
916
  content: "";
955
917
  position: absolute;
956
918
  inset-block-start: 50%;
@@ -963,284 +925,284 @@
963
925
  border-radius: var(--effect-border-radius);
964
926
  transition: background-color var(--transition);
965
927
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-square] {
928
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-square] {
967
929
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
968
930
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs3QD {
970
932
  --inline-size: var(--hop-EmbeddedButton-md-width);
971
933
  --block-size: var(--hop-EmbeddedButton-md-height);
972
934
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
973
935
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6 {
936
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___o-RjM {
975
937
  --inline-size: var(--hop-EmbeddedButton-lg-width);
976
938
  --block-size: var(--hop-EmbeddedButton-lg-height);
977
939
  --focus-ring-offset: 0;
978
940
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r::before {
941
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs3QD::before {
980
942
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
981
943
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
982
944
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___o-RjM::before {
984
946
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
985
947
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
986
948
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR {
988
950
  --color: var(--hop-EmbeddedButton-neutral-color);
989
951
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
990
952
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3- {
992
954
  --color: var(--hop-EmbeddedButton-subdued-color);
993
955
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
994
956
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc {
996
958
  --color: var(--hop-EmbeddedButton-progress-color);
997
959
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
998
960
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY {
1000
962
  --color: var(--hop-EmbeddedButton-positive-color);
1001
963
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1002
964
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe {
1004
966
  --color: var(--hop-EmbeddedButton-caution-color);
1005
967
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1006
968
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz {
1008
970
  --color: var(--hop-EmbeddedButton-negative-color);
1009
971
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1010
972
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5 {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d {
1012
974
  --color: var(--hop-EmbeddedButton-option1-color);
1013
975
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1014
976
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl {
1016
978
  --color: var(--hop-EmbeddedButton-option2-color);
1017
979
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1018
980
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW {
1020
982
  --color: var(--hop-EmbeddedButton-option3-color);
1021
983
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1022
984
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747 {
1024
986
  --color: var(--hop-EmbeddedButton-option4-color);
1025
987
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1026
988
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV {
1028
990
  --color: var(--hop-EmbeddedButton-option5-color);
1029
991
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1030
992
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9 {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm {
1032
994
  --color: var(--hop-EmbeddedButton-option6-color);
1033
995
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1034
996
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-selected] {
997
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-selected] {
1036
998
  --color: var(--hop-EmbeddedButton-selected-color);
1037
999
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1038
1000
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-focus-visible] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-focus-visible] {
1040
1002
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1041
1003
  outline-offset: var(--focus-ring-offset);
1042
1004
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-disabled] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-disabled] {
1044
1006
  cursor: not-allowed;
1045
1007
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-hovered] {
1008
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-hovered] {
1047
1009
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1048
1010
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1049
1011
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-focus-visible] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-focus-visible] {
1051
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1052
1014
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1053
1015
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-pressed] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-pressed] {
1055
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1056
1018
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1057
1019
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-disabled] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-disabled] {
1059
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1060
1022
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1061
1023
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-hovered] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-hovered] {
1063
1025
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1064
1026
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1065
1027
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-focus-visible] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-focus-visible] {
1067
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1068
1030
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1069
1031
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-pressed] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-pressed] {
1071
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1072
1034
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1073
1035
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-disabled] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-disabled] {
1075
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1076
1038
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1077
1039
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-hovered] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-hovered] {
1079
1041
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1080
1042
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1081
1043
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-focus-visible] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-focus-visible] {
1083
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1084
1046
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1085
1047
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-pressed] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-pressed] {
1087
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1088
1050
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1089
1051
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-disabled] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-disabled] {
1091
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1092
1054
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1093
1055
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-hovered] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-hovered] {
1095
1057
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1096
1058
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1097
1059
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-focus-visible] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-focus-visible] {
1099
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1100
1062
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1101
1063
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-pressed] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-pressed] {
1103
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1104
1066
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1105
1067
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-disabled] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-disabled] {
1107
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1108
1070
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1109
1071
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-hovered] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-hovered] {
1111
1073
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1112
1074
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1113
1075
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-focus-visible] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-focus-visible] {
1115
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1116
1078
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1117
1079
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-pressed] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-pressed] {
1119
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1120
1082
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1121
1083
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-disabled] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-disabled] {
1123
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1124
1086
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1125
1087
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-hovered] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-hovered] {
1127
1089
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1128
1090
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1129
1091
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-focus-visible] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-focus-visible] {
1131
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1132
1094
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1133
1095
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-pressed] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-pressed] {
1135
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1136
1098
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1137
1099
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-disabled] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-disabled] {
1139
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1140
1102
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1141
1103
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-hovered] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-hovered] {
1143
1105
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1144
1106
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1145
1107
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-focus-visible] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-focus-visible] {
1147
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1148
1110
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1149
1111
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-pressed] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-pressed] {
1151
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1152
1114
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1153
1115
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-disabled] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-disabled] {
1155
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1156
1118
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1157
1119
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-hovered] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-hovered] {
1159
1121
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1160
1122
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1161
1123
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-focus-visible] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-focus-visible] {
1163
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1164
1126
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1165
1127
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-pressed] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-pressed] {
1167
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1168
1130
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1169
1131
  }
1170
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-disabled] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-disabled] {
1171
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1172
1134
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1173
1135
  }
1174
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-hovered] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-hovered] {
1175
1137
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1176
1138
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1177
1139
  }
1178
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-focus-visible] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-focus-visible] {
1179
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1180
1142
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1181
1143
  }
1182
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-pressed] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-pressed] {
1183
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1184
1146
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1185
1147
  }
1186
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-disabled] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-disabled] {
1187
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1188
1150
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1189
1151
  }
1190
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-hovered] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-hovered] {
1191
1153
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1192
1154
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1193
1155
  }
1194
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-focus-visible] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-focus-visible] {
1195
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1196
1158
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1197
1159
  }
1198
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-pressed] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-pressed] {
1199
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1200
1162
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1201
1163
  }
1202
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-disabled] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-disabled] {
1203
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1204
1166
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1205
1167
  }
1206
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-hovered] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-hovered] {
1207
1169
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1208
1170
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1209
1171
  }
1210
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-focus-visible] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-focus-visible] {
1211
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1212
1174
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1213
1175
  }
1214
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-pressed] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-pressed] {
1215
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1216
1178
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1217
1179
  }
1218
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-disabled] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-disabled] {
1219
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1220
1182
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1221
1183
  }
1222
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-hovered] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-hovered] {
1223
1185
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1224
1186
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1225
1187
  }
1226
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-focus-visible] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-focus-visible] {
1227
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1228
1190
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1229
1191
  }
1230
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-pressed] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-pressed] {
1231
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1232
1194
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1233
1195
  }
1234
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-disabled] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-disabled] {
1235
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1236
1198
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1237
1199
  }
1238
- .EmbeddedButton-module__hop-EmbeddedButton__icon___MERm- {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___GhZPb {
1239
1201
  position: relative;
1240
1202
  }
1241
1203
 
1242
1204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1243
- button.CloseButton-module__hop-CloseButton___koyiQ {
1205
+ button.CloseButton-module__hop-CloseButton___gcZcd {
1244
1206
  --hop-CloseButton-margin-top: 0rem;
1245
1207
  --hop-CloseButton-padding: 0rem;
1246
1208
  --hop-CloseButton-width: fit-content;
@@ -1252,8 +1214,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1252
1214
  }
1253
1215
 
1254
1216
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1255
- .Button-module__hop-Button___nEuHI {
1256
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
1217
+ .Button-module__hop-Button___REbYC {
1257
1218
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1258
1219
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1259
1220
  --hop-Button-icon-only-column-gap: 0;
@@ -1269,81 +1230,35 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1269
1230
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1270
1231
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1271
1232
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1272
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1273
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1274
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1275
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1276
- --hop-Button-ghost-background-color-disabled: transparent;
1277
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1278
- --hop-Button-primary-color: var(--hop-primary-text-strong);
1279
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1280
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1281
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1282
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1283
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1284
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1285
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1286
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1233
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1234
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1235
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1236
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1237
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1287
1238
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1288
- --hop-Button-secondary-color: var(--hop-neutral-text);
1289
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1290
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1291
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1292
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1293
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1294
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1295
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1296
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1239
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1240
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1241
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1297
1242
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1298
- --hop-Button-upsell-color: var(--hop-upsell-text);
1299
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1300
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1301
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1302
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1303
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1304
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1305
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1306
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1243
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1244
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1245
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1307
1246
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1308
- --hop-Button-danger-color: var(--hop-danger-text-strong);
1309
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1310
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1311
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1312
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1313
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1314
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1315
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1316
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1247
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1248
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1249
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1317
1250
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1318
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
1319
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1320
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1321
- --hop-Button-ghost-primary-background-color: transparent;
1322
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1323
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1324
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1325
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1326
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1251
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1252
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1253
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1327
1254
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1328
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1329
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1330
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1331
- --hop-Button-ghost-secondary-background-color: transparent;
1332
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1333
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1334
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1335
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1336
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1255
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1256
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1257
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1337
1258
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1338
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1339
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1340
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1341
- --hop-Button-ghost-danger-background-color: transparent;
1342
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1343
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1344
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1345
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1346
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1259
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1260
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1261
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1347
1262
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1348
1263
  --inline-size: max-content;
1349
1264
  --block-size: var(--hop-Button-md-height);
@@ -1353,6 +1268,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1353
1268
  --spinner: var(--hop-primary-icon-strong);
1354
1269
  --border: 0;
1355
1270
  --padding: var(--hop-Button-md-padding);
1271
+ --box-shadow: none;
1356
1272
  cursor: pointer;
1357
1273
  position: relative;
1358
1274
  overflow: hidden;
@@ -1369,221 +1285,229 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1369
1285
  white-space: nowrap;
1370
1286
  background-color: var(--background-color);
1371
1287
  border: var(--border);
1372
- border-radius: var(--hop-Button-border-radius);
1288
+ border-radius: var(--hop-comp-button-border-radius);
1373
1289
  outline: none;
1374
1290
  outline-offset: var(--hop-Button-outline-size);
1291
+ box-shadow: var(--box-shadow);
1375
1292
  transition:
1376
1293
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1377
1294
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1378
1295
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1379
1296
  }
1380
- .Button-module__hop-Button--fluid___q27fH {
1297
+ .Button-module__hop-Button--fluid___s-5yy {
1381
1298
  --inline-size: 100%;
1382
1299
  }
1383
- .Button-module__hop-Button--xs___ePz1a {
1300
+ .Button-module__hop-Button--xs___kPtoB {
1384
1301
  --block-size: var(--hop-Button-xs-height);
1385
1302
  --padding: var(--hop-Button-xs-padding);
1386
1303
  }
1387
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1304
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
1388
1305
  --padding: var(--hop-Button-ghost-xs-padding);
1389
1306
  }
1390
- .Button-module__hop-Button--sm___4f7xw {
1307
+ .Button-module__hop-Button--sm___3-1pJ {
1391
1308
  --block-size: var(--hop-Button-sm-height);
1392
1309
  --padding: var(--hop-Button-sm-padding);
1393
1310
  }
1394
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1311
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
1395
1312
  --padding: var(--hop-Button-ghost-sm-padding);
1396
1313
  }
1397
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1314
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
1398
1315
  --padding: var(--hop-Button-ghost-md-padding);
1399
1316
  }
1400
- .Button-module__hop-Button--icon-only___XPiq- {
1317
+ .Button-module__hop-Button--icon-only___T4bLi {
1401
1318
  --column-gap: var(--hop-Button-icon-only-column-gap);
1402
1319
  --padding: var(--hop-Button-icon-only-padding);
1403
1320
  aspect-ratio: 1;
1404
1321
  }
1405
- .Button-module__hop-Button--primary___Scgow {
1406
- --background-color: var(--hop-Button-primary-background-color);
1407
- --color: var(--hop-Button-primary-color);
1322
+ .Button-module__hop-Button--primary___6rHG3 {
1323
+ --background-color: var(--hop-comp-button-primary-background-color);
1324
+ --color: var(--hop-comp-button-primary-text-color);
1408
1325
  --border: var(--hop-Button-primary-border);
1409
1326
  --spinner-color: var(--hop-Button-primary-spinner-color);
1327
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
1410
1328
  }
1411
- .Button-module__hop-Button--primary___Scgow[data-hovered],
1412
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1413
- --background-color: var(--hop-Button-primary-background-color-hover);
1414
- --color: var(--hop-Button-primary-color-hover);
1329
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
1330
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
1331
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
1332
+ --color: var(--hop-comp-button-primary-text-color-hover);
1415
1333
  --border: var(--hop-Button-primary-border-hover);
1416
1334
  }
1417
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
1418
- --background-color: var(--hop-Button-primary-background-color-pressed);
1419
- --color: var(--hop-Button-primary-color-pressed);
1335
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
1336
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
1337
+ --color: var(--hop-comp-button-primary-text-color-pressed);
1420
1338
  --border: var(--hop-Button-primary-border-pressed);
1421
1339
  }
1422
- .Button-module__hop-Button--secondary___aE2cR {
1423
- --background-color: var(--hop-Button-secondary-background-color);
1424
- --color: var(--hop-Button-secondary-color);
1340
+ .Button-module__hop-Button--secondary___aCxDx {
1341
+ --background-color: var(--hop-comp-button-secondary-background-color);
1342
+ --color: var(--hop-comp-button-secondary-text-color);
1425
1343
  --border: var(--hop-Button-secondary-border);
1426
1344
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1345
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1427
1346
  }
1428
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1429
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1430
- --background-color: var(--hop-Button-secondary-background-color-hover);
1431
- --color: var(--hop-Button-secondary-color-hover);
1347
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
1348
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
1349
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
1350
+ --color: var(--hop-comp-button-secondary-text-color-hover);
1432
1351
  --border: var(--hop-Button-secondary-border-hover);
1433
1352
  }
1434
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1435
- --background-color: var(--hop-Button-secondary-background-color-pressed);
1436
- --color: var(--hop-Button-secondary-color-pressed);
1353
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
1354
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1355
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
1437
1356
  --border: var(--hop-Button-secondary-border-pressed);
1438
1357
  }
1439
- .Button-module__hop-Button--upsell___9YjEm {
1440
- --background-color: var(--hop-Button-upsell-background-color);
1441
- --color: var(--hop-Button-upsell-color);
1358
+ .Button-module__hop-Button--upsell___4-0Mp {
1359
+ --background-color: var(--hop-comp-button-upsell-background-color);
1360
+ --color: var(--hop-comp-button-upsell-text-color);
1442
1361
  --border: var(--hop-Button-upsell-border);
1443
1362
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1363
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1444
1364
  }
1445
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1446
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1447
- --background-color: var(--hop-Button-upsell-background-color-hover);
1448
- --color: var(--hop-Button-upsell-color-hover);
1365
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
1366
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
1367
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
1368
+ --color: var(--hop-comp-button-upsell-text-color-hover);
1449
1369
  --border: var(--hop-Button-upsell-border-hover);
1450
1370
  }
1451
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1452
- --background-color: var(--hop-Button-upsell-background-color-pressed);
1453
- --color: var(--hop-Button-upsell-color-pressed);
1371
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
1372
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1373
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
1454
1374
  --border: var(--hop-Button-upsell-border-pressed);
1455
1375
  }
1456
- .Button-module__hop-Button--danger___cLxF7 {
1457
- --background-color: var(--hop-Button-danger-background-color);
1458
- --color: var(--hop-Button-danger-color);
1376
+ .Button-module__hop-Button--danger___lsZmV {
1377
+ --background-color: var(--hop-comp-button-danger-background-color);
1378
+ --color: var(--hop-comp-button-danger-text-color);
1459
1379
  --border: var(--hop-Button-danger-border);
1460
1380
  --spinner-color: var(--hop-Button-danger-spinner-color);
1381
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
1461
1382
  }
1462
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
1463
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1464
- --background-color: var(--hop-Button-danger-background-color-hover);
1465
- --color: var(--hop-Button-danger-color-hover);
1383
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
1384
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
1385
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
1386
+ --color: var(--hop-comp-button-danger-text-color-hover);
1466
1387
  --border: var(--hop-Button-danger-border-hover);
1467
1388
  }
1468
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1469
- --background-color: var(--hop-Button-danger-background-color-pressed);
1470
- --color: var(--hop-Button-danger-color-pressed);
1389
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
1390
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
1391
+ --color: var(--hop-comp-button-danger-text-color-pressed);
1471
1392
  --border: var(--hop-Button-danger-border-pressed);
1472
1393
  }
1473
- .Button-module__hop-Button--ghost-primary___2dZsC {
1474
- --background-color: var(--hop-Button-ghost-primary-background-color);
1475
- --color: var(--hop-Button-ghost-primary-color);
1394
+ .Button-module__hop-Button--ghost-primary___9J0-- {
1395
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1396
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1476
1397
  --border: var(--hop-Button-ghost-primary-border);
1477
1398
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1399
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1478
1400
  }
1479
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1480
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1481
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1482
- --color: var(--hop-Button-ghost-primary-color-hover);
1401
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
1402
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
1403
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1404
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1483
1405
  --border: var(--hop-Button-ghost-primary-border-hover);
1484
1406
  }
1485
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1486
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1487
- --color: var(--hop-Button-ghost-primary-color-pressed);
1407
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
1408
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1409
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1488
1410
  --border: var(--hop-Button-ghost-primary-border-pressed);
1489
1411
  }
1490
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
1491
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1492
- --color: var(--hop-Button-ghost-secondary-color);
1412
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
1413
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1414
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1493
1415
  --border: var(--hop-Button-ghost-secondary-border);
1494
1416
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1417
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1495
1418
  }
1496
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1497
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1498
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1499
- --color: var(--hop-Button-ghost-secondary-color-hover);
1419
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
1420
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
1421
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1422
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1500
1423
  --border: var(--hop-Button-ghost-secondary-border-hover);
1501
1424
  }
1502
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1503
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1504
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1425
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
1426
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1427
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1505
1428
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1506
1429
  }
1507
- .Button-module__hop-Button--ghost-danger___ojcg4 {
1508
- --background-color: var(--hop-Button-ghost-danger-background-color);
1509
- --color: var(--hop-Button-ghost-danger-color);
1430
+ .Button-module__hop-Button--ghost-danger___vaQYU {
1431
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1432
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1510
1433
  --border: var(--hop-Button-ghost-danger-border);
1511
1434
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1435
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1512
1436
  }
1513
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
1514
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
1515
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1516
- --color: var(--hop-Button-ghost-danger-color-hover);
1437
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
1438
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
1439
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1440
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1517
1441
  --border: var(--hop-Button-ghost-danger-border-hover);
1518
1442
  }
1519
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
1520
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1521
- --color: var(--hop-Button-ghost-danger-color-pressed);
1443
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
1444
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1445
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1522
1446
  --border: var(--hop-Button-ghost-danger-border-pressed);
1523
1447
  }
1524
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
1448
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
1525
1449
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1526
1450
  }
1527
- .Button-module__hop-Button___nEuHI[data-disabled],
1528
- .Button-module__hop-Button--loading___AYdL0 {
1451
+ .Button-module__hop-Button___REbYC[data-disabled],
1452
+ .Button-module__hop-Button--loading___cV-u9 {
1529
1453
  cursor: not-allowed;
1530
1454
  }
1531
- .Button-module__hop-Button___nEuHI[data-disabled] {
1532
- --background-color: var(--hop-Button-background-color-disabled);
1533
- --color: var(--hop-Button-color-disabled);
1455
+ .Button-module__hop-Button___REbYC[data-disabled] {
1456
+ --background-color: var(--hop-comp-button-disabled-background-color);
1457
+ --color: var(--hop-comp-button-disabled-text-color);
1534
1458
  --border: var(--hop-Button-border-disabled);
1535
1459
  }
1536
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
1537
- --background-color: var(--hop-Button-ghost-background-color-disabled);
1538
- --color: var(--hop-Button-ghost-color-disabled);
1460
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
1461
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1462
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
1539
1463
  --border: var(--hop-Button-ghost-border-disabled);
1540
1464
  }
1541
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
1542
- --background-color: var(--hop-Button-primary-background-color);
1543
- --color: var(--hop-Button-primary-color);
1465
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
1466
+ --background-color: var(--hop-comp-button-primary-background-color);
1467
+ --color: var(--hop-comp-button-primary-text-color);
1544
1468
  --border: var(--hop-Button-primary-border);
1545
1469
  }
1546
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
1547
- --background-color: var(--hop-Button-secondary-background-color);
1548
- --color: var(--hop-Button-secondary-color);
1470
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
1471
+ --background-color: var(--hop-comp-button-secondary-background-color);
1472
+ --color: var(--hop-comp-button-secondary-text-color);
1549
1473
  --border: var(--hop-Button-secondary-border);
1550
1474
  }
1551
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
1552
- --background-color: var(--hop-Button-upsell-background-color);
1553
- --color: var(--hop-Button-upsell-color);
1475
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
1476
+ --background-color: var(--hop-comp-button-upsell-background-color);
1477
+ --color: var(--hop-comp-button-upsell-text-color);
1554
1478
  --border: var(--hop-Button-upsell-border);
1555
1479
  }
1556
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
1557
- --background-color: var(--hop-Button-danger-background-color);
1558
- --color: var(--hop-Button-danger-color);
1480
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
1481
+ --background-color: var(--hop-comp-button-danger-background-color);
1482
+ --color: var(--hop-comp-button-danger-text-color);
1559
1483
  --border: var(--hop-Button-danger-border);
1560
1484
  }
1561
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
1562
- --background-color: var(--hop-Button-ghost-primary-background-color);
1563
- --color: var(--hop-Button-ghost-primary-color);
1485
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
1486
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1487
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1564
1488
  --border: var(--hop-Button-ghost-primary-border);
1565
1489
  }
1566
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
1567
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1568
- --color: var(--hop-Button-ghost-secondary-color);
1490
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
1491
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1492
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1569
1493
  --border: var(--hop-Button-ghost-secondary-border);
1570
1494
  }
1571
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
1572
- --background-color: var(--hop-Button-ghost-danger-background-color);
1573
- --color: var(--hop-Button-ghost-danger-color);
1495
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
1496
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1497
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1574
1498
  --border: var(--hop-Button-ghost-danger-border);
1575
1499
  }
1576
- .Button-module__hop-Button__Spinner___-4Cjd {
1500
+ .Button-module__hop-Button__Spinner___yoa8O {
1577
1501
  position: absolute;
1578
1502
  color: var(--spinner-color);
1579
1503
  }
1580
- .Button-module__hop-Button__icon___242RX,
1581
- .Button-module__hop-Button__icon-list___YRbIZ {
1504
+ .Button-module__hop-Button__icon___QCuE7,
1505
+ .Button-module__hop-Button__icon-list___QrbUY {
1582
1506
  flex: 0 0 auto;
1583
1507
  justify-self: end;
1584
1508
  order: 1;
1585
1509
  }
1586
- .Button-module__hop-Button__text___TAmEN {
1510
+ .Button-module__hop-Button__text___CBz1s {
1587
1511
  user-select: none;
1588
1512
  overflow: visible;
1589
1513
  flex: 0 1 auto;
@@ -1592,60 +1516,59 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1592
1516
  text-decoration: none;
1593
1517
  text-wrap: nowrap;
1594
1518
  }
1595
- .Button-module__hop-Button__end-icon___A15-f,
1596
- .Button-module__hop-Button__end-icon-list___VLHc3 {
1519
+ .Button-module__hop-Button__end-icon___cyX9i,
1520
+ .Button-module__hop-Button__end-icon-list___u-t2S {
1597
1521
  flex: 0 0 auto;
1598
1522
  order: 3;
1599
1523
  }
1600
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
1601
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1524
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
1525
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
1602
1526
  flex-wrap: nowrap;
1603
1527
  }
1604
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1528
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
1605
1529
  opacity: 0;
1606
1530
  }
1607
- .LinkButton-module__hop-LinkButton___ezWLR {
1531
+ .LinkButton-module__hop-LinkButton___xGyM4 {
1608
1532
  }
1609
- .LinkButton-module__hop-LinkButton--fluid___qzYmE {
1533
+ .LinkButton-module__hop-LinkButton--fluid___oZClp {
1610
1534
  }
1611
- .LinkButton-module__hop-LinkButton--xs___jhRql {
1535
+ .LinkButton-module__hop-LinkButton--xs___jitZL {
1612
1536
  }
1613
- .LinkButton-module__hop-LinkButton--sm___fP4nz {
1537
+ .LinkButton-module__hop-LinkButton--sm___WdMrk {
1614
1538
  }
1615
- .LinkButton-module__hop-LinkButton--icon-only___xtZU9 {
1539
+ .LinkButton-module__hop-LinkButton--icon-only___OeT8G {
1616
1540
  }
1617
- .LinkButton-module__hop-LinkButton--primary___xqSQr {
1541
+ .LinkButton-module__hop-LinkButton--primary___Wxuyn {
1618
1542
  }
1619
- .LinkButton-module__hop-LinkButton--secondary___yauZ7 {
1543
+ .LinkButton-module__hop-LinkButton--secondary___bFf28 {
1620
1544
  }
1621
- .LinkButton-module__hop-LinkButton--upsell___ADh4Z {
1545
+ .LinkButton-module__hop-LinkButton--upsell___D1OPo {
1622
1546
  }
1623
- .LinkButton-module__hop-LinkButton--danger___Zq-vl {
1547
+ .LinkButton-module__hop-LinkButton--danger___yNyMo {
1624
1548
  }
1625
- .LinkButton-module__hop-LinkButton--ghost-primary___lR2RC {
1549
+ .LinkButton-module__hop-LinkButton--ghost-primary___igdqz {
1626
1550
  }
1627
- .LinkButton-module__hop-LinkButton--ghost-secondary___a981Y {
1551
+ .LinkButton-module__hop-LinkButton--ghost-secondary___Rt8Lh {
1628
1552
  }
1629
- .LinkButton-module__hop-LinkButton--ghost-danger___EgXL1 {
1553
+ .LinkButton-module__hop-LinkButton--ghost-danger___ocBOG {
1630
1554
  }
1631
- .LinkButton-module__hop-LinkButton__Spinner___wxYsj {
1555
+ .LinkButton-module__hop-LinkButton__Spinner___bGwzc {
1632
1556
  }
1633
- .LinkButton-module__hop-LinkButton__icon___OYO7R,
1634
- .LinkButton-module__hop-LinkButton__icon-list___5cR3O {
1557
+ .LinkButton-module__hop-LinkButton__icon___p-RgO,
1558
+ .LinkButton-module__hop-LinkButton__icon-list___cRz2q {
1635
1559
  }
1636
- .LinkButton-module__hop-LinkButton__text___l2Xg5 {
1560
+ .LinkButton-module__hop-LinkButton__text___fEbsE {
1637
1561
  }
1638
- .LinkButton-module__hop-LinkButton__end-icon___NCKAP,
1639
- .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1562
+ .LinkButton-module__hop-LinkButton__end-icon___HoNQC,
1563
+ .LinkButton-module__hop-LinkButton__end-icon-list___KzloX {
1640
1564
  }
1641
- .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__icon-list___5cR3O,
1642
- .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1565
+ .LinkButton-module__hop-LinkButton___xGyM4 .LinkButton-module__hop-LinkButton__icon-list___cRz2q,
1566
+ .LinkButton-module__hop-LinkButton___xGyM4 .LinkButton-module__hop-LinkButton__end-icon-list___KzloX {
1643
1567
  flex-wrap: nowrap;
1644
1568
  }
1645
1569
 
1646
1570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1647
- .Button-module__hop-Button___nEuHI {
1648
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
1571
+ .Button-module__hop-Button___REbYC {
1649
1572
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1650
1573
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1651
1574
  --hop-Button-icon-only-column-gap: 0;
@@ -1661,81 +1584,35 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1661
1584
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1662
1585
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1663
1586
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1664
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1665
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1666
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1667
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1668
- --hop-Button-ghost-background-color-disabled: transparent;
1669
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1670
- --hop-Button-primary-color: var(--hop-primary-text-strong);
1671
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1672
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1673
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1674
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1675
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1676
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1677
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1678
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1587
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1588
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1589
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1590
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1591
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1679
1592
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1680
- --hop-Button-secondary-color: var(--hop-neutral-text);
1681
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1682
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1683
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1684
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1685
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1686
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1687
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1688
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1593
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1594
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1595
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1689
1596
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1690
- --hop-Button-upsell-color: var(--hop-upsell-text);
1691
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1692
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1693
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1694
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1695
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1696
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1697
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1698
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1597
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1598
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1599
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1699
1600
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1700
- --hop-Button-danger-color: var(--hop-danger-text-strong);
1701
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1702
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1703
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1704
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1705
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1706
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1707
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1708
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1601
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1602
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1603
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1709
1604
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1710
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
1711
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1712
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1713
- --hop-Button-ghost-primary-background-color: transparent;
1714
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1715
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1716
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1717
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1718
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1605
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1606
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1607
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1719
1608
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1720
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1721
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1722
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1723
- --hop-Button-ghost-secondary-background-color: transparent;
1724
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1725
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1726
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1727
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1728
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1609
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1610
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1611
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1729
1612
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1730
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1731
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1732
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1733
- --hop-Button-ghost-danger-background-color: transparent;
1734
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1735
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1736
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1737
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1738
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1613
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1614
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1615
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1739
1616
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1740
1617
  --inline-size: max-content;
1741
1618
  --block-size: var(--hop-Button-md-height);
@@ -1745,6 +1622,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1745
1622
  --spinner: var(--hop-primary-icon-strong);
1746
1623
  --border: 0;
1747
1624
  --padding: var(--hop-Button-md-padding);
1625
+ --box-shadow: none;
1748
1626
  cursor: pointer;
1749
1627
  position: relative;
1750
1628
  overflow: hidden;
@@ -1761,221 +1639,229 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1761
1639
  white-space: nowrap;
1762
1640
  background-color: var(--background-color);
1763
1641
  border: var(--border);
1764
- border-radius: var(--hop-Button-border-radius);
1642
+ border-radius: var(--hop-comp-button-border-radius);
1765
1643
  outline: none;
1766
1644
  outline-offset: var(--hop-Button-outline-size);
1645
+ box-shadow: var(--box-shadow);
1767
1646
  transition:
1768
1647
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1769
1648
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1770
1649
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1771
1650
  }
1772
- .Button-module__hop-Button--fluid___q27fH {
1651
+ .Button-module__hop-Button--fluid___s-5yy {
1773
1652
  --inline-size: 100%;
1774
1653
  }
1775
- .Button-module__hop-Button--xs___ePz1a {
1654
+ .Button-module__hop-Button--xs___kPtoB {
1776
1655
  --block-size: var(--hop-Button-xs-height);
1777
1656
  --padding: var(--hop-Button-xs-padding);
1778
1657
  }
1779
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1658
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
1780
1659
  --padding: var(--hop-Button-ghost-xs-padding);
1781
1660
  }
1782
- .Button-module__hop-Button--sm___4f7xw {
1661
+ .Button-module__hop-Button--sm___3-1pJ {
1783
1662
  --block-size: var(--hop-Button-sm-height);
1784
1663
  --padding: var(--hop-Button-sm-padding);
1785
1664
  }
1786
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1665
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
1787
1666
  --padding: var(--hop-Button-ghost-sm-padding);
1788
1667
  }
1789
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1668
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
1790
1669
  --padding: var(--hop-Button-ghost-md-padding);
1791
1670
  }
1792
- .Button-module__hop-Button--icon-only___XPiq- {
1671
+ .Button-module__hop-Button--icon-only___T4bLi {
1793
1672
  --column-gap: var(--hop-Button-icon-only-column-gap);
1794
1673
  --padding: var(--hop-Button-icon-only-padding);
1795
1674
  aspect-ratio: 1;
1796
1675
  }
1797
- .Button-module__hop-Button--primary___Scgow {
1798
- --background-color: var(--hop-Button-primary-background-color);
1799
- --color: var(--hop-Button-primary-color);
1676
+ .Button-module__hop-Button--primary___6rHG3 {
1677
+ --background-color: var(--hop-comp-button-primary-background-color);
1678
+ --color: var(--hop-comp-button-primary-text-color);
1800
1679
  --border: var(--hop-Button-primary-border);
1801
1680
  --spinner-color: var(--hop-Button-primary-spinner-color);
1681
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
1802
1682
  }
1803
- .Button-module__hop-Button--primary___Scgow[data-hovered],
1804
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1805
- --background-color: var(--hop-Button-primary-background-color-hover);
1806
- --color: var(--hop-Button-primary-color-hover);
1683
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
1684
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
1685
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
1686
+ --color: var(--hop-comp-button-primary-text-color-hover);
1807
1687
  --border: var(--hop-Button-primary-border-hover);
1808
1688
  }
1809
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
1810
- --background-color: var(--hop-Button-primary-background-color-pressed);
1811
- --color: var(--hop-Button-primary-color-pressed);
1689
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
1690
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
1691
+ --color: var(--hop-comp-button-primary-text-color-pressed);
1812
1692
  --border: var(--hop-Button-primary-border-pressed);
1813
1693
  }
1814
- .Button-module__hop-Button--secondary___aE2cR {
1815
- --background-color: var(--hop-Button-secondary-background-color);
1816
- --color: var(--hop-Button-secondary-color);
1694
+ .Button-module__hop-Button--secondary___aCxDx {
1695
+ --background-color: var(--hop-comp-button-secondary-background-color);
1696
+ --color: var(--hop-comp-button-secondary-text-color);
1817
1697
  --border: var(--hop-Button-secondary-border);
1818
1698
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1699
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1819
1700
  }
1820
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1821
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1822
- --background-color: var(--hop-Button-secondary-background-color-hover);
1823
- --color: var(--hop-Button-secondary-color-hover);
1701
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
1702
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
1703
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
1704
+ --color: var(--hop-comp-button-secondary-text-color-hover);
1824
1705
  --border: var(--hop-Button-secondary-border-hover);
1825
1706
  }
1826
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1827
- --background-color: var(--hop-Button-secondary-background-color-pressed);
1828
- --color: var(--hop-Button-secondary-color-pressed);
1707
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
1708
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1709
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
1829
1710
  --border: var(--hop-Button-secondary-border-pressed);
1830
1711
  }
1831
- .Button-module__hop-Button--upsell___9YjEm {
1832
- --background-color: var(--hop-Button-upsell-background-color);
1833
- --color: var(--hop-Button-upsell-color);
1712
+ .Button-module__hop-Button--upsell___4-0Mp {
1713
+ --background-color: var(--hop-comp-button-upsell-background-color);
1714
+ --color: var(--hop-comp-button-upsell-text-color);
1834
1715
  --border: var(--hop-Button-upsell-border);
1835
1716
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1717
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1836
1718
  }
1837
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1838
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1839
- --background-color: var(--hop-Button-upsell-background-color-hover);
1840
- --color: var(--hop-Button-upsell-color-hover);
1719
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
1720
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
1721
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
1722
+ --color: var(--hop-comp-button-upsell-text-color-hover);
1841
1723
  --border: var(--hop-Button-upsell-border-hover);
1842
1724
  }
1843
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1844
- --background-color: var(--hop-Button-upsell-background-color-pressed);
1845
- --color: var(--hop-Button-upsell-color-pressed);
1725
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
1726
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1727
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
1846
1728
  --border: var(--hop-Button-upsell-border-pressed);
1847
1729
  }
1848
- .Button-module__hop-Button--danger___cLxF7 {
1849
- --background-color: var(--hop-Button-danger-background-color);
1850
- --color: var(--hop-Button-danger-color);
1730
+ .Button-module__hop-Button--danger___lsZmV {
1731
+ --background-color: var(--hop-comp-button-danger-background-color);
1732
+ --color: var(--hop-comp-button-danger-text-color);
1851
1733
  --border: var(--hop-Button-danger-border);
1852
1734
  --spinner-color: var(--hop-Button-danger-spinner-color);
1735
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
1853
1736
  }
1854
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
1855
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1856
- --background-color: var(--hop-Button-danger-background-color-hover);
1857
- --color: var(--hop-Button-danger-color-hover);
1737
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
1738
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
1739
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
1740
+ --color: var(--hop-comp-button-danger-text-color-hover);
1858
1741
  --border: var(--hop-Button-danger-border-hover);
1859
1742
  }
1860
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1861
- --background-color: var(--hop-Button-danger-background-color-pressed);
1862
- --color: var(--hop-Button-danger-color-pressed);
1743
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
1744
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
1745
+ --color: var(--hop-comp-button-danger-text-color-pressed);
1863
1746
  --border: var(--hop-Button-danger-border-pressed);
1864
1747
  }
1865
- .Button-module__hop-Button--ghost-primary___2dZsC {
1866
- --background-color: var(--hop-Button-ghost-primary-background-color);
1867
- --color: var(--hop-Button-ghost-primary-color);
1748
+ .Button-module__hop-Button--ghost-primary___9J0-- {
1749
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1750
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1868
1751
  --border: var(--hop-Button-ghost-primary-border);
1869
1752
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1753
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1870
1754
  }
1871
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1872
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1873
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1874
- --color: var(--hop-Button-ghost-primary-color-hover);
1755
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
1756
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
1757
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1758
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1875
1759
  --border: var(--hop-Button-ghost-primary-border-hover);
1876
1760
  }
1877
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1878
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1879
- --color: var(--hop-Button-ghost-primary-color-pressed);
1761
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
1762
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1763
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1880
1764
  --border: var(--hop-Button-ghost-primary-border-pressed);
1881
1765
  }
1882
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
1883
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1884
- --color: var(--hop-Button-ghost-secondary-color);
1766
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
1767
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1768
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1885
1769
  --border: var(--hop-Button-ghost-secondary-border);
1886
1770
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1771
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1887
1772
  }
1888
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1889
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1890
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1891
- --color: var(--hop-Button-ghost-secondary-color-hover);
1773
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
1774
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
1775
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1776
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1892
1777
  --border: var(--hop-Button-ghost-secondary-border-hover);
1893
1778
  }
1894
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1895
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1896
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1779
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
1780
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1781
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1897
1782
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1898
1783
  }
1899
- .Button-module__hop-Button--ghost-danger___ojcg4 {
1900
- --background-color: var(--hop-Button-ghost-danger-background-color);
1901
- --color: var(--hop-Button-ghost-danger-color);
1784
+ .Button-module__hop-Button--ghost-danger___vaQYU {
1785
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1786
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1902
1787
  --border: var(--hop-Button-ghost-danger-border);
1903
1788
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1789
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1904
1790
  }
1905
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
1906
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
1907
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1908
- --color: var(--hop-Button-ghost-danger-color-hover);
1791
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
1792
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
1793
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1794
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1909
1795
  --border: var(--hop-Button-ghost-danger-border-hover);
1910
1796
  }
1911
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
1912
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1913
- --color: var(--hop-Button-ghost-danger-color-pressed);
1797
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
1798
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1799
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1914
1800
  --border: var(--hop-Button-ghost-danger-border-pressed);
1915
1801
  }
1916
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
1802
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
1917
1803
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1918
1804
  }
1919
- .Button-module__hop-Button___nEuHI[data-disabled],
1920
- .Button-module__hop-Button--loading___AYdL0 {
1805
+ .Button-module__hop-Button___REbYC[data-disabled],
1806
+ .Button-module__hop-Button--loading___cV-u9 {
1921
1807
  cursor: not-allowed;
1922
1808
  }
1923
- .Button-module__hop-Button___nEuHI[data-disabled] {
1924
- --background-color: var(--hop-Button-background-color-disabled);
1925
- --color: var(--hop-Button-color-disabled);
1809
+ .Button-module__hop-Button___REbYC[data-disabled] {
1810
+ --background-color: var(--hop-comp-button-disabled-background-color);
1811
+ --color: var(--hop-comp-button-disabled-text-color);
1926
1812
  --border: var(--hop-Button-border-disabled);
1927
1813
  }
1928
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
1929
- --background-color: var(--hop-Button-ghost-background-color-disabled);
1930
- --color: var(--hop-Button-ghost-color-disabled);
1814
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
1815
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1816
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
1931
1817
  --border: var(--hop-Button-ghost-border-disabled);
1932
1818
  }
1933
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
1934
- --background-color: var(--hop-Button-primary-background-color);
1935
- --color: var(--hop-Button-primary-color);
1819
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
1820
+ --background-color: var(--hop-comp-button-primary-background-color);
1821
+ --color: var(--hop-comp-button-primary-text-color);
1936
1822
  --border: var(--hop-Button-primary-border);
1937
1823
  }
1938
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
1939
- --background-color: var(--hop-Button-secondary-background-color);
1940
- --color: var(--hop-Button-secondary-color);
1824
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
1825
+ --background-color: var(--hop-comp-button-secondary-background-color);
1826
+ --color: var(--hop-comp-button-secondary-text-color);
1941
1827
  --border: var(--hop-Button-secondary-border);
1942
1828
  }
1943
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
1944
- --background-color: var(--hop-Button-upsell-background-color);
1945
- --color: var(--hop-Button-upsell-color);
1829
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
1830
+ --background-color: var(--hop-comp-button-upsell-background-color);
1831
+ --color: var(--hop-comp-button-upsell-text-color);
1946
1832
  --border: var(--hop-Button-upsell-border);
1947
1833
  }
1948
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
1949
- --background-color: var(--hop-Button-danger-background-color);
1950
- --color: var(--hop-Button-danger-color);
1834
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
1835
+ --background-color: var(--hop-comp-button-danger-background-color);
1836
+ --color: var(--hop-comp-button-danger-text-color);
1951
1837
  --border: var(--hop-Button-danger-border);
1952
1838
  }
1953
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
1954
- --background-color: var(--hop-Button-ghost-primary-background-color);
1955
- --color: var(--hop-Button-ghost-primary-color);
1839
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
1840
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1841
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1956
1842
  --border: var(--hop-Button-ghost-primary-border);
1957
1843
  }
1958
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
1959
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1960
- --color: var(--hop-Button-ghost-secondary-color);
1844
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
1845
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1846
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1961
1847
  --border: var(--hop-Button-ghost-secondary-border);
1962
1848
  }
1963
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
1964
- --background-color: var(--hop-Button-ghost-danger-background-color);
1965
- --color: var(--hop-Button-ghost-danger-color);
1849
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
1850
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1851
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1966
1852
  --border: var(--hop-Button-ghost-danger-border);
1967
1853
  }
1968
- .Button-module__hop-Button__Spinner___-4Cjd {
1854
+ .Button-module__hop-Button__Spinner___yoa8O {
1969
1855
  position: absolute;
1970
1856
  color: var(--spinner-color);
1971
1857
  }
1972
- .Button-module__hop-Button__icon___242RX,
1973
- .Button-module__hop-Button__icon-list___YRbIZ {
1858
+ .Button-module__hop-Button__icon___QCuE7,
1859
+ .Button-module__hop-Button__icon-list___QrbUY {
1974
1860
  flex: 0 0 auto;
1975
1861
  justify-self: end;
1976
1862
  order: 1;
1977
1863
  }
1978
- .Button-module__hop-Button__text___TAmEN {
1864
+ .Button-module__hop-Button__text___CBz1s {
1979
1865
  user-select: none;
1980
1866
  overflow: visible;
1981
1867
  flex: 0 1 auto;
@@ -1984,176 +1870,134 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1984
1870
  text-decoration: none;
1985
1871
  text-wrap: nowrap;
1986
1872
  }
1987
- .Button-module__hop-Button__end-icon___A15-f,
1988
- .Button-module__hop-Button__end-icon-list___VLHc3 {
1873
+ .Button-module__hop-Button__end-icon___cyX9i,
1874
+ .Button-module__hop-Button__end-icon-list___u-t2S {
1989
1875
  flex: 0 0 auto;
1990
1876
  order: 3;
1991
1877
  }
1992
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
1993
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1878
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
1879
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
1994
1880
  flex-wrap: nowrap;
1995
1881
  }
1996
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1882
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
1997
1883
  opacity: 0;
1998
1884
  }
1999
- .ToggleButton-module__hop-ToggleButton___uRWN6 {
1885
+ .ToggleButton-module__hop-ToggleButton___ceyvh {
2000
1886
  --hop-ToggleButton-border-size: var(--hop-space-10);
2001
- --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2002
- --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2003
- --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2004
- --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2005
- --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2006
- --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2007
- --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2008
- --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2009
- --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2010
- --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2011
- --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2012
- --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2013
- --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2014
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-weak-surface);
2015
- --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2016
- --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2017
- --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2018
- --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2019
- --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2020
- --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2021
- --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2022
- --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2023
- --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2024
- --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2025
- --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2026
- --hop-ToggleButton-ghost-primary-background-color: transparent;
2027
- --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2028
- --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
2029
- --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
2030
- --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
2031
- --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2032
- --hop-ToggleButton-ghost-secondary-background-color: transparent;
2033
- --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2034
- --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2035
- --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2036
- --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2037
- --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2038
- --hop-ToggleButton-ghost-danger-background-color: transparent;
2039
- --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2040
- --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2041
- --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2042
- --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2043
- }
2044
- .ToggleButton-module__hop-ToggleButton--fluid___RfJ8Z {
2045
- }
2046
- .ToggleButton-module__hop-ToggleButton--xs___g-Ym6 {
2047
- }
2048
- .ToggleButton-module__hop-ToggleButton--sm___sms68 {
2049
- }
2050
- .ToggleButton-module__hop-ToggleButton--md___61fPz {
2051
- }
2052
- .ToggleButton-module__hop-ToggleButton--icon-only___BkplF {
2053
- }
2054
- .ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2055
- }
2056
- .ToggleButton-module__hop-ToggleButton--primary___z90m6[data-selected] {
2057
- --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2058
- --color: var(--hop-ToggleButton-primary-color-selected);
2059
- --border: var(--hop-ToggleButton-primary-border-selected);
2060
- }
2061
- .ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2062
- }
2063
- .ToggleButton-module__hop-ToggleButton--secondary___bM62i[data-selected] {
2064
- --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2065
- --color: var(--hop-ToggleButton-secondary-color-selected);
2066
- --border: var(--hop-ToggleButton-secondary-border-selected);
2067
- }
2068
- .ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2069
- }
2070
- .ToggleButton-module__hop-ToggleButton--upsell___kFffc[data-selected] {
2071
- --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2072
- --color: var(--hop-ToggleButton-upsell-color-selected);
2073
- --border: var(--hop-ToggleButton-upsell-border-selected);
2074
- }
2075
- .ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2076
- }
2077
- .ToggleButton-module__hop-ToggleButton--danger___Wk7MF[data-selected] {
2078
- --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2079
- --color: var(--hop-ToggleButton-danger-color-selected);
2080
- --border: var(--hop-ToggleButton-danger-border-selected);
2081
- }
2082
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2083
- }
2084
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP[data-selected] {
2085
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2086
- --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2087
- --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2088
- }
2089
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2090
- }
2091
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5[data-selected] {
2092
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2093
- --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2094
- --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2095
- }
2096
- .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2097
- }
2098
- .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy[data-selected] {
2099
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2100
- --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2101
- --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2102
- }
2103
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2104
- --background-color: var(--hop-ToggleButton-primary-background-color);
2105
- --color: var(--hop-ToggleButton-primary-color);
2106
- --border: var(--hop-ToggleButton-primary-border);
2107
- }
2108
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2109
- --background-color: var(--hop-ToggleButton-secondary-background-color);
2110
- --color: var(--hop-ToggleButton-secondary-color);
2111
- --border: var(--hop-ToggleButton-secondary-border);
2112
- }
2113
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2114
- --background-color: var(--hop-ToggleButton-upsell-background-color);
2115
- --color: var(--hop-ToggleButton-upsell-color);
2116
- --border: var(--hop-ToggleButton-upsell-border);
2117
- }
2118
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2119
- --background-color: var(--hop-ToggleButton-danger-background-color);
2120
- --color: var(--hop-ToggleButton-danger-color);
2121
- --border: var(--hop-ToggleButton-danger-border);
2122
1887
  }
2123
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2124
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2125
- --color: var(--hop-ToggleButton-ghost-primary-color);
2126
- --border: var(--hop-ToggleButton-ghost-primary-border);
1888
+ .ToggleButton-module__hop-ToggleButton--fluid___s7swx {
2127
1889
  }
2128
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2129
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2130
- --color: var(--hop-ToggleButton-ghost-secondary-color);
2131
- --border: var(--hop-ToggleButton-ghost-secondary-border);
1890
+ .ToggleButton-module__hop-ToggleButton--xs___lwXuZ {
2132
1891
  }
2133
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2134
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2135
- --color: var(--hop-ToggleButton-ghost-danger-color);
2136
- --border: var(--hop-ToggleButton-ghost-danger-border);
1892
+ .ToggleButton-module__hop-ToggleButton--sm___9gvhF {
2137
1893
  }
2138
- .ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P {
1894
+ .ToggleButton-module__hop-ToggleButton--md___zTfYB {
2139
1895
  }
2140
- .ToggleButton-module__hop-ToggleButton__icon___KK-RV,
2141
- .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0 {
1896
+ .ToggleButton-module__hop-ToggleButton--icon-only___uRzpu {
2142
1897
  }
2143
- .ToggleButton-module__hop-ToggleButton__text___6FNe1 {
1898
+ .ToggleButton-module__hop-ToggleButton--primary___9IKHT {
2144
1899
  }
2145
- .ToggleButton-module__hop-ToggleButton__end-icon___Z5a0G,
2146
- .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
1900
+ .ToggleButton-module__hop-ToggleButton--primary___9IKHT[data-selected] {
1901
+ --background-color: var(--hop-comp-button-primary-background-color-selected);
1902
+ --color: var(--hop-comp-button-primary-text-color-selected);
1903
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2147
1904
  }
2148
- .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0,
2149
- .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
1905
+ .ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q {
2150
1906
  }
2151
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton___uRWN6 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P) {
1907
+ .ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q[data-selected] {
1908
+ --background-color: var(--hop-comp-button-secondary-background-color-selected);
1909
+ --color: var(--hop-comp-button-secondary-text-color-selected);
1910
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1911
+ }
1912
+ .ToggleButton-module__hop-ToggleButton--upsell___PYvaB {
1913
+ }
1914
+ .ToggleButton-module__hop-ToggleButton--upsell___PYvaB[data-selected] {
1915
+ --background-color: var(--hop-comp-button-upsell-background-color-selected);
1916
+ --color: var(--hop-comp-button-upsell-text-color-selected);
1917
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1918
+ }
1919
+ .ToggleButton-module__hop-ToggleButton--danger___PkMZR {
1920
+ }
1921
+ .ToggleButton-module__hop-ToggleButton--danger___PkMZR[data-selected] {
1922
+ --background-color: var(--hop-comp-button-danger-background-color-selected);
1923
+ --color: var(--hop-comp-button-danger-text-color-selected);
1924
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1925
+ }
1926
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R {
1927
+ }
1928
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R[data-selected] {
1929
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
1930
+ --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1931
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1932
+ }
1933
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK {
1934
+ }
1935
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK[data-selected] {
1936
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
1937
+ --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1938
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1939
+ }
1940
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6 {
1941
+ }
1942
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6[data-selected] {
1943
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
1944
+ --color: var(--hop-comp-button-ghost-danger-text-color-selected);
1945
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
1946
+ }
1947
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--primary___9IKHT {
1948
+ --background-color: var(--hop-comp-button-primary-background-color);
1949
+ --color: var(--hop-comp-button-primary-text-color);
1950
+ --border: var(--hop-Button-primary-border);
1951
+ }
1952
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q {
1953
+ --background-color: var(--hop-comp-button-secondary-background-color);
1954
+ --color: var(--hop-comp-button-secondary-text-color);
1955
+ --border: var(--hop-Button-secondary-border);
1956
+ }
1957
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--upsell___PYvaB {
1958
+ --background-color: var(--hop-comp-button-upsell-background-color);
1959
+ --color: var(--hop-comp-button-upsell-text-color);
1960
+ --border: var(--hop-Button-upsell-border);
1961
+ }
1962
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--danger___PkMZR {
1963
+ --background-color: var(--hop-comp-button-danger-background-color);
1964
+ --color: var(--hop-comp-button-danger-text-color);
1965
+ --border: var(--hop-Button-danger-border);
1966
+ }
1967
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R {
1968
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1969
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1970
+ --border: var(--hop-Button-ghost-primary-border);
1971
+ }
1972
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK {
1973
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1974
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1975
+ --border: var(--hop-Button-ghost-secondary-border);
1976
+ }
1977
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6 {
1978
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1979
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1980
+ --border: var(--hop-Button-ghost-danger-border);
1981
+ }
1982
+ .ToggleButton-module__hop-ToggleButton__Spinner___0qPTY {
1983
+ }
1984
+ .ToggleButton-module__hop-ToggleButton__icon___NhC7W,
1985
+ .ToggleButton-module__hop-ToggleButton__icon-list___vAJAJ {
1986
+ }
1987
+ .ToggleButton-module__hop-ToggleButton__text___3dDd1 {
1988
+ }
1989
+ .ToggleButton-module__hop-ToggleButton__end-icon___HaUGT,
1990
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___DMJr- {
1991
+ }
1992
+ .ToggleButton-module__hop-ToggleButton__icon-list___vAJAJ,
1993
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___DMJr- {
1994
+ }
1995
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton___ceyvh > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___0qPTY) {
2152
1996
  opacity: 0;
2153
1997
  }
2154
1998
 
2155
1999
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
2156
- .Link-module__hop-Link___DXnvY {
2000
+ .Link-module__hop-Link___WqxGK {
2157
2001
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2158
2002
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2159
2003
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2213,130 +2057,130 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2213
2057
  outline: none;
2214
2058
  outline-offset: 0.125rem;
2215
2059
  }
2216
- :where(.Link-module__hop-Link___DXnvY) {
2060
+ :where(.Link-module__hop-Link___WqxGK) {
2217
2061
  font-family: var(--font-family);
2218
2062
  font-size: var(--font-size);
2219
2063
  font-weight: var(--font-weight);
2220
2064
  line-height: var(--line-height);
2221
2065
  }
2222
- :where(.Link-module__hop-Link--xs___lCR96) {
2066
+ :where(.Link-module__hop-Link--xs___sjOKe) {
2223
2067
  --font-size: var(--hop-Link-xs-font-size);
2224
2068
  --font-family: var(--hop-Link-xs-font-family);
2225
2069
  --font-weight: var(--hop-Link-xs-font-weight);
2226
2070
  --line-height: var(--hop-Link-xs-line-height);
2227
2071
  }
2228
- :where(.Link-module__hop-Link--sm___UfvI4) {
2072
+ :where(.Link-module__hop-Link--sm___O-5bZ) {
2229
2073
  --font-size: var(--hop-Link-sm-font-size);
2230
2074
  --font-family: var(--hop-Link-sm-font-family);
2231
2075
  --font-weight: var(--hop-Link-sm-font-weight);
2232
2076
  --line-height: var(--hop-Link-sm-line-height);
2233
2077
  }
2234
- :where(.Link-module__hop-Link--md___CN2ug) {
2078
+ :where(.Link-module__hop-Link--md___fgn51) {
2235
2079
  --font-size: var(--hop-Link-md-font-size);
2236
2080
  --font-family: var(--hop-Link-md-font-family);
2237
2081
  --font-weight: var(--hop-Link-md-font-weight);
2238
2082
  --line-height: var(--hop-Link-md-line-height);
2239
2083
  }
2240
- :where(.Link-module__hop-Link--lg___Beb2b) {
2084
+ :where(.Link-module__hop-Link--lg___MLdno) {
2241
2085
  --font-size: var(--hop-Link-lg-font-size);
2242
2086
  --font-family: var(--hop-Link-lg-font-family);
2243
2087
  --font-weight: var(--hop-Link-lg-font-weight);
2244
2088
  --line-height: var(--hop-Link-lg-line-height);
2245
2089
  }
2246
- :where(.Link-module__hop-Link--xl___HJ4il) {
2090
+ :where(.Link-module__hop-Link--xl___6aCsf) {
2247
2091
  --font-size: var(--hop-Link-xl-font-size);
2248
2092
  --font-family: var(--hop-Link-xl-font-family);
2249
2093
  --font-weight: var(--hop-Link-xl-font-weight);
2250
2094
  --line-height: var(--hop-Link-xl-line-height);
2251
2095
  }
2252
- :where(.Link-module__hop-Link--2xl___-tPoN) {
2096
+ :where(.Link-module__hop-Link--2xl___pepmi) {
2253
2097
  --font-size: var(--hop-Link-2xl-font-size);
2254
2098
  --font-family: var(--hop-Link-2xl-font-family);
2255
2099
  --font-weight: var(--hop-Link-2xl-font-weight);
2256
2100
  --line-height: var(--hop-Link-2xl-line-height);
2257
2101
  }
2258
- :where(.Link-module__hop-Link--inherit___WgaBV) {
2102
+ :where(.Link-module__hop-Link--inherit___wWQAc) {
2259
2103
  --font-size: var(--hop-Link-inherit-size-font-size);
2260
2104
  --font-family: var(--hop-Link-inherit-size-font-family);
2261
2105
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2262
2106
  --line-height: var(--hop-Link-inherit-size-line-height);
2263
2107
  }
2264
- .Link-module__hop-Link___DXnvY[data-focus-visible] {
2108
+ .Link-module__hop-Link___WqxGK[data-focus-visible] {
2265
2109
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2266
2110
  }
2267
- .Link-module__hop-Link___DXnvY[data-disabled] {
2111
+ .Link-module__hop-Link___WqxGK[data-disabled] {
2268
2112
  cursor: default;
2269
2113
  }
2270
- .Link-module__hop-Link--standalone___FVnQw .Link-module__hop-Link__text___rfouA {
2114
+ .Link-module__hop-Link--standalone___oQo1m .Link-module__hop-Link__text___7YBDW {
2271
2115
  padding: var(--hop-Link-padding-standalone);
2272
2116
  }
2273
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--xs___lCR96 .Link-module__hop-Link__text___rfouA {
2117
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--xs___sjOKe .Link-module__hop-Link__text___7YBDW {
2274
2118
  padding: var(--hop-Link-padding-standalone-xs);
2275
2119
  }
2276
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--sm___UfvI4 .Link-module__hop-Link__text___rfouA {
2120
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--sm___O-5bZ .Link-module__hop-Link__text___7YBDW {
2277
2121
  padding: var(--hop-Link-padding-standalone-sm);
2278
2122
  }
2279
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--md___CN2ug .Link-module__hop-Link__text___rfouA {
2123
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--md___fgn51 .Link-module__hop-Link__text___7YBDW {
2280
2124
  padding: var(--hop-Link-padding-standalone-md);
2281
2125
  }
2282
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--lg___Beb2b .Link-module__hop-Link__text___rfouA {
2126
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--lg___MLdno .Link-module__hop-Link__text___7YBDW {
2283
2127
  padding: var(--hop-Link-padding-standalone-lg);
2284
2128
  }
2285
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--xl___HJ4il .Link-module__hop-Link__text___rfouA {
2129
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--xl___6aCsf .Link-module__hop-Link__text___7YBDW {
2286
2130
  padding: var(--hop-Link-padding-standalone-xl);
2287
2131
  }
2288
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--2xl___-tPoN .Link-module__hop-Link__text___rfouA {
2132
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--2xl___pepmi .Link-module__hop-Link__text___7YBDW {
2289
2133
  padding: var(--hop-Link-padding-standalone-2xl);
2290
2134
  }
2291
- .Link-module__hop-Link--quiet___uzsTj[data-focus-visible],
2292
- .Link-module__hop-Link--quiet___uzsTj[data-hovered],
2293
- .Link-module__hop-Link--standalone___FVnQw[data-focus-visible],
2294
- .Link-module__hop-Link--standalone___FVnQw[data-hovered] {
2135
+ .Link-module__hop-Link--quiet___6Lbjq[data-focus-visible],
2136
+ .Link-module__hop-Link--quiet___6Lbjq[data-hovered],
2137
+ .Link-module__hop-Link--standalone___oQo1m[data-focus-visible],
2138
+ .Link-module__hop-Link--standalone___oQo1m[data-hovered] {
2295
2139
  text-decoration: underline;
2296
2140
  }
2297
- .Link-module__hop-Link___DXnvY:not(.Link-module__hop-Link--quiet___uzsTj, .Link-module__hop-Link--standalone___FVnQw) {
2141
+ .Link-module__hop-Link___WqxGK:not(.Link-module__hop-Link--quiet___6Lbjq, .Link-module__hop-Link--standalone___oQo1m) {
2298
2142
  text-decoration: underline;
2299
2143
  }
2300
- .Link-module__hop-Link--primary___IwRi8 {
2144
+ .Link-module__hop-Link--primary___Hx6H3 {
2301
2145
  color: var(--hop-Link-primary-text-color);
2302
2146
  }
2303
- .Link-module__hop-Link--primary___IwRi8[data-disabled] {
2147
+ .Link-module__hop-Link--primary___Hx6H3[data-disabled] {
2304
2148
  color: var(--hop-Link-primary-text-disabled-color);
2305
2149
  }
2306
- .Link-module__hop-Link--primary___IwRi8:not([data-disabled])[data-focus-visible],
2307
- .Link-module__hop-Link--primary___IwRi8:not([data-disabled])[data-hovered] {
2150
+ .Link-module__hop-Link--primary___Hx6H3:not([data-disabled])[data-focus-visible],
2151
+ .Link-module__hop-Link--primary___Hx6H3:not([data-disabled])[data-hovered] {
2308
2152
  color: var(--hop-Link-primary-text-hover-color);
2309
2153
  }
2310
- .Link-module__hop-Link--primary___IwRi8:not([data-disabled])[data-pressed] {
2154
+ .Link-module__hop-Link--primary___Hx6H3:not([data-disabled])[data-pressed] {
2311
2155
  color: var(--hop-Link-primary-text-pressed-color);
2312
2156
  }
2313
- .Link-module__hop-Link--secondary___MgQOf {
2157
+ .Link-module__hop-Link--secondary___VQOmI {
2314
2158
  color: var(--hop-Link-neutral-text-color);
2315
2159
  }
2316
- .Link-module__hop-Link--secondary___MgQOf[data-disabled] {
2160
+ .Link-module__hop-Link--secondary___VQOmI[data-disabled] {
2317
2161
  color: var(--hop-Link-neutral-text-disabled-color);
2318
2162
  }
2319
- .Link-module__hop-Link--secondary___MgQOf:not([data-disabled])[data-focus-visible],
2320
- .Link-module__hop-Link--secondary___MgQOf:not([data-disabled])[data-hovered] {
2163
+ .Link-module__hop-Link--secondary___VQOmI:not([data-disabled])[data-focus-visible],
2164
+ .Link-module__hop-Link--secondary___VQOmI:not([data-disabled])[data-hovered] {
2321
2165
  color: var(--hop-Link-neutral-text-hover-color);
2322
2166
  }
2323
- .Link-module__hop-Link--secondary___MgQOf:not([data-disabled])[data-pressed] {
2167
+ .Link-module__hop-Link--secondary___VQOmI:not([data-disabled])[data-pressed] {
2324
2168
  color: var(--hop-Link-neutral-text-pressed-color);
2325
2169
  }
2326
- .Link-module__hop-Link__icon___nc7D7,
2327
- .Link-module__hop-Link__icon-list___CZv1K {
2170
+ .Link-module__hop-Link__icon___Q73sE,
2171
+ .Link-module__hop-Link__icon-list___kqR3J {
2328
2172
  order: 2;
2329
2173
  }
2330
- .Link-module__hop-Link__text___rfouA {
2174
+ .Link-module__hop-Link__text___7YBDW {
2331
2175
  order: 1;
2332
2176
  }
2333
- .Link-module__hop-Link__start-icon___C7y2l,
2334
- .Link-module__hop-Link__start-icon-list___0Sm8s {
2177
+ .Link-module__hop-Link__start-icon___d4TIe,
2178
+ .Link-module__hop-Link__start-icon-list___vjZxJ {
2335
2179
  order: 0;
2336
2180
  }
2337
2181
 
2338
2182
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2339
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___styG5 {
2183
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___NCKi8 {
2340
2184
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2341
2185
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2342
2186
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2368,52 +2212,52 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2368
2212
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2369
2213
  outline: none;
2370
2214
  }
2371
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___wdhqm {
2215
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AtO7i {
2372
2216
  --size: var(--hop-RichIconAvatarImage-xs-size);
2373
2217
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2374
2218
  }
2375
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___iQO3s {
2219
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sc9WI {
2376
2220
  --size: var(--hop-RichIconAvatarImage-sm-size);
2377
2221
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2378
2222
  }
2379
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5DoYr {
2223
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___jRlry {
2380
2224
  --size: var(--hop-RichIconAvatarImage-md-size);
2381
2225
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2382
2226
  }
2383
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___n1kMx {
2227
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___jkSYs {
2384
2228
  --size: var(--hop-RichIconAvatarImage-lg-size);
2385
2229
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2386
2230
  }
2387
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___gsv9N {
2231
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZsRzm {
2388
2232
  --size: var(--hop-RichIconAvatarImage-xl-size);
2389
2233
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2390
2234
  }
2391
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___pm5qQ {
2235
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___7vQdW {
2392
2236
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2393
2237
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2394
2238
  }
2395
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___noAKE {
2239
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___2WBVq {
2396
2240
  cursor: pointer;
2397
2241
  }
2398
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___6o4vT {
2242
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___tgX8S {
2399
2243
  outline: 0.125rem solid var(--hop-primary-border-focus);
2400
2244
  }
2401
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___styG5[data-disabled] {
2245
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___NCKi8[data-disabled] {
2402
2246
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2403
2247
  }
2404
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lRmmj {
2248
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___1bX3D {
2405
2249
  position: relative;
2406
2250
  display: block;
2407
2251
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2408
2252
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2409
2253
  }
2410
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___styG5[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lRmmj {
2254
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___NCKi8[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___1bX3D {
2411
2255
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2412
2256
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2413
2257
  }
2414
2258
 
2415
2259
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2416
- .Avatar-module__hop-Avatar___4CBn7 {
2260
+ .Avatar-module__hop-Avatar___WfBP8 {
2417
2261
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2418
2262
  --hop-Avatar-mix-blend-mode: normal;
2419
2263
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2459,73 +2303,73 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2459
2303
  border-radius: var(--hop-Avatar-border-radius);
2460
2304
  outline: none;
2461
2305
  }
2462
- .Avatar-module__hop-Avatar--xs___-Q53R {
2306
+ .Avatar-module__hop-Avatar--xs___54E2I {
2463
2307
  --size: var(--hop-Avatar-xs-size);
2464
2308
  }
2465
- .Avatar-module__hop-Avatar--sm___nS0eG {
2309
+ .Avatar-module__hop-Avatar--sm___cky30 {
2466
2310
  --size: var(--hop-Avatar-sm-size);
2467
2311
  }
2468
- .Avatar-module__hop-Avatar--md___aoTTO {
2312
+ .Avatar-module__hop-Avatar--md___ZWPlH {
2469
2313
  --size: var(--hop-Avatar-md-size);
2470
2314
  }
2471
- .Avatar-module__hop-Avatar--lg___LCyX0 {
2315
+ .Avatar-module__hop-Avatar--lg___t8s29 {
2472
2316
  --size: var(--hop-Avatar-lg-size);
2473
2317
  }
2474
- .Avatar-module__hop-Avatar--xl___sKyU- {
2318
+ .Avatar-module__hop-Avatar--xl___UZNog {
2475
2319
  --size: var(--hop-Avatar-xl-size);
2476
2320
  }
2477
- .Avatar-module__hop-Avatar--2xl___Gqya- {
2321
+ .Avatar-module__hop-Avatar--2xl___Pg7Dl {
2478
2322
  --size: var(--hop-Avatar-2xl-size);
2479
2323
  }
2480
- .Avatar-module__hop-Avatar--clickable___gki5I {
2324
+ .Avatar-module__hop-Avatar--clickable___0m6hi {
2481
2325
  cursor: pointer;
2482
2326
  }
2483
- .Avatar-module__hop-Avatar--focus-visible___XrhGE {
2327
+ .Avatar-module__hop-Avatar--focus-visible___WfcYk {
2484
2328
  outline: 0.125rem solid var(--hop-primary-border-focus);
2485
2329
  }
2486
- .Avatar-module__hop-Avatar--decorative-option1___1DmmD {
2330
+ .Avatar-module__hop-Avatar--decorative-option1___Ybc0c {
2487
2331
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2488
2332
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2489
2333
  }
2490
- .Avatar-module__hop-Avatar--decorative-option2___Q1N8o {
2334
+ .Avatar-module__hop-Avatar--decorative-option2___2VKL7 {
2491
2335
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2492
2336
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2493
2337
  }
2494
- .Avatar-module__hop-Avatar--decorative-option3___de8xt {
2338
+ .Avatar-module__hop-Avatar--decorative-option3___X-krt {
2495
2339
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2496
2340
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2497
2341
  }
2498
- .Avatar-module__hop-Avatar--decorative-option4___HFhSh {
2342
+ .Avatar-module__hop-Avatar--decorative-option4___OzNGg {
2499
2343
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2500
2344
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2501
2345
  }
2502
- .Avatar-module__hop-Avatar--decorative-option5___BGd7F {
2346
+ .Avatar-module__hop-Avatar--decorative-option5___XT2kq {
2503
2347
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2504
2348
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2505
2349
  }
2506
- .Avatar-module__hop-Avatar--decorative-option6___ZKKYN {
2350
+ .Avatar-module__hop-Avatar--decorative-option6___W02-V {
2507
2351
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2508
2352
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2509
2353
  }
2510
- .Avatar-module__hop-Avatar--decorative-option7___4Vbp7 {
2354
+ .Avatar-module__hop-Avatar--decorative-option7___7Ewrk {
2511
2355
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2512
2356
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2513
2357
  }
2514
- .Avatar-module__hop-Avatar--decorative-option8___IEDml {
2358
+ .Avatar-module__hop-Avatar--decorative-option8___j1EeS {
2515
2359
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2516
2360
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2517
2361
  }
2518
- .Avatar-module__hop-Avatar--decorative-option9___wGVp9 {
2362
+ .Avatar-module__hop-Avatar--decorative-option9___pVvXc {
2519
2363
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2520
2364
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2521
2365
  }
2522
- .Avatar-module__hop-Avatar___4CBn7[data-disabled] {
2366
+ .Avatar-module__hop-Avatar___WfBP8[data-disabled] {
2523
2367
  --background-color: var(--hop-Avatar-background-color-disabled);
2524
2368
  --text-color: var(--hop-Avatar-text-color-disabled);
2525
2369
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2526
2370
  isolation: isolate;
2527
2371
  }
2528
- .Avatar-module__hop-Avatar__image___ZxadC {
2372
+ .Avatar-module__hop-Avatar__image___6Ydua {
2529
2373
  position: relative;
2530
2374
  display: block;
2531
2375
  box-sizing: border-box;
@@ -2534,12 +2378,12 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2534
2378
  object-fit: cover;
2535
2379
  mix-blend-mode: var(--mix-blend-mode);
2536
2380
  }
2537
- .Avatar-module__hop-Avatar__initials___FvY5A {
2381
+ .Avatar-module__hop-Avatar__initials___AgcOn {
2538
2382
  white-space: nowrap;
2539
2383
  }
2540
2384
 
2541
2385
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2542
- .Tooltip-module__hop-Tooltip___Ypk4H {
2386
+ .Tooltip-module__hop-Tooltip___tqQPC {
2543
2387
  --hop-Tooltip-max-inline-size: 20rem;
2544
2388
  --hop-Tooltip-slide-amount: 0.25rem;
2545
2389
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2567,29 +2411,29 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2567
2411
  box-shadow: var(--hop-Tooltip-box-shadow);
2568
2412
  overflow-wrap: anywhere;
2569
2413
  }
2570
- .Tooltip-module__hop-Tooltip--top___sIww0 {
2414
+ .Tooltip-module__hop-Tooltip--top___mTdF6 {
2571
2415
  --origin-x: 0;
2572
2416
  --origin-y: var(--hop-Tooltip-slide-amount);
2573
2417
  }
2574
- .Tooltip-module__hop-Tooltip--right___LecTE {
2418
+ .Tooltip-module__hop-Tooltip--right___Lu6yg {
2575
2419
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2576
2420
  --origin-y: 0;
2577
2421
  }
2578
- .Tooltip-module__hop-Tooltip--bottom___-R2QV {
2422
+ .Tooltip-module__hop-Tooltip--bottom___shlB9 {
2579
2423
  --origin-x: 0;
2580
2424
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2581
2425
  }
2582
- .Tooltip-module__hop-Tooltip--left___Zh-4g {
2426
+ .Tooltip-module__hop-Tooltip--left___Nk6dM {
2583
2427
  --origin-x: var(--hop-Tooltip-slide-amount);
2584
2428
  --origin-y: 0;
2585
2429
  }
2586
- .Tooltip-module__hop-Tooltip___Ypk4H[data-entering] {
2587
- animation: Tooltip-module__slide___w9DFv 0.2s ease-out;
2430
+ .Tooltip-module__hop-Tooltip___tqQPC[data-entering] {
2431
+ animation: Tooltip-module__slide___-QfqI 0.2s ease-out;
2588
2432
  }
2589
- .Tooltip-module__hop-Tooltip___Ypk4H[data-exiting] {
2590
- animation: Tooltip-module__slide___w9DFv 0.2s ease-in reverse;
2433
+ .Tooltip-module__hop-Tooltip___tqQPC[data-exiting] {
2434
+ animation: Tooltip-module__slide___-QfqI 0.2s ease-in reverse;
2591
2435
  }
2592
- @keyframes Tooltip-module__slide___w9DFv {
2436
+ @keyframes Tooltip-module__slide___-QfqI {
2593
2437
  from {
2594
2438
  transform: translate(var(--origin-x), var(--origin-y));
2595
2439
  opacity: 0;
@@ -2601,44 +2445,44 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2601
2445
  }
2602
2446
 
2603
2447
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2604
- .AvatarGroup-module__hop-AvatarGroup___cHwn5 {
2448
+ .AvatarGroup-module__hop-AvatarGroup___RO9V2 {
2605
2449
  --hop-AvatarGroup-display: flex;
2606
2450
  --hop-AvatarGroup-align-items: center;
2607
2451
  display: var(--hop-AvatarGroup-display);
2608
2452
  align-items: var(--hop-AvatarGroup-align-items);
2609
2453
  }
2610
- .AvatarGroup-module__hop-AvatarGroup--wrap___tsRNZ {
2454
+ .AvatarGroup-module__hop-AvatarGroup--wrap___2bVdY {
2611
2455
  flex-wrap: wrap;
2612
2456
  }
2613
- .AvatarGroup-module__hop-AvatarGroup--xs___Ib3Ni {
2457
+ .AvatarGroup-module__hop-AvatarGroup--xs___Dv0Rx {
2614
2458
  --gap: -0.125rem;
2615
2459
  }
2616
- .AvatarGroup-module__hop-AvatarGroup--sm___rLVNl {
2460
+ .AvatarGroup-module__hop-AvatarGroup--sm___ieBDa {
2617
2461
  --gap: -0.25rem;
2618
2462
  }
2619
- .AvatarGroup-module__hop-AvatarGroup--md___9TVNx {
2463
+ .AvatarGroup-module__hop-AvatarGroup--md___vjUlR {
2620
2464
  --gap: -0.5rem;
2621
2465
  }
2622
- .AvatarGroup-module__hop-AvatarGroup--lg___YQ9FG {
2466
+ .AvatarGroup-module__hop-AvatarGroup--lg___2Jyzq {
2623
2467
  --gap: -1rem;
2624
2468
  }
2625
- .AvatarGroup-module__hop-AvatarGroup--xl___ArqEn {
2469
+ .AvatarGroup-module__hop-AvatarGroup--xl___Rfs8u {
2626
2470
  --gap: -1rem;
2627
2471
  }
2628
- .AvatarGroup-module__hop-AvatarGroup--2xl___ymWzI {
2472
+ .AvatarGroup-module__hop-AvatarGroup--2xl___OjoQn {
2629
2473
  --gap: -2rem;
2630
2474
  }
2631
- .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym {
2475
+ .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5 {
2632
2476
  margin-inline-start: var(--gap);
2633
2477
  transition: margin var(--hop-easing-duration-2);
2634
2478
  }
2635
- .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym {
2479
+ .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5 {
2636
2480
  margin-inline-start: 0;
2637
2481
  }
2638
- .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym:first-child {
2482
+ .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5:first-child {
2639
2483
  margin-inline-start: 0;
2640
2484
  }
2641
- .AvatarGroup-module__hop-AvatarGroup__label___NxrgW {
2485
+ .AvatarGroup-module__hop-AvatarGroup__label___wknvu {
2642
2486
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2643
2487
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2644
2488
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2650,7 +2494,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2650
2494
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2651
2495
  line-height: var(--hop-AvatarGroup-label-line-height);
2652
2496
  }
2653
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___0ACnM {
2497
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___2JJLp {
2654
2498
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2655
2499
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2656
2500
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2668,21 +2512,21 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2668
2512
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2669
2513
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2670
2514
  }
2671
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___0ACnM:not(:last-child) {
2515
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___2JJLp:not(:last-child) {
2672
2516
  margin-block-end: 0.25rem;
2673
2517
  }
2674
- .AvatarGroup-module__hop-AvatarGroup--start___5OzD0 {
2518
+ .AvatarGroup-module__hop-AvatarGroup--start___cPDC8 {
2675
2519
  justify-content: flex-start;
2676
2520
  }
2677
- .AvatarGroup-module__hop-AvatarGroup--end___mbszx {
2521
+ .AvatarGroup-module__hop-AvatarGroup--end___d0ixG {
2678
2522
  justify-content: flex-end;
2679
2523
  }
2680
- .AvatarGroup-module__hop-AvatarGroup--center___wxPNx {
2524
+ .AvatarGroup-module__hop-AvatarGroup--center___jP-MH {
2681
2525
  justify-content: center;
2682
2526
  }
2683
2527
 
2684
2528
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2685
- .Badge-module__hop-Badge___hTlda {
2529
+ .Badge-module__hop-Badge___YlM8h {
2686
2530
  --hop-Badge-height: 1.5rem;
2687
2531
  --hop-Badge-width: max-content;
2688
2532
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2732,67 +2576,67 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2732
2576
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2733
2577
  border-radius: var(--border-radius);
2734
2578
  }
2735
- .Badge-module__hop-Badge--primary___P7cbu {
2579
+ .Badge-module__hop-Badge--primary___AxTyH {
2736
2580
  --background-color: var(--hop-Badge-primary-background-color);
2737
2581
  --text-color: var(--hop-Badge-primary-text-color);
2738
2582
  }
2739
- .Badge-module__hop-Badge--primary___P7cbu[data-hovered] {
2583
+ .Badge-module__hop-Badge--primary___AxTyH[data-hovered] {
2740
2584
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2741
2585
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2742
2586
  }
2743
- .Badge-module__hop-Badge--primary___P7cbu[data-pressed] {
2587
+ .Badge-module__hop-Badge--primary___AxTyH[data-pressed] {
2744
2588
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2745
2589
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2746
2590
  }
2747
- .Badge-module__hop-Badge--primary___P7cbu[data-selected] {
2591
+ .Badge-module__hop-Badge--primary___AxTyH[data-selected] {
2748
2592
  --background-color: var(--hop-Badge-primary-background-color-selected);
2749
2593
  --text-color: var(--hop-Badge-primary-text-color-selected);
2750
2594
  }
2751
- .Badge-module__hop-Badge--secondary___VEFEx {
2595
+ .Badge-module__hop-Badge--secondary___o1X2c {
2752
2596
  --background-color: var(--hop-Badge-secondary-background-color);
2753
2597
  --text-color: var(--hop-Badge-secondary-text-color);
2754
2598
  }
2755
- .Badge-module__hop-Badge--secondary___VEFEx[data-hovered] {
2599
+ .Badge-module__hop-Badge--secondary___o1X2c[data-hovered] {
2756
2600
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2757
2601
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2758
2602
  }
2759
- .Badge-module__hop-Badge--secondary___VEFEx[data-pressed] {
2603
+ .Badge-module__hop-Badge--secondary___o1X2c[data-pressed] {
2760
2604
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2761
2605
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2762
2606
  }
2763
- .Badge-module__hop-Badge--secondary___VEFEx[data-selected] {
2607
+ .Badge-module__hop-Badge--secondary___o1X2c[data-selected] {
2764
2608
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2765
2609
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2766
2610
  }
2767
- .Badge-module__hop-Badge--subdued___CuuQ8 {
2611
+ .Badge-module__hop-Badge--subdued___66XVT {
2768
2612
  --background-color: var(--hop-Badge-subdued-background-color);
2769
2613
  --text-color: var(--hop-Badge-subdued-text-color);
2770
2614
  }
2771
- .Badge-module__hop-Badge--subdued___CuuQ8[data-hovered] {
2615
+ .Badge-module__hop-Badge--subdued___66XVT[data-hovered] {
2772
2616
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2773
2617
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2774
2618
  }
2775
- .Badge-module__hop-Badge--subdued___CuuQ8[data-pressed] {
2619
+ .Badge-module__hop-Badge--subdued___66XVT[data-pressed] {
2776
2620
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2777
2621
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2778
2622
  }
2779
- .Badge-module__hop-Badge--subdued___CuuQ8[data-selected] {
2623
+ .Badge-module__hop-Badge--subdued___66XVT[data-selected] {
2780
2624
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2781
2625
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2782
2626
  }
2783
- .Badge-module__hop-Badge___hTlda[data-indeterminate] {
2627
+ .Badge-module__hop-Badge___YlM8h[data-indeterminate] {
2784
2628
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2785
2629
  --height: var(--hop-Badge-indeterminate-height);
2786
2630
  --width: var(--hop-Badge-indeterminate-width);
2787
2631
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2788
2632
  }
2789
- .Badge-module__hop-Badge___hTlda[data-disabled] {
2633
+ .Badge-module__hop-Badge___YlM8h[data-disabled] {
2790
2634
  --background-color: var(--hop-Badge-background-color-disabled);
2791
2635
  --text-color: var(--hop-Badge-text-color-disabled);
2792
2636
  }
2793
2637
 
2794
2638
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2795
- .FloatingBadge-module__hop-FloatingBadge___EXD-G {
2639
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi {
2796
2640
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2797
2641
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2798
2642
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2833,7 +2677,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2833
2677
  box-sizing: border-box;
2834
2678
  inline-size: max-content;
2835
2679
  }
2836
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top right"] {
2680
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top right"] {
2837
2681
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2838
2682
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2839
2683
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2841,11 +2685,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2841
2685
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2842
2686
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2843
2687
  }
2844
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top right"][data-overlap=circular] {
2688
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top right"][data-overlap=circular] {
2845
2689
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2846
2690
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2847
2691
  }
2848
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top left"] {
2692
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top left"] {
2849
2693
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2850
2694
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2851
2695
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2853,11 +2697,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2853
2697
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2854
2698
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2855
2699
  }
2856
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top left"][data-overlap=circular] {
2700
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top left"][data-overlap=circular] {
2857
2701
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2858
2702
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2859
2703
  }
2860
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom right"] {
2704
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom right"] {
2861
2705
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2862
2706
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2863
2707
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2865,11 +2709,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2865
2709
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2866
2710
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2867
2711
  }
2868
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom right"][data-overlap=circular] {
2712
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom right"][data-overlap=circular] {
2869
2713
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2870
2714
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2871
2715
  }
2872
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom left"] {
2716
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom left"] {
2873
2717
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2874
2718
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2875
2719
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2877,11 +2721,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2877
2721
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2878
2722
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2879
2723
  }
2880
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom left"][data-overlap=circular] {
2724
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom left"][data-overlap=circular] {
2881
2725
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2882
2726
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2883
2727
  }
2884
- .FloatingBadge-module__hop-FloatingBadge__badge___WTYg5 {
2728
+ .FloatingBadge-module__hop-FloatingBadge__badge___LhLzq {
2885
2729
  position: absolute;
2886
2730
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2887
2731
  transform-origin: var(--badge-transform-origin);
@@ -2889,7 +2733,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2889
2733
  }
2890
2734
 
2891
2735
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2892
- .Checkbox-module__hop-Checkbox___Gpxfp {
2736
+ .Checkbox-module__hop-Checkbox___--FSW {
2893
2737
  --hop-Checkbox-box-border-size: 0.0625rem;
2894
2738
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2895
2739
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2964,60 +2808,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2964
2808
  inline-size: max-content;
2965
2809
  max-inline-size: 100%;
2966
2810
  }
2967
- .Checkbox-module__hop-Checkbox___Gpxfp[data-focus-visible] {
2811
+ .Checkbox-module__hop-Checkbox___--FSW[data-focus-visible] {
2968
2812
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2969
2813
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2970
2814
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2971
2815
  --text-color: var(--hop-Checkbox-text-color-focused);
2972
2816
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2973
2817
  }
2974
- .Checkbox-module__hop-Checkbox___Gpxfp[data-hovered] {
2818
+ .Checkbox-module__hop-Checkbox___--FSW[data-hovered] {
2975
2819
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2976
2820
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2977
2821
  --text-color: var(--hop-Checkbox-text-color-hovered);
2978
2822
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2979
2823
  }
2980
- .Checkbox-module__hop-Checkbox___Gpxfp[data-pressed] {
2824
+ .Checkbox-module__hop-Checkbox___--FSW[data-pressed] {
2981
2825
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2982
2826
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2983
2827
  --text-color: var(--hop-Checkbox-text-color-pressed);
2984
2828
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2985
2829
  }
2986
- .Checkbox-module__hop-Checkbox___Gpxfp[data-selected] {
2830
+ .Checkbox-module__hop-Checkbox___--FSW[data-selected] {
2987
2831
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2988
2832
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2989
2833
  --check-display: var(--hop-Checkbox-check-display-selected);
2990
2834
  --text-color: var(--hop-Checkbox-text-color-selected);
2991
2835
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2992
2836
  }
2993
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid] {
2837
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid] {
2994
2838
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2995
2839
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2996
2840
  --check-color: var(--hop-Checkbox-check-color-invalid);
2997
2841
  --text-color: var(--hop-Checkbox-text-color-invalid);
2998
2842
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2999
2843
  }
3000
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-focus-visible]) {
2844
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-focus-visible]) {
3001
2845
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3002
2846
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3003
2847
  }
3004
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-hovered]) {
2848
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-hovered]) {
3005
2849
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3006
2850
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3007
2851
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3008
2852
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3009
2853
  }
3010
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-pressed]) {
2854
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-pressed]) {
3011
2855
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3012
2856
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3013
2857
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3014
2858
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3015
2859
  }
3016
- .Checkbox-module__hop-Checkbox___Gpxfp:where([data-invalid])[data-selected] {
2860
+ .Checkbox-module__hop-Checkbox___--FSW:where([data-invalid])[data-selected] {
3017
2861
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3018
2862
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3019
2863
  }
3020
- .Checkbox-module__hop-Checkbox___Gpxfp[data-disabled] {
2864
+ .Checkbox-module__hop-Checkbox___--FSW[data-disabled] {
3021
2865
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3022
2866
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3023
2867
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3025,25 +2869,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3025
2869
  --text-color: var(--hop-Checkbox-text-color-disabled);
3026
2870
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3027
2871
  }
3028
- .Checkbox-module__hop-Checkbox--sm___5T62v {
2872
+ .Checkbox-module__hop-Checkbox--sm___v34q1 {
3029
2873
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3030
2874
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3031
2875
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3032
2876
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3033
2877
  }
3034
- .Checkbox-module__hop-Checkbox--md___5cp8G {
2878
+ .Checkbox-module__hop-Checkbox--md___IHsLn {
3035
2879
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3036
2880
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3037
2881
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3038
2882
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3039
2883
  }
3040
- .Checkbox-module__hop-Checkbox__icon___Kl61A,
3041
- .Checkbox-module__hop-Checkbox__icon-list___R-a2t {
2884
+ .Checkbox-module__hop-Checkbox__icon___1wjYU,
2885
+ .Checkbox-module__hop-Checkbox__icon-list___oWffn {
3042
2886
  flex: 0 0 auto;
3043
2887
  order: 3;
3044
2888
  color: var(--icon-color);
3045
2889
  }
3046
- .Checkbox-module__hop-Checkbox__box___25BGC {
2890
+ .Checkbox-module__hop-Checkbox__box___k0-gy {
3047
2891
  display: flex;
3048
2892
  flex: 0 0 auto;
3049
2893
  align-items: center;
@@ -3059,11 +2903,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3059
2903
  outline-offset: 0.125rem;
3060
2904
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3061
2905
  }
3062
- .Checkbox-module__hop-Checkbox__check___WJ3MS {
2906
+ .Checkbox-module__hop-Checkbox__check___9QmVW {
3063
2907
  display: var(--check-display);
3064
2908
  color: var(--check-color);
3065
2909
  }
3066
- .Checkbox-module__hop-Checkbox__text___-0D39 {
2910
+ .Checkbox-module__hop-Checkbox__text___--Izt {
3067
2911
  flex: 0 1 auto;
3068
2912
  order: 2;
3069
2913
  min-inline-size: 0;
@@ -3073,7 +2917,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3073
2917
  }
3074
2918
 
3075
2919
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
3076
- .CheckboxField-module__hop-CheckboxField___0shAv {
2920
+ .CheckboxField-module__hop-CheckboxField___02yv7 {
3077
2921
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
3078
2922
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
3079
2923
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3092,29 +2936,29 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3092
2936
  inline-size: max-content;
3093
2937
  max-inline-size: 100%;
3094
2938
  }
3095
- .CheckboxField-module__hop-CheckboxField___0shAv[data-disabled] {
2939
+ .CheckboxField-module__hop-CheckboxField___02yv7[data-disabled] {
3096
2940
  --description-color: var(--hop-CheckboxField-description-color-disabled);
3097
2941
  }
3098
- .CheckboxField-module__hop-CheckboxField--sm___KUhW7 {
2942
+ .CheckboxField-module__hop-CheckboxField--sm___YoCEc {
3099
2943
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
3100
2944
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
3101
2945
  }
3102
- .CheckboxField-module__hop-CheckboxField--md___uImnW {
2946
+ .CheckboxField-module__hop-CheckboxField--md___avcos {
3103
2947
  --row-gap: var(--hop-CheckboxField-md-row-gap);
3104
2948
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
3105
2949
  }
3106
- .CheckboxField-module__hop-CheckboxField__description___YQPS6 {
2950
+ .CheckboxField-module__hop-CheckboxField__description___B7a39 {
3107
2951
  order: 2;
3108
2952
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
3109
2953
  color: var(--description-color);
3110
2954
  }
3111
- .CheckboxField-module__hop-CheckboxField___0shAv .CheckboxField-module__hop-CheckboxField__checkbox___2Za89 {
2955
+ .CheckboxField-module__hop-CheckboxField___02yv7 .CheckboxField-module__hop-CheckboxField__checkbox___QX0SW {
3112
2956
  order: 1;
3113
2957
  inline-size: 100%;
3114
2958
  }
3115
2959
 
3116
2960
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
3117
- .ErrorMessage-module__hop-ErrorMessage___N6s5t {
2961
+ .ErrorMessage-module__hop-ErrorMessage___-AjR9 {
3118
2962
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
3119
2963
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
3120
2964
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -3131,13 +2975,13 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3131
2975
  line-height: var(--hop-ErrorMessage-line-height);
3132
2976
  color: var(--hop-ErrorMessage-color);
3133
2977
  }
3134
- .ErrorMessage-module__hop-ErrorMessage__icon___q5t1P {
2978
+ .ErrorMessage-module__hop-ErrorMessage__icon___Xqm9T {
3135
2979
  flex: 0 0 auto;
3136
2980
  align-self: flex-start;
3137
2981
  }
3138
2982
 
3139
2983
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
3140
- .HelperMessage-module__hop-HelperMessage___44oG6 {
2984
+ .HelperMessage-module__hop-HelperMessage___idUYo {
3141
2985
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
3142
2986
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
3143
2987
  display: flex;
@@ -3146,13 +2990,13 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3146
2990
  box-sizing: border-box;
3147
2991
  color: var(--hop-HelperMessage-color);
3148
2992
  }
3149
- .HelperMessage-module__hop-HelperMessage__icon___sBOe- {
2993
+ .HelperMessage-module__hop-HelperMessage__icon___vzLN3 {
3150
2994
  flex: 0 0 auto;
3151
2995
  align-self: flex-start;
3152
2996
  }
3153
2997
 
3154
2998
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
3155
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS {
2999
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps {
3156
3000
  --hop-CheckboxGroup-align-items: flex-start;
3157
3001
  --hop-CheckboxGroup-justify-content: flex-start;
3158
3002
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3192,49 +3036,49 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3192
3036
  inline-size: var(--inline-size);
3193
3037
  max-inline-size: 100%;
3194
3038
  }
3195
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD {
3039
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8 {
3196
3040
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3197
3041
  --list-border-radius: var(--hop-shape-rounded-md);
3198
3042
  }
3199
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___phoWn {
3043
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___-X7nh {
3200
3044
  --inline-size: 100%;
3201
3045
  }
3202
- .CheckboxGroup-module__hop-CheckboxGroup--sm___JKh0n {
3046
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___weRBg {
3203
3047
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3204
3048
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3205
3049
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3206
3050
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3207
3051
  }
3208
- .CheckboxGroup-module__hop-CheckboxGroup--md___5dNBY {
3052
+ .CheckboxGroup-module__hop-CheckboxGroup--md___WZ-Ed {
3209
3053
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3210
3054
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3211
3055
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3212
3056
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3213
3057
  }
3214
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD.CheckboxGroup-module__hop-CheckboxGroup--sm___JKh0n {
3058
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8.CheckboxGroup-module__hop-CheckboxGroup--sm___weRBg {
3215
3059
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3216
3060
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3217
3061
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3218
3062
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3219
3063
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3220
3064
  }
3221
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD.CheckboxGroup-module__hop-CheckboxGroup--md___5dNBY {
3065
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8.CheckboxGroup-module__hop-CheckboxGroup--md___WZ-Ed {
3222
3066
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3223
3067
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3224
3068
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3225
3069
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3226
3070
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3227
3071
  }
3228
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS[data-orientation=horizontal] {
3072
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps[data-orientation=horizontal] {
3229
3073
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3230
3074
  }
3231
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD[data-orientation=horizontal] {
3075
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8[data-orientation=horizontal] {
3232
3076
  --flex-wrap: nowrap;
3233
3077
  }
3234
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS > .CheckboxGroup-module__hop-CheckboxGroup__label___9Aj7X {
3078
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps > .CheckboxGroup-module__hop-CheckboxGroup__label___sbdph {
3235
3079
  order: 1;
3236
3080
  }
3237
- .CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA {
3081
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Iz9RT {
3238
3082
  display: flex;
3239
3083
  flex-flow: var(--flex-direction) var(--flex-wrap);
3240
3084
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3245,7 +3089,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3245
3089
  border: var(--list-border, none);
3246
3090
  border-radius: var(--list-border-radius, 0);
3247
3091
  }
3248
- .CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz {
3092
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Iz9RT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln {
3249
3093
  position: relative;
3250
3094
  flex: 0 1 auto;
3251
3095
  align-content: start;
@@ -3253,28 +3097,28 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3253
3097
  min-inline-size: 0;
3254
3098
  padding: var(--checkbox-padding, 0);
3255
3099
  }
3256
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD .CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz::before {
3100
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8 .CheckboxGroup-module__hop-CheckboxGroup__list___Iz9RT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln::before {
3257
3101
  content: "";
3258
3102
  position: absolute;
3259
3103
  display: block;
3260
3104
  }
3261
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz::before {
3105
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Iz9RT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln::before {
3262
3106
  inset-block-start: 0;
3263
3107
  inset-inline: 0;
3264
3108
  border-block-start: var(--list-border, none);
3265
3109
  }
3266
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz::before {
3110
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Iz9RT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln::before {
3267
3111
  inset-block: 0;
3268
3112
  inset-inline-start: 0;
3269
3113
  border-inline-start: var(--list-border, none);
3270
3114
  }
3271
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS > .CheckboxGroup-module__hop-CheckboxGroup__error-message___RTM4r,
3272
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___NpAwQ {
3115
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps > .CheckboxGroup-module__hop-CheckboxGroup__error-message___eBrw5,
3116
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___yatKP {
3273
3117
  order: 3;
3274
3118
  }
3275
3119
 
3276
3120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3277
- .Checkbox-module__hop-Checkbox___Gpxfp {
3121
+ .Checkbox-module__hop-Checkbox___--FSW {
3278
3122
  --hop-Checkbox-box-border-size: 0.0625rem;
3279
3123
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
3280
3124
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3349,60 +3193,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3349
3193
  inline-size: max-content;
3350
3194
  max-inline-size: 100%;
3351
3195
  }
3352
- .Checkbox-module__hop-Checkbox___Gpxfp[data-focus-visible] {
3196
+ .Checkbox-module__hop-Checkbox___--FSW[data-focus-visible] {
3353
3197
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3354
3198
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3355
3199
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3356
3200
  --text-color: var(--hop-Checkbox-text-color-focused);
3357
3201
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3358
3202
  }
3359
- .Checkbox-module__hop-Checkbox___Gpxfp[data-hovered] {
3203
+ .Checkbox-module__hop-Checkbox___--FSW[data-hovered] {
3360
3204
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3361
3205
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3362
3206
  --text-color: var(--hop-Checkbox-text-color-hovered);
3363
3207
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3364
3208
  }
3365
- .Checkbox-module__hop-Checkbox___Gpxfp[data-pressed] {
3209
+ .Checkbox-module__hop-Checkbox___--FSW[data-pressed] {
3366
3210
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3367
3211
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3368
3212
  --text-color: var(--hop-Checkbox-text-color-pressed);
3369
3213
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3370
3214
  }
3371
- .Checkbox-module__hop-Checkbox___Gpxfp[data-selected] {
3215
+ .Checkbox-module__hop-Checkbox___--FSW[data-selected] {
3372
3216
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3373
3217
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3374
3218
  --check-display: var(--hop-Checkbox-check-display-selected);
3375
3219
  --text-color: var(--hop-Checkbox-text-color-selected);
3376
3220
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3377
3221
  }
3378
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid] {
3222
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid] {
3379
3223
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3380
3224
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3381
3225
  --check-color: var(--hop-Checkbox-check-color-invalid);
3382
3226
  --text-color: var(--hop-Checkbox-text-color-invalid);
3383
3227
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3384
3228
  }
3385
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-focus-visible]) {
3229
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-focus-visible]) {
3386
3230
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3387
3231
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3388
3232
  }
3389
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-hovered]) {
3233
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-hovered]) {
3390
3234
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3391
3235
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3392
3236
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3393
3237
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3394
3238
  }
3395
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-pressed]) {
3239
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-pressed]) {
3396
3240
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3397
3241
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3398
3242
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3399
3243
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3400
3244
  }
3401
- .Checkbox-module__hop-Checkbox___Gpxfp:where([data-invalid])[data-selected] {
3245
+ .Checkbox-module__hop-Checkbox___--FSW:where([data-invalid])[data-selected] {
3402
3246
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3403
3247
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3404
3248
  }
3405
- .Checkbox-module__hop-Checkbox___Gpxfp[data-disabled] {
3249
+ .Checkbox-module__hop-Checkbox___--FSW[data-disabled] {
3406
3250
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3407
3251
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3408
3252
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3410,25 +3254,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3410
3254
  --text-color: var(--hop-Checkbox-text-color-disabled);
3411
3255
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3412
3256
  }
3413
- .Checkbox-module__hop-Checkbox--sm___5T62v {
3257
+ .Checkbox-module__hop-Checkbox--sm___v34q1 {
3414
3258
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3415
3259
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3416
3260
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3417
3261
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3418
3262
  }
3419
- .Checkbox-module__hop-Checkbox--md___5cp8G {
3263
+ .Checkbox-module__hop-Checkbox--md___IHsLn {
3420
3264
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3421
3265
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3422
3266
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3423
3267
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3424
3268
  }
3425
- .Checkbox-module__hop-Checkbox__icon___Kl61A,
3426
- .Checkbox-module__hop-Checkbox__icon-list___R-a2t {
3269
+ .Checkbox-module__hop-Checkbox__icon___1wjYU,
3270
+ .Checkbox-module__hop-Checkbox__icon-list___oWffn {
3427
3271
  flex: 0 0 auto;
3428
3272
  order: 3;
3429
3273
  color: var(--icon-color);
3430
3274
  }
3431
- .Checkbox-module__hop-Checkbox__box___25BGC {
3275
+ .Checkbox-module__hop-Checkbox__box___k0-gy {
3432
3276
  display: flex;
3433
3277
  flex: 0 0 auto;
3434
3278
  align-items: center;
@@ -3444,11 +3288,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3444
3288
  outline-offset: 0.125rem;
3445
3289
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3446
3290
  }
3447
- .Checkbox-module__hop-Checkbox__check___WJ3MS {
3291
+ .Checkbox-module__hop-Checkbox__check___9QmVW {
3448
3292
  display: var(--check-display);
3449
3293
  color: var(--check-color);
3450
3294
  }
3451
- .Checkbox-module__hop-Checkbox__text___-0D39 {
3295
+ .Checkbox-module__hop-Checkbox__text___--Izt {
3452
3296
  flex: 0 1 auto;
3453
3297
  order: 2;
3454
3298
  min-inline-size: 0;
@@ -3456,24 +3300,24 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3456
3300
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3457
3301
  color: var(--text-color);
3458
3302
  }
3459
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___2FpQK {
3303
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___9YN8W {
3460
3304
  }
3461
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___aXorV {
3305
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___d7-Gg {
3462
3306
  }
3463
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___3D2TL {
3307
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___j-kjs {
3464
3308
  }
3465
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___5wVAj,
3466
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___yxJVi {
3309
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___uGyWI,
3310
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___deGf4 {
3467
3311
  }
3468
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___nqcQ- {
3312
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___l6OEy {
3469
3313
  }
3470
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___FDfKL {
3314
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___YaE8z {
3471
3315
  }
3472
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___7b8sS {
3316
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___4xw5H {
3473
3317
  }
3474
3318
 
3475
3319
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3476
- .Radio-module__hop-Radio___qz7j5 {
3320
+ .Radio-module__hop-Radio___Z24c7 {
3477
3321
  --hop-Radio-box-border-size: 0.0625rem;
3478
3322
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3479
3323
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3547,60 +3391,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3547
3391
  inline-size: max-content;
3548
3392
  max-inline-size: 100%;
3549
3393
  }
3550
- .Radio-module__hop-Radio___qz7j5[data-focus-visible] {
3394
+ .Radio-module__hop-Radio___Z24c7[data-focus-visible] {
3551
3395
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3552
3396
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3553
3397
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3554
3398
  --text-color: var(--hop-Radio-text-color-focused);
3555
3399
  --icon-color: var(--hop-Radio-icon-color-focused);
3556
3400
  }
3557
- .Radio-module__hop-Radio___qz7j5[data-hovered] {
3401
+ .Radio-module__hop-Radio___Z24c7[data-hovered] {
3558
3402
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3559
3403
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3560
3404
  --text-color: var(--hop-Radio-text-color-hovered);
3561
3405
  --icon-color: var(--hop-Radio-icon-color-hovered);
3562
3406
  }
3563
- .Radio-module__hop-Radio___qz7j5[data-pressed] {
3407
+ .Radio-module__hop-Radio___Z24c7[data-pressed] {
3564
3408
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3565
3409
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3566
3410
  --text-color: var(--hop-Radio-text-color-pressed);
3567
3411
  --icon-color: var(--hop-Radio-icon-color-pressed);
3568
3412
  }
3569
- .Radio-module__hop-Radio___qz7j5[data-selected] {
3413
+ .Radio-module__hop-Radio___Z24c7[data-selected] {
3570
3414
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3571
3415
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3572
3416
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3573
3417
  --text-color: var(--hop-Radio-text-color-selected);
3574
3418
  --icon-color: var(--hop-Radio-icon-color-selected);
3575
3419
  }
3576
- .Radio-module__hop-Radio___qz7j5[data-invalid] {
3420
+ .Radio-module__hop-Radio___Z24c7[data-invalid] {
3577
3421
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3578
3422
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3579
3423
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3580
3424
  --text-color: var(--hop-Radio-text-color-invalid);
3581
3425
  --icon-color: var(--hop-Radio-icon-color-invalid);
3582
3426
  }
3583
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-focus-visible] {
3427
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-focus-visible] {
3584
3428
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3585
3429
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3586
3430
  }
3587
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-hovered] {
3431
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-hovered] {
3588
3432
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3589
3433
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3590
3434
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3591
3435
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3592
3436
  }
3593
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-pressed] {
3437
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-pressed] {
3594
3438
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3595
3439
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3596
3440
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3597
3441
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3598
3442
  }
3599
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-selected] {
3443
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-selected] {
3600
3444
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3601
3445
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3602
3446
  }
3603
- .Radio-module__hop-Radio___qz7j5[data-disabled] {
3447
+ .Radio-module__hop-Radio___Z24c7[data-disabled] {
3604
3448
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3605
3449
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3606
3450
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3608,25 +3452,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3608
3452
  --text-color: var(--hop-Radio-text-color-disabled);
3609
3453
  --icon-color: var(--hop-Radio-icon-color-disabled);
3610
3454
  }
3611
- .Radio-module__hop-Radio--sm___BaiqR {
3455
+ .Radio-module__hop-Radio--sm___hmjOa {
3612
3456
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3613
3457
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3614
3458
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3615
3459
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3616
3460
  }
3617
- .Radio-module__hop-Radio--md___OWKqE {
3461
+ .Radio-module__hop-Radio--md___AWeyE {
3618
3462
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3619
3463
  --box-block-size: var(--hop-Radio-box-md-block-size);
3620
3464
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3621
3465
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3622
3466
  }
3623
- .Radio-module__hop-Radio__icon___vCx2a,
3624
- .Radio-module__hop-Radio__icon-list___8-hMb {
3467
+ .Radio-module__hop-Radio__icon___h1fQQ,
3468
+ .Radio-module__hop-Radio__icon-list___RMAU7 {
3625
3469
  flex: 0 0 auto;
3626
3470
  order: 3;
3627
3471
  color: var(--icon-color);
3628
3472
  }
3629
- .Radio-module__hop-Radio__box___-W1j9 {
3473
+ .Radio-module__hop-Radio__box___VKDN4 {
3630
3474
  display: flex;
3631
3475
  flex: 0 0 auto;
3632
3476
  align-items: center;
@@ -3642,11 +3486,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3642
3486
  outline-offset: 0.125rem;
3643
3487
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3644
3488
  }
3645
- .Radio-module__hop-Radio__bullet___gNVte {
3489
+ .Radio-module__hop-Radio__bullet___0skD- {
3646
3490
  display: var(--bullet-display);
3647
3491
  color: var(--bullet-color);
3648
3492
  }
3649
- .Radio-module__hop-Radio__text___YP-6H {
3493
+ .Radio-module__hop-Radio__text___NIR86 {
3650
3494
  flex: 0 1 auto;
3651
3495
  order: 2;
3652
3496
  min-inline-size: 0;
@@ -3654,24 +3498,24 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3654
3498
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3655
3499
  color: var(--text-color);
3656
3500
  }
3657
- .DecorativeRadio-module__hop-DecorativeRadio___dNhp4 {
3501
+ .DecorativeRadio-module__hop-DecorativeRadio___RldoV {
3658
3502
  }
3659
- .DecorativeRadio-module__hop-DecorativeRadio--sm___tTK3X {
3503
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___ple3g {
3660
3504
  }
3661
- .DecorativeRadio-module__hop-DecorativeRadio--md___Yr55R {
3505
+ .DecorativeRadio-module__hop-DecorativeRadio--md___CDs-B {
3662
3506
  }
3663
- .DecorativeRadio-module__hop-DecorativeRadio__icon___vGl8t,
3664
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___rLnF0 {
3507
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___WiQYc,
3508
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___1vc23 {
3665
3509
  }
3666
- .DecorativeRadio-module__hop-DecorativeRadio__box___C7cmi {
3510
+ .DecorativeRadio-module__hop-DecorativeRadio__box___aA8-Q {
3667
3511
  }
3668
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___rCPlW {
3512
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___NbZv2 {
3669
3513
  }
3670
- .DecorativeRadio-module__hop-DecorativeRadio__text___eT76c {
3514
+ .DecorativeRadio-module__hop-DecorativeRadio__text___t6XGB {
3671
3515
  }
3672
3516
 
3673
3517
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3674
- .Radio-module__hop-Radio___qz7j5 {
3518
+ .Radio-module__hop-Radio___Z24c7 {
3675
3519
  --hop-Radio-box-border-size: 0.0625rem;
3676
3520
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3677
3521
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3745,60 +3589,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3745
3589
  inline-size: max-content;
3746
3590
  max-inline-size: 100%;
3747
3591
  }
3748
- .Radio-module__hop-Radio___qz7j5[data-focus-visible] {
3592
+ .Radio-module__hop-Radio___Z24c7[data-focus-visible] {
3749
3593
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3750
3594
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3751
3595
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3752
3596
  --text-color: var(--hop-Radio-text-color-focused);
3753
3597
  --icon-color: var(--hop-Radio-icon-color-focused);
3754
3598
  }
3755
- .Radio-module__hop-Radio___qz7j5[data-hovered] {
3599
+ .Radio-module__hop-Radio___Z24c7[data-hovered] {
3756
3600
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3757
3601
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3758
3602
  --text-color: var(--hop-Radio-text-color-hovered);
3759
3603
  --icon-color: var(--hop-Radio-icon-color-hovered);
3760
3604
  }
3761
- .Radio-module__hop-Radio___qz7j5[data-pressed] {
3605
+ .Radio-module__hop-Radio___Z24c7[data-pressed] {
3762
3606
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3763
3607
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3764
3608
  --text-color: var(--hop-Radio-text-color-pressed);
3765
3609
  --icon-color: var(--hop-Radio-icon-color-pressed);
3766
3610
  }
3767
- .Radio-module__hop-Radio___qz7j5[data-selected] {
3611
+ .Radio-module__hop-Radio___Z24c7[data-selected] {
3768
3612
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3769
3613
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3770
3614
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3771
3615
  --text-color: var(--hop-Radio-text-color-selected);
3772
3616
  --icon-color: var(--hop-Radio-icon-color-selected);
3773
3617
  }
3774
- .Radio-module__hop-Radio___qz7j5[data-invalid] {
3618
+ .Radio-module__hop-Radio___Z24c7[data-invalid] {
3775
3619
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3776
3620
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3777
3621
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3778
3622
  --text-color: var(--hop-Radio-text-color-invalid);
3779
3623
  --icon-color: var(--hop-Radio-icon-color-invalid);
3780
3624
  }
3781
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-focus-visible] {
3625
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-focus-visible] {
3782
3626
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3783
3627
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3784
3628
  }
3785
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-hovered] {
3629
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-hovered] {
3786
3630
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3787
3631
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3788
3632
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3789
3633
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3790
3634
  }
3791
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-pressed] {
3635
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-pressed] {
3792
3636
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3793
3637
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3794
3638
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3795
3639
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3796
3640
  }
3797
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-selected] {
3641
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-selected] {
3798
3642
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3799
3643
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3800
3644
  }
3801
- .Radio-module__hop-Radio___qz7j5[data-disabled] {
3645
+ .Radio-module__hop-Radio___Z24c7[data-disabled] {
3802
3646
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3803
3647
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3804
3648
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3806,25 +3650,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3806
3650
  --text-color: var(--hop-Radio-text-color-disabled);
3807
3651
  --icon-color: var(--hop-Radio-icon-color-disabled);
3808
3652
  }
3809
- .Radio-module__hop-Radio--sm___BaiqR {
3653
+ .Radio-module__hop-Radio--sm___hmjOa {
3810
3654
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3811
3655
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3812
3656
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3813
3657
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3814
3658
  }
3815
- .Radio-module__hop-Radio--md___OWKqE {
3659
+ .Radio-module__hop-Radio--md___AWeyE {
3816
3660
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3817
3661
  --box-block-size: var(--hop-Radio-box-md-block-size);
3818
3662
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3819
3663
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3820
3664
  }
3821
- .Radio-module__hop-Radio__icon___vCx2a,
3822
- .Radio-module__hop-Radio__icon-list___8-hMb {
3665
+ .Radio-module__hop-Radio__icon___h1fQQ,
3666
+ .Radio-module__hop-Radio__icon-list___RMAU7 {
3823
3667
  flex: 0 0 auto;
3824
3668
  order: 3;
3825
3669
  color: var(--icon-color);
3826
3670
  }
3827
- .Radio-module__hop-Radio__box___-W1j9 {
3671
+ .Radio-module__hop-Radio__box___VKDN4 {
3828
3672
  display: flex;
3829
3673
  flex: 0 0 auto;
3830
3674
  align-items: center;
@@ -3840,11 +3684,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3840
3684
  outline-offset: 0.125rem;
3841
3685
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3842
3686
  }
3843
- .Radio-module__hop-Radio__bullet___gNVte {
3687
+ .Radio-module__hop-Radio__bullet___0skD- {
3844
3688
  display: var(--bullet-display);
3845
3689
  color: var(--bullet-color);
3846
3690
  }
3847
- .Radio-module__hop-Radio__text___YP-6H {
3691
+ .Radio-module__hop-Radio__text___NIR86 {
3848
3692
  flex: 0 1 auto;
3849
3693
  order: 2;
3850
3694
  min-inline-size: 0;
@@ -3854,7 +3698,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3854
3698
  }
3855
3699
 
3856
3700
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3857
- .RadioField-module__hop-RadioField___RwIhn {
3701
+ .RadioField-module__hop-RadioField___ovclY {
3858
3702
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3859
3703
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3860
3704
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3873,29 +3717,29 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3873
3717
  inline-size: max-content;
3874
3718
  max-inline-size: 100%;
3875
3719
  }
3876
- .RadioField-module__hop-RadioField___RwIhn[data-disabled] {
3720
+ .RadioField-module__hop-RadioField___ovclY[data-disabled] {
3877
3721
  --description-color: var(--hop-RadioField-description-color-disabled);
3878
3722
  }
3879
- .RadioField-module__hop-RadioField--sm___4jwBL {
3723
+ .RadioField-module__hop-RadioField--sm___5YqQM {
3880
3724
  --row-gap: var(--hop-RadioField-sm-row-gap);
3881
3725
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3882
3726
  }
3883
- .RadioField-module__hop-RadioField--md___XXVjR {
3727
+ .RadioField-module__hop-RadioField--md___kkz-2 {
3884
3728
  --row-gap: var(--hop-RadioField-md-row-gap);
3885
3729
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3886
3730
  }
3887
- .RadioField-module__hop-RadioField__description___M0S-E {
3731
+ .RadioField-module__hop-RadioField__description___xTgC1 {
3888
3732
  order: 2;
3889
3733
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3890
3734
  color: var(--description-color);
3891
3735
  }
3892
- .RadioField-module__hop-RadioField___RwIhn .RadioField-module__hop-RadioField__radio___59Tms {
3736
+ .RadioField-module__hop-RadioField___ovclY .RadioField-module__hop-RadioField__radio___FkryV {
3893
3737
  order: 1;
3894
3738
  inline-size: 100%;
3895
3739
  }
3896
3740
 
3897
3741
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3898
- .RadioGroup-module__hop-RadioGroup___nmqb- {
3742
+ .RadioGroup-module__hop-RadioGroup___eQpC5 {
3899
3743
  --hop-RadioGroup-align-items: flex-start;
3900
3744
  --hop-RadioGroup-justify-content: flex-start;
3901
3745
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3935,49 +3779,49 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3935
3779
  inline-size: var(--inline-size);
3936
3780
  max-inline-size: 100%;
3937
3781
  }
3938
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x {
3782
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t {
3939
3783
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3940
3784
  --list-border-radius: var(--hop-shape-rounded-md);
3941
3785
  }
3942
- .RadioGroup-module__hop-RadioGroup--fluid___Bz6AK {
3786
+ .RadioGroup-module__hop-RadioGroup--fluid___qdmil {
3943
3787
  --inline-size: 100%;
3944
3788
  }
3945
- .RadioGroup-module__hop-RadioGroup--sm___smxq3 {
3789
+ .RadioGroup-module__hop-RadioGroup--sm___2g3IH {
3946
3790
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3947
3791
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3948
3792
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3949
3793
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3950
3794
  }
3951
- .RadioGroup-module__hop-RadioGroup--md___OHD4M {
3795
+ .RadioGroup-module__hop-RadioGroup--md___xyb2b {
3952
3796
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3953
3797
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3954
3798
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3955
3799
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3956
3800
  }
3957
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x.RadioGroup-module__hop-RadioGroup--sm___smxq3 {
3801
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t.RadioGroup-module__hop-RadioGroup--sm___2g3IH {
3958
3802
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3959
3803
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3960
3804
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3961
3805
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3962
3806
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3963
3807
  }
3964
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x.RadioGroup-module__hop-RadioGroup--md___OHD4M {
3808
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t.RadioGroup-module__hop-RadioGroup--md___xyb2b {
3965
3809
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3966
3810
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3967
3811
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3968
3812
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3969
3813
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3970
3814
  }
3971
- .RadioGroup-module__hop-RadioGroup___nmqb-[data-orientation=horizontal] {
3815
+ .RadioGroup-module__hop-RadioGroup___eQpC5[data-orientation=horizontal] {
3972
3816
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3973
3817
  }
3974
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x[data-orientation=horizontal] {
3818
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t[data-orientation=horizontal] {
3975
3819
  --flex-wrap: nowrap;
3976
3820
  }
3977
- .RadioGroup-module__hop-RadioGroup___nmqb- > .RadioGroup-module__hop-RadioGroup__label___942on {
3821
+ .RadioGroup-module__hop-RadioGroup___eQpC5 > .RadioGroup-module__hop-RadioGroup__label___upyzT {
3978
3822
  order: 1;
3979
3823
  }
3980
- .RadioGroup-module__hop-RadioGroup__list___qYN-D {
3824
+ .RadioGroup-module__hop-RadioGroup__list___hBXBu {
3981
3825
  display: flex;
3982
3826
  flex-flow: var(--flex-direction) var(--flex-wrap);
3983
3827
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3988,7 +3832,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3988
3832
  border: var(--list-border, none);
3989
3833
  border-radius: var(--list-border-radius, 0);
3990
3834
  }
3991
- .RadioGroup-module__hop-RadioGroup__list___qYN-D > .RadioGroup-module__hop-RadioGroup__radio___KAjca {
3835
+ .RadioGroup-module__hop-RadioGroup__list___hBXBu > .RadioGroup-module__hop-RadioGroup__radio___xTeVZ {
3992
3836
  position: relative;
3993
3837
  flex: 0 1 auto;
3994
3838
  align-content: start;
@@ -3996,28 +3840,28 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3996
3840
  min-inline-size: 0;
3997
3841
  padding: var(--radio-padding, 0);
3998
3842
  }
3999
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x .RadioGroup-module__hop-RadioGroup__list___qYN-D > .RadioGroup-module__hop-RadioGroup__radio___KAjca ~ .RadioGroup-module__hop-RadioGroup__radio___KAjca::before {
3843
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t .RadioGroup-module__hop-RadioGroup__list___hBXBu > .RadioGroup-module__hop-RadioGroup__radio___xTeVZ ~ .RadioGroup-module__hop-RadioGroup__radio___xTeVZ::before {
4000
3844
  content: "";
4001
3845
  position: absolute;
4002
3846
  display: block;
4003
3847
  }
4004
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___qYN-D > .RadioGroup-module__hop-RadioGroup__radio___KAjca ~ .RadioGroup-module__hop-RadioGroup__radio___KAjca::before {
3848
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___hBXBu > .RadioGroup-module__hop-RadioGroup__radio___xTeVZ ~ .RadioGroup-module__hop-RadioGroup__radio___xTeVZ::before {
4005
3849
  inset-block-start: 0;
4006
3850
  inset-inline: 0;
4007
3851
  border-block-start: var(--list-border, none);
4008
3852
  }
4009
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___qYN-D > .RadioGroup-module__hop-RadioGroup__radio___KAjca ~ .RadioGroup-module__hop-RadioGroup__radio___KAjca::before {
3853
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___hBXBu > .RadioGroup-module__hop-RadioGroup__radio___xTeVZ ~ .RadioGroup-module__hop-RadioGroup__radio___xTeVZ::before {
4010
3854
  inset-block: 0;
4011
3855
  inset-inline-start: 0;
4012
3856
  border-inline-start: var(--list-border, none);
4013
3857
  }
4014
- .RadioGroup-module__hop-RadioGroup___nmqb- > .RadioGroup-module__hop-RadioGroup__error-message___AX9k-,
4015
- .RadioGroup-module__hop-RadioGroup___nmqb- > .RadioGroup-module__hop-RadioGroup__helper-message___QUTEl {
3858
+ .RadioGroup-module__hop-RadioGroup___eQpC5 > .RadioGroup-module__hop-RadioGroup__error-message___EemE3,
3859
+ .RadioGroup-module__hop-RadioGroup___eQpC5 > .RadioGroup-module__hop-RadioGroup__helper-message___6BdDl {
4016
3860
  order: 3;
4017
3861
  }
4018
3862
 
4019
3863
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
4020
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5R1b- {
3864
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___kfYqk {
4021
3865
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
4022
3866
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
4023
3867
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -4043,7 +3887,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4043
3887
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
4044
3888
  background-size: 400% 100%;
4045
3889
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
4046
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___M7dF4;
3890
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___7jsWP;
4047
3891
  animation-duration: var(--animation-duration);
4048
3892
  animation-timing-function: ease-in-out;
4049
3893
  animation-fill-mode: forwards;
@@ -4052,19 +3896,19 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4052
3896
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
4053
3897
  }
4054
3898
  }
4055
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___Of-je {
3899
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___eN6WC {
4056
3900
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
4057
3901
  }
4058
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPmIk {
3902
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___F9DrN {
4059
3903
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
4060
3904
  }
4061
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___16Bbu {
3905
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___O6D8H {
4062
3906
  --height: var(--hop-ListBoxItemSkeleton-md-height);
4063
3907
  }
4064
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rbIYn {
3908
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Z5UZQ {
4065
3909
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
4066
3910
  }
4067
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___M7dF4 {
3911
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___7jsWP {
4068
3912
  0% {
4069
3913
  background-position: 125% 50%;
4070
3914
  }
@@ -4074,7 +3918,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4074
3918
  }
4075
3919
 
4076
3920
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
4077
- .ListBoxItem-module__hop-ListBoxItem___d34A7 {
3921
+ .ListBoxItem-module__hop-ListBoxItem___QksbB {
4078
3922
  --hop-ListBoxItem-background-color: transparent;
4079
3923
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
4080
3924
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -4171,129 +4015,129 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4171
4015
  outline: var(--outline);
4172
4016
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
4173
4017
  }
4174
- .ListBoxItem-module__hop-ListBoxItem--xs___WC0qq {
4018
+ .ListBoxItem-module__hop-ListBoxItem--xs___Dh-qR {
4175
4019
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
4176
4020
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
4177
4021
  --min-height: var(--hop-ListBoxItem-xs-min-height);
4178
4022
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
4179
4023
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
4180
4024
  }
4181
- .ListBoxItem-module__hop-ListBoxItem--sm___8TD8k {
4025
+ .ListBoxItem-module__hop-ListBoxItem--sm___D6-TW {
4182
4026
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
4183
4027
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
4184
4028
  --min-height: var(--hop-ListBoxItem-sm-min-height);
4185
4029
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
4186
4030
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
4187
4031
  }
4188
- .ListBoxItem-module__hop-ListBoxItem--md___eAqMT {
4032
+ .ListBoxItem-module__hop-ListBoxItem--md___8s0rR {
4189
4033
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4190
4034
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4191
4035
  --min-height: var(--hop-ListBoxItem-md-min-height);
4192
4036
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4193
4037
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4194
4038
  }
4195
- .ListBoxItem-module__hop-ListBoxItem--lg___MGvzV {
4039
+ .ListBoxItem-module__hop-ListBoxItem--lg___U0W7j {
4196
4040
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4197
4041
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4198
4042
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4199
4043
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4200
4044
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4201
4045
  }
4202
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-selection-mode] {
4046
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-selection-mode] {
4203
4047
  --cursor: pointer;
4204
4048
  }
4205
- .ListBoxItem-module__hop-ListBoxItem___d34A7:not([data-selection-mode]) {
4049
+ .ListBoxItem-module__hop-ListBoxItem___QksbB:not([data-selection-mode]) {
4206
4050
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4207
4051
  }
4208
- .ListBoxItem-module__hop-ListBoxItem__inner___giGkg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ZhIUJ) {
4052
+ .ListBoxItem-module__hop-ListBoxItem__inner___L2ozg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___-kgQr) {
4209
4053
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4210
4054
  }
4211
- .ListBoxItem-module__hop-ListBoxItem__inner___giGkg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ZhIUJ) {
4055
+ .ListBoxItem-module__hop-ListBoxItem__inner___L2ozg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___-kgQr) {
4212
4056
  --checkmark-transition: none;
4213
4057
  }
4214
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-selected] {
4058
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-selected] {
4215
4059
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4216
4060
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4217
4061
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4218
4062
  --checkmark-opacity: 1;
4219
4063
  }
4220
- .ListBoxItem-module__hop-ListBoxItem--xs___WC0qq[data-selected] {
4064
+ .ListBoxItem-module__hop-ListBoxItem--xs___Dh-qR[data-selected] {
4221
4065
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4222
4066
  }
4223
- .ListBoxItem-module__hop-ListBoxItem--sm___8TD8k[data-selected] {
4067
+ .ListBoxItem-module__hop-ListBoxItem--sm___D6-TW[data-selected] {
4224
4068
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4225
4069
  }
4226
- .ListBoxItem-module__hop-ListBoxItem--md___eAqMT[data-selected] {
4070
+ .ListBoxItem-module__hop-ListBoxItem--md___8s0rR[data-selected] {
4227
4071
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4228
4072
  }
4229
- .ListBoxItem-module__hop-ListBoxItem--lg___MGvzV[data-selected] {
4073
+ .ListBoxItem-module__hop-ListBoxItem--lg___U0W7j[data-selected] {
4230
4074
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4231
4075
  }
4232
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-focus-visible] {
4076
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-focus-visible] {
4233
4077
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4234
4078
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4235
4079
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4236
4080
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4237
4081
  }
4238
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-hovered] {
4082
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-hovered] {
4239
4083
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4240
4084
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4241
4085
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4242
4086
  }
4243
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-pressed] {
4087
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-pressed] {
4244
4088
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4245
4089
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4246
4090
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4247
4091
  }
4248
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-disabled] {
4092
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-disabled] {
4249
4093
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4250
4094
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4251
4095
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
4252
4096
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4253
4097
  --cursor: not-allowed;
4254
4098
  }
4255
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid] {
4099
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid] {
4256
4100
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4257
4101
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4258
4102
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4259
4103
  }
4260
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-selected] {
4104
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-selected] {
4261
4105
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4262
4106
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4263
4107
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4264
4108
  }
4265
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-focus-visible] {
4109
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-focus-visible] {
4266
4110
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4267
4111
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4268
4112
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4269
4113
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4270
4114
  }
4271
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-hovered] {
4115
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-hovered] {
4272
4116
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4273
4117
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4274
4118
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4275
4119
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4276
4120
  }
4277
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-pressed] {
4121
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-pressed] {
4278
4122
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4279
4123
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4280
4124
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4281
4125
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4282
4126
  }
4283
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-disabled] {
4127
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-disabled] {
4284
4128
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4285
4129
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4286
4130
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4287
4131
  }
4288
- .ListBoxItem-module__hop-ListBoxItem___d34A7:has(.ListBoxItem-module__hop-ListBoxItem__description___yjOtD) {
4132
+ .ListBoxItem-module__hop-ListBoxItem___QksbB:has(.ListBoxItem-module__hop-ListBoxItem__description___Lrbw5) {
4289
4133
  --row-gap: var(--hop-ListBoxItem-row-gap);
4290
4134
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4291
4135
  }
4292
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-loading] {
4136
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-loading] {
4293
4137
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4294
4138
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4295
4139
  }
4296
- .ListBoxItem-module__hop-ListBoxItem__inner___giGkg {
4140
+ .ListBoxItem-module__hop-ListBoxItem__inner___L2ozg {
4297
4141
  display: grid;
4298
4142
  grid-template-areas: var(--grid-template-areas);
4299
4143
  grid-template-columns: var(--grid-template-columns);
@@ -4305,33 +4149,33 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4305
4149
  padding-inline: var(--padding-inline);
4306
4150
  transition: grid-template-columns .3s ease-in-out;
4307
4151
  }
4308
- .ListBoxItem-module__hop-ListBoxItem__checkmark___ZhIUJ {
4152
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___-kgQr {
4309
4153
  grid-area: indicator;
4310
4154
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4311
4155
  color: var(--icon-color);
4312
4156
  opacity: var(--checkmark-opacity);
4313
4157
  transition: var(--checkmark-transition);
4314
4158
  }
4315
- .ListBoxItem-module__hop-ListBoxItem__radio___AIg6R,
4316
- .ListBoxItem-module__hop-ListBoxItem__checkbox___vebjo {
4159
+ .ListBoxItem-module__hop-ListBoxItem__radio___1yp-P,
4160
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___oMaWV {
4317
4161
  pointer-events: none;
4318
4162
  user-select: none;
4319
4163
  grid-area: indicator;
4320
4164
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4321
4165
  }
4322
- .ListBoxItem-module__hop-ListBoxItem__avatar___YwTyS {
4166
+ .ListBoxItem-module__hop-ListBoxItem__avatar___Wtq9- {
4323
4167
  grid-area: avatar;
4324
4168
  margin-block: var(--avatar-margin-block, 0);
4325
4169
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4326
4170
  }
4327
- .ListBoxItem-module__hop-ListBoxItem__icon-list___Bv7QK,
4328
- .ListBoxItem-module__hop-ListBoxItem__icon___2tQJt {
4171
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___-LoY5,
4172
+ .ListBoxItem-module__hop-ListBoxItem__icon___t-C0E {
4329
4173
  grid-area: icon;
4330
4174
  flex: 0 0 auto;
4331
4175
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4332
4176
  color: var(--icon-color);
4333
4177
  }
4334
- .ListBoxItem-module__hop-ListBoxItem__label___3Y-Vj {
4178
+ .ListBoxItem-module__hop-ListBoxItem__label___fHleG {
4335
4179
  overflow: hidden;
4336
4180
  grid-area: label;
4337
4181
  min-inline-size: 0;
@@ -4339,18 +4183,18 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4339
4183
  text-overflow: ellipsis;
4340
4184
  white-space: nowrap;
4341
4185
  }
4342
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___eWfqo,
4343
- .ListBoxItem-module__hop-ListBoxItem__end-icon___32m10 {
4186
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___EIuSU,
4187
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___AZCju {
4344
4188
  grid-area: end-icon;
4345
4189
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4346
4190
  color: var(--icon-color);
4347
4191
  }
4348
- .ListBoxItem-module__hop-ListBoxItem__badge___9HM0u {
4192
+ .ListBoxItem-module__hop-ListBoxItem__badge___hg5wg {
4349
4193
  grid-area: badge;
4350
4194
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4351
4195
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4352
4196
  }
4353
- .ListBoxItem-module__hop-ListBoxItem__description___yjOtD {
4197
+ .ListBoxItem-module__hop-ListBoxItem__description___Lrbw5 {
4354
4198
  overflow: hidden;
4355
4199
  display: -webkit-box;
4356
4200
  grid-area: description;
@@ -4361,7 +4205,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4361
4205
  }
4362
4206
 
4363
4207
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4364
- .ListBox-module__hop-ListBox___JtaUz {
4208
+ .ListBox-module__hop-ListBox___zHhRn {
4365
4209
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4366
4210
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4367
4211
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4408,11 +4252,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4408
4252
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4409
4253
  border-radius: var(--hop-ListBox-border-radius);
4410
4254
  }
4411
- .ListBox-module__hop-ListBox--fluid___ZVFJM {
4255
+ .ListBox-module__hop-ListBox--fluid___2WlX0 {
4412
4256
  --max-width: var(--hop-ListBox-fluid-max-width);
4413
4257
  --width: var(--hop-ListBox-fluid-width);
4414
4258
  }
4415
- .ListBox-module__hop-ListBox__section___mpzh1 {
4259
+ .ListBox-module__hop-ListBox__section___OC7UL {
4416
4260
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4417
4261
  margin-inline: var(--hop-ListBox-section-margin-inline);
4418
4262
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4420,21 +4264,21 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4420
4264
  border-block-start: var(--section-border-block-start);
4421
4265
  border-block-end: var(--section-border-block-end);
4422
4266
  }
4423
- .ListBox-module__hop-ListBox__item___wwQf- + .ListBox-module__hop-ListBox__section___mpzh1 {
4267
+ .ListBox-module__hop-ListBox__item___lbpLX + .ListBox-module__hop-ListBox__section___OC7UL {
4424
4268
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4425
4269
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4426
4270
  }
4427
- .ListBox-module__hop-ListBox__section___mpzh1:has(+ .ListBox-module__hop-ListBox__item___wwQf-) {
4271
+ .ListBox-module__hop-ListBox__section___OC7UL:has(+ .ListBox-module__hop-ListBox__item___lbpLX) {
4428
4272
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4429
4273
  }
4430
- .ListBox-module__hop-ListBox__section___mpzh1:first-child {
4274
+ .ListBox-module__hop-ListBox__section___OC7UL:first-child {
4431
4275
  --section-padding-block-start: 0;
4432
4276
  }
4433
- .ListBox-module__hop-ListBox__section___mpzh1:last-child {
4277
+ .ListBox-module__hop-ListBox__section___OC7UL:last-child {
4434
4278
  --section-padding-block-end: 0;
4435
4279
  --section-border-block-end: 0;
4436
4280
  }
4437
- .ListBox-module__hop-ListBox__section-header___KTi9v {
4281
+ .ListBox-module__hop-ListBox__section-header___E8cZH {
4438
4282
  margin: 0;
4439
4283
  padding: var(--hop-ListBox-section-header-padding);
4440
4284
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4445,30 +4289,30 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4445
4289
  text-transform: var(--hop-ListBox-section-header-text-transform);
4446
4290
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4447
4291
  }
4448
- .ListBox-module__hop-ListBox__section-header___KTi9v::before,
4449
- .ListBox-module__hop-ListBox__section-header___KTi9v::after {
4292
+ .ListBox-module__hop-ListBox__section-header___E8cZH::before,
4293
+ .ListBox-module__hop-ListBox__section-header___E8cZH::after {
4450
4294
  content: "";
4451
4295
  display: block;
4452
4296
  box-sizing: border-box;
4453
4297
  inline-size: 0;
4454
4298
  block-size: 0;
4455
4299
  }
4456
- .ListBox-module__hop-ListBox__section-header___KTi9v::before {
4300
+ .ListBox-module__hop-ListBox__section-header___E8cZH::before {
4457
4301
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4458
4302
  }
4459
- .ListBox-module__hop-ListBox__section-header___KTi9v::after {
4303
+ .ListBox-module__hop-ListBox__section-header___E8cZH::after {
4460
4304
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4461
4305
  }
4462
4306
 
4463
4307
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4464
- :where(.Popover-module__hop-Popover___HGlvP *) {
4308
+ :where(.Popover-module__hop-Popover___w7mFk *) {
4465
4309
  font-family: var(--font-family);
4466
4310
  font-size: var(--font-size);
4467
4311
  font-weight: var(--font-weight);
4468
4312
  line-height: var(--line-height);
4469
4313
  outline: none;
4470
4314
  }
4471
- .Popover-module__hop-Popover___HGlvP {
4315
+ .Popover-module__hop-Popover___w7mFk {
4472
4316
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4473
4317
  --hop-Popover-inline-width: 25rem;
4474
4318
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4481,22 +4325,22 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4481
4325
  inline-size: var(--width);
4482
4326
  max-inline-size: var(--max-width);
4483
4327
  }
4484
- .Popover-module__hop-Popover___HGlvP[data-trigger=Select] {
4328
+ .Popover-module__hop-Popover___w7mFk[data-trigger=Select] {
4485
4329
  --width: var(--hop-Popover-dropdown-inline-width);
4486
4330
  }
4487
- .Popover-module__hop-Popover___HGlvP[data-trigger=ComboBox] {
4331
+ .Popover-module__hop-Popover___w7mFk[data-trigger=ComboBox] {
4488
4332
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4489
4333
  }
4490
- .Popover-module__hop-Popover___HGlvP[data-auto-width] {
4334
+ .Popover-module__hop-Popover___w7mFk[data-auto-width] {
4491
4335
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4492
4336
  }
4493
- .Popover-module__hop-Popover___HGlvP[data-entering] {
4494
- animation: Popover-module__fade___WDrWv 0.25s;
4337
+ .Popover-module__hop-Popover___w7mFk[data-entering] {
4338
+ animation: Popover-module__fade___Psv2u 0.25s;
4495
4339
  }
4496
- .Popover-module__hop-Popover___HGlvP[data-exiting] {
4497
- animation: Popover-module__fade___WDrWv 0.25s reverse;
4340
+ .Popover-module__hop-Popover___w7mFk[data-exiting] {
4341
+ animation: Popover-module__fade___Psv2u 0.25s reverse;
4498
4342
  }
4499
- @keyframes Popover-module__fade___WDrWv {
4343
+ @keyframes Popover-module__fade___Psv2u {
4500
4344
  from {
4501
4345
  opacity: 0;
4502
4346
  }
@@ -4504,14 +4348,14 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4504
4348
  opacity: 1;
4505
4349
  }
4506
4350
  }
4507
- .Popover-module__hop-Popover__wrapper___85YAj {
4351
+ .Popover-module__hop-Popover__wrapper___lAKUl {
4508
4352
  display: flex;
4509
4353
  flex: 1 1 auto;
4510
4354
  flex-direction: column;
4511
4355
  min-block-size: 0;
4512
4356
  }
4513
- .Popover-module__hop-Popover__dialog___csLNs,
4514
- .Popover-module__hop-Popover__dropdown___nChhg {
4357
+ .Popover-module__hop-Popover__dialog___L0KeS,
4358
+ .Popover-module__hop-Popover__dropdown___OVnt6 {
4515
4359
  --hop-Popover-background: var(--hop-neutral-surface);
4516
4360
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4517
4361
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4566,17 +4410,17 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4566
4410
  outline: var(--hop-Popover-outline);
4567
4411
  overflow: var(--hop-Popover-overflow);
4568
4412
  }
4569
- .Popover-module__hop-Popover__dropdown___nChhg {
4413
+ .Popover-module__hop-Popover__dropdown___OVnt6 {
4570
4414
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4571
4415
  --footer-place-self: stretch;
4572
4416
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4573
4417
  --padding: var(--hop-Popover-dropdown-padding);
4574
4418
  overflow: hidden;
4575
4419
  }
4576
- .Popover-module__hop-Popover__dialog___csLNs {
4420
+ .Popover-module__hop-Popover__dialog___L0KeS {
4577
4421
  --padding: var(--hop-Popover-dialog-padding);
4578
4422
  }
4579
- .Popover-module__hop-Popover__title___XvaqC {
4423
+ .Popover-module__hop-Popover__title___MSCLw {
4580
4424
  grid-area: header;
4581
4425
  font-family: var(--hop-Popover-title-font-family);
4582
4426
  font-size: var(--hop-Popover-title-font-size);
@@ -4584,7 +4428,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4584
4428
  line-height: var(--hop-Popover-title-line-height);
4585
4429
  color: var(--hop-Popover-color);
4586
4430
  }
4587
- .Popover-module__hop-Popover__content___yYxwr {
4431
+ .Popover-module__hop-Popover__content___HsrOX {
4588
4432
  --font-size: var(--hop-Popover-content-font-size);
4589
4433
  --line-height: var(--hop-Popover-content-line-height);
4590
4434
  --font-family: var(--hop-Popover-content-font-family);
@@ -4595,12 +4439,12 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4595
4439
  padding: 0;
4596
4440
  color: var(--hop-Popover-content-color);
4597
4441
  }
4598
- .Popover-module__hop-Popover___HGlvP:not(:has(.Popover-module__hop-Popover__title___XvaqC)) {
4599
- .Popover-module__hop-Popover__content___yYxwr {
4442
+ .Popover-module__hop-Popover___w7mFk:not(:has(.Popover-module__hop-Popover__title___MSCLw)) {
4443
+ .Popover-module__hop-Popover__content___HsrOX {
4600
4444
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4601
4445
  }
4602
4446
  }
4603
- .Popover-module__hop-Popover__dropdown___nChhg .Popover-module__hop-Popover__list-box___zul7f {
4447
+ .Popover-module__hop-Popover__dropdown___OVnt6 .Popover-module__hop-Popover__list-box___rqY9- {
4604
4448
  grid-area: content;
4605
4449
  inline-size: auto;
4606
4450
  min-inline-size: auto;
@@ -4608,7 +4452,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4608
4452
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4609
4453
  border: none;
4610
4454
  }
4611
- .Popover-module__hop-Popover__footer___26L2s {
4455
+ .Popover-module__hop-Popover__footer___8hdfr {
4612
4456
  --font-size: var(--hop-Popover-footer-font-size);
4613
4457
  --line-height: var(--hop-Popover-footer-line-height);
4614
4458
  grid-area: footer;
@@ -4616,22 +4460,22 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4616
4460
  margin: var(--footer-margin);
4617
4461
  color: var(--hop-Popover-color);
4618
4462
  }
4619
- .Popover-module__hop-Popover__dropdown___nChhg .Popover-module__hop-Popover__footer___26L2s {
4463
+ .Popover-module__hop-Popover__dropdown___OVnt6 .Popover-module__hop-Popover__footer___8hdfr {
4620
4464
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4621
4465
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4622
4466
  }
4623
- .Popover-module__hop-Popover__actions___F29c6,
4624
- .Popover-module__hop-Popover__action___NvNY- {
4467
+ .Popover-module__hop-Popover__actions___-bQDi,
4468
+ .Popover-module__hop-Popover__action___R3SMT {
4625
4469
  grid-area: action;
4626
4470
  justify-self: end;
4627
4471
  margin-block-start: var(--hop-Popover-row-gap);
4628
4472
  }
4629
- .Popover-module__hop-Popover___HGlvP:has(.Popover-module__hop-Popover__actions___F29c6, .Popover-module__hop-Popover__action___NvNY-) .Popover-module__hop-Popover__footer___26L2s {
4473
+ .Popover-module__hop-Popover___w7mFk:has(.Popover-module__hop-Popover__actions___-bQDi, .Popover-module__hop-Popover__action___R3SMT) .Popover-module__hop-Popover__footer___8hdfr {
4630
4474
  margin-inline-end: var(--hop-Popover-column-gap);
4631
4475
  }
4632
4476
 
4633
4477
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4634
- .PopoverBase-module__hop-PopoverBase___cPJIF {
4478
+ .PopoverBase-module__hop-PopoverBase___M-OXP {
4635
4479
  --hop-Popover-background: var(--hop-neutral-surface);
4636
4480
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4637
4481
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4661,17 +4505,17 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4661
4505
  box-shadow: var(--hop-Popover-box-shadow);
4662
4506
  transition: opacity var(--hop-easing-duration-2);
4663
4507
  }
4664
- .PopoverBase-module__hop-PopoverBase___cPJIF[data-entering] {
4508
+ .PopoverBase-module__hop-PopoverBase___M-OXP[data-entering] {
4665
4509
  opacity: 0;
4666
4510
  }
4667
- .PopoverBase-module__hop-PopoverBase___cPJIF[data-exiting] {
4511
+ .PopoverBase-module__hop-PopoverBase___M-OXP[data-exiting] {
4668
4512
  pointer-events: none;
4669
4513
  opacity: 0;
4670
4514
  transition-timing-function: var(--hop-easing-productive);
4671
4515
  }
4672
4516
 
4673
4517
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4674
- .Menu-module__hop-Menu___TBJlM {
4518
+ .Menu-module__hop-Menu___ii9Uc {
4675
4519
  --hop-Menu-overflow-y: auto;
4676
4520
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4677
4521
  --hop-Menu-outline: none;
@@ -4687,7 +4531,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4687
4531
  padding-block: var(--hop-Menu-padding-block);
4688
4532
  outline: var(--hop-Menu-outline);
4689
4533
  }
4690
- .Menu-module__hop-Menu__header___uJcqS {
4534
+ .Menu-module__hop-Menu__header___Jow7w {
4691
4535
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4692
4536
  --hop-Menu-header-cursor: default;
4693
4537
  --hop-Menu-header-display: flex;
@@ -4715,13 +4559,13 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4715
4559
  text-transform: var(--hop-Menu-header-text-transform);
4716
4560
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4717
4561
  }
4718
- .Menu-module__hop-Menu__divider___MtdVW {
4562
+ .Menu-module__hop-Menu__divider___lJPJK {
4719
4563
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4720
4564
  margin-block: var( --hop-Menu-divider-margin-block);
4721
4565
  }
4722
4566
 
4723
4567
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuItem.module.css/#css-module-data */
4724
- .MenuItem-module__hop-MenuItem___Jfh-- {
4568
+ .MenuItem-module__hop-MenuItem___DjbeQ {
4725
4569
  --hop-MenuItem-cursor: pointer;
4726
4570
  --hop-MenuItem-display: flex;
4727
4571
  --hop-MenuItem-align-items: center;
@@ -4761,103 +4605,103 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4761
4605
  border-radius: var(--hop-MenuItem-border-radius);
4762
4606
  outline: var(--hop-MenuItem-outline);
4763
4607
  }
4764
- .MenuItem-module__hop-MenuItem___Jfh--[data-focus-visible] {
4608
+ .MenuItem-module__hop-MenuItem___DjbeQ[data-focus-visible] {
4765
4609
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4766
4610
  }
4767
- .MenuItem-module__hop-MenuItem___Jfh--[data-hovered],
4768
- .MenuItem-module__hop-MenuItem___Jfh--[aria-expanded=true],
4769
- .MenuItem-module__hop-MenuItem___Jfh--[data-focused] {
4611
+ .MenuItem-module__hop-MenuItem___DjbeQ[data-hovered],
4612
+ .MenuItem-module__hop-MenuItem___DjbeQ[aria-expanded=true],
4613
+ .MenuItem-module__hop-MenuItem___DjbeQ[data-focused] {
4770
4614
  --background-color: var(--hop-neutral-surface-hover);
4771
4615
  }
4772
- .MenuItem-module__hop-MenuItem___Jfh--[data-pressed] {
4616
+ .MenuItem-module__hop-MenuItem___DjbeQ[data-pressed] {
4773
4617
  --background-color: var(--hop-neutral-surface-press);
4774
4618
  }
4775
- .MenuItem-module__hop-MenuItem___Jfh--[data-selected]:not(.MenuItem-module__hop-MenuItem___Jfh--[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___V-iMN {
4619
+ .MenuItem-module__hop-MenuItem___DjbeQ[data-selected]:not(.MenuItem-module__hop-MenuItem___DjbeQ[data-has-submenu]) .MenuItem-module__hop-MenuItem__text___npc0q {
4776
4620
  font-weight: var(--hop-body-sm-semibold-font-weight);
4777
4621
  }
4778
- .MenuItem-module__hop-MenuItem--invalid___8bv-6 {
4622
+ .MenuItem-module__hop-MenuItem--invalid___s7zNg {
4779
4623
  --hop-MenuItem-description-color: var(--hop-danger-text-selected);
4780
4624
  --hop-MenuItem-icon-color: var(--hop-danger-icon-selected);
4781
4625
  --color: var(--hop-danger-text-selected);
4782
4626
  }
4783
- .MenuItem-module__hop-MenuItem--invalid___8bv-6[data-hovered] {
4627
+ .MenuItem-module__hop-MenuItem--invalid___s7zNg[data-hovered] {
4784
4628
  --hop-MenuItem-description-color: var(--hop-danger-text-strong-hover);
4785
4629
  --hop-MenuItem-icon-color: var(--hop-danger-icon-strong-hover);
4786
4630
  --background-color: var(--hop-danger-surface-hover);
4787
4631
  --color: var(--hop-danger-text-strong-hover);
4788
4632
  }
4789
- .MenuItem-module__hop-MenuItem___Jfh--[data-disabled] {
4633
+ .MenuItem-module__hop-MenuItem___DjbeQ[data-disabled] {
4790
4634
  --hop-MenuItem-description-color: var(--hop-neutral-text-disabled);
4791
4635
  --hop-MenuItem-icon-color: var(--hop-neutral-icon-disabled);
4792
4636
  --cursor: not-allowed;
4793
4637
  --color: var(--hop-neutral-text-disabled);
4794
4638
  }
4795
- .MenuItem-module__hop-MenuItem__avatar___JKnZk {
4639
+ .MenuItem-module__hop-MenuItem__avatar___STOUI {
4796
4640
  grid-area: avatar;
4797
4641
  order: 0;
4798
4642
  margin-inline-end: var(--hop-MenuItem-gap);
4799
4643
  }
4800
- .MenuItem-module__hop-MenuItem__icon___YeYES:not(.MenuItem-module__hop-MenuItem__checkmark___RPP-Z) {
4644
+ .MenuItem-module__hop-MenuItem__icon___jxMEl:not(.MenuItem-module__hop-MenuItem__checkmark___SZImL) {
4801
4645
  grid-area: icon;
4802
4646
  order: 0;
4803
4647
  margin-inline-end: var(--hop-MenuItem-gap);
4804
4648
  }
4805
- .MenuItem-module__hop-MenuItem__text___V-iMN {
4649
+ .MenuItem-module__hop-MenuItem__text___npc0q {
4806
4650
  grid-area: text;
4807
4651
  order: 1;
4808
4652
  }
4809
- .MenuItem-module__hop-MenuItem__description___KOMGp {
4653
+ .MenuItem-module__hop-MenuItem__description___Rpil0 {
4810
4654
  grid-area: description;
4811
4655
  color: var(--hop-MenuItem-description-color);
4812
4656
  }
4813
- .MenuItem-module__hop-MenuItem__end-icon___A6LSq {
4657
+ .MenuItem-module__hop-MenuItem__end-icon___IyLvU {
4814
4658
  grid-area: end-icon;
4815
4659
  order: 2;
4816
4660
  margin-inline-start: var(--hop-MenuItem-gap);
4817
4661
  }
4818
- .MenuItem-module__hop-MenuItem__checkmark___RPP-Z {
4662
+ .MenuItem-module__hop-MenuItem__checkmark___SZImL {
4819
4663
  grid-area: end-panel;
4820
4664
  order: 3;
4821
4665
  padding-inline-start: var(--hop-MenuItem-gap);
4822
4666
  margin-inline-start: auto;
4823
4667
  }
4824
- .MenuItem-module__hop-MenuItem__arrow___feC7h {
4668
+ .MenuItem-module__hop-MenuItem__arrow___6KMNn {
4825
4669
  grid-area: end-panel;
4826
4670
  order: 3;
4827
4671
  padding-inline-start: var(--hop-MenuItem-gap);
4828
4672
  margin-inline-start: auto;
4829
4673
  color: var(--hop-MenuItem-icon-color);
4830
4674
  }
4831
- .MenuItem-module__hop-MenuItem__icon___YeYES,
4832
- .MenuItem-module__hop-MenuItem__end-icon___A6LSq {
4675
+ .MenuItem-module__hop-MenuItem__icon___jxMEl,
4676
+ .MenuItem-module__hop-MenuItem__end-icon___IyLvU {
4833
4677
  flex: 0 0 auto;
4834
4678
  color: var(--hop-MenuItem-icon-color);
4835
4679
  }
4836
- .MenuItem-module__hop-MenuItem___Jfh--:has(.MenuItem-module__hop-MenuItem__description___KOMGp) {
4680
+ .MenuItem-module__hop-MenuItem___DjbeQ:has(.MenuItem-module__hop-MenuItem__description___Rpil0) {
4837
4681
  --display: var(--hop-MenuItem-description-display);
4838
4682
  --align-items: var(--hop-MenuItem-description-align-items);
4839
4683
  grid-template: var(--hop-MenuItem-description-grid-template);
4840
4684
  row-gap: var(--hop-space-stack-xs);
4841
4685
  }
4842
- .MenuItem-module__hop-MenuItem--xs___IkdQw {
4686
+ .MenuItem-module__hop-MenuItem--xs___tsn2z {
4843
4687
  --padding-block: var(--hop-MenuItem-xs-padding-block);
4844
4688
  }
4845
- .MenuItem-module__hop-MenuItem--sm___hlL31 {
4689
+ .MenuItem-module__hop-MenuItem--sm___EeeAq {
4846
4690
  --padding-block: var(--hop-MenuItem-sm-padding-block);
4847
4691
  }
4848
- .MenuItem-module__hop-MenuItem--md___b-GOq {
4692
+ .MenuItem-module__hop-MenuItem--md___oSLk3 {
4849
4693
  --padding-block: var(--hop-MenuItem-md-padding-block);
4850
4694
  }
4851
- .MenuItem-module__hop-MenuItem--lg___xUfwU {
4695
+ .MenuItem-module__hop-MenuItem--lg___nD0Ha {
4852
4696
  --padding-block: var(--hop-MenuItem-lg-padding-block);
4853
4697
  }
4854
4698
 
4855
4699
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/MenuSection.module.css/#css-module-data */
4856
- .MenuSection-module__hop-MenuSection___MYfix {
4700
+ .MenuSection-module__hop-MenuSection___YA74S {
4857
4701
  box-sizing: border-box;
4858
4702
  inline-size: 100%;
4859
4703
  outline: none;
4860
4704
  }
4861
- .MenuSection-module__hop-MenuSection___MYfix[data-focus-visible] {
4705
+ .MenuSection-module__hop-MenuSection___YA74S[data-focus-visible] {
4862
4706
  outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
4863
4707
  }