@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/contextual-help/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/icon-list/src/IconList.module.css/#css-module-data */
284
- .IconList-module__hop-IconList___Fef5U {
284
+ .IconList-module__hop-IconList___-hw-V {
285
285
  --hop-IconList-gap: var(--hop-space-inline-xs);
286
286
  display: flex;
287
287
  flex-wrap: wrap;
@@ -290,7 +290,7 @@
290
290
  }
291
291
 
292
292
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
293
- @keyframes Spinner-module__spin___MdfkJ {
293
+ @keyframes Spinner-module__spin___5z8mH {
294
294
  0% {
295
295
  transform: rotate(0deg);
296
296
  }
@@ -298,7 +298,7 @@
298
298
  transform: rotate(360deg);
299
299
  }
300
300
  }
301
- .Spinner-module__hop-Spinner___b0m0F {
301
+ .Spinner-module__hop-Spinner___WMumF {
302
302
  --hop-Spinner-border-radius: var(--hop-shape-circle);
303
303
  --hop-Spinner-sm-wheel-size: 1rem;
304
304
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -306,7 +306,7 @@
306
306
  --hop-Spinner-track-width: 0.125rem;
307
307
  --hop-Spinner-track-opacity: 0.2;
308
308
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
309
- --hop-Spinner-fill-animation: Spinner-module__spin___MdfkJ .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___5z8mH .8s infinite linear;
310
310
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
311
311
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
312
312
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -317,19 +317,19 @@
317
317
  align-items: center;
318
318
  box-sizing: border-box;
319
319
  }
320
- .Spinner-module__hop-Spinner--sm___5fffU {
320
+ .Spinner-module__hop-Spinner--sm___cktbc {
321
321
  --width: var(--hop-Spinner-sm-wheel-size);
322
322
  --height: var(--hop-Spinner-sm-wheel-size);
323
323
  }
324
- .Spinner-module__hop-Spinner--md___s9RrN {
324
+ .Spinner-module__hop-Spinner--md___b3e8I {
325
325
  --width: var(--hop-Spinner-md-wheel-size);
326
326
  --height: var(--hop-Spinner-md-wheel-size);
327
327
  }
328
- .Spinner-module__hop-Spinner--lg___ydVq5 {
328
+ .Spinner-module__hop-Spinner--lg___skT5W {
329
329
  --width: var(--hop-Spinner-lg-wheel-size);
330
330
  --height: var(--hop-Spinner-lg-wheel-size);
331
331
  }
332
- .Spinner-module__hop-Spinner__track___re54s {
332
+ .Spinner-module__hop-Spinner__track___FTEFa {
333
333
  grid-area: spinner;
334
334
  box-sizing: border-box;
335
335
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -338,7 +338,7 @@
338
338
  border: var(--hop-Spinner-track-border);
339
339
  border-radius: var(--hop-Spinner-border-radius);
340
340
  }
341
- .Spinner-module__hop-Spinner__fill___QRpNj {
341
+ .Spinner-module__hop-Spinner__fill___bDadC {
342
342
  grid-area: spinner;
343
343
  box-sizing: border-box;
344
344
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -349,18 +349,17 @@
349
349
  animation: var(--hop-Spinner-fill-animation);
350
350
  }
351
351
  @media (prefers-reduced-motion: reduce) {
352
- .Spinner-module__hop-Spinner__fill___QRpNj {
352
+ .Spinner-module__hop-Spinner__fill___bDadC {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___GkCUC {
356
+ .Spinner-module__hop-Spinner__label___mAhgE {
357
357
  grid-area: label;
358
358
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
359
359
  }
360
360
 
361
361
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
362
- .Button-module__hop-Button___nEuHI {
363
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
362
+ .Button-module__hop-Button___REbYC {
364
363
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
365
364
  --hop-Button-column-gap: var(--hop-space-inline-xs);
366
365
  --hop-Button-icon-only-column-gap: 0;
@@ -376,81 +375,35 @@
376
375
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
377
376
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
378
377
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
379
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
380
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
381
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
382
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
383
- --hop-Button-ghost-background-color-disabled: transparent;
384
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
385
- --hop-Button-primary-color: var(--hop-primary-text-strong);
386
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
387
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
388
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
389
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
390
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
391
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
392
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
393
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
378
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
379
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
380
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
381
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
382
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
394
383
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
395
- --hop-Button-secondary-color: var(--hop-neutral-text);
396
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
397
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
398
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
399
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
400
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
401
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
402
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
403
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
384
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
385
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
386
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
404
387
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
405
- --hop-Button-upsell-color: var(--hop-upsell-text);
406
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
407
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
408
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
409
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
410
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
411
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
412
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
413
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
388
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
389
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
390
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
414
391
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
415
- --hop-Button-danger-color: var(--hop-danger-text-strong);
416
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
417
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
418
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
419
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
420
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
421
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
422
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
423
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
392
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
393
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
394
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
424
395
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
425
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
426
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
427
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
428
- --hop-Button-ghost-primary-background-color: transparent;
429
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
430
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
431
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
432
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
433
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
396
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
397
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
398
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
434
399
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
435
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
436
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
437
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
438
- --hop-Button-ghost-secondary-background-color: transparent;
439
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
440
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
441
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
442
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
443
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
400
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
401
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
402
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
444
403
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
445
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
446
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
447
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
448
- --hop-Button-ghost-danger-background-color: transparent;
449
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
450
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
451
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
452
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
453
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
404
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
405
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
406
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
454
407
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
455
408
  --inline-size: max-content;
456
409
  --block-size: var(--hop-Button-md-height);
@@ -460,6 +413,7 @@
460
413
  --spinner: var(--hop-primary-icon-strong);
461
414
  --border: 0;
462
415
  --padding: var(--hop-Button-md-padding);
416
+ --box-shadow: none;
463
417
  cursor: pointer;
464
418
  position: relative;
465
419
  overflow: hidden;
@@ -476,221 +430,229 @@
476
430
  white-space: nowrap;
477
431
  background-color: var(--background-color);
478
432
  border: var(--border);
479
- border-radius: var(--hop-Button-border-radius);
433
+ border-radius: var(--hop-comp-button-border-radius);
480
434
  outline: none;
481
435
  outline-offset: var(--hop-Button-outline-size);
436
+ box-shadow: var(--box-shadow);
482
437
  transition:
483
438
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
484
439
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
485
440
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
486
441
  }
487
- .Button-module__hop-Button--fluid___q27fH {
442
+ .Button-module__hop-Button--fluid___s-5yy {
488
443
  --inline-size: 100%;
489
444
  }
490
- .Button-module__hop-Button--xs___ePz1a {
445
+ .Button-module__hop-Button--xs___kPtoB {
491
446
  --block-size: var(--hop-Button-xs-height);
492
447
  --padding: var(--hop-Button-xs-padding);
493
448
  }
494
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
449
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
495
450
  --padding: var(--hop-Button-ghost-xs-padding);
496
451
  }
497
- .Button-module__hop-Button--sm___4f7xw {
452
+ .Button-module__hop-Button--sm___3-1pJ {
498
453
  --block-size: var(--hop-Button-sm-height);
499
454
  --padding: var(--hop-Button-sm-padding);
500
455
  }
501
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
456
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
502
457
  --padding: var(--hop-Button-ghost-sm-padding);
503
458
  }
504
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
459
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
505
460
  --padding: var(--hop-Button-ghost-md-padding);
506
461
  }
507
- .Button-module__hop-Button--icon-only___XPiq- {
462
+ .Button-module__hop-Button--icon-only___T4bLi {
508
463
  --column-gap: var(--hop-Button-icon-only-column-gap);
509
464
  --padding: var(--hop-Button-icon-only-padding);
510
465
  aspect-ratio: 1;
511
466
  }
512
- .Button-module__hop-Button--primary___Scgow {
513
- --background-color: var(--hop-Button-primary-background-color);
514
- --color: var(--hop-Button-primary-color);
467
+ .Button-module__hop-Button--primary___6rHG3 {
468
+ --background-color: var(--hop-comp-button-primary-background-color);
469
+ --color: var(--hop-comp-button-primary-text-color);
515
470
  --border: var(--hop-Button-primary-border);
516
471
  --spinner-color: var(--hop-Button-primary-spinner-color);
472
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
517
473
  }
518
- .Button-module__hop-Button--primary___Scgow[data-hovered],
519
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
520
- --background-color: var(--hop-Button-primary-background-color-hover);
521
- --color: var(--hop-Button-primary-color-hover);
474
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
475
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
476
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
477
+ --color: var(--hop-comp-button-primary-text-color-hover);
522
478
  --border: var(--hop-Button-primary-border-hover);
523
479
  }
524
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
525
- --background-color: var(--hop-Button-primary-background-color-pressed);
526
- --color: var(--hop-Button-primary-color-pressed);
480
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
481
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
482
+ --color: var(--hop-comp-button-primary-text-color-pressed);
527
483
  --border: var(--hop-Button-primary-border-pressed);
528
484
  }
529
- .Button-module__hop-Button--secondary___aE2cR {
530
- --background-color: var(--hop-Button-secondary-background-color);
531
- --color: var(--hop-Button-secondary-color);
485
+ .Button-module__hop-Button--secondary___aCxDx {
486
+ --background-color: var(--hop-comp-button-secondary-background-color);
487
+ --color: var(--hop-comp-button-secondary-text-color);
532
488
  --border: var(--hop-Button-secondary-border);
533
489
  --spinner-color: var(--hop-Button-secondary-spinner-color);
490
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
534
491
  }
535
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
536
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
537
- --background-color: var(--hop-Button-secondary-background-color-hover);
538
- --color: var(--hop-Button-secondary-color-hover);
492
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
493
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
494
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
495
+ --color: var(--hop-comp-button-secondary-text-color-hover);
539
496
  --border: var(--hop-Button-secondary-border-hover);
540
497
  }
541
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
542
- --background-color: var(--hop-Button-secondary-background-color-pressed);
543
- --color: var(--hop-Button-secondary-color-pressed);
498
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
499
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
500
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
544
501
  --border: var(--hop-Button-secondary-border-pressed);
545
502
  }
546
- .Button-module__hop-Button--upsell___9YjEm {
547
- --background-color: var(--hop-Button-upsell-background-color);
548
- --color: var(--hop-Button-upsell-color);
503
+ .Button-module__hop-Button--upsell___4-0Mp {
504
+ --background-color: var(--hop-comp-button-upsell-background-color);
505
+ --color: var(--hop-comp-button-upsell-text-color);
549
506
  --border: var(--hop-Button-upsell-border);
550
507
  --spinner-color: var(--hop-Button-upsell-spinner-color);
508
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
551
509
  }
552
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
553
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
554
- --background-color: var(--hop-Button-upsell-background-color-hover);
555
- --color: var(--hop-Button-upsell-color-hover);
510
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
511
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
512
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
513
+ --color: var(--hop-comp-button-upsell-text-color-hover);
556
514
  --border: var(--hop-Button-upsell-border-hover);
557
515
  }
558
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
559
- --background-color: var(--hop-Button-upsell-background-color-pressed);
560
- --color: var(--hop-Button-upsell-color-pressed);
516
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
517
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
518
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
561
519
  --border: var(--hop-Button-upsell-border-pressed);
562
520
  }
563
- .Button-module__hop-Button--danger___cLxF7 {
564
- --background-color: var(--hop-Button-danger-background-color);
565
- --color: var(--hop-Button-danger-color);
521
+ .Button-module__hop-Button--danger___lsZmV {
522
+ --background-color: var(--hop-comp-button-danger-background-color);
523
+ --color: var(--hop-comp-button-danger-text-color);
566
524
  --border: var(--hop-Button-danger-border);
567
525
  --spinner-color: var(--hop-Button-danger-spinner-color);
526
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
568
527
  }
569
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
570
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
571
- --background-color: var(--hop-Button-danger-background-color-hover);
572
- --color: var(--hop-Button-danger-color-hover);
528
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
529
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
530
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
531
+ --color: var(--hop-comp-button-danger-text-color-hover);
573
532
  --border: var(--hop-Button-danger-border-hover);
574
533
  }
575
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
576
- --background-color: var(--hop-Button-danger-background-color-pressed);
577
- --color: var(--hop-Button-danger-color-pressed);
534
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
535
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
536
+ --color: var(--hop-comp-button-danger-text-color-pressed);
578
537
  --border: var(--hop-Button-danger-border-pressed);
579
538
  }
580
- .Button-module__hop-Button--ghost-primary___2dZsC {
581
- --background-color: var(--hop-Button-ghost-primary-background-color);
582
- --color: var(--hop-Button-ghost-primary-color);
539
+ .Button-module__hop-Button--ghost-primary___9J0-- {
540
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
541
+ --color: var(--hop-comp-button-ghost-primary-text-color);
583
542
  --border: var(--hop-Button-ghost-primary-border);
584
543
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
544
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
585
545
  }
586
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
587
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
588
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
589
- --color: var(--hop-Button-ghost-primary-color-hover);
546
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
547
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
548
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
549
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
590
550
  --border: var(--hop-Button-ghost-primary-border-hover);
591
551
  }
592
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
593
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
594
- --color: var(--hop-Button-ghost-primary-color-pressed);
552
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
553
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
554
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
595
555
  --border: var(--hop-Button-ghost-primary-border-pressed);
596
556
  }
597
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
598
- --background-color: var(--hop-Button-ghost-secondary-background-color);
599
- --color: var(--hop-Button-ghost-secondary-color);
557
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
558
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
559
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
600
560
  --border: var(--hop-Button-ghost-secondary-border);
601
561
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
562
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
602
563
  }
603
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
604
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
605
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
606
- --color: var(--hop-Button-ghost-secondary-color-hover);
564
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
565
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
566
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
567
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
607
568
  --border: var(--hop-Button-ghost-secondary-border-hover);
608
569
  }
609
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
610
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
611
- --color: var(--hop-Button-ghost-secondary-color-pressed);
570
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
571
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
572
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
612
573
  --border: var(--hop-Button-ghost-secondary-border-pressed);
613
574
  }
614
- .Button-module__hop-Button--ghost-danger___ojcg4 {
615
- --background-color: var(--hop-Button-ghost-danger-background-color);
616
- --color: var(--hop-Button-ghost-danger-color);
575
+ .Button-module__hop-Button--ghost-danger___vaQYU {
576
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
577
+ --color: var(--hop-comp-button-ghost-danger-text-color);
617
578
  --border: var(--hop-Button-ghost-danger-border);
618
579
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
580
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
619
581
  }
620
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
621
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
622
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
623
- --color: var(--hop-Button-ghost-danger-color-hover);
582
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
583
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
584
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
585
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
624
586
  --border: var(--hop-Button-ghost-danger-border-hover);
625
587
  }
626
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
627
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
628
- --color: var(--hop-Button-ghost-danger-color-pressed);
588
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
589
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
590
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
629
591
  --border: var(--hop-Button-ghost-danger-border-pressed);
630
592
  }
631
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
593
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
632
594
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
633
595
  }
634
- .Button-module__hop-Button___nEuHI[data-disabled],
635
- .Button-module__hop-Button--loading___AYdL0 {
596
+ .Button-module__hop-Button___REbYC[data-disabled],
597
+ .Button-module__hop-Button--loading___cV-u9 {
636
598
  cursor: not-allowed;
637
599
  }
638
- .Button-module__hop-Button___nEuHI[data-disabled] {
639
- --background-color: var(--hop-Button-background-color-disabled);
640
- --color: var(--hop-Button-color-disabled);
600
+ .Button-module__hop-Button___REbYC[data-disabled] {
601
+ --background-color: var(--hop-comp-button-disabled-background-color);
602
+ --color: var(--hop-comp-button-disabled-text-color);
641
603
  --border: var(--hop-Button-border-disabled);
642
604
  }
643
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
644
- --background-color: var(--hop-Button-ghost-background-color-disabled);
645
- --color: var(--hop-Button-ghost-color-disabled);
605
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
606
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
607
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
646
608
  --border: var(--hop-Button-ghost-border-disabled);
647
609
  }
648
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
649
- --background-color: var(--hop-Button-primary-background-color);
650
- --color: var(--hop-Button-primary-color);
610
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
611
+ --background-color: var(--hop-comp-button-primary-background-color);
612
+ --color: var(--hop-comp-button-primary-text-color);
651
613
  --border: var(--hop-Button-primary-border);
652
614
  }
653
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
654
- --background-color: var(--hop-Button-secondary-background-color);
655
- --color: var(--hop-Button-secondary-color);
615
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
616
+ --background-color: var(--hop-comp-button-secondary-background-color);
617
+ --color: var(--hop-comp-button-secondary-text-color);
656
618
  --border: var(--hop-Button-secondary-border);
657
619
  }
658
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
659
- --background-color: var(--hop-Button-upsell-background-color);
660
- --color: var(--hop-Button-upsell-color);
620
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
621
+ --background-color: var(--hop-comp-button-upsell-background-color);
622
+ --color: var(--hop-comp-button-upsell-text-color);
661
623
  --border: var(--hop-Button-upsell-border);
662
624
  }
663
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
664
- --background-color: var(--hop-Button-danger-background-color);
665
- --color: var(--hop-Button-danger-color);
625
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
626
+ --background-color: var(--hop-comp-button-danger-background-color);
627
+ --color: var(--hop-comp-button-danger-text-color);
666
628
  --border: var(--hop-Button-danger-border);
667
629
  }
668
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
669
- --background-color: var(--hop-Button-ghost-primary-background-color);
670
- --color: var(--hop-Button-ghost-primary-color);
630
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
631
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
632
+ --color: var(--hop-comp-button-ghost-primary-text-color);
671
633
  --border: var(--hop-Button-ghost-primary-border);
672
634
  }
673
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
674
- --background-color: var(--hop-Button-ghost-secondary-background-color);
675
- --color: var(--hop-Button-ghost-secondary-color);
635
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
636
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
637
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
676
638
  --border: var(--hop-Button-ghost-secondary-border);
677
639
  }
678
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
679
- --background-color: var(--hop-Button-ghost-danger-background-color);
680
- --color: var(--hop-Button-ghost-danger-color);
640
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
641
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
642
+ --color: var(--hop-comp-button-ghost-danger-text-color);
681
643
  --border: var(--hop-Button-ghost-danger-border);
682
644
  }
683
- .Button-module__hop-Button__Spinner___-4Cjd {
645
+ .Button-module__hop-Button__Spinner___yoa8O {
684
646
  position: absolute;
685
647
  color: var(--spinner-color);
686
648
  }
687
- .Button-module__hop-Button__icon___242RX,
688
- .Button-module__hop-Button__icon-list___YRbIZ {
649
+ .Button-module__hop-Button__icon___QCuE7,
650
+ .Button-module__hop-Button__icon-list___QrbUY {
689
651
  flex: 0 0 auto;
690
652
  justify-self: end;
691
653
  order: 1;
692
654
  }
693
- .Button-module__hop-Button__text___TAmEN {
655
+ .Button-module__hop-Button__text___CBz1s {
694
656
  user-select: none;
695
657
  overflow: visible;
696
658
  flex: 0 1 auto;
@@ -699,60 +661,60 @@
699
661
  text-decoration: none;
700
662
  text-wrap: nowrap;
701
663
  }
702
- .Button-module__hop-Button__end-icon___A15-f,
703
- .Button-module__hop-Button__end-icon-list___VLHc3 {
664
+ .Button-module__hop-Button__end-icon___cyX9i,
665
+ .Button-module__hop-Button__end-icon-list___u-t2S {
704
666
  flex: 0 0 auto;
705
667
  order: 3;
706
668
  }
707
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
708
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
669
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
670
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
709
671
  flex-wrap: nowrap;
710
672
  }
711
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
673
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
712
674
  opacity: 0;
713
675
  }
714
676
 
715
677
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
716
- .ButtonGroup-module__hop-ButtonGroup___JK1nW {
678
+ .ButtonGroup-module__hop-ButtonGroup___Ym1NG {
717
679
  display: inline-flex;
718
680
  flex-wrap: nowrap;
719
681
  gap: var(--hop-space-inline-md);
720
682
  }
721
- .ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
683
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
722
684
  align-items: center;
723
685
  }
724
- .ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
686
+ .ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
725
687
  flex-direction: column;
726
688
  gap: var(--hop-space-stack-md);
727
689
  justify-content: center;
728
690
  }
729
- .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
691
+ .ButtonGroup-module__hop-ButtonGroup--start___bSJVX.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
730
692
  align-items: flex-start;
731
693
  }
732
- .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
694
+ .ButtonGroup-module__hop-ButtonGroup--center___NESIb.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
733
695
  align-items: center;
734
696
  }
735
- .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
697
+ .ButtonGroup-module__hop-ButtonGroup--end___sszrq.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
736
698
  align-items: flex-end;
737
699
  }
738
- .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
700
+ .ButtonGroup-module__hop-ButtonGroup--start___bSJVX.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
739
701
  justify-content: flex-start;
740
702
  }
741
- .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
703
+ .ButtonGroup-module__hop-ButtonGroup--center___NESIb.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
742
704
  justify-content: center;
743
705
  }
744
- .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
706
+ .ButtonGroup-module__hop-ButtonGroup--end___sszrq.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
745
707
  justify-content: flex-end;
746
708
  }
747
- .ButtonGroup-module__hop-ButtonGroup--wrap___bx-ax {
709
+ .ButtonGroup-module__hop-ButtonGroup--wrap___72Uxk {
748
710
  flex-wrap: wrap;
749
711
  }
750
- .ButtonGroup-module__hop-ButtonGroup--fluid___Mhm9B {
712
+ .ButtonGroup-module__hop-ButtonGroup--fluid___6Vnq3 {
751
713
  inline-size: 100%;
752
714
  }
753
715
 
754
716
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
755
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2 {
717
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm {
756
718
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
757
719
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
758
720
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -916,7 +878,7 @@
916
878
  outline: none;
917
879
  transition: color var(--transition);
918
880
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2::before {
881
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm::before {
920
882
  content: "";
921
883
  position: absolute;
922
884
  inset-block-start: 50%;
@@ -929,284 +891,284 @@
929
891
  border-radius: var(--effect-border-radius);
930
892
  transition: background-color var(--transition);
931
893
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-square] {
894
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-square] {
933
895
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
934
896
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r {
897
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs3QD {
936
898
  --inline-size: var(--hop-EmbeddedButton-md-width);
937
899
  --block-size: var(--hop-EmbeddedButton-md-height);
938
900
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
939
901
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6 {
902
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___o-RjM {
941
903
  --inline-size: var(--hop-EmbeddedButton-lg-width);
942
904
  --block-size: var(--hop-EmbeddedButton-lg-height);
943
905
  --focus-ring-offset: 0;
944
906
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r::before {
907
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs3QD::before {
946
908
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
947
909
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
948
910
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6::before {
911
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___o-RjM::before {
950
912
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
951
913
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
952
914
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD {
915
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR {
954
916
  --color: var(--hop-EmbeddedButton-neutral-color);
955
917
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
956
918
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv {
919
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3- {
958
920
  --color: var(--hop-EmbeddedButton-subdued-color);
959
921
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
960
922
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl {
923
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc {
962
924
  --color: var(--hop-EmbeddedButton-progress-color);
963
925
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
964
926
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT {
927
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY {
966
928
  --color: var(--hop-EmbeddedButton-positive-color);
967
929
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
968
930
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe {
970
932
  --color: var(--hop-EmbeddedButton-caution-color);
971
933
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
972
934
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz {
974
936
  --color: var(--hop-EmbeddedButton-negative-color);
975
937
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
976
938
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5 {
939
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d {
978
940
  --color: var(--hop-EmbeddedButton-option1-color);
979
941
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
980
942
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj {
943
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl {
982
944
  --color: var(--hop-EmbeddedButton-option2-color);
983
945
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
984
946
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A {
947
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW {
986
948
  --color: var(--hop-EmbeddedButton-option3-color);
987
949
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
988
950
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg {
951
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747 {
990
952
  --color: var(--hop-EmbeddedButton-option4-color);
991
953
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
992
954
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M {
955
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV {
994
956
  --color: var(--hop-EmbeddedButton-option5-color);
995
957
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
996
958
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9 {
959
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm {
998
960
  --color: var(--hop-EmbeddedButton-option6-color);
999
961
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1000
962
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-selected] {
963
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-selected] {
1002
964
  --color: var(--hop-EmbeddedButton-selected-color);
1003
965
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1004
966
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-focus-visible] {
967
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-focus-visible] {
1006
968
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1007
969
  outline-offset: var(--focus-ring-offset);
1008
970
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-disabled] {
971
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-disabled] {
1010
972
  cursor: not-allowed;
1011
973
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-hovered] {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-hovered] {
1013
975
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1014
976
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1015
977
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-focus-visible] {
978
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-focus-visible] {
1017
979
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1018
980
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1019
981
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-pressed] {
982
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-pressed] {
1021
983
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1022
984
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1023
985
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-disabled] {
986
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-disabled] {
1025
987
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1026
988
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1027
989
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-hovered] {
990
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-hovered] {
1029
991
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1030
992
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1031
993
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-focus-visible] {
994
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-focus-visible] {
1033
995
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1034
996
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1035
997
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-pressed] {
998
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-pressed] {
1037
999
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1038
1000
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1039
1001
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-disabled] {
1002
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-disabled] {
1041
1003
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1042
1004
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1043
1005
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-hovered] {
1006
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-hovered] {
1045
1007
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1046
1008
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1047
1009
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-focus-visible] {
1010
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-focus-visible] {
1049
1011
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1050
1012
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1051
1013
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-pressed] {
1014
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-pressed] {
1053
1015
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1054
1016
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1055
1017
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-disabled] {
1018
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-disabled] {
1057
1019
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1058
1020
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1059
1021
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-hovered] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-hovered] {
1061
1023
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1062
1024
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1063
1025
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-focus-visible] {
1026
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-focus-visible] {
1065
1027
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1066
1028
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1067
1029
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-pressed] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-pressed] {
1069
1031
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1070
1032
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1071
1033
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-disabled] {
1034
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-disabled] {
1073
1035
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1074
1036
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1075
1037
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-hovered] {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-hovered] {
1077
1039
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1078
1040
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1079
1041
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-focus-visible] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-focus-visible] {
1081
1043
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1082
1044
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1083
1045
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-pressed] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-pressed] {
1085
1047
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1086
1048
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1087
1049
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-disabled] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-disabled] {
1089
1051
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1090
1052
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1091
1053
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-hovered] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-hovered] {
1093
1055
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1094
1056
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1095
1057
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-focus-visible] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-focus-visible] {
1097
1059
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1098
1060
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1099
1061
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-pressed] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-pressed] {
1101
1063
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1102
1064
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1103
1065
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-disabled] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-disabled] {
1105
1067
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1106
1068
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1107
1069
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-hovered] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-hovered] {
1109
1071
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1110
1072
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1111
1073
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-focus-visible] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-focus-visible] {
1113
1075
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1114
1076
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1115
1077
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-pressed] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-pressed] {
1117
1079
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1118
1080
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1119
1081
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-disabled] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-disabled] {
1121
1083
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1122
1084
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1123
1085
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-hovered] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-hovered] {
1125
1087
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1126
1088
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1127
1089
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-focus-visible] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-focus-visible] {
1129
1091
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1130
1092
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1131
1093
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-pressed] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-pressed] {
1133
1095
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1134
1096
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1135
1097
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-disabled] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-disabled] {
1137
1099
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1138
1100
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1139
1101
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-hovered] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-hovered] {
1141
1103
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1142
1104
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1143
1105
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-focus-visible] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-focus-visible] {
1145
1107
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1146
1108
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1147
1109
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-pressed] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-pressed] {
1149
1111
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1150
1112
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1151
1113
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-disabled] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-disabled] {
1153
1115
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1154
1116
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1155
1117
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-hovered] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-hovered] {
1157
1119
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1158
1120
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1159
1121
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-focus-visible] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-focus-visible] {
1161
1123
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1162
1124
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1163
1125
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-pressed] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-pressed] {
1165
1127
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1166
1128
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1167
1129
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-disabled] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-disabled] {
1169
1131
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1170
1132
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1171
1133
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-hovered] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-hovered] {
1173
1135
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1174
1136
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1175
1137
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-focus-visible] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-focus-visible] {
1177
1139
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1178
1140
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1179
1141
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-pressed] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-pressed] {
1181
1143
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1182
1144
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1183
1145
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-disabled] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-disabled] {
1185
1147
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1186
1148
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1187
1149
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-hovered] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-hovered] {
1189
1151
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1190
1152
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1191
1153
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-focus-visible] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-focus-visible] {
1193
1155
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1194
1156
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1195
1157
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-pressed] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-pressed] {
1197
1159
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1198
1160
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1199
1161
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-disabled] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-disabled] {
1201
1163
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1202
1164
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1203
1165
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton__icon___MERm- {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___GhZPb {
1205
1167
  position: relative;
1206
1168
  }
1207
1169
 
1208
1170
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1209
- button.CloseButton-module__hop-CloseButton___koyiQ {
1171
+ button.CloseButton-module__hop-CloseButton___gcZcd {
1210
1172
  --hop-CloseButton-margin-top: 0rem;
1211
1173
  --hop-CloseButton-padding: 0rem;
1212
1174
  --hop-CloseButton-width: fit-content;
@@ -1218,8 +1180,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1218
1180
  }
1219
1181
 
1220
1182
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1221
- .Button-module__hop-Button___nEuHI {
1222
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
1183
+ .Button-module__hop-Button___REbYC {
1223
1184
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1224
1185
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1225
1186
  --hop-Button-icon-only-column-gap: 0;
@@ -1235,81 +1196,35 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1235
1196
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1236
1197
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1237
1198
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1238
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1239
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1240
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1241
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1242
- --hop-Button-ghost-background-color-disabled: transparent;
1243
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1244
- --hop-Button-primary-color: var(--hop-primary-text-strong);
1245
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1246
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1247
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1248
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1249
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1250
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1251
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1252
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1199
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1200
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1201
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1202
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1203
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1253
1204
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1254
- --hop-Button-secondary-color: var(--hop-neutral-text);
1255
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1256
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1257
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1258
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1259
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1260
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1261
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1262
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1205
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1206
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1207
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1263
1208
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1264
- --hop-Button-upsell-color: var(--hop-upsell-text);
1265
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1266
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1267
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1268
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1269
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1270
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1271
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1272
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1209
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1210
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1211
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1273
1212
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1274
- --hop-Button-danger-color: var(--hop-danger-text-strong);
1275
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1276
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1277
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1278
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1279
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1280
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1281
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1282
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1213
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1214
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1215
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1283
1216
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1284
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
1285
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1286
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1287
- --hop-Button-ghost-primary-background-color: transparent;
1288
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1289
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1290
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1291
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1292
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1217
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1218
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1219
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1293
1220
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1294
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1295
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1296
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1297
- --hop-Button-ghost-secondary-background-color: transparent;
1298
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1299
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1300
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1301
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1302
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1221
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1222
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1223
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1303
1224
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1304
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1305
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1306
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1307
- --hop-Button-ghost-danger-background-color: transparent;
1308
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1309
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1310
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1311
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1312
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1225
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1226
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1227
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1313
1228
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1314
1229
  --inline-size: max-content;
1315
1230
  --block-size: var(--hop-Button-md-height);
@@ -1319,6 +1234,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1319
1234
  --spinner: var(--hop-primary-icon-strong);
1320
1235
  --border: 0;
1321
1236
  --padding: var(--hop-Button-md-padding);
1237
+ --box-shadow: none;
1322
1238
  cursor: pointer;
1323
1239
  position: relative;
1324
1240
  overflow: hidden;
@@ -1335,221 +1251,229 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1335
1251
  white-space: nowrap;
1336
1252
  background-color: var(--background-color);
1337
1253
  border: var(--border);
1338
- border-radius: var(--hop-Button-border-radius);
1254
+ border-radius: var(--hop-comp-button-border-radius);
1339
1255
  outline: none;
1340
1256
  outline-offset: var(--hop-Button-outline-size);
1257
+ box-shadow: var(--box-shadow);
1341
1258
  transition:
1342
1259
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1343
1260
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1344
1261
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1345
1262
  }
1346
- .Button-module__hop-Button--fluid___q27fH {
1263
+ .Button-module__hop-Button--fluid___s-5yy {
1347
1264
  --inline-size: 100%;
1348
1265
  }
1349
- .Button-module__hop-Button--xs___ePz1a {
1266
+ .Button-module__hop-Button--xs___kPtoB {
1350
1267
  --block-size: var(--hop-Button-xs-height);
1351
1268
  --padding: var(--hop-Button-xs-padding);
1352
1269
  }
1353
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1270
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
1354
1271
  --padding: var(--hop-Button-ghost-xs-padding);
1355
1272
  }
1356
- .Button-module__hop-Button--sm___4f7xw {
1273
+ .Button-module__hop-Button--sm___3-1pJ {
1357
1274
  --block-size: var(--hop-Button-sm-height);
1358
1275
  --padding: var(--hop-Button-sm-padding);
1359
1276
  }
1360
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1277
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
1361
1278
  --padding: var(--hop-Button-ghost-sm-padding);
1362
1279
  }
1363
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1280
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
1364
1281
  --padding: var(--hop-Button-ghost-md-padding);
1365
1282
  }
1366
- .Button-module__hop-Button--icon-only___XPiq- {
1283
+ .Button-module__hop-Button--icon-only___T4bLi {
1367
1284
  --column-gap: var(--hop-Button-icon-only-column-gap);
1368
1285
  --padding: var(--hop-Button-icon-only-padding);
1369
1286
  aspect-ratio: 1;
1370
1287
  }
1371
- .Button-module__hop-Button--primary___Scgow {
1372
- --background-color: var(--hop-Button-primary-background-color);
1373
- --color: var(--hop-Button-primary-color);
1288
+ .Button-module__hop-Button--primary___6rHG3 {
1289
+ --background-color: var(--hop-comp-button-primary-background-color);
1290
+ --color: var(--hop-comp-button-primary-text-color);
1374
1291
  --border: var(--hop-Button-primary-border);
1375
1292
  --spinner-color: var(--hop-Button-primary-spinner-color);
1293
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
1376
1294
  }
1377
- .Button-module__hop-Button--primary___Scgow[data-hovered],
1378
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1379
- --background-color: var(--hop-Button-primary-background-color-hover);
1380
- --color: var(--hop-Button-primary-color-hover);
1295
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
1296
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
1297
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
1298
+ --color: var(--hop-comp-button-primary-text-color-hover);
1381
1299
  --border: var(--hop-Button-primary-border-hover);
1382
1300
  }
1383
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
1384
- --background-color: var(--hop-Button-primary-background-color-pressed);
1385
- --color: var(--hop-Button-primary-color-pressed);
1301
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
1302
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
1303
+ --color: var(--hop-comp-button-primary-text-color-pressed);
1386
1304
  --border: var(--hop-Button-primary-border-pressed);
1387
1305
  }
1388
- .Button-module__hop-Button--secondary___aE2cR {
1389
- --background-color: var(--hop-Button-secondary-background-color);
1390
- --color: var(--hop-Button-secondary-color);
1306
+ .Button-module__hop-Button--secondary___aCxDx {
1307
+ --background-color: var(--hop-comp-button-secondary-background-color);
1308
+ --color: var(--hop-comp-button-secondary-text-color);
1391
1309
  --border: var(--hop-Button-secondary-border);
1392
1310
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1311
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1393
1312
  }
1394
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1395
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1396
- --background-color: var(--hop-Button-secondary-background-color-hover);
1397
- --color: var(--hop-Button-secondary-color-hover);
1313
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
1314
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
1315
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
1316
+ --color: var(--hop-comp-button-secondary-text-color-hover);
1398
1317
  --border: var(--hop-Button-secondary-border-hover);
1399
1318
  }
1400
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1401
- --background-color: var(--hop-Button-secondary-background-color-pressed);
1402
- --color: var(--hop-Button-secondary-color-pressed);
1319
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
1320
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1321
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
1403
1322
  --border: var(--hop-Button-secondary-border-pressed);
1404
1323
  }
1405
- .Button-module__hop-Button--upsell___9YjEm {
1406
- --background-color: var(--hop-Button-upsell-background-color);
1407
- --color: var(--hop-Button-upsell-color);
1324
+ .Button-module__hop-Button--upsell___4-0Mp {
1325
+ --background-color: var(--hop-comp-button-upsell-background-color);
1326
+ --color: var(--hop-comp-button-upsell-text-color);
1408
1327
  --border: var(--hop-Button-upsell-border);
1409
1328
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1329
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1410
1330
  }
1411
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1412
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1413
- --background-color: var(--hop-Button-upsell-background-color-hover);
1414
- --color: var(--hop-Button-upsell-color-hover);
1331
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
1332
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
1333
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
1334
+ --color: var(--hop-comp-button-upsell-text-color-hover);
1415
1335
  --border: var(--hop-Button-upsell-border-hover);
1416
1336
  }
1417
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1418
- --background-color: var(--hop-Button-upsell-background-color-pressed);
1419
- --color: var(--hop-Button-upsell-color-pressed);
1337
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
1338
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1339
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
1420
1340
  --border: var(--hop-Button-upsell-border-pressed);
1421
1341
  }
1422
- .Button-module__hop-Button--danger___cLxF7 {
1423
- --background-color: var(--hop-Button-danger-background-color);
1424
- --color: var(--hop-Button-danger-color);
1342
+ .Button-module__hop-Button--danger___lsZmV {
1343
+ --background-color: var(--hop-comp-button-danger-background-color);
1344
+ --color: var(--hop-comp-button-danger-text-color);
1425
1345
  --border: var(--hop-Button-danger-border);
1426
1346
  --spinner-color: var(--hop-Button-danger-spinner-color);
1347
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
1427
1348
  }
1428
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
1429
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1430
- --background-color: var(--hop-Button-danger-background-color-hover);
1431
- --color: var(--hop-Button-danger-color-hover);
1349
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
1350
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
1351
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
1352
+ --color: var(--hop-comp-button-danger-text-color-hover);
1432
1353
  --border: var(--hop-Button-danger-border-hover);
1433
1354
  }
1434
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1435
- --background-color: var(--hop-Button-danger-background-color-pressed);
1436
- --color: var(--hop-Button-danger-color-pressed);
1355
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
1356
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
1357
+ --color: var(--hop-comp-button-danger-text-color-pressed);
1437
1358
  --border: var(--hop-Button-danger-border-pressed);
1438
1359
  }
1439
- .Button-module__hop-Button--ghost-primary___2dZsC {
1440
- --background-color: var(--hop-Button-ghost-primary-background-color);
1441
- --color: var(--hop-Button-ghost-primary-color);
1360
+ .Button-module__hop-Button--ghost-primary___9J0-- {
1361
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1362
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1442
1363
  --border: var(--hop-Button-ghost-primary-border);
1443
1364
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1365
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1444
1366
  }
1445
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1446
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1447
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1448
- --color: var(--hop-Button-ghost-primary-color-hover);
1367
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
1368
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
1369
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1370
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1449
1371
  --border: var(--hop-Button-ghost-primary-border-hover);
1450
1372
  }
1451
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1452
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1453
- --color: var(--hop-Button-ghost-primary-color-pressed);
1373
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
1374
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1375
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1454
1376
  --border: var(--hop-Button-ghost-primary-border-pressed);
1455
1377
  }
1456
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
1457
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1458
- --color: var(--hop-Button-ghost-secondary-color);
1378
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
1379
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1380
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1459
1381
  --border: var(--hop-Button-ghost-secondary-border);
1460
1382
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1383
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1461
1384
  }
1462
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1463
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1464
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1465
- --color: var(--hop-Button-ghost-secondary-color-hover);
1385
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
1386
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
1387
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1388
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1466
1389
  --border: var(--hop-Button-ghost-secondary-border-hover);
1467
1390
  }
1468
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1469
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1470
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1391
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
1392
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1393
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1471
1394
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1472
1395
  }
1473
- .Button-module__hop-Button--ghost-danger___ojcg4 {
1474
- --background-color: var(--hop-Button-ghost-danger-background-color);
1475
- --color: var(--hop-Button-ghost-danger-color);
1396
+ .Button-module__hop-Button--ghost-danger___vaQYU {
1397
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1398
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1476
1399
  --border: var(--hop-Button-ghost-danger-border);
1477
1400
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1401
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1478
1402
  }
1479
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
1480
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
1481
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1482
- --color: var(--hop-Button-ghost-danger-color-hover);
1403
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
1404
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
1405
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1406
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1483
1407
  --border: var(--hop-Button-ghost-danger-border-hover);
1484
1408
  }
1485
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
1486
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1487
- --color: var(--hop-Button-ghost-danger-color-pressed);
1409
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
1410
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1411
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1488
1412
  --border: var(--hop-Button-ghost-danger-border-pressed);
1489
1413
  }
1490
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
1414
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
1491
1415
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1492
1416
  }
1493
- .Button-module__hop-Button___nEuHI[data-disabled],
1494
- .Button-module__hop-Button--loading___AYdL0 {
1417
+ .Button-module__hop-Button___REbYC[data-disabled],
1418
+ .Button-module__hop-Button--loading___cV-u9 {
1495
1419
  cursor: not-allowed;
1496
1420
  }
1497
- .Button-module__hop-Button___nEuHI[data-disabled] {
1498
- --background-color: var(--hop-Button-background-color-disabled);
1499
- --color: var(--hop-Button-color-disabled);
1421
+ .Button-module__hop-Button___REbYC[data-disabled] {
1422
+ --background-color: var(--hop-comp-button-disabled-background-color);
1423
+ --color: var(--hop-comp-button-disabled-text-color);
1500
1424
  --border: var(--hop-Button-border-disabled);
1501
1425
  }
1502
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
1503
- --background-color: var(--hop-Button-ghost-background-color-disabled);
1504
- --color: var(--hop-Button-ghost-color-disabled);
1426
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
1427
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1428
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
1505
1429
  --border: var(--hop-Button-ghost-border-disabled);
1506
1430
  }
1507
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
1508
- --background-color: var(--hop-Button-primary-background-color);
1509
- --color: var(--hop-Button-primary-color);
1431
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
1432
+ --background-color: var(--hop-comp-button-primary-background-color);
1433
+ --color: var(--hop-comp-button-primary-text-color);
1510
1434
  --border: var(--hop-Button-primary-border);
1511
1435
  }
1512
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
1513
- --background-color: var(--hop-Button-secondary-background-color);
1514
- --color: var(--hop-Button-secondary-color);
1436
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
1437
+ --background-color: var(--hop-comp-button-secondary-background-color);
1438
+ --color: var(--hop-comp-button-secondary-text-color);
1515
1439
  --border: var(--hop-Button-secondary-border);
1516
1440
  }
1517
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
1518
- --background-color: var(--hop-Button-upsell-background-color);
1519
- --color: var(--hop-Button-upsell-color);
1441
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
1442
+ --background-color: var(--hop-comp-button-upsell-background-color);
1443
+ --color: var(--hop-comp-button-upsell-text-color);
1520
1444
  --border: var(--hop-Button-upsell-border);
1521
1445
  }
1522
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
1523
- --background-color: var(--hop-Button-danger-background-color);
1524
- --color: var(--hop-Button-danger-color);
1446
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
1447
+ --background-color: var(--hop-comp-button-danger-background-color);
1448
+ --color: var(--hop-comp-button-danger-text-color);
1525
1449
  --border: var(--hop-Button-danger-border);
1526
1450
  }
1527
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
1528
- --background-color: var(--hop-Button-ghost-primary-background-color);
1529
- --color: var(--hop-Button-ghost-primary-color);
1451
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
1452
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1453
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1530
1454
  --border: var(--hop-Button-ghost-primary-border);
1531
1455
  }
1532
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
1533
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1534
- --color: var(--hop-Button-ghost-secondary-color);
1456
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
1457
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1458
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1535
1459
  --border: var(--hop-Button-ghost-secondary-border);
1536
1460
  }
1537
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
1538
- --background-color: var(--hop-Button-ghost-danger-background-color);
1539
- --color: var(--hop-Button-ghost-danger-color);
1461
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
1462
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1463
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1540
1464
  --border: var(--hop-Button-ghost-danger-border);
1541
1465
  }
1542
- .Button-module__hop-Button__Spinner___-4Cjd {
1466
+ .Button-module__hop-Button__Spinner___yoa8O {
1543
1467
  position: absolute;
1544
1468
  color: var(--spinner-color);
1545
1469
  }
1546
- .Button-module__hop-Button__icon___242RX,
1547
- .Button-module__hop-Button__icon-list___YRbIZ {
1470
+ .Button-module__hop-Button__icon___QCuE7,
1471
+ .Button-module__hop-Button__icon-list___QrbUY {
1548
1472
  flex: 0 0 auto;
1549
1473
  justify-self: end;
1550
1474
  order: 1;
1551
1475
  }
1552
- .Button-module__hop-Button__text___TAmEN {
1476
+ .Button-module__hop-Button__text___CBz1s {
1553
1477
  user-select: none;
1554
1478
  overflow: visible;
1555
1479
  flex: 0 1 auto;
@@ -1558,60 +1482,59 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1558
1482
  text-decoration: none;
1559
1483
  text-wrap: nowrap;
1560
1484
  }
1561
- .Button-module__hop-Button__end-icon___A15-f,
1562
- .Button-module__hop-Button__end-icon-list___VLHc3 {
1485
+ .Button-module__hop-Button__end-icon___cyX9i,
1486
+ .Button-module__hop-Button__end-icon-list___u-t2S {
1563
1487
  flex: 0 0 auto;
1564
1488
  order: 3;
1565
1489
  }
1566
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
1567
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1490
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
1491
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
1568
1492
  flex-wrap: nowrap;
1569
1493
  }
1570
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1494
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
1571
1495
  opacity: 0;
1572
1496
  }
1573
- .LinkButton-module__hop-LinkButton___ezWLR {
1497
+ .LinkButton-module__hop-LinkButton___xGyM4 {
1574
1498
  }
1575
- .LinkButton-module__hop-LinkButton--fluid___qzYmE {
1499
+ .LinkButton-module__hop-LinkButton--fluid___oZClp {
1576
1500
  }
1577
- .LinkButton-module__hop-LinkButton--xs___jhRql {
1501
+ .LinkButton-module__hop-LinkButton--xs___jitZL {
1578
1502
  }
1579
- .LinkButton-module__hop-LinkButton--sm___fP4nz {
1503
+ .LinkButton-module__hop-LinkButton--sm___WdMrk {
1580
1504
  }
1581
- .LinkButton-module__hop-LinkButton--icon-only___xtZU9 {
1505
+ .LinkButton-module__hop-LinkButton--icon-only___OeT8G {
1582
1506
  }
1583
- .LinkButton-module__hop-LinkButton--primary___xqSQr {
1507
+ .LinkButton-module__hop-LinkButton--primary___Wxuyn {
1584
1508
  }
1585
- .LinkButton-module__hop-LinkButton--secondary___yauZ7 {
1509
+ .LinkButton-module__hop-LinkButton--secondary___bFf28 {
1586
1510
  }
1587
- .LinkButton-module__hop-LinkButton--upsell___ADh4Z {
1511
+ .LinkButton-module__hop-LinkButton--upsell___D1OPo {
1588
1512
  }
1589
- .LinkButton-module__hop-LinkButton--danger___Zq-vl {
1513
+ .LinkButton-module__hop-LinkButton--danger___yNyMo {
1590
1514
  }
1591
- .LinkButton-module__hop-LinkButton--ghost-primary___lR2RC {
1515
+ .LinkButton-module__hop-LinkButton--ghost-primary___igdqz {
1592
1516
  }
1593
- .LinkButton-module__hop-LinkButton--ghost-secondary___a981Y {
1517
+ .LinkButton-module__hop-LinkButton--ghost-secondary___Rt8Lh {
1594
1518
  }
1595
- .LinkButton-module__hop-LinkButton--ghost-danger___EgXL1 {
1519
+ .LinkButton-module__hop-LinkButton--ghost-danger___ocBOG {
1596
1520
  }
1597
- .LinkButton-module__hop-LinkButton__Spinner___wxYsj {
1521
+ .LinkButton-module__hop-LinkButton__Spinner___bGwzc {
1598
1522
  }
1599
- .LinkButton-module__hop-LinkButton__icon___OYO7R,
1600
- .LinkButton-module__hop-LinkButton__icon-list___5cR3O {
1523
+ .LinkButton-module__hop-LinkButton__icon___p-RgO,
1524
+ .LinkButton-module__hop-LinkButton__icon-list___cRz2q {
1601
1525
  }
1602
- .LinkButton-module__hop-LinkButton__text___l2Xg5 {
1526
+ .LinkButton-module__hop-LinkButton__text___fEbsE {
1603
1527
  }
1604
- .LinkButton-module__hop-LinkButton__end-icon___NCKAP,
1605
- .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1528
+ .LinkButton-module__hop-LinkButton__end-icon___HoNQC,
1529
+ .LinkButton-module__hop-LinkButton__end-icon-list___KzloX {
1606
1530
  }
1607
- .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__icon-list___5cR3O,
1608
- .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1531
+ .LinkButton-module__hop-LinkButton___xGyM4 .LinkButton-module__hop-LinkButton__icon-list___cRz2q,
1532
+ .LinkButton-module__hop-LinkButton___xGyM4 .LinkButton-module__hop-LinkButton__end-icon-list___KzloX {
1609
1533
  flex-wrap: nowrap;
1610
1534
  }
1611
1535
 
1612
1536
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1613
- .Button-module__hop-Button___nEuHI {
1614
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
1537
+ .Button-module__hop-Button___REbYC {
1615
1538
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1616
1539
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1617
1540
  --hop-Button-icon-only-column-gap: 0;
@@ -1627,81 +1550,35 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1627
1550
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1628
1551
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1629
1552
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1630
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1631
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1632
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1633
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1634
- --hop-Button-ghost-background-color-disabled: transparent;
1635
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1636
- --hop-Button-primary-color: var(--hop-primary-text-strong);
1637
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1638
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1639
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1640
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1641
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1642
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1643
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1644
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1553
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1554
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1555
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1556
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1557
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1645
1558
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1646
- --hop-Button-secondary-color: var(--hop-neutral-text);
1647
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1648
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1649
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1650
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1651
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1652
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1653
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1654
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1559
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1560
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1561
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1655
1562
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1656
- --hop-Button-upsell-color: var(--hop-upsell-text);
1657
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1658
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1659
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1660
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1661
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1662
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1663
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1664
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1563
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1564
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1565
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1665
1566
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1666
- --hop-Button-danger-color: var(--hop-danger-text-strong);
1667
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1668
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1669
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1670
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1671
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1672
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1673
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1674
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1567
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1568
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1569
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1675
1570
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1676
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
1677
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1678
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1679
- --hop-Button-ghost-primary-background-color: transparent;
1680
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1681
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1682
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1683
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1684
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1571
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1572
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1573
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1685
1574
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1686
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1687
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1688
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1689
- --hop-Button-ghost-secondary-background-color: transparent;
1690
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1691
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1692
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1693
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1694
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1575
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1576
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1577
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1695
1578
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1696
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1697
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1698
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1699
- --hop-Button-ghost-danger-background-color: transparent;
1700
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1701
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1702
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1703
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1704
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1579
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1580
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1581
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1705
1582
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1706
1583
  --inline-size: max-content;
1707
1584
  --block-size: var(--hop-Button-md-height);
@@ -1711,6 +1588,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1711
1588
  --spinner: var(--hop-primary-icon-strong);
1712
1589
  --border: 0;
1713
1590
  --padding: var(--hop-Button-md-padding);
1591
+ --box-shadow: none;
1714
1592
  cursor: pointer;
1715
1593
  position: relative;
1716
1594
  overflow: hidden;
@@ -1727,221 +1605,229 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1727
1605
  white-space: nowrap;
1728
1606
  background-color: var(--background-color);
1729
1607
  border: var(--border);
1730
- border-radius: var(--hop-Button-border-radius);
1608
+ border-radius: var(--hop-comp-button-border-radius);
1731
1609
  outline: none;
1732
1610
  outline-offset: var(--hop-Button-outline-size);
1611
+ box-shadow: var(--box-shadow);
1733
1612
  transition:
1734
1613
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1735
1614
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1736
1615
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1737
1616
  }
1738
- .Button-module__hop-Button--fluid___q27fH {
1617
+ .Button-module__hop-Button--fluid___s-5yy {
1739
1618
  --inline-size: 100%;
1740
1619
  }
1741
- .Button-module__hop-Button--xs___ePz1a {
1620
+ .Button-module__hop-Button--xs___kPtoB {
1742
1621
  --block-size: var(--hop-Button-xs-height);
1743
1622
  --padding: var(--hop-Button-xs-padding);
1744
1623
  }
1745
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1624
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
1746
1625
  --padding: var(--hop-Button-ghost-xs-padding);
1747
1626
  }
1748
- .Button-module__hop-Button--sm___4f7xw {
1627
+ .Button-module__hop-Button--sm___3-1pJ {
1749
1628
  --block-size: var(--hop-Button-sm-height);
1750
1629
  --padding: var(--hop-Button-sm-padding);
1751
1630
  }
1752
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1631
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
1753
1632
  --padding: var(--hop-Button-ghost-sm-padding);
1754
1633
  }
1755
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1634
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
1756
1635
  --padding: var(--hop-Button-ghost-md-padding);
1757
1636
  }
1758
- .Button-module__hop-Button--icon-only___XPiq- {
1637
+ .Button-module__hop-Button--icon-only___T4bLi {
1759
1638
  --column-gap: var(--hop-Button-icon-only-column-gap);
1760
1639
  --padding: var(--hop-Button-icon-only-padding);
1761
1640
  aspect-ratio: 1;
1762
1641
  }
1763
- .Button-module__hop-Button--primary___Scgow {
1764
- --background-color: var(--hop-Button-primary-background-color);
1765
- --color: var(--hop-Button-primary-color);
1642
+ .Button-module__hop-Button--primary___6rHG3 {
1643
+ --background-color: var(--hop-comp-button-primary-background-color);
1644
+ --color: var(--hop-comp-button-primary-text-color);
1766
1645
  --border: var(--hop-Button-primary-border);
1767
1646
  --spinner-color: var(--hop-Button-primary-spinner-color);
1647
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
1768
1648
  }
1769
- .Button-module__hop-Button--primary___Scgow[data-hovered],
1770
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1771
- --background-color: var(--hop-Button-primary-background-color-hover);
1772
- --color: var(--hop-Button-primary-color-hover);
1649
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
1650
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
1651
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
1652
+ --color: var(--hop-comp-button-primary-text-color-hover);
1773
1653
  --border: var(--hop-Button-primary-border-hover);
1774
1654
  }
1775
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
1776
- --background-color: var(--hop-Button-primary-background-color-pressed);
1777
- --color: var(--hop-Button-primary-color-pressed);
1655
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
1656
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
1657
+ --color: var(--hop-comp-button-primary-text-color-pressed);
1778
1658
  --border: var(--hop-Button-primary-border-pressed);
1779
1659
  }
1780
- .Button-module__hop-Button--secondary___aE2cR {
1781
- --background-color: var(--hop-Button-secondary-background-color);
1782
- --color: var(--hop-Button-secondary-color);
1660
+ .Button-module__hop-Button--secondary___aCxDx {
1661
+ --background-color: var(--hop-comp-button-secondary-background-color);
1662
+ --color: var(--hop-comp-button-secondary-text-color);
1783
1663
  --border: var(--hop-Button-secondary-border);
1784
1664
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1665
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1785
1666
  }
1786
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1787
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1788
- --background-color: var(--hop-Button-secondary-background-color-hover);
1789
- --color: var(--hop-Button-secondary-color-hover);
1667
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
1668
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
1669
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
1670
+ --color: var(--hop-comp-button-secondary-text-color-hover);
1790
1671
  --border: var(--hop-Button-secondary-border-hover);
1791
1672
  }
1792
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1793
- --background-color: var(--hop-Button-secondary-background-color-pressed);
1794
- --color: var(--hop-Button-secondary-color-pressed);
1673
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
1674
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1675
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
1795
1676
  --border: var(--hop-Button-secondary-border-pressed);
1796
1677
  }
1797
- .Button-module__hop-Button--upsell___9YjEm {
1798
- --background-color: var(--hop-Button-upsell-background-color);
1799
- --color: var(--hop-Button-upsell-color);
1678
+ .Button-module__hop-Button--upsell___4-0Mp {
1679
+ --background-color: var(--hop-comp-button-upsell-background-color);
1680
+ --color: var(--hop-comp-button-upsell-text-color);
1800
1681
  --border: var(--hop-Button-upsell-border);
1801
1682
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1683
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1802
1684
  }
1803
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1804
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1805
- --background-color: var(--hop-Button-upsell-background-color-hover);
1806
- --color: var(--hop-Button-upsell-color-hover);
1685
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
1686
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
1687
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
1688
+ --color: var(--hop-comp-button-upsell-text-color-hover);
1807
1689
  --border: var(--hop-Button-upsell-border-hover);
1808
1690
  }
1809
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1810
- --background-color: var(--hop-Button-upsell-background-color-pressed);
1811
- --color: var(--hop-Button-upsell-color-pressed);
1691
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
1692
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1693
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
1812
1694
  --border: var(--hop-Button-upsell-border-pressed);
1813
1695
  }
1814
- .Button-module__hop-Button--danger___cLxF7 {
1815
- --background-color: var(--hop-Button-danger-background-color);
1816
- --color: var(--hop-Button-danger-color);
1696
+ .Button-module__hop-Button--danger___lsZmV {
1697
+ --background-color: var(--hop-comp-button-danger-background-color);
1698
+ --color: var(--hop-comp-button-danger-text-color);
1817
1699
  --border: var(--hop-Button-danger-border);
1818
1700
  --spinner-color: var(--hop-Button-danger-spinner-color);
1701
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
1819
1702
  }
1820
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
1821
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1822
- --background-color: var(--hop-Button-danger-background-color-hover);
1823
- --color: var(--hop-Button-danger-color-hover);
1703
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
1704
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
1705
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
1706
+ --color: var(--hop-comp-button-danger-text-color-hover);
1824
1707
  --border: var(--hop-Button-danger-border-hover);
1825
1708
  }
1826
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1827
- --background-color: var(--hop-Button-danger-background-color-pressed);
1828
- --color: var(--hop-Button-danger-color-pressed);
1709
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
1710
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
1711
+ --color: var(--hop-comp-button-danger-text-color-pressed);
1829
1712
  --border: var(--hop-Button-danger-border-pressed);
1830
1713
  }
1831
- .Button-module__hop-Button--ghost-primary___2dZsC {
1832
- --background-color: var(--hop-Button-ghost-primary-background-color);
1833
- --color: var(--hop-Button-ghost-primary-color);
1714
+ .Button-module__hop-Button--ghost-primary___9J0-- {
1715
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1716
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1834
1717
  --border: var(--hop-Button-ghost-primary-border);
1835
1718
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1719
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1836
1720
  }
1837
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1838
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1839
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1840
- --color: var(--hop-Button-ghost-primary-color-hover);
1721
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
1722
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
1723
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1724
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1841
1725
  --border: var(--hop-Button-ghost-primary-border-hover);
1842
1726
  }
1843
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1844
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1845
- --color: var(--hop-Button-ghost-primary-color-pressed);
1727
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
1728
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1729
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1846
1730
  --border: var(--hop-Button-ghost-primary-border-pressed);
1847
1731
  }
1848
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
1849
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1850
- --color: var(--hop-Button-ghost-secondary-color);
1732
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
1733
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1734
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1851
1735
  --border: var(--hop-Button-ghost-secondary-border);
1852
1736
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1737
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1853
1738
  }
1854
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1855
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1856
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1857
- --color: var(--hop-Button-ghost-secondary-color-hover);
1739
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
1740
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
1741
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1742
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1858
1743
  --border: var(--hop-Button-ghost-secondary-border-hover);
1859
1744
  }
1860
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1861
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1862
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1745
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
1746
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1747
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1863
1748
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1864
1749
  }
1865
- .Button-module__hop-Button--ghost-danger___ojcg4 {
1866
- --background-color: var(--hop-Button-ghost-danger-background-color);
1867
- --color: var(--hop-Button-ghost-danger-color);
1750
+ .Button-module__hop-Button--ghost-danger___vaQYU {
1751
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1752
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1868
1753
  --border: var(--hop-Button-ghost-danger-border);
1869
1754
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1755
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1870
1756
  }
1871
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
1872
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
1873
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1874
- --color: var(--hop-Button-ghost-danger-color-hover);
1757
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
1758
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
1759
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1760
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1875
1761
  --border: var(--hop-Button-ghost-danger-border-hover);
1876
1762
  }
1877
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
1878
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1879
- --color: var(--hop-Button-ghost-danger-color-pressed);
1763
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
1764
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1765
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1880
1766
  --border: var(--hop-Button-ghost-danger-border-pressed);
1881
1767
  }
1882
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
1768
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
1883
1769
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1884
1770
  }
1885
- .Button-module__hop-Button___nEuHI[data-disabled],
1886
- .Button-module__hop-Button--loading___AYdL0 {
1771
+ .Button-module__hop-Button___REbYC[data-disabled],
1772
+ .Button-module__hop-Button--loading___cV-u9 {
1887
1773
  cursor: not-allowed;
1888
1774
  }
1889
- .Button-module__hop-Button___nEuHI[data-disabled] {
1890
- --background-color: var(--hop-Button-background-color-disabled);
1891
- --color: var(--hop-Button-color-disabled);
1775
+ .Button-module__hop-Button___REbYC[data-disabled] {
1776
+ --background-color: var(--hop-comp-button-disabled-background-color);
1777
+ --color: var(--hop-comp-button-disabled-text-color);
1892
1778
  --border: var(--hop-Button-border-disabled);
1893
1779
  }
1894
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
1895
- --background-color: var(--hop-Button-ghost-background-color-disabled);
1896
- --color: var(--hop-Button-ghost-color-disabled);
1780
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
1781
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1782
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
1897
1783
  --border: var(--hop-Button-ghost-border-disabled);
1898
1784
  }
1899
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
1900
- --background-color: var(--hop-Button-primary-background-color);
1901
- --color: var(--hop-Button-primary-color);
1785
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
1786
+ --background-color: var(--hop-comp-button-primary-background-color);
1787
+ --color: var(--hop-comp-button-primary-text-color);
1902
1788
  --border: var(--hop-Button-primary-border);
1903
1789
  }
1904
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
1905
- --background-color: var(--hop-Button-secondary-background-color);
1906
- --color: var(--hop-Button-secondary-color);
1790
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
1791
+ --background-color: var(--hop-comp-button-secondary-background-color);
1792
+ --color: var(--hop-comp-button-secondary-text-color);
1907
1793
  --border: var(--hop-Button-secondary-border);
1908
1794
  }
1909
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
1910
- --background-color: var(--hop-Button-upsell-background-color);
1911
- --color: var(--hop-Button-upsell-color);
1795
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
1796
+ --background-color: var(--hop-comp-button-upsell-background-color);
1797
+ --color: var(--hop-comp-button-upsell-text-color);
1912
1798
  --border: var(--hop-Button-upsell-border);
1913
1799
  }
1914
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
1915
- --background-color: var(--hop-Button-danger-background-color);
1916
- --color: var(--hop-Button-danger-color);
1800
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
1801
+ --background-color: var(--hop-comp-button-danger-background-color);
1802
+ --color: var(--hop-comp-button-danger-text-color);
1917
1803
  --border: var(--hop-Button-danger-border);
1918
1804
  }
1919
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
1920
- --background-color: var(--hop-Button-ghost-primary-background-color);
1921
- --color: var(--hop-Button-ghost-primary-color);
1805
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
1806
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1807
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1922
1808
  --border: var(--hop-Button-ghost-primary-border);
1923
1809
  }
1924
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
1925
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1926
- --color: var(--hop-Button-ghost-secondary-color);
1810
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
1811
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1812
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1927
1813
  --border: var(--hop-Button-ghost-secondary-border);
1928
1814
  }
1929
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
1930
- --background-color: var(--hop-Button-ghost-danger-background-color);
1931
- --color: var(--hop-Button-ghost-danger-color);
1815
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
1816
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1817
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1932
1818
  --border: var(--hop-Button-ghost-danger-border);
1933
1819
  }
1934
- .Button-module__hop-Button__Spinner___-4Cjd {
1820
+ .Button-module__hop-Button__Spinner___yoa8O {
1935
1821
  position: absolute;
1936
1822
  color: var(--spinner-color);
1937
1823
  }
1938
- .Button-module__hop-Button__icon___242RX,
1939
- .Button-module__hop-Button__icon-list___YRbIZ {
1824
+ .Button-module__hop-Button__icon___QCuE7,
1825
+ .Button-module__hop-Button__icon-list___QrbUY {
1940
1826
  flex: 0 0 auto;
1941
1827
  justify-self: end;
1942
1828
  order: 1;
1943
1829
  }
1944
- .Button-module__hop-Button__text___TAmEN {
1830
+ .Button-module__hop-Button__text___CBz1s {
1945
1831
  user-select: none;
1946
1832
  overflow: visible;
1947
1833
  flex: 0 1 auto;
@@ -1950,176 +1836,134 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1950
1836
  text-decoration: none;
1951
1837
  text-wrap: nowrap;
1952
1838
  }
1953
- .Button-module__hop-Button__end-icon___A15-f,
1954
- .Button-module__hop-Button__end-icon-list___VLHc3 {
1839
+ .Button-module__hop-Button__end-icon___cyX9i,
1840
+ .Button-module__hop-Button__end-icon-list___u-t2S {
1955
1841
  flex: 0 0 auto;
1956
1842
  order: 3;
1957
1843
  }
1958
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
1959
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1844
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
1845
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
1960
1846
  flex-wrap: nowrap;
1961
1847
  }
1962
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1848
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
1963
1849
  opacity: 0;
1964
1850
  }
1965
- .ToggleButton-module__hop-ToggleButton___uRWN6 {
1851
+ .ToggleButton-module__hop-ToggleButton___ceyvh {
1966
1852
  --hop-ToggleButton-border-size: var(--hop-space-10);
1967
- --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1968
- --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1969
- --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1970
- --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1971
- --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1972
- --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1973
- --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1974
- --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1975
- --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1976
- --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1977
- --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1978
- --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1979
- --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1980
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-weak-surface);
1981
- --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1982
- --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1983
- --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1984
- --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1985
- --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
1986
- --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
1987
- --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
1988
- --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
1989
- --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
1990
- --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
1991
- --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
1992
- --hop-ToggleButton-ghost-primary-background-color: transparent;
1993
- --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
1994
- --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
1995
- --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
1996
- --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
1997
- --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
1998
- --hop-ToggleButton-ghost-secondary-background-color: transparent;
1999
- --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2000
- --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2001
- --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2002
- --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2003
- --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2004
- --hop-ToggleButton-ghost-danger-background-color: transparent;
2005
- --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2006
- --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2007
- --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2008
- --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2009
- }
2010
- .ToggleButton-module__hop-ToggleButton--fluid___RfJ8Z {
2011
- }
2012
- .ToggleButton-module__hop-ToggleButton--xs___g-Ym6 {
2013
- }
2014
- .ToggleButton-module__hop-ToggleButton--sm___sms68 {
2015
- }
2016
- .ToggleButton-module__hop-ToggleButton--md___61fPz {
2017
- }
2018
- .ToggleButton-module__hop-ToggleButton--icon-only___BkplF {
2019
- }
2020
- .ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2021
- }
2022
- .ToggleButton-module__hop-ToggleButton--primary___z90m6[data-selected] {
2023
- --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2024
- --color: var(--hop-ToggleButton-primary-color-selected);
2025
- --border: var(--hop-ToggleButton-primary-border-selected);
2026
- }
2027
- .ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2028
- }
2029
- .ToggleButton-module__hop-ToggleButton--secondary___bM62i[data-selected] {
2030
- --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2031
- --color: var(--hop-ToggleButton-secondary-color-selected);
2032
- --border: var(--hop-ToggleButton-secondary-border-selected);
2033
- }
2034
- .ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2035
- }
2036
- .ToggleButton-module__hop-ToggleButton--upsell___kFffc[data-selected] {
2037
- --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2038
- --color: var(--hop-ToggleButton-upsell-color-selected);
2039
- --border: var(--hop-ToggleButton-upsell-border-selected);
2040
- }
2041
- .ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2042
- }
2043
- .ToggleButton-module__hop-ToggleButton--danger___Wk7MF[data-selected] {
2044
- --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2045
- --color: var(--hop-ToggleButton-danger-color-selected);
2046
- --border: var(--hop-ToggleButton-danger-border-selected);
2047
- }
2048
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2049
- }
2050
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP[data-selected] {
2051
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2052
- --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2053
- --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2054
- }
2055
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2056
- }
2057
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5[data-selected] {
2058
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2059
- --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2060
- --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2061
- }
2062
- .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2063
- }
2064
- .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy[data-selected] {
2065
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2066
- --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2067
- --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2068
- }
2069
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2070
- --background-color: var(--hop-ToggleButton-primary-background-color);
2071
- --color: var(--hop-ToggleButton-primary-color);
2072
- --border: var(--hop-ToggleButton-primary-border);
2073
- }
2074
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2075
- --background-color: var(--hop-ToggleButton-secondary-background-color);
2076
- --color: var(--hop-ToggleButton-secondary-color);
2077
- --border: var(--hop-ToggleButton-secondary-border);
2078
- }
2079
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2080
- --background-color: var(--hop-ToggleButton-upsell-background-color);
2081
- --color: var(--hop-ToggleButton-upsell-color);
2082
- --border: var(--hop-ToggleButton-upsell-border);
2083
- }
2084
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2085
- --background-color: var(--hop-ToggleButton-danger-background-color);
2086
- --color: var(--hop-ToggleButton-danger-color);
2087
- --border: var(--hop-ToggleButton-danger-border);
2088
1853
  }
2089
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2090
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2091
- --color: var(--hop-ToggleButton-ghost-primary-color);
2092
- --border: var(--hop-ToggleButton-ghost-primary-border);
1854
+ .ToggleButton-module__hop-ToggleButton--fluid___s7swx {
2093
1855
  }
2094
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2095
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2096
- --color: var(--hop-ToggleButton-ghost-secondary-color);
2097
- --border: var(--hop-ToggleButton-ghost-secondary-border);
1856
+ .ToggleButton-module__hop-ToggleButton--xs___lwXuZ {
2098
1857
  }
2099
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2100
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2101
- --color: var(--hop-ToggleButton-ghost-danger-color);
2102
- --border: var(--hop-ToggleButton-ghost-danger-border);
1858
+ .ToggleButton-module__hop-ToggleButton--sm___9gvhF {
2103
1859
  }
2104
- .ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P {
1860
+ .ToggleButton-module__hop-ToggleButton--md___zTfYB {
2105
1861
  }
2106
- .ToggleButton-module__hop-ToggleButton__icon___KK-RV,
2107
- .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0 {
1862
+ .ToggleButton-module__hop-ToggleButton--icon-only___uRzpu {
2108
1863
  }
2109
- .ToggleButton-module__hop-ToggleButton__text___6FNe1 {
1864
+ .ToggleButton-module__hop-ToggleButton--primary___9IKHT {
2110
1865
  }
2111
- .ToggleButton-module__hop-ToggleButton__end-icon___Z5a0G,
2112
- .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
1866
+ .ToggleButton-module__hop-ToggleButton--primary___9IKHT[data-selected] {
1867
+ --background-color: var(--hop-comp-button-primary-background-color-selected);
1868
+ --color: var(--hop-comp-button-primary-text-color-selected);
1869
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2113
1870
  }
2114
- .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0,
2115
- .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
1871
+ .ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q {
2116
1872
  }
2117
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton___uRWN6 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P) {
1873
+ .ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q[data-selected] {
1874
+ --background-color: var(--hop-comp-button-secondary-background-color-selected);
1875
+ --color: var(--hop-comp-button-secondary-text-color-selected);
1876
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1877
+ }
1878
+ .ToggleButton-module__hop-ToggleButton--upsell___PYvaB {
1879
+ }
1880
+ .ToggleButton-module__hop-ToggleButton--upsell___PYvaB[data-selected] {
1881
+ --background-color: var(--hop-comp-button-upsell-background-color-selected);
1882
+ --color: var(--hop-comp-button-upsell-text-color-selected);
1883
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1884
+ }
1885
+ .ToggleButton-module__hop-ToggleButton--danger___PkMZR {
1886
+ }
1887
+ .ToggleButton-module__hop-ToggleButton--danger___PkMZR[data-selected] {
1888
+ --background-color: var(--hop-comp-button-danger-background-color-selected);
1889
+ --color: var(--hop-comp-button-danger-text-color-selected);
1890
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1891
+ }
1892
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R {
1893
+ }
1894
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R[data-selected] {
1895
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
1896
+ --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1897
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1898
+ }
1899
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK {
1900
+ }
1901
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK[data-selected] {
1902
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
1903
+ --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1904
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1905
+ }
1906
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6 {
1907
+ }
1908
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6[data-selected] {
1909
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
1910
+ --color: var(--hop-comp-button-ghost-danger-text-color-selected);
1911
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
1912
+ }
1913
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--primary___9IKHT {
1914
+ --background-color: var(--hop-comp-button-primary-background-color);
1915
+ --color: var(--hop-comp-button-primary-text-color);
1916
+ --border: var(--hop-Button-primary-border);
1917
+ }
1918
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q {
1919
+ --background-color: var(--hop-comp-button-secondary-background-color);
1920
+ --color: var(--hop-comp-button-secondary-text-color);
1921
+ --border: var(--hop-Button-secondary-border);
1922
+ }
1923
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--upsell___PYvaB {
1924
+ --background-color: var(--hop-comp-button-upsell-background-color);
1925
+ --color: var(--hop-comp-button-upsell-text-color);
1926
+ --border: var(--hop-Button-upsell-border);
1927
+ }
1928
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--danger___PkMZR {
1929
+ --background-color: var(--hop-comp-button-danger-background-color);
1930
+ --color: var(--hop-comp-button-danger-text-color);
1931
+ --border: var(--hop-Button-danger-border);
1932
+ }
1933
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R {
1934
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1935
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1936
+ --border: var(--hop-Button-ghost-primary-border);
1937
+ }
1938
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK {
1939
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1940
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1941
+ --border: var(--hop-Button-ghost-secondary-border);
1942
+ }
1943
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6 {
1944
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1945
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1946
+ --border: var(--hop-Button-ghost-danger-border);
1947
+ }
1948
+ .ToggleButton-module__hop-ToggleButton__Spinner___0qPTY {
1949
+ }
1950
+ .ToggleButton-module__hop-ToggleButton__icon___NhC7W,
1951
+ .ToggleButton-module__hop-ToggleButton__icon-list___vAJAJ {
1952
+ }
1953
+ .ToggleButton-module__hop-ToggleButton__text___3dDd1 {
1954
+ }
1955
+ .ToggleButton-module__hop-ToggleButton__end-icon___HaUGT,
1956
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___DMJr- {
1957
+ }
1958
+ .ToggleButton-module__hop-ToggleButton__icon-list___vAJAJ,
1959
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___DMJr- {
1960
+ }
1961
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton___ceyvh > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___0qPTY) {
2118
1962
  opacity: 0;
2119
1963
  }
2120
1964
 
2121
1965
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
2122
- .Link-module__hop-Link___DXnvY {
1966
+ .Link-module__hop-Link___WqxGK {
2123
1967
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2124
1968
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2125
1969
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2179,130 +2023,130 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2179
2023
  outline: none;
2180
2024
  outline-offset: 0.125rem;
2181
2025
  }
2182
- :where(.Link-module__hop-Link___DXnvY) {
2026
+ :where(.Link-module__hop-Link___WqxGK) {
2183
2027
  font-family: var(--font-family);
2184
2028
  font-size: var(--font-size);
2185
2029
  font-weight: var(--font-weight);
2186
2030
  line-height: var(--line-height);
2187
2031
  }
2188
- :where(.Link-module__hop-Link--xs___lCR96) {
2032
+ :where(.Link-module__hop-Link--xs___sjOKe) {
2189
2033
  --font-size: var(--hop-Link-xs-font-size);
2190
2034
  --font-family: var(--hop-Link-xs-font-family);
2191
2035
  --font-weight: var(--hop-Link-xs-font-weight);
2192
2036
  --line-height: var(--hop-Link-xs-line-height);
2193
2037
  }
2194
- :where(.Link-module__hop-Link--sm___UfvI4) {
2038
+ :where(.Link-module__hop-Link--sm___O-5bZ) {
2195
2039
  --font-size: var(--hop-Link-sm-font-size);
2196
2040
  --font-family: var(--hop-Link-sm-font-family);
2197
2041
  --font-weight: var(--hop-Link-sm-font-weight);
2198
2042
  --line-height: var(--hop-Link-sm-line-height);
2199
2043
  }
2200
- :where(.Link-module__hop-Link--md___CN2ug) {
2044
+ :where(.Link-module__hop-Link--md___fgn51) {
2201
2045
  --font-size: var(--hop-Link-md-font-size);
2202
2046
  --font-family: var(--hop-Link-md-font-family);
2203
2047
  --font-weight: var(--hop-Link-md-font-weight);
2204
2048
  --line-height: var(--hop-Link-md-line-height);
2205
2049
  }
2206
- :where(.Link-module__hop-Link--lg___Beb2b) {
2050
+ :where(.Link-module__hop-Link--lg___MLdno) {
2207
2051
  --font-size: var(--hop-Link-lg-font-size);
2208
2052
  --font-family: var(--hop-Link-lg-font-family);
2209
2053
  --font-weight: var(--hop-Link-lg-font-weight);
2210
2054
  --line-height: var(--hop-Link-lg-line-height);
2211
2055
  }
2212
- :where(.Link-module__hop-Link--xl___HJ4il) {
2056
+ :where(.Link-module__hop-Link--xl___6aCsf) {
2213
2057
  --font-size: var(--hop-Link-xl-font-size);
2214
2058
  --font-family: var(--hop-Link-xl-font-family);
2215
2059
  --font-weight: var(--hop-Link-xl-font-weight);
2216
2060
  --line-height: var(--hop-Link-xl-line-height);
2217
2061
  }
2218
- :where(.Link-module__hop-Link--2xl___-tPoN) {
2062
+ :where(.Link-module__hop-Link--2xl___pepmi) {
2219
2063
  --font-size: var(--hop-Link-2xl-font-size);
2220
2064
  --font-family: var(--hop-Link-2xl-font-family);
2221
2065
  --font-weight: var(--hop-Link-2xl-font-weight);
2222
2066
  --line-height: var(--hop-Link-2xl-line-height);
2223
2067
  }
2224
- :where(.Link-module__hop-Link--inherit___WgaBV) {
2068
+ :where(.Link-module__hop-Link--inherit___wWQAc) {
2225
2069
  --font-size: var(--hop-Link-inherit-size-font-size);
2226
2070
  --font-family: var(--hop-Link-inherit-size-font-family);
2227
2071
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2228
2072
  --line-height: var(--hop-Link-inherit-size-line-height);
2229
2073
  }
2230
- .Link-module__hop-Link___DXnvY[data-focus-visible] {
2074
+ .Link-module__hop-Link___WqxGK[data-focus-visible] {
2231
2075
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2232
2076
  }
2233
- .Link-module__hop-Link___DXnvY[data-disabled] {
2077
+ .Link-module__hop-Link___WqxGK[data-disabled] {
2234
2078
  cursor: default;
2235
2079
  }
2236
- .Link-module__hop-Link--standalone___FVnQw .Link-module__hop-Link__text___rfouA {
2080
+ .Link-module__hop-Link--standalone___oQo1m .Link-module__hop-Link__text___7YBDW {
2237
2081
  padding: var(--hop-Link-padding-standalone);
2238
2082
  }
2239
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--xs___lCR96 .Link-module__hop-Link__text___rfouA {
2083
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--xs___sjOKe .Link-module__hop-Link__text___7YBDW {
2240
2084
  padding: var(--hop-Link-padding-standalone-xs);
2241
2085
  }
2242
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--sm___UfvI4 .Link-module__hop-Link__text___rfouA {
2086
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--sm___O-5bZ .Link-module__hop-Link__text___7YBDW {
2243
2087
  padding: var(--hop-Link-padding-standalone-sm);
2244
2088
  }
2245
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--md___CN2ug .Link-module__hop-Link__text___rfouA {
2089
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--md___fgn51 .Link-module__hop-Link__text___7YBDW {
2246
2090
  padding: var(--hop-Link-padding-standalone-md);
2247
2091
  }
2248
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--lg___Beb2b .Link-module__hop-Link__text___rfouA {
2092
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--lg___MLdno .Link-module__hop-Link__text___7YBDW {
2249
2093
  padding: var(--hop-Link-padding-standalone-lg);
2250
2094
  }
2251
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--xl___HJ4il .Link-module__hop-Link__text___rfouA {
2095
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--xl___6aCsf .Link-module__hop-Link__text___7YBDW {
2252
2096
  padding: var(--hop-Link-padding-standalone-xl);
2253
2097
  }
2254
- .Link-module__hop-Link--standalone___FVnQw.Link-module__hop-Link--2xl___-tPoN .Link-module__hop-Link__text___rfouA {
2098
+ .Link-module__hop-Link--standalone___oQo1m.Link-module__hop-Link--2xl___pepmi .Link-module__hop-Link__text___7YBDW {
2255
2099
  padding: var(--hop-Link-padding-standalone-2xl);
2256
2100
  }
2257
- .Link-module__hop-Link--quiet___uzsTj[data-focus-visible],
2258
- .Link-module__hop-Link--quiet___uzsTj[data-hovered],
2259
- .Link-module__hop-Link--standalone___FVnQw[data-focus-visible],
2260
- .Link-module__hop-Link--standalone___FVnQw[data-hovered] {
2101
+ .Link-module__hop-Link--quiet___6Lbjq[data-focus-visible],
2102
+ .Link-module__hop-Link--quiet___6Lbjq[data-hovered],
2103
+ .Link-module__hop-Link--standalone___oQo1m[data-focus-visible],
2104
+ .Link-module__hop-Link--standalone___oQo1m[data-hovered] {
2261
2105
  text-decoration: underline;
2262
2106
  }
2263
- .Link-module__hop-Link___DXnvY:not(.Link-module__hop-Link--quiet___uzsTj, .Link-module__hop-Link--standalone___FVnQw) {
2107
+ .Link-module__hop-Link___WqxGK:not(.Link-module__hop-Link--quiet___6Lbjq, .Link-module__hop-Link--standalone___oQo1m) {
2264
2108
  text-decoration: underline;
2265
2109
  }
2266
- .Link-module__hop-Link--primary___IwRi8 {
2110
+ .Link-module__hop-Link--primary___Hx6H3 {
2267
2111
  color: var(--hop-Link-primary-text-color);
2268
2112
  }
2269
- .Link-module__hop-Link--primary___IwRi8[data-disabled] {
2113
+ .Link-module__hop-Link--primary___Hx6H3[data-disabled] {
2270
2114
  color: var(--hop-Link-primary-text-disabled-color);
2271
2115
  }
2272
- .Link-module__hop-Link--primary___IwRi8:not([data-disabled])[data-focus-visible],
2273
- .Link-module__hop-Link--primary___IwRi8:not([data-disabled])[data-hovered] {
2116
+ .Link-module__hop-Link--primary___Hx6H3:not([data-disabled])[data-focus-visible],
2117
+ .Link-module__hop-Link--primary___Hx6H3:not([data-disabled])[data-hovered] {
2274
2118
  color: var(--hop-Link-primary-text-hover-color);
2275
2119
  }
2276
- .Link-module__hop-Link--primary___IwRi8:not([data-disabled])[data-pressed] {
2120
+ .Link-module__hop-Link--primary___Hx6H3:not([data-disabled])[data-pressed] {
2277
2121
  color: var(--hop-Link-primary-text-pressed-color);
2278
2122
  }
2279
- .Link-module__hop-Link--secondary___MgQOf {
2123
+ .Link-module__hop-Link--secondary___VQOmI {
2280
2124
  color: var(--hop-Link-neutral-text-color);
2281
2125
  }
2282
- .Link-module__hop-Link--secondary___MgQOf[data-disabled] {
2126
+ .Link-module__hop-Link--secondary___VQOmI[data-disabled] {
2283
2127
  color: var(--hop-Link-neutral-text-disabled-color);
2284
2128
  }
2285
- .Link-module__hop-Link--secondary___MgQOf:not([data-disabled])[data-focus-visible],
2286
- .Link-module__hop-Link--secondary___MgQOf:not([data-disabled])[data-hovered] {
2129
+ .Link-module__hop-Link--secondary___VQOmI:not([data-disabled])[data-focus-visible],
2130
+ .Link-module__hop-Link--secondary___VQOmI:not([data-disabled])[data-hovered] {
2287
2131
  color: var(--hop-Link-neutral-text-hover-color);
2288
2132
  }
2289
- .Link-module__hop-Link--secondary___MgQOf:not([data-disabled])[data-pressed] {
2133
+ .Link-module__hop-Link--secondary___VQOmI:not([data-disabled])[data-pressed] {
2290
2134
  color: var(--hop-Link-neutral-text-pressed-color);
2291
2135
  }
2292
- .Link-module__hop-Link__icon___nc7D7,
2293
- .Link-module__hop-Link__icon-list___CZv1K {
2136
+ .Link-module__hop-Link__icon___Q73sE,
2137
+ .Link-module__hop-Link__icon-list___kqR3J {
2294
2138
  order: 2;
2295
2139
  }
2296
- .Link-module__hop-Link__text___rfouA {
2140
+ .Link-module__hop-Link__text___7YBDW {
2297
2141
  order: 1;
2298
2142
  }
2299
- .Link-module__hop-Link__start-icon___C7y2l,
2300
- .Link-module__hop-Link__start-icon-list___0Sm8s {
2143
+ .Link-module__hop-Link__start-icon___d4TIe,
2144
+ .Link-module__hop-Link__start-icon-list___vjZxJ {
2301
2145
  order: 0;
2302
2146
  }
2303
2147
 
2304
2148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2305
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___styG5 {
2149
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___NCKi8 {
2306
2150
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2307
2151
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2308
2152
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2334,52 +2178,52 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2334
2178
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2335
2179
  outline: none;
2336
2180
  }
2337
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___wdhqm {
2181
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AtO7i {
2338
2182
  --size: var(--hop-RichIconAvatarImage-xs-size);
2339
2183
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2340
2184
  }
2341
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___iQO3s {
2185
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sc9WI {
2342
2186
  --size: var(--hop-RichIconAvatarImage-sm-size);
2343
2187
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2344
2188
  }
2345
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___5DoYr {
2189
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___jRlry {
2346
2190
  --size: var(--hop-RichIconAvatarImage-md-size);
2347
2191
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2348
2192
  }
2349
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___n1kMx {
2193
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___jkSYs {
2350
2194
  --size: var(--hop-RichIconAvatarImage-lg-size);
2351
2195
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2352
2196
  }
2353
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___gsv9N {
2197
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___ZsRzm {
2354
2198
  --size: var(--hop-RichIconAvatarImage-xl-size);
2355
2199
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2356
2200
  }
2357
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___pm5qQ {
2201
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___7vQdW {
2358
2202
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2359
2203
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2360
2204
  }
2361
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___noAKE {
2205
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___2WBVq {
2362
2206
  cursor: pointer;
2363
2207
  }
2364
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___6o4vT {
2208
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___tgX8S {
2365
2209
  outline: 0.125rem solid var(--hop-primary-border-focus);
2366
2210
  }
2367
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___styG5[data-disabled] {
2211
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___NCKi8[data-disabled] {
2368
2212
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2369
2213
  }
2370
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lRmmj {
2214
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___1bX3D {
2371
2215
  position: relative;
2372
2216
  display: block;
2373
2217
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2374
2218
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2375
2219
  }
2376
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___styG5[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lRmmj {
2220
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___NCKi8[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___1bX3D {
2377
2221
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2378
2222
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2379
2223
  }
2380
2224
 
2381
2225
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2382
- .Avatar-module__hop-Avatar___4CBn7 {
2226
+ .Avatar-module__hop-Avatar___WfBP8 {
2383
2227
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2384
2228
  --hop-Avatar-mix-blend-mode: normal;
2385
2229
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2425,73 +2269,73 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2425
2269
  border-radius: var(--hop-Avatar-border-radius);
2426
2270
  outline: none;
2427
2271
  }
2428
- .Avatar-module__hop-Avatar--xs___-Q53R {
2272
+ .Avatar-module__hop-Avatar--xs___54E2I {
2429
2273
  --size: var(--hop-Avatar-xs-size);
2430
2274
  }
2431
- .Avatar-module__hop-Avatar--sm___nS0eG {
2275
+ .Avatar-module__hop-Avatar--sm___cky30 {
2432
2276
  --size: var(--hop-Avatar-sm-size);
2433
2277
  }
2434
- .Avatar-module__hop-Avatar--md___aoTTO {
2278
+ .Avatar-module__hop-Avatar--md___ZWPlH {
2435
2279
  --size: var(--hop-Avatar-md-size);
2436
2280
  }
2437
- .Avatar-module__hop-Avatar--lg___LCyX0 {
2281
+ .Avatar-module__hop-Avatar--lg___t8s29 {
2438
2282
  --size: var(--hop-Avatar-lg-size);
2439
2283
  }
2440
- .Avatar-module__hop-Avatar--xl___sKyU- {
2284
+ .Avatar-module__hop-Avatar--xl___UZNog {
2441
2285
  --size: var(--hop-Avatar-xl-size);
2442
2286
  }
2443
- .Avatar-module__hop-Avatar--2xl___Gqya- {
2287
+ .Avatar-module__hop-Avatar--2xl___Pg7Dl {
2444
2288
  --size: var(--hop-Avatar-2xl-size);
2445
2289
  }
2446
- .Avatar-module__hop-Avatar--clickable___gki5I {
2290
+ .Avatar-module__hop-Avatar--clickable___0m6hi {
2447
2291
  cursor: pointer;
2448
2292
  }
2449
- .Avatar-module__hop-Avatar--focus-visible___XrhGE {
2293
+ .Avatar-module__hop-Avatar--focus-visible___WfcYk {
2450
2294
  outline: 0.125rem solid var(--hop-primary-border-focus);
2451
2295
  }
2452
- .Avatar-module__hop-Avatar--decorative-option1___1DmmD {
2296
+ .Avatar-module__hop-Avatar--decorative-option1___Ybc0c {
2453
2297
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2454
2298
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2455
2299
  }
2456
- .Avatar-module__hop-Avatar--decorative-option2___Q1N8o {
2300
+ .Avatar-module__hop-Avatar--decorative-option2___2VKL7 {
2457
2301
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2458
2302
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2459
2303
  }
2460
- .Avatar-module__hop-Avatar--decorative-option3___de8xt {
2304
+ .Avatar-module__hop-Avatar--decorative-option3___X-krt {
2461
2305
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2462
2306
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2463
2307
  }
2464
- .Avatar-module__hop-Avatar--decorative-option4___HFhSh {
2308
+ .Avatar-module__hop-Avatar--decorative-option4___OzNGg {
2465
2309
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2466
2310
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2467
2311
  }
2468
- .Avatar-module__hop-Avatar--decorative-option5___BGd7F {
2312
+ .Avatar-module__hop-Avatar--decorative-option5___XT2kq {
2469
2313
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2470
2314
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2471
2315
  }
2472
- .Avatar-module__hop-Avatar--decorative-option6___ZKKYN {
2316
+ .Avatar-module__hop-Avatar--decorative-option6___W02-V {
2473
2317
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2474
2318
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2475
2319
  }
2476
- .Avatar-module__hop-Avatar--decorative-option7___4Vbp7 {
2320
+ .Avatar-module__hop-Avatar--decorative-option7___7Ewrk {
2477
2321
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2478
2322
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2479
2323
  }
2480
- .Avatar-module__hop-Avatar--decorative-option8___IEDml {
2324
+ .Avatar-module__hop-Avatar--decorative-option8___j1EeS {
2481
2325
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2482
2326
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2483
2327
  }
2484
- .Avatar-module__hop-Avatar--decorative-option9___wGVp9 {
2328
+ .Avatar-module__hop-Avatar--decorative-option9___pVvXc {
2485
2329
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2486
2330
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2487
2331
  }
2488
- .Avatar-module__hop-Avatar___4CBn7[data-disabled] {
2332
+ .Avatar-module__hop-Avatar___WfBP8[data-disabled] {
2489
2333
  --background-color: var(--hop-Avatar-background-color-disabled);
2490
2334
  --text-color: var(--hop-Avatar-text-color-disabled);
2491
2335
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2492
2336
  isolation: isolate;
2493
2337
  }
2494
- .Avatar-module__hop-Avatar__image___ZxadC {
2338
+ .Avatar-module__hop-Avatar__image___6Ydua {
2495
2339
  position: relative;
2496
2340
  display: block;
2497
2341
  box-sizing: border-box;
@@ -2500,12 +2344,12 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2500
2344
  object-fit: cover;
2501
2345
  mix-blend-mode: var(--mix-blend-mode);
2502
2346
  }
2503
- .Avatar-module__hop-Avatar__initials___FvY5A {
2347
+ .Avatar-module__hop-Avatar__initials___AgcOn {
2504
2348
  white-space: nowrap;
2505
2349
  }
2506
2350
 
2507
2351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2508
- .Tooltip-module__hop-Tooltip___Ypk4H {
2352
+ .Tooltip-module__hop-Tooltip___tqQPC {
2509
2353
  --hop-Tooltip-max-inline-size: 20rem;
2510
2354
  --hop-Tooltip-slide-amount: 0.25rem;
2511
2355
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2533,29 +2377,29 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2533
2377
  box-shadow: var(--hop-Tooltip-box-shadow);
2534
2378
  overflow-wrap: anywhere;
2535
2379
  }
2536
- .Tooltip-module__hop-Tooltip--top___sIww0 {
2380
+ .Tooltip-module__hop-Tooltip--top___mTdF6 {
2537
2381
  --origin-x: 0;
2538
2382
  --origin-y: var(--hop-Tooltip-slide-amount);
2539
2383
  }
2540
- .Tooltip-module__hop-Tooltip--right___LecTE {
2384
+ .Tooltip-module__hop-Tooltip--right___Lu6yg {
2541
2385
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2542
2386
  --origin-y: 0;
2543
2387
  }
2544
- .Tooltip-module__hop-Tooltip--bottom___-R2QV {
2388
+ .Tooltip-module__hop-Tooltip--bottom___shlB9 {
2545
2389
  --origin-x: 0;
2546
2390
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2547
2391
  }
2548
- .Tooltip-module__hop-Tooltip--left___Zh-4g {
2392
+ .Tooltip-module__hop-Tooltip--left___Nk6dM {
2549
2393
  --origin-x: var(--hop-Tooltip-slide-amount);
2550
2394
  --origin-y: 0;
2551
2395
  }
2552
- .Tooltip-module__hop-Tooltip___Ypk4H[data-entering] {
2553
- animation: Tooltip-module__slide___w9DFv 0.2s ease-out;
2396
+ .Tooltip-module__hop-Tooltip___tqQPC[data-entering] {
2397
+ animation: Tooltip-module__slide___-QfqI 0.2s ease-out;
2554
2398
  }
2555
- .Tooltip-module__hop-Tooltip___Ypk4H[data-exiting] {
2556
- animation: Tooltip-module__slide___w9DFv 0.2s ease-in reverse;
2399
+ .Tooltip-module__hop-Tooltip___tqQPC[data-exiting] {
2400
+ animation: Tooltip-module__slide___-QfqI 0.2s ease-in reverse;
2557
2401
  }
2558
- @keyframes Tooltip-module__slide___w9DFv {
2402
+ @keyframes Tooltip-module__slide___-QfqI {
2559
2403
  from {
2560
2404
  transform: translate(var(--origin-x), var(--origin-y));
2561
2405
  opacity: 0;
@@ -2567,44 +2411,44 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2567
2411
  }
2568
2412
 
2569
2413
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2570
- .AvatarGroup-module__hop-AvatarGroup___cHwn5 {
2414
+ .AvatarGroup-module__hop-AvatarGroup___RO9V2 {
2571
2415
  --hop-AvatarGroup-display: flex;
2572
2416
  --hop-AvatarGroup-align-items: center;
2573
2417
  display: var(--hop-AvatarGroup-display);
2574
2418
  align-items: var(--hop-AvatarGroup-align-items);
2575
2419
  }
2576
- .AvatarGroup-module__hop-AvatarGroup--wrap___tsRNZ {
2420
+ .AvatarGroup-module__hop-AvatarGroup--wrap___2bVdY {
2577
2421
  flex-wrap: wrap;
2578
2422
  }
2579
- .AvatarGroup-module__hop-AvatarGroup--xs___Ib3Ni {
2423
+ .AvatarGroup-module__hop-AvatarGroup--xs___Dv0Rx {
2580
2424
  --gap: -0.125rem;
2581
2425
  }
2582
- .AvatarGroup-module__hop-AvatarGroup--sm___rLVNl {
2426
+ .AvatarGroup-module__hop-AvatarGroup--sm___ieBDa {
2583
2427
  --gap: -0.25rem;
2584
2428
  }
2585
- .AvatarGroup-module__hop-AvatarGroup--md___9TVNx {
2429
+ .AvatarGroup-module__hop-AvatarGroup--md___vjUlR {
2586
2430
  --gap: -0.5rem;
2587
2431
  }
2588
- .AvatarGroup-module__hop-AvatarGroup--lg___YQ9FG {
2432
+ .AvatarGroup-module__hop-AvatarGroup--lg___2Jyzq {
2589
2433
  --gap: -1rem;
2590
2434
  }
2591
- .AvatarGroup-module__hop-AvatarGroup--xl___ArqEn {
2435
+ .AvatarGroup-module__hop-AvatarGroup--xl___Rfs8u {
2592
2436
  --gap: -1rem;
2593
2437
  }
2594
- .AvatarGroup-module__hop-AvatarGroup--2xl___ymWzI {
2438
+ .AvatarGroup-module__hop-AvatarGroup--2xl___OjoQn {
2595
2439
  --gap: -2rem;
2596
2440
  }
2597
- .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym {
2441
+ .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5 {
2598
2442
  margin-inline-start: var(--gap);
2599
2443
  transition: margin var(--hop-easing-duration-2);
2600
2444
  }
2601
- .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym {
2445
+ .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5 {
2602
2446
  margin-inline-start: 0;
2603
2447
  }
2604
- .AvatarGroup-module__hop-AvatarGroup__avatar___gR6Ym:first-child {
2448
+ .AvatarGroup-module__hop-AvatarGroup__avatar___CYlf5:first-child {
2605
2449
  margin-inline-start: 0;
2606
2450
  }
2607
- .AvatarGroup-module__hop-AvatarGroup__label___NxrgW {
2451
+ .AvatarGroup-module__hop-AvatarGroup__label___wknvu {
2608
2452
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2609
2453
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2610
2454
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2616,7 +2460,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2616
2460
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2617
2461
  line-height: var(--hop-AvatarGroup-label-line-height);
2618
2462
  }
2619
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___0ACnM {
2463
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___2JJLp {
2620
2464
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2621
2465
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2622
2466
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2634,21 +2478,21 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2634
2478
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2635
2479
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2636
2480
  }
2637
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___0ACnM:not(:last-child) {
2481
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___2JJLp:not(:last-child) {
2638
2482
  margin-block-end: 0.25rem;
2639
2483
  }
2640
- .AvatarGroup-module__hop-AvatarGroup--start___5OzD0 {
2484
+ .AvatarGroup-module__hop-AvatarGroup--start___cPDC8 {
2641
2485
  justify-content: flex-start;
2642
2486
  }
2643
- .AvatarGroup-module__hop-AvatarGroup--end___mbszx {
2487
+ .AvatarGroup-module__hop-AvatarGroup--end___d0ixG {
2644
2488
  justify-content: flex-end;
2645
2489
  }
2646
- .AvatarGroup-module__hop-AvatarGroup--center___wxPNx {
2490
+ .AvatarGroup-module__hop-AvatarGroup--center___jP-MH {
2647
2491
  justify-content: center;
2648
2492
  }
2649
2493
 
2650
2494
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2651
- .Badge-module__hop-Badge___hTlda {
2495
+ .Badge-module__hop-Badge___YlM8h {
2652
2496
  --hop-Badge-height: 1.5rem;
2653
2497
  --hop-Badge-width: max-content;
2654
2498
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2698,67 +2542,67 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2698
2542
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2699
2543
  border-radius: var(--border-radius);
2700
2544
  }
2701
- .Badge-module__hop-Badge--primary___P7cbu {
2545
+ .Badge-module__hop-Badge--primary___AxTyH {
2702
2546
  --background-color: var(--hop-Badge-primary-background-color);
2703
2547
  --text-color: var(--hop-Badge-primary-text-color);
2704
2548
  }
2705
- .Badge-module__hop-Badge--primary___P7cbu[data-hovered] {
2549
+ .Badge-module__hop-Badge--primary___AxTyH[data-hovered] {
2706
2550
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2707
2551
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2708
2552
  }
2709
- .Badge-module__hop-Badge--primary___P7cbu[data-pressed] {
2553
+ .Badge-module__hop-Badge--primary___AxTyH[data-pressed] {
2710
2554
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2711
2555
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2712
2556
  }
2713
- .Badge-module__hop-Badge--primary___P7cbu[data-selected] {
2557
+ .Badge-module__hop-Badge--primary___AxTyH[data-selected] {
2714
2558
  --background-color: var(--hop-Badge-primary-background-color-selected);
2715
2559
  --text-color: var(--hop-Badge-primary-text-color-selected);
2716
2560
  }
2717
- .Badge-module__hop-Badge--secondary___VEFEx {
2561
+ .Badge-module__hop-Badge--secondary___o1X2c {
2718
2562
  --background-color: var(--hop-Badge-secondary-background-color);
2719
2563
  --text-color: var(--hop-Badge-secondary-text-color);
2720
2564
  }
2721
- .Badge-module__hop-Badge--secondary___VEFEx[data-hovered] {
2565
+ .Badge-module__hop-Badge--secondary___o1X2c[data-hovered] {
2722
2566
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2723
2567
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2724
2568
  }
2725
- .Badge-module__hop-Badge--secondary___VEFEx[data-pressed] {
2569
+ .Badge-module__hop-Badge--secondary___o1X2c[data-pressed] {
2726
2570
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2727
2571
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2728
2572
  }
2729
- .Badge-module__hop-Badge--secondary___VEFEx[data-selected] {
2573
+ .Badge-module__hop-Badge--secondary___o1X2c[data-selected] {
2730
2574
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2731
2575
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2732
2576
  }
2733
- .Badge-module__hop-Badge--subdued___CuuQ8 {
2577
+ .Badge-module__hop-Badge--subdued___66XVT {
2734
2578
  --background-color: var(--hop-Badge-subdued-background-color);
2735
2579
  --text-color: var(--hop-Badge-subdued-text-color);
2736
2580
  }
2737
- .Badge-module__hop-Badge--subdued___CuuQ8[data-hovered] {
2581
+ .Badge-module__hop-Badge--subdued___66XVT[data-hovered] {
2738
2582
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2739
2583
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2740
2584
  }
2741
- .Badge-module__hop-Badge--subdued___CuuQ8[data-pressed] {
2585
+ .Badge-module__hop-Badge--subdued___66XVT[data-pressed] {
2742
2586
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2743
2587
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2744
2588
  }
2745
- .Badge-module__hop-Badge--subdued___CuuQ8[data-selected] {
2589
+ .Badge-module__hop-Badge--subdued___66XVT[data-selected] {
2746
2590
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2747
2591
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2748
2592
  }
2749
- .Badge-module__hop-Badge___hTlda[data-indeterminate] {
2593
+ .Badge-module__hop-Badge___YlM8h[data-indeterminate] {
2750
2594
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2751
2595
  --height: var(--hop-Badge-indeterminate-height);
2752
2596
  --width: var(--hop-Badge-indeterminate-width);
2753
2597
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2754
2598
  }
2755
- .Badge-module__hop-Badge___hTlda[data-disabled] {
2599
+ .Badge-module__hop-Badge___YlM8h[data-disabled] {
2756
2600
  --background-color: var(--hop-Badge-background-color-disabled);
2757
2601
  --text-color: var(--hop-Badge-text-color-disabled);
2758
2602
  }
2759
2603
 
2760
2604
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2761
- .FloatingBadge-module__hop-FloatingBadge___EXD-G {
2605
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi {
2762
2606
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2763
2607
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2764
2608
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2799,7 +2643,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2799
2643
  box-sizing: border-box;
2800
2644
  inline-size: max-content;
2801
2645
  }
2802
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top right"] {
2646
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top right"] {
2803
2647
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2804
2648
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2805
2649
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2807,11 +2651,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2807
2651
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2808
2652
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2809
2653
  }
2810
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top right"][data-overlap=circular] {
2654
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top right"][data-overlap=circular] {
2811
2655
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2812
2656
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2813
2657
  }
2814
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top left"] {
2658
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top left"] {
2815
2659
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2816
2660
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2817
2661
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2819,11 +2663,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2819
2663
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2820
2664
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2821
2665
  }
2822
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="top left"][data-overlap=circular] {
2666
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="top left"][data-overlap=circular] {
2823
2667
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2824
2668
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2825
2669
  }
2826
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom right"] {
2670
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom right"] {
2827
2671
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2828
2672
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2829
2673
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2831,11 +2675,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2831
2675
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2832
2676
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2833
2677
  }
2834
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom right"][data-overlap=circular] {
2678
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom right"][data-overlap=circular] {
2835
2679
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2836
2680
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2837
2681
  }
2838
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom left"] {
2682
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom left"] {
2839
2683
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2840
2684
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2841
2685
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2843,11 +2687,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2843
2687
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2844
2688
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2845
2689
  }
2846
- .FloatingBadge-module__hop-FloatingBadge___EXD-G[data-placement="bottom left"][data-overlap=circular] {
2690
+ .FloatingBadge-module__hop-FloatingBadge___yuIsi[data-placement="bottom left"][data-overlap=circular] {
2847
2691
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2848
2692
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2849
2693
  }
2850
- .FloatingBadge-module__hop-FloatingBadge__badge___WTYg5 {
2694
+ .FloatingBadge-module__hop-FloatingBadge__badge___LhLzq {
2851
2695
  position: absolute;
2852
2696
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2853
2697
  transform-origin: var(--badge-transform-origin);
@@ -2855,7 +2699,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2855
2699
  }
2856
2700
 
2857
2701
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2858
- .Checkbox-module__hop-Checkbox___Gpxfp {
2702
+ .Checkbox-module__hop-Checkbox___--FSW {
2859
2703
  --hop-Checkbox-box-border-size: 0.0625rem;
2860
2704
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2861
2705
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2930,60 +2774,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2930
2774
  inline-size: max-content;
2931
2775
  max-inline-size: 100%;
2932
2776
  }
2933
- .Checkbox-module__hop-Checkbox___Gpxfp[data-focus-visible] {
2777
+ .Checkbox-module__hop-Checkbox___--FSW[data-focus-visible] {
2934
2778
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2935
2779
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2936
2780
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2937
2781
  --text-color: var(--hop-Checkbox-text-color-focused);
2938
2782
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2939
2783
  }
2940
- .Checkbox-module__hop-Checkbox___Gpxfp[data-hovered] {
2784
+ .Checkbox-module__hop-Checkbox___--FSW[data-hovered] {
2941
2785
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2942
2786
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2943
2787
  --text-color: var(--hop-Checkbox-text-color-hovered);
2944
2788
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2945
2789
  }
2946
- .Checkbox-module__hop-Checkbox___Gpxfp[data-pressed] {
2790
+ .Checkbox-module__hop-Checkbox___--FSW[data-pressed] {
2947
2791
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2948
2792
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2949
2793
  --text-color: var(--hop-Checkbox-text-color-pressed);
2950
2794
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2951
2795
  }
2952
- .Checkbox-module__hop-Checkbox___Gpxfp[data-selected] {
2796
+ .Checkbox-module__hop-Checkbox___--FSW[data-selected] {
2953
2797
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2954
2798
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2955
2799
  --check-display: var(--hop-Checkbox-check-display-selected);
2956
2800
  --text-color: var(--hop-Checkbox-text-color-selected);
2957
2801
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2958
2802
  }
2959
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid] {
2803
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid] {
2960
2804
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2961
2805
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2962
2806
  --check-color: var(--hop-Checkbox-check-color-invalid);
2963
2807
  --text-color: var(--hop-Checkbox-text-color-invalid);
2964
2808
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2965
2809
  }
2966
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-focus-visible]) {
2810
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-focus-visible]) {
2967
2811
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2968
2812
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2969
2813
  }
2970
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-hovered]) {
2814
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-hovered]) {
2971
2815
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2972
2816
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2973
2817
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2974
2818
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2975
2819
  }
2976
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-pressed]) {
2820
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-pressed]) {
2977
2821
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2978
2822
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2979
2823
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2980
2824
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2981
2825
  }
2982
- .Checkbox-module__hop-Checkbox___Gpxfp:where([data-invalid])[data-selected] {
2826
+ .Checkbox-module__hop-Checkbox___--FSW:where([data-invalid])[data-selected] {
2983
2827
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2984
2828
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2985
2829
  }
2986
- .Checkbox-module__hop-Checkbox___Gpxfp[data-disabled] {
2830
+ .Checkbox-module__hop-Checkbox___--FSW[data-disabled] {
2987
2831
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2988
2832
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2989
2833
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2991,25 +2835,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2991
2835
  --text-color: var(--hop-Checkbox-text-color-disabled);
2992
2836
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2993
2837
  }
2994
- .Checkbox-module__hop-Checkbox--sm___5T62v {
2838
+ .Checkbox-module__hop-Checkbox--sm___v34q1 {
2995
2839
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2996
2840
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2997
2841
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2998
2842
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2999
2843
  }
3000
- .Checkbox-module__hop-Checkbox--md___5cp8G {
2844
+ .Checkbox-module__hop-Checkbox--md___IHsLn {
3001
2845
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3002
2846
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3003
2847
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3004
2848
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3005
2849
  }
3006
- .Checkbox-module__hop-Checkbox__icon___Kl61A,
3007
- .Checkbox-module__hop-Checkbox__icon-list___R-a2t {
2850
+ .Checkbox-module__hop-Checkbox__icon___1wjYU,
2851
+ .Checkbox-module__hop-Checkbox__icon-list___oWffn {
3008
2852
  flex: 0 0 auto;
3009
2853
  order: 3;
3010
2854
  color: var(--icon-color);
3011
2855
  }
3012
- .Checkbox-module__hop-Checkbox__box___25BGC {
2856
+ .Checkbox-module__hop-Checkbox__box___k0-gy {
3013
2857
  display: flex;
3014
2858
  flex: 0 0 auto;
3015
2859
  align-items: center;
@@ -3025,11 +2869,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3025
2869
  outline-offset: 0.125rem;
3026
2870
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3027
2871
  }
3028
- .Checkbox-module__hop-Checkbox__check___WJ3MS {
2872
+ .Checkbox-module__hop-Checkbox__check___9QmVW {
3029
2873
  display: var(--check-display);
3030
2874
  color: var(--check-color);
3031
2875
  }
3032
- .Checkbox-module__hop-Checkbox__text___-0D39 {
2876
+ .Checkbox-module__hop-Checkbox__text___--Izt {
3033
2877
  flex: 0 1 auto;
3034
2878
  order: 2;
3035
2879
  min-inline-size: 0;
@@ -3039,7 +2883,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3039
2883
  }
3040
2884
 
3041
2885
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
3042
- .CheckboxField-module__hop-CheckboxField___0shAv {
2886
+ .CheckboxField-module__hop-CheckboxField___02yv7 {
3043
2887
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
3044
2888
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
3045
2889
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3058,29 +2902,29 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3058
2902
  inline-size: max-content;
3059
2903
  max-inline-size: 100%;
3060
2904
  }
3061
- .CheckboxField-module__hop-CheckboxField___0shAv[data-disabled] {
2905
+ .CheckboxField-module__hop-CheckboxField___02yv7[data-disabled] {
3062
2906
  --description-color: var(--hop-CheckboxField-description-color-disabled);
3063
2907
  }
3064
- .CheckboxField-module__hop-CheckboxField--sm___KUhW7 {
2908
+ .CheckboxField-module__hop-CheckboxField--sm___YoCEc {
3065
2909
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
3066
2910
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
3067
2911
  }
3068
- .CheckboxField-module__hop-CheckboxField--md___uImnW {
2912
+ .CheckboxField-module__hop-CheckboxField--md___avcos {
3069
2913
  --row-gap: var(--hop-CheckboxField-md-row-gap);
3070
2914
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
3071
2915
  }
3072
- .CheckboxField-module__hop-CheckboxField__description___YQPS6 {
2916
+ .CheckboxField-module__hop-CheckboxField__description___B7a39 {
3073
2917
  order: 2;
3074
2918
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
3075
2919
  color: var(--description-color);
3076
2920
  }
3077
- .CheckboxField-module__hop-CheckboxField___0shAv .CheckboxField-module__hop-CheckboxField__checkbox___2Za89 {
2921
+ .CheckboxField-module__hop-CheckboxField___02yv7 .CheckboxField-module__hop-CheckboxField__checkbox___QX0SW {
3078
2922
  order: 1;
3079
2923
  inline-size: 100%;
3080
2924
  }
3081
2925
 
3082
2926
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
3083
- .ErrorMessage-module__hop-ErrorMessage___N6s5t {
2927
+ .ErrorMessage-module__hop-ErrorMessage___-AjR9 {
3084
2928
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
3085
2929
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
3086
2930
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -3097,13 +2941,13 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3097
2941
  line-height: var(--hop-ErrorMessage-line-height);
3098
2942
  color: var(--hop-ErrorMessage-color);
3099
2943
  }
3100
- .ErrorMessage-module__hop-ErrorMessage__icon___q5t1P {
2944
+ .ErrorMessage-module__hop-ErrorMessage__icon___Xqm9T {
3101
2945
  flex: 0 0 auto;
3102
2946
  align-self: flex-start;
3103
2947
  }
3104
2948
 
3105
2949
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
3106
- .HelperMessage-module__hop-HelperMessage___44oG6 {
2950
+ .HelperMessage-module__hop-HelperMessage___idUYo {
3107
2951
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
3108
2952
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
3109
2953
  display: flex;
@@ -3112,13 +2956,13 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3112
2956
  box-sizing: border-box;
3113
2957
  color: var(--hop-HelperMessage-color);
3114
2958
  }
3115
- .HelperMessage-module__hop-HelperMessage__icon___sBOe- {
2959
+ .HelperMessage-module__hop-HelperMessage__icon___vzLN3 {
3116
2960
  flex: 0 0 auto;
3117
2961
  align-self: flex-start;
3118
2962
  }
3119
2963
 
3120
2964
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
3121
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS {
2965
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps {
3122
2966
  --hop-CheckboxGroup-align-items: flex-start;
3123
2967
  --hop-CheckboxGroup-justify-content: flex-start;
3124
2968
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3158,49 +3002,49 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3158
3002
  inline-size: var(--inline-size);
3159
3003
  max-inline-size: 100%;
3160
3004
  }
3161
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD {
3005
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8 {
3162
3006
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3163
3007
  --list-border-radius: var(--hop-shape-rounded-md);
3164
3008
  }
3165
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___phoWn {
3009
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___-X7nh {
3166
3010
  --inline-size: 100%;
3167
3011
  }
3168
- .CheckboxGroup-module__hop-CheckboxGroup--sm___JKh0n {
3012
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___weRBg {
3169
3013
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3170
3014
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3171
3015
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3172
3016
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3173
3017
  }
3174
- .CheckboxGroup-module__hop-CheckboxGroup--md___5dNBY {
3018
+ .CheckboxGroup-module__hop-CheckboxGroup--md___WZ-Ed {
3175
3019
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3176
3020
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3177
3021
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3178
3022
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3179
3023
  }
3180
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD.CheckboxGroup-module__hop-CheckboxGroup--sm___JKh0n {
3024
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8.CheckboxGroup-module__hop-CheckboxGroup--sm___weRBg {
3181
3025
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3182
3026
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3183
3027
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3184
3028
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3185
3029
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3186
3030
  }
3187
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD.CheckboxGroup-module__hop-CheckboxGroup--md___5dNBY {
3031
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8.CheckboxGroup-module__hop-CheckboxGroup--md___WZ-Ed {
3188
3032
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3189
3033
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3190
3034
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3191
3035
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3192
3036
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3193
3037
  }
3194
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS[data-orientation=horizontal] {
3038
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps[data-orientation=horizontal] {
3195
3039
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3196
3040
  }
3197
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___N8aYD[data-orientation=horizontal] {
3041
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___RZCy8[data-orientation=horizontal] {
3198
3042
  --flex-wrap: nowrap;
3199
3043
  }
3200
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS > .CheckboxGroup-module__hop-CheckboxGroup__label___9Aj7X {
3044
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps > .CheckboxGroup-module__hop-CheckboxGroup__label___sbdph {
3201
3045
  order: 1;
3202
3046
  }
3203
- .CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA {
3047
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Iz9RT {
3204
3048
  display: flex;
3205
3049
  flex-flow: var(--flex-direction) var(--flex-wrap);
3206
3050
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3211,7 +3055,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3211
3055
  border: var(--list-border, none);
3212
3056
  border-radius: var(--list-border-radius, 0);
3213
3057
  }
3214
- .CheckboxGroup-module__hop-CheckboxGroup__list___h-MCA > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NsfWz {
3058
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Iz9RT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Pg-ln {
3215
3059
  position: relative;
3216
3060
  flex: 0 1 auto;
3217
3061
  align-content: start;
@@ -3219,28 +3063,28 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3219
3063
  min-inline-size: 0;
3220
3064
  padding: var(--checkbox-padding, 0);
3221
3065
  }
3222
- .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 {
3066
+ .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 {
3223
3067
  content: "";
3224
3068
  position: absolute;
3225
3069
  display: block;
3226
3070
  }
3227
- .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 {
3071
+ .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 {
3228
3072
  inset-block-start: 0;
3229
3073
  inset-inline: 0;
3230
3074
  border-block-start: var(--list-border, none);
3231
3075
  }
3232
- .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 {
3076
+ .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 {
3233
3077
  inset-block: 0;
3234
3078
  inset-inline-start: 0;
3235
3079
  border-inline-start: var(--list-border, none);
3236
3080
  }
3237
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS > .CheckboxGroup-module__hop-CheckboxGroup__error-message___RTM4r,
3238
- .CheckboxGroup-module__hop-CheckboxGroup___zI8zS > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___NpAwQ {
3081
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps > .CheckboxGroup-module__hop-CheckboxGroup__error-message___eBrw5,
3082
+ .CheckboxGroup-module__hop-CheckboxGroup___zzXps > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___yatKP {
3239
3083
  order: 3;
3240
3084
  }
3241
3085
 
3242
3086
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3243
- .Checkbox-module__hop-Checkbox___Gpxfp {
3087
+ .Checkbox-module__hop-Checkbox___--FSW {
3244
3088
  --hop-Checkbox-box-border-size: 0.0625rem;
3245
3089
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
3246
3090
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3315,60 +3159,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3315
3159
  inline-size: max-content;
3316
3160
  max-inline-size: 100%;
3317
3161
  }
3318
- .Checkbox-module__hop-Checkbox___Gpxfp[data-focus-visible] {
3162
+ .Checkbox-module__hop-Checkbox___--FSW[data-focus-visible] {
3319
3163
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3320
3164
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3321
3165
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3322
3166
  --text-color: var(--hop-Checkbox-text-color-focused);
3323
3167
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3324
3168
  }
3325
- .Checkbox-module__hop-Checkbox___Gpxfp[data-hovered] {
3169
+ .Checkbox-module__hop-Checkbox___--FSW[data-hovered] {
3326
3170
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3327
3171
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3328
3172
  --text-color: var(--hop-Checkbox-text-color-hovered);
3329
3173
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3330
3174
  }
3331
- .Checkbox-module__hop-Checkbox___Gpxfp[data-pressed] {
3175
+ .Checkbox-module__hop-Checkbox___--FSW[data-pressed] {
3332
3176
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3333
3177
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3334
3178
  --text-color: var(--hop-Checkbox-text-color-pressed);
3335
3179
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3336
3180
  }
3337
- .Checkbox-module__hop-Checkbox___Gpxfp[data-selected] {
3181
+ .Checkbox-module__hop-Checkbox___--FSW[data-selected] {
3338
3182
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3339
3183
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3340
3184
  --check-display: var(--hop-Checkbox-check-display-selected);
3341
3185
  --text-color: var(--hop-Checkbox-text-color-selected);
3342
3186
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3343
3187
  }
3344
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid] {
3188
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid] {
3345
3189
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3346
3190
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3347
3191
  --check-color: var(--hop-Checkbox-check-color-invalid);
3348
3192
  --text-color: var(--hop-Checkbox-text-color-invalid);
3349
3193
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3350
3194
  }
3351
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-focus-visible]) {
3195
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-focus-visible]) {
3352
3196
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3353
3197
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3354
3198
  }
3355
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-hovered]) {
3199
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-hovered]) {
3356
3200
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3357
3201
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3358
3202
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3359
3203
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3360
3204
  }
3361
- .Checkbox-module__hop-Checkbox___Gpxfp[data-invalid]:where([data-pressed]) {
3205
+ .Checkbox-module__hop-Checkbox___--FSW[data-invalid]:where([data-pressed]) {
3362
3206
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3363
3207
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3364
3208
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3365
3209
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3366
3210
  }
3367
- .Checkbox-module__hop-Checkbox___Gpxfp:where([data-invalid])[data-selected] {
3211
+ .Checkbox-module__hop-Checkbox___--FSW:where([data-invalid])[data-selected] {
3368
3212
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3369
3213
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3370
3214
  }
3371
- .Checkbox-module__hop-Checkbox___Gpxfp[data-disabled] {
3215
+ .Checkbox-module__hop-Checkbox___--FSW[data-disabled] {
3372
3216
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3373
3217
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3374
3218
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3376,25 +3220,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3376
3220
  --text-color: var(--hop-Checkbox-text-color-disabled);
3377
3221
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3378
3222
  }
3379
- .Checkbox-module__hop-Checkbox--sm___5T62v {
3223
+ .Checkbox-module__hop-Checkbox--sm___v34q1 {
3380
3224
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3381
3225
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3382
3226
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3383
3227
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3384
3228
  }
3385
- .Checkbox-module__hop-Checkbox--md___5cp8G {
3229
+ .Checkbox-module__hop-Checkbox--md___IHsLn {
3386
3230
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3387
3231
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3388
3232
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3389
3233
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3390
3234
  }
3391
- .Checkbox-module__hop-Checkbox__icon___Kl61A,
3392
- .Checkbox-module__hop-Checkbox__icon-list___R-a2t {
3235
+ .Checkbox-module__hop-Checkbox__icon___1wjYU,
3236
+ .Checkbox-module__hop-Checkbox__icon-list___oWffn {
3393
3237
  flex: 0 0 auto;
3394
3238
  order: 3;
3395
3239
  color: var(--icon-color);
3396
3240
  }
3397
- .Checkbox-module__hop-Checkbox__box___25BGC {
3241
+ .Checkbox-module__hop-Checkbox__box___k0-gy {
3398
3242
  display: flex;
3399
3243
  flex: 0 0 auto;
3400
3244
  align-items: center;
@@ -3410,11 +3254,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3410
3254
  outline-offset: 0.125rem;
3411
3255
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3412
3256
  }
3413
- .Checkbox-module__hop-Checkbox__check___WJ3MS {
3257
+ .Checkbox-module__hop-Checkbox__check___9QmVW {
3414
3258
  display: var(--check-display);
3415
3259
  color: var(--check-color);
3416
3260
  }
3417
- .Checkbox-module__hop-Checkbox__text___-0D39 {
3261
+ .Checkbox-module__hop-Checkbox__text___--Izt {
3418
3262
  flex: 0 1 auto;
3419
3263
  order: 2;
3420
3264
  min-inline-size: 0;
@@ -3422,24 +3266,24 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3422
3266
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3423
3267
  color: var(--text-color);
3424
3268
  }
3425
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___2FpQK {
3269
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___9YN8W {
3426
3270
  }
3427
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___aXorV {
3271
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___d7-Gg {
3428
3272
  }
3429
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___3D2TL {
3273
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___j-kjs {
3430
3274
  }
3431
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___5wVAj,
3432
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___yxJVi {
3275
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___uGyWI,
3276
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___deGf4 {
3433
3277
  }
3434
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___nqcQ- {
3278
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___l6OEy {
3435
3279
  }
3436
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___FDfKL {
3280
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___YaE8z {
3437
3281
  }
3438
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___7b8sS {
3282
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___4xw5H {
3439
3283
  }
3440
3284
 
3441
3285
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3442
- .Radio-module__hop-Radio___qz7j5 {
3286
+ .Radio-module__hop-Radio___Z24c7 {
3443
3287
  --hop-Radio-box-border-size: 0.0625rem;
3444
3288
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3445
3289
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3513,60 +3357,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3513
3357
  inline-size: max-content;
3514
3358
  max-inline-size: 100%;
3515
3359
  }
3516
- .Radio-module__hop-Radio___qz7j5[data-focus-visible] {
3360
+ .Radio-module__hop-Radio___Z24c7[data-focus-visible] {
3517
3361
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3518
3362
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3519
3363
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3520
3364
  --text-color: var(--hop-Radio-text-color-focused);
3521
3365
  --icon-color: var(--hop-Radio-icon-color-focused);
3522
3366
  }
3523
- .Radio-module__hop-Radio___qz7j5[data-hovered] {
3367
+ .Radio-module__hop-Radio___Z24c7[data-hovered] {
3524
3368
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3525
3369
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3526
3370
  --text-color: var(--hop-Radio-text-color-hovered);
3527
3371
  --icon-color: var(--hop-Radio-icon-color-hovered);
3528
3372
  }
3529
- .Radio-module__hop-Radio___qz7j5[data-pressed] {
3373
+ .Radio-module__hop-Radio___Z24c7[data-pressed] {
3530
3374
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3531
3375
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3532
3376
  --text-color: var(--hop-Radio-text-color-pressed);
3533
3377
  --icon-color: var(--hop-Radio-icon-color-pressed);
3534
3378
  }
3535
- .Radio-module__hop-Radio___qz7j5[data-selected] {
3379
+ .Radio-module__hop-Radio___Z24c7[data-selected] {
3536
3380
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3537
3381
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3538
3382
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3539
3383
  --text-color: var(--hop-Radio-text-color-selected);
3540
3384
  --icon-color: var(--hop-Radio-icon-color-selected);
3541
3385
  }
3542
- .Radio-module__hop-Radio___qz7j5[data-invalid] {
3386
+ .Radio-module__hop-Radio___Z24c7[data-invalid] {
3543
3387
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3544
3388
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3545
3389
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3546
3390
  --text-color: var(--hop-Radio-text-color-invalid);
3547
3391
  --icon-color: var(--hop-Radio-icon-color-invalid);
3548
3392
  }
3549
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-focus-visible] {
3393
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-focus-visible] {
3550
3394
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3551
3395
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3552
3396
  }
3553
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-hovered] {
3397
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-hovered] {
3554
3398
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3555
3399
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3556
3400
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3557
3401
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3558
3402
  }
3559
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-pressed] {
3403
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-pressed] {
3560
3404
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3561
3405
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3562
3406
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3563
3407
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3564
3408
  }
3565
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-selected] {
3409
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-selected] {
3566
3410
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3567
3411
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3568
3412
  }
3569
- .Radio-module__hop-Radio___qz7j5[data-disabled] {
3413
+ .Radio-module__hop-Radio___Z24c7[data-disabled] {
3570
3414
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3571
3415
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3572
3416
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3574,25 +3418,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3574
3418
  --text-color: var(--hop-Radio-text-color-disabled);
3575
3419
  --icon-color: var(--hop-Radio-icon-color-disabled);
3576
3420
  }
3577
- .Radio-module__hop-Radio--sm___BaiqR {
3421
+ .Radio-module__hop-Radio--sm___hmjOa {
3578
3422
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3579
3423
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3580
3424
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3581
3425
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3582
3426
  }
3583
- .Radio-module__hop-Radio--md___OWKqE {
3427
+ .Radio-module__hop-Radio--md___AWeyE {
3584
3428
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3585
3429
  --box-block-size: var(--hop-Radio-box-md-block-size);
3586
3430
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3587
3431
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3588
3432
  }
3589
- .Radio-module__hop-Radio__icon___vCx2a,
3590
- .Radio-module__hop-Radio__icon-list___8-hMb {
3433
+ .Radio-module__hop-Radio__icon___h1fQQ,
3434
+ .Radio-module__hop-Radio__icon-list___RMAU7 {
3591
3435
  flex: 0 0 auto;
3592
3436
  order: 3;
3593
3437
  color: var(--icon-color);
3594
3438
  }
3595
- .Radio-module__hop-Radio__box___-W1j9 {
3439
+ .Radio-module__hop-Radio__box___VKDN4 {
3596
3440
  display: flex;
3597
3441
  flex: 0 0 auto;
3598
3442
  align-items: center;
@@ -3608,11 +3452,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3608
3452
  outline-offset: 0.125rem;
3609
3453
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3610
3454
  }
3611
- .Radio-module__hop-Radio__bullet___gNVte {
3455
+ .Radio-module__hop-Radio__bullet___0skD- {
3612
3456
  display: var(--bullet-display);
3613
3457
  color: var(--bullet-color);
3614
3458
  }
3615
- .Radio-module__hop-Radio__text___YP-6H {
3459
+ .Radio-module__hop-Radio__text___NIR86 {
3616
3460
  flex: 0 1 auto;
3617
3461
  order: 2;
3618
3462
  min-inline-size: 0;
@@ -3620,24 +3464,24 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3620
3464
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3621
3465
  color: var(--text-color);
3622
3466
  }
3623
- .DecorativeRadio-module__hop-DecorativeRadio___dNhp4 {
3467
+ .DecorativeRadio-module__hop-DecorativeRadio___RldoV {
3624
3468
  }
3625
- .DecorativeRadio-module__hop-DecorativeRadio--sm___tTK3X {
3469
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___ple3g {
3626
3470
  }
3627
- .DecorativeRadio-module__hop-DecorativeRadio--md___Yr55R {
3471
+ .DecorativeRadio-module__hop-DecorativeRadio--md___CDs-B {
3628
3472
  }
3629
- .DecorativeRadio-module__hop-DecorativeRadio__icon___vGl8t,
3630
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___rLnF0 {
3473
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___WiQYc,
3474
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___1vc23 {
3631
3475
  }
3632
- .DecorativeRadio-module__hop-DecorativeRadio__box___C7cmi {
3476
+ .DecorativeRadio-module__hop-DecorativeRadio__box___aA8-Q {
3633
3477
  }
3634
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___rCPlW {
3478
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___NbZv2 {
3635
3479
  }
3636
- .DecorativeRadio-module__hop-DecorativeRadio__text___eT76c {
3480
+ .DecorativeRadio-module__hop-DecorativeRadio__text___t6XGB {
3637
3481
  }
3638
3482
 
3639
3483
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3640
- .Radio-module__hop-Radio___qz7j5 {
3484
+ .Radio-module__hop-Radio___Z24c7 {
3641
3485
  --hop-Radio-box-border-size: 0.0625rem;
3642
3486
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3643
3487
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3711,60 +3555,60 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3711
3555
  inline-size: max-content;
3712
3556
  max-inline-size: 100%;
3713
3557
  }
3714
- .Radio-module__hop-Radio___qz7j5[data-focus-visible] {
3558
+ .Radio-module__hop-Radio___Z24c7[data-focus-visible] {
3715
3559
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3716
3560
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3717
3561
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3718
3562
  --text-color: var(--hop-Radio-text-color-focused);
3719
3563
  --icon-color: var(--hop-Radio-icon-color-focused);
3720
3564
  }
3721
- .Radio-module__hop-Radio___qz7j5[data-hovered] {
3565
+ .Radio-module__hop-Radio___Z24c7[data-hovered] {
3722
3566
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3723
3567
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3724
3568
  --text-color: var(--hop-Radio-text-color-hovered);
3725
3569
  --icon-color: var(--hop-Radio-icon-color-hovered);
3726
3570
  }
3727
- .Radio-module__hop-Radio___qz7j5[data-pressed] {
3571
+ .Radio-module__hop-Radio___Z24c7[data-pressed] {
3728
3572
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3729
3573
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3730
3574
  --text-color: var(--hop-Radio-text-color-pressed);
3731
3575
  --icon-color: var(--hop-Radio-icon-color-pressed);
3732
3576
  }
3733
- .Radio-module__hop-Radio___qz7j5[data-selected] {
3577
+ .Radio-module__hop-Radio___Z24c7[data-selected] {
3734
3578
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3735
3579
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3736
3580
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3737
3581
  --text-color: var(--hop-Radio-text-color-selected);
3738
3582
  --icon-color: var(--hop-Radio-icon-color-selected);
3739
3583
  }
3740
- .Radio-module__hop-Radio___qz7j5[data-invalid] {
3584
+ .Radio-module__hop-Radio___Z24c7[data-invalid] {
3741
3585
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3742
3586
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3743
3587
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3744
3588
  --text-color: var(--hop-Radio-text-color-invalid);
3745
3589
  --icon-color: var(--hop-Radio-icon-color-invalid);
3746
3590
  }
3747
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-focus-visible] {
3591
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-focus-visible] {
3748
3592
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3749
3593
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3750
3594
  }
3751
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-hovered] {
3595
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-hovered] {
3752
3596
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3753
3597
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3754
3598
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3755
3599
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3756
3600
  }
3757
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-pressed] {
3601
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-pressed] {
3758
3602
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3759
3603
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3760
3604
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3761
3605
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3762
3606
  }
3763
- .Radio-module__hop-Radio___qz7j5:where([data-invalid])[data-selected] {
3607
+ .Radio-module__hop-Radio___Z24c7:where([data-invalid])[data-selected] {
3764
3608
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3765
3609
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3766
3610
  }
3767
- .Radio-module__hop-Radio___qz7j5[data-disabled] {
3611
+ .Radio-module__hop-Radio___Z24c7[data-disabled] {
3768
3612
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3769
3613
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3770
3614
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3772,25 +3616,25 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3772
3616
  --text-color: var(--hop-Radio-text-color-disabled);
3773
3617
  --icon-color: var(--hop-Radio-icon-color-disabled);
3774
3618
  }
3775
- .Radio-module__hop-Radio--sm___BaiqR {
3619
+ .Radio-module__hop-Radio--sm___hmjOa {
3776
3620
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3777
3621
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3778
3622
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3779
3623
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3780
3624
  }
3781
- .Radio-module__hop-Radio--md___OWKqE {
3625
+ .Radio-module__hop-Radio--md___AWeyE {
3782
3626
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3783
3627
  --box-block-size: var(--hop-Radio-box-md-block-size);
3784
3628
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3785
3629
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3786
3630
  }
3787
- .Radio-module__hop-Radio__icon___vCx2a,
3788
- .Radio-module__hop-Radio__icon-list___8-hMb {
3631
+ .Radio-module__hop-Radio__icon___h1fQQ,
3632
+ .Radio-module__hop-Radio__icon-list___RMAU7 {
3789
3633
  flex: 0 0 auto;
3790
3634
  order: 3;
3791
3635
  color: var(--icon-color);
3792
3636
  }
3793
- .Radio-module__hop-Radio__box___-W1j9 {
3637
+ .Radio-module__hop-Radio__box___VKDN4 {
3794
3638
  display: flex;
3795
3639
  flex: 0 0 auto;
3796
3640
  align-items: center;
@@ -3806,11 +3650,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3806
3650
  outline-offset: 0.125rem;
3807
3651
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3808
3652
  }
3809
- .Radio-module__hop-Radio__bullet___gNVte {
3653
+ .Radio-module__hop-Radio__bullet___0skD- {
3810
3654
  display: var(--bullet-display);
3811
3655
  color: var(--bullet-color);
3812
3656
  }
3813
- .Radio-module__hop-Radio__text___YP-6H {
3657
+ .Radio-module__hop-Radio__text___NIR86 {
3814
3658
  flex: 0 1 auto;
3815
3659
  order: 2;
3816
3660
  min-inline-size: 0;
@@ -3820,7 +3664,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3820
3664
  }
3821
3665
 
3822
3666
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3823
- .RadioField-module__hop-RadioField___RwIhn {
3667
+ .RadioField-module__hop-RadioField___ovclY {
3824
3668
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3825
3669
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3826
3670
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3839,29 +3683,29 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3839
3683
  inline-size: max-content;
3840
3684
  max-inline-size: 100%;
3841
3685
  }
3842
- .RadioField-module__hop-RadioField___RwIhn[data-disabled] {
3686
+ .RadioField-module__hop-RadioField___ovclY[data-disabled] {
3843
3687
  --description-color: var(--hop-RadioField-description-color-disabled);
3844
3688
  }
3845
- .RadioField-module__hop-RadioField--sm___4jwBL {
3689
+ .RadioField-module__hop-RadioField--sm___5YqQM {
3846
3690
  --row-gap: var(--hop-RadioField-sm-row-gap);
3847
3691
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3848
3692
  }
3849
- .RadioField-module__hop-RadioField--md___XXVjR {
3693
+ .RadioField-module__hop-RadioField--md___kkz-2 {
3850
3694
  --row-gap: var(--hop-RadioField-md-row-gap);
3851
3695
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3852
3696
  }
3853
- .RadioField-module__hop-RadioField__description___M0S-E {
3697
+ .RadioField-module__hop-RadioField__description___xTgC1 {
3854
3698
  order: 2;
3855
3699
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3856
3700
  color: var(--description-color);
3857
3701
  }
3858
- .RadioField-module__hop-RadioField___RwIhn .RadioField-module__hop-RadioField__radio___59Tms {
3702
+ .RadioField-module__hop-RadioField___ovclY .RadioField-module__hop-RadioField__radio___FkryV {
3859
3703
  order: 1;
3860
3704
  inline-size: 100%;
3861
3705
  }
3862
3706
 
3863
3707
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3864
- .RadioGroup-module__hop-RadioGroup___nmqb- {
3708
+ .RadioGroup-module__hop-RadioGroup___eQpC5 {
3865
3709
  --hop-RadioGroup-align-items: flex-start;
3866
3710
  --hop-RadioGroup-justify-content: flex-start;
3867
3711
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3901,49 +3745,49 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3901
3745
  inline-size: var(--inline-size);
3902
3746
  max-inline-size: 100%;
3903
3747
  }
3904
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x {
3748
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t {
3905
3749
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3906
3750
  --list-border-radius: var(--hop-shape-rounded-md);
3907
3751
  }
3908
- .RadioGroup-module__hop-RadioGroup--fluid___Bz6AK {
3752
+ .RadioGroup-module__hop-RadioGroup--fluid___qdmil {
3909
3753
  --inline-size: 100%;
3910
3754
  }
3911
- .RadioGroup-module__hop-RadioGroup--sm___smxq3 {
3755
+ .RadioGroup-module__hop-RadioGroup--sm___2g3IH {
3912
3756
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3913
3757
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3914
3758
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3915
3759
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3916
3760
  }
3917
- .RadioGroup-module__hop-RadioGroup--md___OHD4M {
3761
+ .RadioGroup-module__hop-RadioGroup--md___xyb2b {
3918
3762
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3919
3763
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3920
3764
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3921
3765
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3922
3766
  }
3923
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x.RadioGroup-module__hop-RadioGroup--sm___smxq3 {
3767
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t.RadioGroup-module__hop-RadioGroup--sm___2g3IH {
3924
3768
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3925
3769
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3926
3770
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3927
3771
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3928
3772
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3929
3773
  }
3930
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x.RadioGroup-module__hop-RadioGroup--md___OHD4M {
3774
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t.RadioGroup-module__hop-RadioGroup--md___xyb2b {
3931
3775
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3932
3776
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3933
3777
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3934
3778
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3935
3779
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3936
3780
  }
3937
- .RadioGroup-module__hop-RadioGroup___nmqb-[data-orientation=horizontal] {
3781
+ .RadioGroup-module__hop-RadioGroup___eQpC5[data-orientation=horizontal] {
3938
3782
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3939
3783
  }
3940
- .RadioGroup-module__hop-RadioGroup--bordered___m4B5x[data-orientation=horizontal] {
3784
+ .RadioGroup-module__hop-RadioGroup--bordered___8gv-t[data-orientation=horizontal] {
3941
3785
  --flex-wrap: nowrap;
3942
3786
  }
3943
- .RadioGroup-module__hop-RadioGroup___nmqb- > .RadioGroup-module__hop-RadioGroup__label___942on {
3787
+ .RadioGroup-module__hop-RadioGroup___eQpC5 > .RadioGroup-module__hop-RadioGroup__label___upyzT {
3944
3788
  order: 1;
3945
3789
  }
3946
- .RadioGroup-module__hop-RadioGroup__list___qYN-D {
3790
+ .RadioGroup-module__hop-RadioGroup__list___hBXBu {
3947
3791
  display: flex;
3948
3792
  flex-flow: var(--flex-direction) var(--flex-wrap);
3949
3793
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3954,7 +3798,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3954
3798
  border: var(--list-border, none);
3955
3799
  border-radius: var(--list-border-radius, 0);
3956
3800
  }
3957
- .RadioGroup-module__hop-RadioGroup__list___qYN-D > .RadioGroup-module__hop-RadioGroup__radio___KAjca {
3801
+ .RadioGroup-module__hop-RadioGroup__list___hBXBu > .RadioGroup-module__hop-RadioGroup__radio___xTeVZ {
3958
3802
  position: relative;
3959
3803
  flex: 0 1 auto;
3960
3804
  align-content: start;
@@ -3962,28 +3806,28 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
3962
3806
  min-inline-size: 0;
3963
3807
  padding: var(--radio-padding, 0);
3964
3808
  }
3965
- .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 {
3809
+ .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 {
3966
3810
  content: "";
3967
3811
  position: absolute;
3968
3812
  display: block;
3969
3813
  }
3970
- .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 {
3814
+ .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 {
3971
3815
  inset-block-start: 0;
3972
3816
  inset-inline: 0;
3973
3817
  border-block-start: var(--list-border, none);
3974
3818
  }
3975
- .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 {
3819
+ .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 {
3976
3820
  inset-block: 0;
3977
3821
  inset-inline-start: 0;
3978
3822
  border-inline-start: var(--list-border, none);
3979
3823
  }
3980
- .RadioGroup-module__hop-RadioGroup___nmqb- > .RadioGroup-module__hop-RadioGroup__error-message___AX9k-,
3981
- .RadioGroup-module__hop-RadioGroup___nmqb- > .RadioGroup-module__hop-RadioGroup__helper-message___QUTEl {
3824
+ .RadioGroup-module__hop-RadioGroup___eQpC5 > .RadioGroup-module__hop-RadioGroup__error-message___EemE3,
3825
+ .RadioGroup-module__hop-RadioGroup___eQpC5 > .RadioGroup-module__hop-RadioGroup__helper-message___6BdDl {
3982
3826
  order: 3;
3983
3827
  }
3984
3828
 
3985
3829
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3986
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5R1b- {
3830
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___kfYqk {
3987
3831
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3988
3832
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3989
3833
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -4009,7 +3853,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4009
3853
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
4010
3854
  background-size: 400% 100%;
4011
3855
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
4012
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___M7dF4;
3856
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___7jsWP;
4013
3857
  animation-duration: var(--animation-duration);
4014
3858
  animation-timing-function: ease-in-out;
4015
3859
  animation-fill-mode: forwards;
@@ -4018,19 +3862,19 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4018
3862
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
4019
3863
  }
4020
3864
  }
4021
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___Of-je {
3865
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___eN6WC {
4022
3866
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
4023
3867
  }
4024
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPmIk {
3868
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___F9DrN {
4025
3869
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
4026
3870
  }
4027
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___16Bbu {
3871
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___O6D8H {
4028
3872
  --height: var(--hop-ListBoxItemSkeleton-md-height);
4029
3873
  }
4030
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rbIYn {
3874
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Z5UZQ {
4031
3875
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
4032
3876
  }
4033
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___M7dF4 {
3877
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___7jsWP {
4034
3878
  0% {
4035
3879
  background-position: 125% 50%;
4036
3880
  }
@@ -4040,7 +3884,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4040
3884
  }
4041
3885
 
4042
3886
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
4043
- .ListBoxItem-module__hop-ListBoxItem___d34A7 {
3887
+ .ListBoxItem-module__hop-ListBoxItem___QksbB {
4044
3888
  --hop-ListBoxItem-background-color: transparent;
4045
3889
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
4046
3890
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -4137,129 +3981,129 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4137
3981
  outline: var(--outline);
4138
3982
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
4139
3983
  }
4140
- .ListBoxItem-module__hop-ListBoxItem--xs___WC0qq {
3984
+ .ListBoxItem-module__hop-ListBoxItem--xs___Dh-qR {
4141
3985
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
4142
3986
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
4143
3987
  --min-height: var(--hop-ListBoxItem-xs-min-height);
4144
3988
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
4145
3989
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
4146
3990
  }
4147
- .ListBoxItem-module__hop-ListBoxItem--sm___8TD8k {
3991
+ .ListBoxItem-module__hop-ListBoxItem--sm___D6-TW {
4148
3992
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
4149
3993
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
4150
3994
  --min-height: var(--hop-ListBoxItem-sm-min-height);
4151
3995
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
4152
3996
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
4153
3997
  }
4154
- .ListBoxItem-module__hop-ListBoxItem--md___eAqMT {
3998
+ .ListBoxItem-module__hop-ListBoxItem--md___8s0rR {
4155
3999
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4156
4000
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4157
4001
  --min-height: var(--hop-ListBoxItem-md-min-height);
4158
4002
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4159
4003
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4160
4004
  }
4161
- .ListBoxItem-module__hop-ListBoxItem--lg___MGvzV {
4005
+ .ListBoxItem-module__hop-ListBoxItem--lg___U0W7j {
4162
4006
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4163
4007
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4164
4008
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4165
4009
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4166
4010
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4167
4011
  }
4168
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-selection-mode] {
4012
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-selection-mode] {
4169
4013
  --cursor: pointer;
4170
4014
  }
4171
- .ListBoxItem-module__hop-ListBoxItem___d34A7:not([data-selection-mode]) {
4015
+ .ListBoxItem-module__hop-ListBoxItem___QksbB:not([data-selection-mode]) {
4172
4016
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4173
4017
  }
4174
- .ListBoxItem-module__hop-ListBoxItem__inner___giGkg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ZhIUJ) {
4018
+ .ListBoxItem-module__hop-ListBoxItem__inner___L2ozg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___-kgQr) {
4175
4019
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4176
4020
  }
4177
- .ListBoxItem-module__hop-ListBoxItem__inner___giGkg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___ZhIUJ) {
4021
+ .ListBoxItem-module__hop-ListBoxItem__inner___L2ozg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___-kgQr) {
4178
4022
  --checkmark-transition: none;
4179
4023
  }
4180
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-selected] {
4024
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-selected] {
4181
4025
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4182
4026
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4183
4027
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4184
4028
  --checkmark-opacity: 1;
4185
4029
  }
4186
- .ListBoxItem-module__hop-ListBoxItem--xs___WC0qq[data-selected] {
4030
+ .ListBoxItem-module__hop-ListBoxItem--xs___Dh-qR[data-selected] {
4187
4031
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4188
4032
  }
4189
- .ListBoxItem-module__hop-ListBoxItem--sm___8TD8k[data-selected] {
4033
+ .ListBoxItem-module__hop-ListBoxItem--sm___D6-TW[data-selected] {
4190
4034
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4191
4035
  }
4192
- .ListBoxItem-module__hop-ListBoxItem--md___eAqMT[data-selected] {
4036
+ .ListBoxItem-module__hop-ListBoxItem--md___8s0rR[data-selected] {
4193
4037
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4194
4038
  }
4195
- .ListBoxItem-module__hop-ListBoxItem--lg___MGvzV[data-selected] {
4039
+ .ListBoxItem-module__hop-ListBoxItem--lg___U0W7j[data-selected] {
4196
4040
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4197
4041
  }
4198
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-focus-visible] {
4042
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-focus-visible] {
4199
4043
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4200
4044
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4201
4045
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4202
4046
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4203
4047
  }
4204
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-hovered] {
4048
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-hovered] {
4205
4049
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4206
4050
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4207
4051
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4208
4052
  }
4209
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-pressed] {
4053
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-pressed] {
4210
4054
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4211
4055
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4212
4056
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4213
4057
  }
4214
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-disabled] {
4058
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-disabled] {
4215
4059
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4216
4060
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4217
4061
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
4218
4062
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4219
4063
  --cursor: not-allowed;
4220
4064
  }
4221
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid] {
4065
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid] {
4222
4066
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4223
4067
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4224
4068
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4225
4069
  }
4226
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-selected] {
4070
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-selected] {
4227
4071
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4228
4072
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4229
4073
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4230
4074
  }
4231
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-focus-visible] {
4075
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-focus-visible] {
4232
4076
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4233
4077
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4234
4078
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4235
4079
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4236
4080
  }
4237
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-hovered] {
4081
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-hovered] {
4238
4082
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4239
4083
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4240
4084
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4241
4085
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4242
4086
  }
4243
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-pressed] {
4087
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-pressed] {
4244
4088
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4245
4089
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4246
4090
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4247
4091
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4248
4092
  }
4249
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-invalid][data-disabled] {
4093
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-invalid][data-disabled] {
4250
4094
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4251
4095
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4252
4096
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4253
4097
  }
4254
- .ListBoxItem-module__hop-ListBoxItem___d34A7:has(.ListBoxItem-module__hop-ListBoxItem__description___yjOtD) {
4098
+ .ListBoxItem-module__hop-ListBoxItem___QksbB:has(.ListBoxItem-module__hop-ListBoxItem__description___Lrbw5) {
4255
4099
  --row-gap: var(--hop-ListBoxItem-row-gap);
4256
4100
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4257
4101
  }
4258
- .ListBoxItem-module__hop-ListBoxItem___d34A7[data-loading] {
4102
+ .ListBoxItem-module__hop-ListBoxItem___QksbB[data-loading] {
4259
4103
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4260
4104
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4261
4105
  }
4262
- .ListBoxItem-module__hop-ListBoxItem__inner___giGkg {
4106
+ .ListBoxItem-module__hop-ListBoxItem__inner___L2ozg {
4263
4107
  display: grid;
4264
4108
  grid-template-areas: var(--grid-template-areas);
4265
4109
  grid-template-columns: var(--grid-template-columns);
@@ -4271,33 +4115,33 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4271
4115
  padding-inline: var(--padding-inline);
4272
4116
  transition: grid-template-columns .3s ease-in-out;
4273
4117
  }
4274
- .ListBoxItem-module__hop-ListBoxItem__checkmark___ZhIUJ {
4118
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___-kgQr {
4275
4119
  grid-area: indicator;
4276
4120
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4277
4121
  color: var(--icon-color);
4278
4122
  opacity: var(--checkmark-opacity);
4279
4123
  transition: var(--checkmark-transition);
4280
4124
  }
4281
- .ListBoxItem-module__hop-ListBoxItem__radio___AIg6R,
4282
- .ListBoxItem-module__hop-ListBoxItem__checkbox___vebjo {
4125
+ .ListBoxItem-module__hop-ListBoxItem__radio___1yp-P,
4126
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___oMaWV {
4283
4127
  pointer-events: none;
4284
4128
  user-select: none;
4285
4129
  grid-area: indicator;
4286
4130
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4287
4131
  }
4288
- .ListBoxItem-module__hop-ListBoxItem__avatar___YwTyS {
4132
+ .ListBoxItem-module__hop-ListBoxItem__avatar___Wtq9- {
4289
4133
  grid-area: avatar;
4290
4134
  margin-block: var(--avatar-margin-block, 0);
4291
4135
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4292
4136
  }
4293
- .ListBoxItem-module__hop-ListBoxItem__icon-list___Bv7QK,
4294
- .ListBoxItem-module__hop-ListBoxItem__icon___2tQJt {
4137
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___-LoY5,
4138
+ .ListBoxItem-module__hop-ListBoxItem__icon___t-C0E {
4295
4139
  grid-area: icon;
4296
4140
  flex: 0 0 auto;
4297
4141
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4298
4142
  color: var(--icon-color);
4299
4143
  }
4300
- .ListBoxItem-module__hop-ListBoxItem__label___3Y-Vj {
4144
+ .ListBoxItem-module__hop-ListBoxItem__label___fHleG {
4301
4145
  overflow: hidden;
4302
4146
  grid-area: label;
4303
4147
  min-inline-size: 0;
@@ -4305,18 +4149,18 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4305
4149
  text-overflow: ellipsis;
4306
4150
  white-space: nowrap;
4307
4151
  }
4308
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___eWfqo,
4309
- .ListBoxItem-module__hop-ListBoxItem__end-icon___32m10 {
4152
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___EIuSU,
4153
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___AZCju {
4310
4154
  grid-area: end-icon;
4311
4155
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4312
4156
  color: var(--icon-color);
4313
4157
  }
4314
- .ListBoxItem-module__hop-ListBoxItem__badge___9HM0u {
4158
+ .ListBoxItem-module__hop-ListBoxItem__badge___hg5wg {
4315
4159
  grid-area: badge;
4316
4160
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4317
4161
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4318
4162
  }
4319
- .ListBoxItem-module__hop-ListBoxItem__description___yjOtD {
4163
+ .ListBoxItem-module__hop-ListBoxItem__description___Lrbw5 {
4320
4164
  overflow: hidden;
4321
4165
  display: -webkit-box;
4322
4166
  grid-area: description;
@@ -4327,7 +4171,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4327
4171
  }
4328
4172
 
4329
4173
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4330
- .ListBox-module__hop-ListBox___JtaUz {
4174
+ .ListBox-module__hop-ListBox___zHhRn {
4331
4175
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4332
4176
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4333
4177
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4374,11 +4218,11 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4374
4218
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4375
4219
  border-radius: var(--hop-ListBox-border-radius);
4376
4220
  }
4377
- .ListBox-module__hop-ListBox--fluid___ZVFJM {
4221
+ .ListBox-module__hop-ListBox--fluid___2WlX0 {
4378
4222
  --max-width: var(--hop-ListBox-fluid-max-width);
4379
4223
  --width: var(--hop-ListBox-fluid-width);
4380
4224
  }
4381
- .ListBox-module__hop-ListBox__section___mpzh1 {
4225
+ .ListBox-module__hop-ListBox__section___OC7UL {
4382
4226
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4383
4227
  margin-inline: var(--hop-ListBox-section-margin-inline);
4384
4228
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4386,21 +4230,21 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4386
4230
  border-block-start: var(--section-border-block-start);
4387
4231
  border-block-end: var(--section-border-block-end);
4388
4232
  }
4389
- .ListBox-module__hop-ListBox__item___wwQf- + .ListBox-module__hop-ListBox__section___mpzh1 {
4233
+ .ListBox-module__hop-ListBox__item___lbpLX + .ListBox-module__hop-ListBox__section___OC7UL {
4390
4234
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4391
4235
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4392
4236
  }
4393
- .ListBox-module__hop-ListBox__section___mpzh1:has(+ .ListBox-module__hop-ListBox__item___wwQf-) {
4237
+ .ListBox-module__hop-ListBox__section___OC7UL:has(+ .ListBox-module__hop-ListBox__item___lbpLX) {
4394
4238
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4395
4239
  }
4396
- .ListBox-module__hop-ListBox__section___mpzh1:first-child {
4240
+ .ListBox-module__hop-ListBox__section___OC7UL:first-child {
4397
4241
  --section-padding-block-start: 0;
4398
4242
  }
4399
- .ListBox-module__hop-ListBox__section___mpzh1:last-child {
4243
+ .ListBox-module__hop-ListBox__section___OC7UL:last-child {
4400
4244
  --section-padding-block-end: 0;
4401
4245
  --section-border-block-end: 0;
4402
4246
  }
4403
- .ListBox-module__hop-ListBox__section-header___KTi9v {
4247
+ .ListBox-module__hop-ListBox__section-header___E8cZH {
4404
4248
  margin: 0;
4405
4249
  padding: var(--hop-ListBox-section-header-padding);
4406
4250
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4411,30 +4255,30 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4411
4255
  text-transform: var(--hop-ListBox-section-header-text-transform);
4412
4256
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4413
4257
  }
4414
- .ListBox-module__hop-ListBox__section-header___KTi9v::before,
4415
- .ListBox-module__hop-ListBox__section-header___KTi9v::after {
4258
+ .ListBox-module__hop-ListBox__section-header___E8cZH::before,
4259
+ .ListBox-module__hop-ListBox__section-header___E8cZH::after {
4416
4260
  content: "";
4417
4261
  display: block;
4418
4262
  box-sizing: border-box;
4419
4263
  inline-size: 0;
4420
4264
  block-size: 0;
4421
4265
  }
4422
- .ListBox-module__hop-ListBox__section-header___KTi9v::before {
4266
+ .ListBox-module__hop-ListBox__section-header___E8cZH::before {
4423
4267
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4424
4268
  }
4425
- .ListBox-module__hop-ListBox__section-header___KTi9v::after {
4269
+ .ListBox-module__hop-ListBox__section-header___E8cZH::after {
4426
4270
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4427
4271
  }
4428
4272
 
4429
4273
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4430
- :where(.Popover-module__hop-Popover___HGlvP *) {
4274
+ :where(.Popover-module__hop-Popover___w7mFk *) {
4431
4275
  font-family: var(--font-family);
4432
4276
  font-size: var(--font-size);
4433
4277
  font-weight: var(--font-weight);
4434
4278
  line-height: var(--line-height);
4435
4279
  outline: none;
4436
4280
  }
4437
- .Popover-module__hop-Popover___HGlvP {
4281
+ .Popover-module__hop-Popover___w7mFk {
4438
4282
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4439
4283
  --hop-Popover-inline-width: 25rem;
4440
4284
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4447,22 +4291,22 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4447
4291
  inline-size: var(--width);
4448
4292
  max-inline-size: var(--max-width);
4449
4293
  }
4450
- .Popover-module__hop-Popover___HGlvP[data-trigger=Select] {
4294
+ .Popover-module__hop-Popover___w7mFk[data-trigger=Select] {
4451
4295
  --width: var(--hop-Popover-dropdown-inline-width);
4452
4296
  }
4453
- .Popover-module__hop-Popover___HGlvP[data-trigger=ComboBox] {
4297
+ .Popover-module__hop-Popover___w7mFk[data-trigger=ComboBox] {
4454
4298
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4455
4299
  }
4456
- .Popover-module__hop-Popover___HGlvP[data-auto-width] {
4300
+ .Popover-module__hop-Popover___w7mFk[data-auto-width] {
4457
4301
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4458
4302
  }
4459
- .Popover-module__hop-Popover___HGlvP[data-entering] {
4460
- animation: Popover-module__fade___WDrWv 0.25s;
4303
+ .Popover-module__hop-Popover___w7mFk[data-entering] {
4304
+ animation: Popover-module__fade___Psv2u 0.25s;
4461
4305
  }
4462
- .Popover-module__hop-Popover___HGlvP[data-exiting] {
4463
- animation: Popover-module__fade___WDrWv 0.25s reverse;
4306
+ .Popover-module__hop-Popover___w7mFk[data-exiting] {
4307
+ animation: Popover-module__fade___Psv2u 0.25s reverse;
4464
4308
  }
4465
- @keyframes Popover-module__fade___WDrWv {
4309
+ @keyframes Popover-module__fade___Psv2u {
4466
4310
  from {
4467
4311
  opacity: 0;
4468
4312
  }
@@ -4470,14 +4314,14 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4470
4314
  opacity: 1;
4471
4315
  }
4472
4316
  }
4473
- .Popover-module__hop-Popover__wrapper___85YAj {
4317
+ .Popover-module__hop-Popover__wrapper___lAKUl {
4474
4318
  display: flex;
4475
4319
  flex: 1 1 auto;
4476
4320
  flex-direction: column;
4477
4321
  min-block-size: 0;
4478
4322
  }
4479
- .Popover-module__hop-Popover__dialog___csLNs,
4480
- .Popover-module__hop-Popover__dropdown___nChhg {
4323
+ .Popover-module__hop-Popover__dialog___L0KeS,
4324
+ .Popover-module__hop-Popover__dropdown___OVnt6 {
4481
4325
  --hop-Popover-background: var(--hop-neutral-surface);
4482
4326
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4483
4327
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4532,17 +4376,17 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4532
4376
  outline: var(--hop-Popover-outline);
4533
4377
  overflow: var(--hop-Popover-overflow);
4534
4378
  }
4535
- .Popover-module__hop-Popover__dropdown___nChhg {
4379
+ .Popover-module__hop-Popover__dropdown___OVnt6 {
4536
4380
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4537
4381
  --footer-place-self: stretch;
4538
4382
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4539
4383
  --padding: var(--hop-Popover-dropdown-padding);
4540
4384
  overflow: hidden;
4541
4385
  }
4542
- .Popover-module__hop-Popover__dialog___csLNs {
4386
+ .Popover-module__hop-Popover__dialog___L0KeS {
4543
4387
  --padding: var(--hop-Popover-dialog-padding);
4544
4388
  }
4545
- .Popover-module__hop-Popover__title___XvaqC {
4389
+ .Popover-module__hop-Popover__title___MSCLw {
4546
4390
  grid-area: header;
4547
4391
  font-family: var(--hop-Popover-title-font-family);
4548
4392
  font-size: var(--hop-Popover-title-font-size);
@@ -4550,7 +4394,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4550
4394
  line-height: var(--hop-Popover-title-line-height);
4551
4395
  color: var(--hop-Popover-color);
4552
4396
  }
4553
- .Popover-module__hop-Popover__content___yYxwr {
4397
+ .Popover-module__hop-Popover__content___HsrOX {
4554
4398
  --font-size: var(--hop-Popover-content-font-size);
4555
4399
  --line-height: var(--hop-Popover-content-line-height);
4556
4400
  --font-family: var(--hop-Popover-content-font-family);
@@ -4561,12 +4405,12 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4561
4405
  padding: 0;
4562
4406
  color: var(--hop-Popover-content-color);
4563
4407
  }
4564
- .Popover-module__hop-Popover___HGlvP:not(:has(.Popover-module__hop-Popover__title___XvaqC)) {
4565
- .Popover-module__hop-Popover__content___yYxwr {
4408
+ .Popover-module__hop-Popover___w7mFk:not(:has(.Popover-module__hop-Popover__title___MSCLw)) {
4409
+ .Popover-module__hop-Popover__content___HsrOX {
4566
4410
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4567
4411
  }
4568
4412
  }
4569
- .Popover-module__hop-Popover__dropdown___nChhg .Popover-module__hop-Popover__list-box___zul7f {
4413
+ .Popover-module__hop-Popover__dropdown___OVnt6 .Popover-module__hop-Popover__list-box___rqY9- {
4570
4414
  grid-area: content;
4571
4415
  inline-size: auto;
4572
4416
  min-inline-size: auto;
@@ -4574,7 +4418,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4574
4418
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4575
4419
  border: none;
4576
4420
  }
4577
- .Popover-module__hop-Popover__footer___26L2s {
4421
+ .Popover-module__hop-Popover__footer___8hdfr {
4578
4422
  --font-size: var(--hop-Popover-footer-font-size);
4579
4423
  --line-height: var(--hop-Popover-footer-line-height);
4580
4424
  grid-area: footer;
@@ -4582,22 +4426,22 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4582
4426
  margin: var(--footer-margin);
4583
4427
  color: var(--hop-Popover-color);
4584
4428
  }
4585
- .Popover-module__hop-Popover__dropdown___nChhg .Popover-module__hop-Popover__footer___26L2s {
4429
+ .Popover-module__hop-Popover__dropdown___OVnt6 .Popover-module__hop-Popover__footer___8hdfr {
4586
4430
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4587
4431
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4588
4432
  }
4589
- .Popover-module__hop-Popover__actions___F29c6,
4590
- .Popover-module__hop-Popover__action___NvNY- {
4433
+ .Popover-module__hop-Popover__actions___-bQDi,
4434
+ .Popover-module__hop-Popover__action___R3SMT {
4591
4435
  grid-area: action;
4592
4436
  justify-self: end;
4593
4437
  margin-block-start: var(--hop-Popover-row-gap);
4594
4438
  }
4595
- .Popover-module__hop-Popover___HGlvP:has(.Popover-module__hop-Popover__actions___F29c6, .Popover-module__hop-Popover__action___NvNY-) .Popover-module__hop-Popover__footer___26L2s {
4439
+ .Popover-module__hop-Popover___w7mFk:has(.Popover-module__hop-Popover__actions___-bQDi, .Popover-module__hop-Popover__action___R3SMT) .Popover-module__hop-Popover__footer___8hdfr {
4596
4440
  margin-inline-end: var(--hop-Popover-column-gap);
4597
4441
  }
4598
4442
 
4599
4443
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4600
- .PopoverBase-module__hop-PopoverBase___cPJIF {
4444
+ .PopoverBase-module__hop-PopoverBase___M-OXP {
4601
4445
  --hop-Popover-background: var(--hop-neutral-surface);
4602
4446
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4603
4447
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4627,17 +4471,17 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4627
4471
  box-shadow: var(--hop-Popover-box-shadow);
4628
4472
  transition: opacity var(--hop-easing-duration-2);
4629
4473
  }
4630
- .PopoverBase-module__hop-PopoverBase___cPJIF[data-entering] {
4474
+ .PopoverBase-module__hop-PopoverBase___M-OXP[data-entering] {
4631
4475
  opacity: 0;
4632
4476
  }
4633
- .PopoverBase-module__hop-PopoverBase___cPJIF[data-exiting] {
4477
+ .PopoverBase-module__hop-PopoverBase___M-OXP[data-exiting] {
4634
4478
  pointer-events: none;
4635
4479
  opacity: 0;
4636
4480
  transition-timing-function: var(--hop-easing-productive);
4637
4481
  }
4638
4482
 
4639
4483
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/contextual-help/src/ContextualHelp.module.css/#css-module-data */
4640
- .ContextualHelp-module__hop-ContextualHelp___hSaI2 {
4484
+ .ContextualHelp-module__hop-ContextualHelp___7Z-fs {
4641
4485
  --hop-ContextualHelp-block-size: fit-content;
4642
4486
  --hop-ContextualHelp-inline-size: fit-content;
4643
4487
  --hop-ContextualHelp-box-sizing: border-box;
@@ -4669,10 +4513,10 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
4669
4513
  border-radius: var(--hop-ContextualHelp-border-radius);
4670
4514
  outline: var(--hop-ContextualHelp-outline);
4671
4515
  }
4672
- .ContextualHelp-module__hop-ContextualHelp___hSaI2[data-focus-visible] {
4516
+ .ContextualHelp-module__hop-ContextualHelp___7Z-fs[data-focus-visible] {
4673
4517
  outline: var(--hop-ContextualHelp-outline-size) solid var(--hop-ContextualHelp-focus-ring-color);
4674
4518
  }
4675
- .ContextualHelp-module__hop-ContextualHelp__popover___4khLR {
4519
+ .ContextualHelp-module__hop-ContextualHelp__popover___Kvxxx {
4676
4520
  --hop-ContextualHelp__popover-outline: none;
4677
4521
  --hop-ContextualHelp__popover-border: none;
4678
4522
  --hop-ContextualHelp__popover-max-inline-size: 20rem;