@hopper-ui/components 1.6.0 → 1.7.0

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 (384) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/src/Accordion.css +84 -77
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +84 -77
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +344 -325
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +344 -325
  9. package/dist/alert/src/index.js +11 -11
  10. package/dist/avatar/src/AnonymousAvatar.css +54 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -65
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +71 -64
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +54 -47
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +54 -47
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +54 -47
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -92
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +59 -52
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +54 -47
  27. package/dist/badge/src/FloatingBadge.js +2 -2
  28. package/dist/badge/src/index.css +69 -62
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +110 -103
  31. package/dist/buttons/src/Button.js +7 -7
  32. package/dist/buttons/src/ButtonContext.d.ts +13 -3
  33. package/dist/buttons/src/ButtonGroup.css +55 -48
  34. package/dist/buttons/src/ButtonGroup.js +3 -1
  35. package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
  36. package/dist/buttons/src/ClearButton.css +115 -108
  37. package/dist/buttons/src/ClearButton.js +3 -3
  38. package/dist/buttons/src/CloseButton.css +111 -104
  39. package/dist/buttons/src/CloseButton.js +8 -8
  40. package/dist/buttons/src/EmbeddedButton.css +115 -108
  41. package/dist/buttons/src/EmbeddedButton.js +1 -1
  42. package/dist/buttons/src/LinkButton.css +119 -112
  43. package/dist/buttons/src/LinkButton.js +5 -5
  44. package/dist/buttons/src/index.css +267 -260
  45. package/dist/buttons/src/index.d.ts +2 -2
  46. package/dist/buttons/src/index.js +12 -12
  47. package/dist/callout/src/Callout.css +279 -272
  48. package/dist/callout/src/Callout.js +9 -9
  49. package/dist/callout/src/CompactCallout.css +316 -309
  50. package/dist/callout/src/CompactCallout.js +9 -9
  51. package/dist/callout/src/index.css +328 -321
  52. package/dist/callout/src/index.js +10 -10
  53. package/dist/card/src/Card.css +47 -40
  54. package/dist/card/src/Card.js +1 -1
  55. package/dist/card/src/index.css +47 -40
  56. package/dist/card/src/index.js +1 -1
  57. package/dist/checkbox/src/Checkbox.css +63 -56
  58. package/dist/checkbox/src/Checkbox.js +5 -5
  59. package/dist/checkbox/src/CheckboxField.css +50 -43
  60. package/dist/checkbox/src/CheckboxField.js +4 -4
  61. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  62. package/dist/checkbox/src/CheckboxGroup.js +9 -8
  63. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  64. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  65. package/dist/checkbox/src/index.css +115 -108
  66. package/dist/checkbox/src/index.js +13 -12
  67. package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js} +2 -2
  68. package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js} +2 -2
  69. package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js} +20 -10
  70. package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js} +3 -3
  71. package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js} +1 -1
  72. package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js} +3 -3
  73. package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js} +2 -2
  74. package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js} +3 -3
  75. package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js} +26 -20
  76. package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js} +2 -2
  77. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  78. package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js} +17 -15
  79. package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js} +3 -3
  80. package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js} +20 -10
  81. package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js} +10 -8
  82. package/dist/chunk-6T7TUF6N.js +178 -0
  83. package/dist/{chunk-ONCR64LB.js → chunk-AC5FLJJL.js} +2 -2
  84. package/dist/{chunk-H6CZ6DKP.js → chunk-ACG3BFJQ.js} +1 -1
  85. package/dist/{chunk-XKREPRGK.js → chunk-AV7XDPXN.js} +1 -1
  86. package/dist/{chunk-LAN2LJO2.js → chunk-AX3SYX3G.js} +1 -1
  87. package/dist/{chunk-H637L477.js → chunk-CC5SXS5R.js} +1 -1
  88. package/dist/{chunk-KUGVMCIB.js → chunk-CIQZIY5N.js} +1 -1
  89. package/dist/{chunk-AYAKR4MK.js → chunk-CNG2EXC7.js} +3 -3
  90. package/dist/{chunk-REXPSB5P.js → chunk-CT3S2ZJP.js} +2 -2
  91. package/dist/{chunk-B2PCJYJW.js → chunk-DE74UTDH.js} +2 -2
  92. package/dist/{chunk-W53AAAUA.js → chunk-DEFXMEBJ.js} +2 -2
  93. package/dist/{chunk-HGSA2Y3P.js → chunk-DP4FHVJR.js} +25 -13
  94. package/dist/{chunk-62EZGVKH.js → chunk-EBXH6HHZ.js} +21 -11
  95. package/dist/{chunk-R5CEXZPL.js → chunk-EDDYY4KO.js} +1 -1
  96. package/dist/{chunk-SINPHU2Z.js → chunk-FIY4TUYL.js} +4 -28
  97. package/dist/{chunk-V2AGZ5A5.js → chunk-G2IQWVGX.js} +1 -1
  98. package/dist/{chunk-K73FGFB2.js → chunk-G5GYOSK7.js} +8 -8
  99. package/dist/{chunk-TZZQP76M.js → chunk-GR5QWFCA.js} +4 -4
  100. package/dist/{chunk-BI3MQKBI.js → chunk-HERQEWF5.js} +3 -3
  101. package/dist/{chunk-R4ICRVDS.js → chunk-HQJZSCV7.js} +1 -1
  102. package/dist/{chunk-DLYK3JRB.js → chunk-I25B6DME.js} +2 -2
  103. package/dist/{chunk-W2C47VCH.js → chunk-IIBLQ2CB.js} +1 -1
  104. package/dist/{chunk-SLFA36JO.js → chunk-J5FY5YAZ.js} +1 -1
  105. package/dist/{chunk-V7HFSPRY.js → chunk-J6FKM7WM.js} +1 -1
  106. package/dist/{chunk-R3PAHNRL.js → chunk-JBTFYM4B.js} +3 -3
  107. package/dist/{chunk-L4D32IWU.js → chunk-JNJFX2LE.js} +2 -2
  108. package/dist/{chunk-A2BFPCVC.js → chunk-JVLK5INM.js} +3 -3
  109. package/dist/{chunk-5WUSHVW7.js → chunk-KKUSWUZC.js} +1 -1
  110. package/dist/{chunk-CQHB3HRC.js → chunk-L7DSMPLQ.js} +2 -2
  111. package/dist/{chunk-RMAIQQFV.js → chunk-LACYHXY5.js} +2 -2
  112. package/dist/{chunk-EELIGZUD.js → chunk-LBXB3JFD.js} +5 -5
  113. package/dist/{chunk-6LKFNPEM.js → chunk-LMH2XI5J.js} +10 -4
  114. package/dist/{chunk-J62I6GH3.js → chunk-LOFWD2GD.js} +2 -2
  115. package/dist/{chunk-JNFQC65H.js → chunk-LUCUQMMD.js} +3 -3
  116. package/dist/chunk-MR5BPD6R.js +7 -0
  117. package/dist/{chunk-NVOQLDA5.js → chunk-N7A4SDQA.js} +18 -16
  118. package/dist/{chunk-GKN3BY36.js → chunk-NAK42XEC.js} +3 -3
  119. package/dist/{chunk-M3L2VYKL.js → chunk-NC7G3EHF.js} +2 -2
  120. package/dist/{chunk-GKUY4QWP.js → chunk-NFETZ57D.js} +2 -2
  121. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  122. package/dist/{chunk-YWNBO3UY.js → chunk-OABMTS4J.js} +1 -1
  123. package/dist/{chunk-KWXJDQ4M.js → chunk-OCK54JWW.js} +2 -2
  124. package/dist/{chunk-MYZE5GJA.js → chunk-OINTMN5W.js} +2 -2
  125. package/dist/{chunk-D7IJXSDN.js → chunk-OS6JDQKO.js} +2 -2
  126. package/dist/{chunk-K7PQOHUQ.js → chunk-OYPIU6JL.js} +2 -2
  127. package/dist/chunk-PDWWX5JI.js +70 -0
  128. package/dist/{chunk-XUO7HGRK.js → chunk-PJ2RHMZ3.js} +2 -2
  129. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  130. package/dist/{chunk-ARCWWXRR.js → chunk-PQVBUEXC.js} +3 -3
  131. package/dist/{chunk-SEQN7G35.js → chunk-QARGGDML.js} +4 -4
  132. package/dist/{chunk-IJZK5LYV.js → chunk-QDN24QKG.js} +1 -1
  133. package/dist/{chunk-QVHMDEWO.js → chunk-QSCBTSIF.js} +9 -3
  134. package/dist/{chunk-RNVPPIZQ.js → chunk-RIFW5PYW.js} +3 -3
  135. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  136. package/dist/{chunk-U35DID2L.js → chunk-S5AHDRSE.js} +1 -1
  137. package/dist/chunk-TQQMWXRK.js +190 -0
  138. package/dist/{chunk-PPV6OKAK.js → chunk-UBBZ4LV5.js} +19 -9
  139. package/dist/{chunk-MYPNAEEC.js → chunk-UBILZ2MS.js} +1 -1
  140. package/dist/{chunk-VLGOJ5DY.js → chunk-UFR36PXP.js} +4 -4
  141. package/dist/{chunk-KEDXRQG2.js → chunk-ULY62A7P.js} +6 -6
  142. package/dist/{chunk-FOD6Q7UN.js → chunk-V5PLUMR5.js} +3 -3
  143. package/dist/{chunk-UIOWILYW.js → chunk-V7OAPBQT.js} +1 -1
  144. package/dist/{chunk-ZSOUOAD4.js → chunk-V7VDYDIQ.js} +3 -4
  145. package/dist/{chunk-MP4UER4S.js → chunk-VBJVG2YA.js} +15 -6
  146. package/dist/{chunk-RKZRG2QV.js → chunk-VSCRFXJ2.js} +5 -5
  147. package/dist/{chunk-WDZO4L7Z.js → chunk-W2EX7F7K.js} +1 -1
  148. package/dist/{chunk-TLAJAVGL.js → chunk-WJE3JIRZ.js} +3 -3
  149. package/dist/{chunk-LERLQFPC.js → chunk-X4IV4VLD.js} +4 -4
  150. package/dist/{chunk-FJJG6PMV.js → chunk-XEMYAR47.js} +1 -1
  151. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  152. package/dist/{chunk-TN5C3AE3.js → chunk-YDNBMCQD.js} +8 -4
  153. package/dist/{chunk-2EAZ5H42.js → chunk-YFQIN27E.js} +1 -1
  154. package/dist/{chunk-FJ6AAK5Z.js → chunk-YZBOR2D4.js} +9 -7
  155. package/dist/{chunk-VMGVHR42.js → chunk-Z5WDAIAE.js} +2 -2
  156. package/dist/{chunk-CICKS5HQ.js → chunk-ZLL3VV5V.js} +3 -3
  157. package/dist/{chunk-WY3JOP43.js → chunk-ZRYHXQDJ.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +687 -684
  159. package/dist/combobox/src/ComboBox.js +24 -23
  160. package/dist/combobox/src/index.css +687 -684
  161. package/dist/combobox/src/index.js +24 -23
  162. package/dist/contextual-help/src/ContextualHelp.css +4165 -0
  163. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  164. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  165. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  166. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  167. package/dist/contextual-help/src/index.css +4165 -0
  168. package/dist/contextual-help/src/index.d.ts +10 -0
  169. package/dist/contextual-help/src/index.js +14 -0
  170. package/dist/disclosure/src/Disclosure.css +54 -47
  171. package/dist/disclosure/src/Disclosure.js +2 -2
  172. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  173. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  174. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  175. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  176. package/dist/disclosure/src/index.css +79 -72
  177. package/dist/disclosure/src/index.js +9 -9
  178. package/dist/divider/src/Divider.css +46 -39
  179. package/dist/divider/src/Divider.js +1 -1
  180. package/dist/divider/src/index.css +46 -39
  181. package/dist/divider/src/index.js +1 -1
  182. package/dist/error-message/src/ErrorMessage.css +46 -39
  183. package/dist/error-message/src/ErrorMessage.js +3 -3
  184. package/dist/error-message/src/index.css +46 -39
  185. package/dist/error-message/src/index.js +3 -3
  186. package/dist/form/src/Form.css +44 -37
  187. package/dist/form/src/Form.js +1 -1
  188. package/dist/form/src/index.css +44 -37
  189. package/dist/form/src/index.js +1 -1
  190. package/dist/header/src/Header.css +279 -0
  191. package/dist/header/src/Header.js +3 -1
  192. package/dist/header/src/HeaderContext.d.ts +13 -3
  193. package/dist/header/src/index.css +279 -0
  194. package/dist/header/src/index.d.ts +1 -1
  195. package/dist/header/src/index.js +3 -1
  196. package/dist/helper-message/src/HelperMessage.css +46 -39
  197. package/dist/helper-message/src/HelperMessage.js +3 -3
  198. package/dist/helper-message/src/index.css +46 -39
  199. package/dist/helper-message/src/index.js +3 -3
  200. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  201. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  202. package/dist/hopper-provider/src/index.css +45 -38
  203. package/dist/hopper-provider/src/index.js +1 -1
  204. package/dist/i18n/src/index.js +1 -1
  205. package/dist/i18n/src/useLocalizedString.js +1 -1
  206. package/dist/icon-list/src/IconList.css +45 -38
  207. package/dist/icon-list/src/IconList.js +1 -1
  208. package/dist/icon-list/src/index.css +45 -38
  209. package/dist/icon-list/src/index.js +1 -1
  210. package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
  211. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  212. package/dist/illustrated-message/src/index.css +286 -279
  213. package/dist/illustrated-message/src/index.js +2 -2
  214. package/dist/image/src/Image.css +47 -40
  215. package/dist/image/src/Image.js +3 -1
  216. package/dist/image/src/ImageContext.d.ts +13 -3
  217. package/dist/image/src/SvgImage.css +45 -38
  218. package/dist/image/src/SvgImage.js +1 -1
  219. package/dist/image/src/index.css +48 -41
  220. package/dist/image/src/index.d.ts +1 -1
  221. package/dist/image/src/index.js +4 -2
  222. package/dist/index.css +1135 -1064
  223. package/dist/index.d.ts +10 -7
  224. package/dist/index.js +116 -113
  225. package/dist/inputs/src/Input.css +48 -41
  226. package/dist/inputs/src/Input.js +1 -1
  227. package/dist/inputs/src/InputGroup.css +50 -43
  228. package/dist/inputs/src/InputGroup.js +1 -1
  229. package/dist/inputs/src/NumberField.css +74 -67
  230. package/dist/inputs/src/NumberField.js +12 -11
  231. package/dist/inputs/src/PasswordField.css +287 -280
  232. package/dist/inputs/src/PasswordField.js +12 -11
  233. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  234. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  235. package/dist/inputs/src/SearchField.css +293 -286
  236. package/dist/inputs/src/SearchField.js +13 -12
  237. package/dist/inputs/src/TextArea.css +71 -64
  238. package/dist/inputs/src/TextArea.js +11 -10
  239. package/dist/inputs/src/TextField.css +291 -284
  240. package/dist/inputs/src/TextField.js +16 -15
  241. package/dist/inputs/src/index.css +339 -332
  242. package/dist/inputs/src/index.js +22 -21
  243. package/dist/layout/src/Content.css +279 -0
  244. package/dist/layout/src/Content.js +3 -1
  245. package/dist/layout/src/ContentContext.d.ts +13 -3
  246. package/dist/layout/src/Footer.css +279 -0
  247. package/dist/layout/src/Footer.js +3 -1
  248. package/dist/layout/src/FooterContext.d.ts +13 -3
  249. package/dist/link/src/Link.css +83 -76
  250. package/dist/link/src/Link.js +4 -4
  251. package/dist/link/src/index.css +83 -76
  252. package/dist/link/src/index.js +4 -4
  253. package/dist/list-box/src/ListBox.css +318 -311
  254. package/dist/list-box/src/ListBox.js +10 -10
  255. package/dist/list-box/src/ListBoxItem.css +306 -299
  256. package/dist/list-box/src/ListBoxItem.js +7 -7
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +318 -311
  260. package/dist/list-box/src/index.js +11 -11
  261. package/dist/menu/src/Menu.css +621 -627
  262. package/dist/menu/src/Menu.js +4 -4
  263. package/dist/menu/src/MenuItem.css +125 -118
  264. package/dist/menu/src/MenuItem.js +3 -3
  265. package/dist/menu/src/MenuSection.css +46 -39
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +648 -654
  268. package/dist/menu/src/index.js +9 -9
  269. package/dist/modal/src/BaseModal.css +59 -52
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +60 -53
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +334 -315
  274. package/dist/modal/src/Modal.js +10 -10
  275. package/dist/modal/src/index.css +335 -316
  276. package/dist/modal/src/index.js +12 -12
  277. package/dist/overlays/popover/src/Popover.css +604 -597
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +607 -604
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +71 -64
  284. package/dist/radio/src/DecorativeRadio.js +4 -4
  285. package/dist/radio/src/Radio.css +63 -56
  286. package/dist/radio/src/Radio.js +4 -4
  287. package/dist/radio/src/RadioField.css +50 -43
  288. package/dist/radio/src/RadioField.js +3 -3
  289. package/dist/radio/src/RadioGroup.css +115 -108
  290. package/dist/radio/src/RadioGroup.js +10 -9
  291. package/dist/radio/src/index.css +115 -108
  292. package/dist/radio/src/index.js +14 -13
  293. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  294. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  295. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  296. package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
  297. package/dist/segmented-control/src/index.css +60 -53
  298. package/dist/segmented-control/src/index.js +5 -5
  299. package/dist/select/src/Select.css +631 -628
  300. package/dist/select/src/Select.js +23 -22
  301. package/dist/select/src/SelectValue.css +105 -98
  302. package/dist/select/src/SelectValue.js +4 -4
  303. package/dist/select/src/index.css +631 -628
  304. package/dist/select/src/index.js +23 -22
  305. package/dist/spinner/src/Spinner.css +54 -47
  306. package/dist/spinner/src/Spinner.js +3 -3
  307. package/dist/spinner/src/index.css +54 -47
  308. package/dist/spinner/src/index.js +3 -3
  309. package/dist/switch/src/Switch.css +60 -53
  310. package/dist/switch/src/Switch.js +4 -4
  311. package/dist/switch/src/SwitchField.css +50 -43
  312. package/dist/switch/src/SwitchField.js +4 -4
  313. package/dist/switch/src/index.css +66 -59
  314. package/dist/switch/src/index.js +6 -6
  315. package/dist/tabs/src/Tab.css +457 -450
  316. package/dist/tabs/src/Tab.js +4 -4
  317. package/dist/tabs/src/TabLine.css +46 -39
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +53 -46
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +46 -39
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +468 -461
  324. package/dist/tabs/src/index.js +7 -7
  325. package/dist/tag/src/Tag.css +435 -428
  326. package/dist/tag/src/Tag.js +9 -9
  327. package/dist/tag/src/TagGroup.css +54 -47
  328. package/dist/tag/src/TagGroup.js +9 -8
  329. package/dist/tag/src/index.css +445 -438
  330. package/dist/tag/src/index.js +14 -13
  331. package/dist/tile/src/Tile.css +53 -46
  332. package/dist/tile/src/Tile.js +3 -3
  333. package/dist/tile/src/TileGroup.css +45 -38
  334. package/dist/tile/src/TileGroup.js +2 -2
  335. package/dist/tile/src/index.css +54 -47
  336. package/dist/tile/src/index.js +5 -5
  337. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +46 -39
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +54 -47
  342. package/dist/tooltip/src/Tooltip.js +4 -4
  343. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  344. package/dist/tooltip/src/index.css +54 -47
  345. package/dist/tooltip/src/index.js +5 -5
  346. package/dist/typography/heading/src/Heading.css +44 -37
  347. package/dist/typography/heading/src/Heading.js +3 -1
  348. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  349. package/dist/typography/heading/src/index.css +44 -37
  350. package/dist/typography/heading/src/index.d.ts +1 -1
  351. package/dist/typography/heading/src/index.js +3 -1
  352. package/dist/typography/label/src/FieldLabel.css +279 -0
  353. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  354. package/dist/typography/label/src/FieldLabel.js +8 -0
  355. package/dist/typography/label/src/Label.css +52 -45
  356. package/dist/typography/label/src/Label.d.ts +0 -10
  357. package/dist/typography/label/src/Label.js +1 -4
  358. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  359. package/dist/typography/label/src/index.css +44 -37
  360. package/dist/typography/label/src/index.d.ts +4 -2
  361. package/dist/typography/label/src/index.js +4 -3
  362. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  363. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  364. package/dist/typography/overline-text/src/index.css +44 -37
  365. package/dist/typography/overline-text/src/index.js +1 -1
  366. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  367. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  368. package/dist/typography/paragraph/src/index.css +44 -37
  369. package/dist/typography/paragraph/src/index.js +3 -3
  370. package/dist/typography/text/src/Text.css +44 -37
  371. package/dist/typography/text/src/Text.js +2 -2
  372. package/dist/typography/text/src/index.css +44 -37
  373. package/dist/typography/text/src/index.js +2 -2
  374. package/dist/utils/src/ClearSlots.css +44 -37
  375. package/dist/utils/src/ClearSlots.d.ts +1 -2
  376. package/dist/utils/src/ClearSlots.js +1 -1
  377. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  378. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  379. package/dist/utils/src/index.css +44 -37
  380. package/dist/utils/src/index.d.ts +1 -1
  381. package/dist/utils/src/index.js +3 -3
  382. package/dist/utils/src/types.d.ts +4 -0
  383. package/package.json +1 -1
  384. package/dist/chunk-67EKVQAF.js +0 -121
@@ -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___3N-BS {
2
+ .Heading-module__hop-Heading___f8I5B {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___3N-BS) {
36
+ :where(.Heading-module__hop-Heading___f8I5B) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___AIoE1) {
44
+ :where(.Heading-module__hop-Heading--xs___RO7T9) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___C-5Tn) {
50
+ :where(.Heading-module__hop-Heading--sm___u2TRR) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___ptBBh) {
56
+ :where(.Heading-module__hop-Heading--md___BFmdf) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___MhXsB) {
62
+ :where(.Heading-module__hop-Heading--lg___hMrrH) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___jMCo1) {
68
+ :where(.Heading-module__hop-Heading--xl___gQz6L) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___N864S) {
74
+ :where(.Heading-module__hop-Heading--2xl___9oHXD) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___ev4Cg) {
80
+ :where(.Heading-module__hop-Heading--3xl___7ZGiB) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,26 +85,33 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
- .Label-module__hop-Label___tzV87 {
88
+ .Label-module__hop-Label___dgJtM {
89
89
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
90
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
91
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
92
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
93
  --hop-Label-color: var(--hop-neutral-text-weak);
94
94
  }
95
- :where(.Label-module__hop-Label___tzV87) {
95
+ :where(.Label-module__hop-Label___dgJtM) {
96
96
  font-family: var(--hop-Label-font-family);
97
97
  font-size: var(--hop-Label-font-size);
98
98
  font-weight: var(--hop-Label-font-weight);
99
99
  line-height: var(--hop-Label-line-height);
100
100
  color: var(--hop-Label-color);
101
101
  }
102
- :where(.Label-module__hop-Label__indicator___Wp4MQ) {
102
+
103
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
104
+ .FieldLabel-module__hop-FieldLabel__wrapper___HNiwu {
105
+ display: flex;
106
+ gap: var(--hop-space-inset-xs);
107
+ align-items: center;
108
+ }
109
+ .FieldLabel-module__hop-FieldLabel__indicator___X3yqm {
103
110
  padding-inline-start: var(--hop-space-20);
104
111
  }
105
112
 
106
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
107
- :where(.OverlineText-module__hop-OverlineText___lDKuo) {
114
+ :where(.OverlineText-module__hop-OverlineText___LSVJ2) {
108
115
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
109
116
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
110
117
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -128,26 +135,26 @@
128
135
  text-transform: uppercase;
129
136
  letter-spacing: var(--letter-spacing);
130
137
  }
131
- .OverlineText-module__hop-OverlineText__text___JrGdf {
138
+ .OverlineText-module__hop-OverlineText__text___-Cgyx {
132
139
  box-sizing: border-box;
133
140
  }
134
- .OverlineText-module__hop-OverlineText__text___JrGdf::before,
135
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
141
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before,
142
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
136
143
  content: "";
137
144
  display: block;
138
145
  box-sizing: border-box;
139
146
  inline-size: 0;
140
147
  block-size: 0;
141
148
  }
142
- .OverlineText-module__hop-OverlineText__text___JrGdf::before {
149
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::before {
143
150
  margin-block-end: var(--bottom-offset);
144
151
  }
145
- .OverlineText-module__hop-OverlineText__text___JrGdf::after {
152
+ .OverlineText-module__hop-OverlineText__text___-Cgyx::after {
146
153
  margin-block-start: var(--top-offset);
147
154
  }
148
155
 
149
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
150
- .Text-module__hop-Text___TSNAC {
157
+ .Text-module__hop-Text___NFTCi {
151
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
152
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
153
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -177,49 +184,49 @@
177
184
  --hop-Text-inherit-size-font-weight: inherit;
178
185
  --hop-Text-inherit-size-line-height: inherit;
179
186
  }
180
- :where(.Text-module__hop-Text___TSNAC) {
187
+ :where(.Text-module__hop-Text___NFTCi) {
181
188
  font-family: var(--font-family);
182
189
  font-size: var(--font-size);
183
190
  font-weight: var(--font-weight);
184
191
  line-height: var(--line-height);
185
192
  }
186
- :where(.Text-module__hop-Text--xs___yuFT0) {
193
+ :where(.Text-module__hop-Text--xs___I0d0v) {
187
194
  --font-size: var(--hop-Text-xs-font-size);
188
195
  --font-family: var(--hop-Text-xs-font-family);
189
196
  --font-weight: var(--hop-Text-xs-font-weight);
190
197
  --line-height: var(--hop-Text-xs-line-height);
191
198
  }
192
- :where(.Text-module__hop-Text--sm___qelbx) {
199
+ :where(.Text-module__hop-Text--sm___33NDY) {
193
200
  --font-size: var(--hop-Text-sm-font-size);
194
201
  --font-family: var(--hop-Text-sm-font-family);
195
202
  --font-weight: var(--hop-Text-sm-font-weight);
196
203
  --line-height: var(--hop-Text-sm-line-height);
197
204
  }
198
- :where(.Text-module__hop-Text--md___PcK3y) {
205
+ :where(.Text-module__hop-Text--md___12lqb) {
199
206
  --font-size: var(--hop-Text-md-font-size);
200
207
  --font-family: var(--hop-Text-md-font-family);
201
208
  --font-weight: var(--hop-Text-md-font-weight);
202
209
  --line-height: var(--hop-Text-md-line-height);
203
210
  }
204
- :where(.Text-module__hop-Text--lg___iRaZl) {
211
+ :where(.Text-module__hop-Text--lg___EIx-l) {
205
212
  --font-size: var(--hop-Text-lg-font-size);
206
213
  --font-family: var(--hop-Text-lg-font-family);
207
214
  --font-weight: var(--hop-Text-lg-font-weight);
208
215
  --line-height: var(--hop-Text-lg-line-height);
209
216
  }
210
- :where(.Text-module__hop-Text--xl___kO3Qt) {
217
+ :where(.Text-module__hop-Text--xl___Hgsci) {
211
218
  --font-size: var(--hop-Text-xl-font-size);
212
219
  --font-family: var(--hop-Text-xl-font-family);
213
220
  --font-weight: var(--hop-Text-xl-font-weight);
214
221
  --line-height: var(--hop-Text-xl-line-height);
215
222
  }
216
- :where(.Text-module__hop-Text--2xl___rAN5U) {
223
+ :where(.Text-module__hop-Text--2xl___bZva7) {
217
224
  --font-size: var(--hop-Text-2xl-font-size);
218
225
  --font-family: var(--hop-Text-2xl-font-family);
219
226
  --font-weight: var(--hop-Text-2xl-font-weight);
220
227
  --line-height: var(--hop-Text-2xl-line-height);
221
228
  }
222
- :where(.Text-module__hop-Text--inherit___hn3le) {
229
+ :where(.Text-module__hop-Text--inherit___D42Q3) {
223
230
  --font-size: var(--hop-Text-inherit-size-font-size);
224
231
  --font-family: var(--hop-Text-inherit-size-font-family);
225
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -227,7 +234,7 @@
227
234
  }
228
235
 
229
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
230
- .Paragraph-module__hop-Paragraph___VOZwC {
237
+ .Paragraph-module__hop-Paragraph___pDtiI {
231
238
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
232
239
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
233
240
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -239,40 +246,40 @@
239
246
  margin-block-end: var(--margin-block-end);
240
247
  overflow-wrap: break-word;
241
248
  }
242
- .Paragraph-module__hop-Paragraph___VOZwC:last-child {
249
+ .Paragraph-module__hop-Paragraph___pDtiI:last-child {
243
250
  --margin-block-end: 0;
244
251
  }
245
- .Paragraph-module__hop-Paragraph--xs___crXVt {
252
+ .Paragraph-module__hop-Paragraph--xs___yzl-N {
246
253
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
247
254
  }
248
- .Paragraph-module__hop-Paragraph--sm___nxfnz {
255
+ .Paragraph-module__hop-Paragraph--sm___mssXe {
249
256
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
250
257
  }
251
- .Paragraph-module__hop-Paragraph--md___YgyE0 {
258
+ .Paragraph-module__hop-Paragraph--md___Ujb4e {
252
259
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
253
260
  }
254
- .Paragraph-module__hop-Paragraph--lg___G36sQ {
261
+ .Paragraph-module__hop-Paragraph--lg___fzVC0 {
255
262
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
256
263
  }
257
- .Paragraph-module__hop-Paragraph--xl___dWzV5 {
264
+ .Paragraph-module__hop-Paragraph--xl___bF-Yd {
258
265
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
259
266
  }
260
- .Paragraph-module__hop-Paragraph--2xl___wJ2Wu {
267
+ .Paragraph-module__hop-Paragraph--2xl___UuYkH {
261
268
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
262
269
  }
263
- .Paragraph-module__hop-Paragraph--inherit___Z3RKC {
270
+ .Paragraph-module__hop-Paragraph--inherit___jW721 {
264
271
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
265
272
  }
266
273
 
267
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
268
- .Form-module__hop-Form___F-45c {
275
+ .Form-module__hop-Form___7RaBZ {
269
276
  display: flex;
270
277
  flex-direction: column;
271
278
  gap: var(--hop-space-stack-lg);
272
279
  }
273
280
 
274
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
275
- .IconList-module__hop-IconList___JGBdL {
282
+ .IconList-module__hop-IconList___m2E3v {
276
283
  --hop-IconList-gap: var(--hop-space-inline-xs);
277
284
  display: flex;
278
285
  flex-wrap: wrap;
@@ -281,7 +288,7 @@
281
288
  }
282
289
 
283
290
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
284
- @keyframes Spinner-module__spin___Ev3-W {
291
+ @keyframes Spinner-module__spin___pKwfA {
285
292
  0% {
286
293
  transform: rotate(0deg);
287
294
  }
@@ -289,7 +296,7 @@
289
296
  transform: rotate(360deg);
290
297
  }
291
298
  }
292
- .Spinner-module__hop-Spinner___-DwXC {
299
+ .Spinner-module__hop-Spinner___NL-2c {
293
300
  --hop-Spinner-border-radius: var(--hop-shape-circle);
294
301
  --hop-Spinner-sm-wheel-size: 1rem;
295
302
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -297,7 +304,7 @@
297
304
  --hop-Spinner-track-width: 0.125rem;
298
305
  --hop-Spinner-track-opacity: 0.2;
299
306
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
300
- --hop-Spinner-fill-animation: Spinner-module__spin___Ev3-W .8s infinite linear;
307
+ --hop-Spinner-fill-animation: Spinner-module__spin___pKwfA .8s infinite linear;
301
308
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
302
309
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
303
310
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -308,19 +315,19 @@
308
315
  align-items: center;
309
316
  box-sizing: border-box;
310
317
  }
311
- .Spinner-module__hop-Spinner--sm___UlZFf {
318
+ .Spinner-module__hop-Spinner--sm___o8oor {
312
319
  --width: var(--hop-Spinner-sm-wheel-size);
313
320
  --height: var(--hop-Spinner-sm-wheel-size);
314
321
  }
315
- .Spinner-module__hop-Spinner--md___2Aejk {
322
+ .Spinner-module__hop-Spinner--md___Z3T3P {
316
323
  --width: var(--hop-Spinner-md-wheel-size);
317
324
  --height: var(--hop-Spinner-md-wheel-size);
318
325
  }
319
- .Spinner-module__hop-Spinner--lg___rUTOq {
326
+ .Spinner-module__hop-Spinner--lg___-2JJ5 {
320
327
  --width: var(--hop-Spinner-lg-wheel-size);
321
328
  --height: var(--hop-Spinner-lg-wheel-size);
322
329
  }
323
- .Spinner-module__hop-Spinner__track___beMsW {
330
+ .Spinner-module__hop-Spinner__track___-5qNx {
324
331
  grid-area: spinner;
325
332
  box-sizing: border-box;
326
333
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -329,7 +336,7 @@
329
336
  border: var(--hop-Spinner-track-border);
330
337
  border-radius: var(--hop-Spinner-border-radius);
331
338
  }
332
- .Spinner-module__hop-Spinner__fill___-bGVd {
339
+ .Spinner-module__hop-Spinner__fill___ds519 {
333
340
  grid-area: spinner;
334
341
  box-sizing: border-box;
335
342
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -340,17 +347,17 @@
340
347
  animation: var(--hop-Spinner-fill-animation);
341
348
  }
342
349
  @media (prefers-reduced-motion: reduce) {
343
- .Spinner-module__hop-Spinner__fill___-bGVd {
350
+ .Spinner-module__hop-Spinner__fill___ds519 {
344
351
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
345
352
  }
346
353
  }
347
- .Spinner-module__hop-Spinner__label___mBxTu {
354
+ .Spinner-module__hop-Spinner__label___aAqY5 {
348
355
  grid-area: label;
349
356
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
350
357
  }
351
358
 
352
359
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
353
- .Button-module__hop-Button___M1srN {
360
+ .Button-module__hop-Button___drz4z {
354
361
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
355
362
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
356
363
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -474,215 +481,215 @@
474
481
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
475
482
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
476
483
  }
477
- .Button-module__hop-Button--fluid___GCROP {
484
+ .Button-module__hop-Button--fluid___jF2LE {
478
485
  --inline-size: 100%;
479
486
  }
480
- .Button-module__hop-Button--sm___0F6Zs {
487
+ .Button-module__hop-Button--sm___yWI1w {
481
488
  --block-size: var(--hop-Button-sm-height);
482
489
  --padding: var(--hop-Button-sm-padding);
483
490
  }
484
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
491
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
485
492
  --padding: var(--hop-Button-ghost-sm-padding);
486
493
  }
487
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
494
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
488
495
  --padding: var(--hop-Button-ghost-md-padding);
489
496
  }
490
- .Button-module__hop-Button--icon-only___22irB {
497
+ .Button-module__hop-Button--icon-only___ZVI03 {
491
498
  --column-gap: var(--hop-Button-icon-only-column-gap);
492
499
  --padding: var(--hop-Button-icon-only-padding);
493
500
  aspect-ratio: 1;
494
501
  }
495
- .Button-module__hop-Button--primary___hqlO9 {
502
+ .Button-module__hop-Button--primary___gQcR4 {
496
503
  --background-color: var(--hop-Button-primary-background-color);
497
504
  --color: var(--hop-Button-primary-color);
498
505
  --border: var(--hop-Button-primary-border);
499
506
  --spinner-color: var(--hop-Button-primary-spinner-color);
500
507
  }
501
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
502
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
508
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
509
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
503
510
  --background-color: var(--hop-Button-primary-background-color-hover);
504
511
  --color: var(--hop-Button-primary-color-hover);
505
512
  --border: var(--hop-Button-primary-border-hover);
506
513
  }
507
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
514
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
508
515
  --background-color: var(--hop-Button-primary-background-color-pressed);
509
516
  --color: var(--hop-Button-primary-color-pressed);
510
517
  --border: var(--hop-Button-primary-border-pressed);
511
518
  }
512
- .Button-module__hop-Button--secondary___eeNTL {
519
+ .Button-module__hop-Button--secondary___iPATA {
513
520
  --background-color: var(--hop-Button-secondary-background-color);
514
521
  --color: var(--hop-Button-secondary-color);
515
522
  --border: var(--hop-Button-secondary-border);
516
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
517
524
  }
518
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
519
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
525
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
526
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
520
527
  --background-color: var(--hop-Button-secondary-background-color-hover);
521
528
  --color: var(--hop-Button-secondary-color-hover);
522
529
  --border: var(--hop-Button-secondary-border-hover);
523
530
  }
524
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
531
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
525
532
  --background-color: var(--hop-Button-secondary-background-color-pressed);
526
533
  --color: var(--hop-Button-secondary-color-pressed);
527
534
  --border: var(--hop-Button-secondary-border-pressed);
528
535
  }
529
- .Button-module__hop-Button--upsell___ab5Uf {
536
+ .Button-module__hop-Button--upsell___1odMt {
530
537
  --background-color: var(--hop-Button-upsell-background-color);
531
538
  --color: var(--hop-Button-upsell-color);
532
539
  --border: var(--hop-Button-upsell-border);
533
540
  --spinner-color: var(--hop-Button-upsell-spinner-color);
534
541
  }
535
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
536
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
542
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
543
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
537
544
  --background-color: var(--hop-Button-upsell-background-color-hover);
538
545
  --color: var(--hop-Button-upsell-color-hover);
539
546
  --border: var(--hop-Button-upsell-border-hover);
540
547
  }
541
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
548
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
542
549
  --background-color: var(--hop-Button-upsell-background-color-pressed);
543
550
  --color: var(--hop-Button-upsell-color-pressed);
544
551
  --border: var(--hop-Button-upsell-border-pressed);
545
552
  }
546
- .Button-module__hop-Button--danger___vGqCj {
553
+ .Button-module__hop-Button--danger___nvNVv {
547
554
  --background-color: var(--hop-Button-danger-background-color);
548
555
  --color: var(--hop-Button-danger-color);
549
556
  --border: var(--hop-Button-danger-border);
550
557
  --spinner-color: var(--hop-Button-danger-spinner-color);
551
558
  }
552
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
553
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
559
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
560
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
554
561
  --background-color: var(--hop-Button-danger-background-color-hover);
555
562
  --color: var(--hop-Button-danger-color-hover);
556
563
  --border: var(--hop-Button-danger-border-hover);
557
564
  }
558
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
565
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
559
566
  --background-color: var(--hop-Button-danger-background-color-pressed);
560
567
  --color: var(--hop-Button-danger-color-pressed);
561
568
  --border: var(--hop-Button-danger-border-pressed);
562
569
  }
563
- .Button-module__hop-Button--ghost-primary___K1fli {
570
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
564
571
  --background-color: var(--hop-Button-ghost-primary-background-color);
565
572
  --color: var(--hop-Button-ghost-primary-color);
566
573
  --border: var(--hop-Button-ghost-primary-border);
567
574
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
568
575
  }
569
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
570
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
576
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
577
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
571
578
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
572
579
  --color: var(--hop-Button-ghost-primary-color-hover);
573
580
  --border: var(--hop-Button-ghost-primary-border-hover);
574
581
  --text-underline: underline;
575
582
  }
576
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
583
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
577
584
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
578
585
  --color: var(--hop-Button-ghost-primary-color-pressed);
579
586
  --border: var(--hop-Button-ghost-primary-border-pressed);
580
587
  --text-underline: underline;
581
588
  }
582
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
589
+ .Button-module__hop-Button--ghost-secondary___YirRd {
583
590
  --background-color: var(--hop-Button-ghost-secondary-background-color);
584
591
  --color: var(--hop-Button-ghost-secondary-color);
585
592
  --border: var(--hop-Button-ghost-secondary-border);
586
593
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
587
594
  }
588
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
589
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
595
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
596
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
590
597
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
591
598
  --color: var(--hop-Button-ghost-secondary-color-hover);
592
599
  --border: var(--hop-Button-ghost-secondary-border-hover);
593
600
  --text-underline: underline;
594
601
  }
595
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
602
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
596
603
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
597
604
  --color: var(--hop-Button-ghost-secondary-color-pressed);
598
605
  --border: var(--hop-Button-ghost-secondary-border-pressed);
599
606
  --text-underline: underline;
600
607
  }
601
- .Button-module__hop-Button--ghost-danger___F83U0 {
608
+ .Button-module__hop-Button--ghost-danger___J37kT {
602
609
  --background-color: var(--hop-Button-ghost-danger-background-color);
603
610
  --color: var(--hop-Button-ghost-danger-color);
604
611
  --border: var(--hop-Button-ghost-danger-border);
605
612
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
606
613
  }
607
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
608
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
614
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
615
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
609
616
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
610
617
  --color: var(--hop-Button-ghost-danger-color-hover);
611
618
  --border: var(--hop-Button-ghost-danger-border-hover);
612
619
  --text-underline: underline;
613
620
  }
614
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
621
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
615
622
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
616
623
  --color: var(--hop-Button-ghost-danger-color-pressed);
617
624
  --border: var(--hop-Button-ghost-danger-border-pressed);
618
625
  --text-underline: underline;
619
626
  }
620
- .Button-module__hop-Button___M1srN[data-focus-visible] {
627
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
621
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
622
629
  }
623
- .Button-module__hop-Button___M1srN[data-disabled],
624
- .Button-module__hop-Button--loading___PvMXo {
630
+ .Button-module__hop-Button___drz4z[data-disabled],
631
+ .Button-module__hop-Button--loading___Vt2Li {
625
632
  cursor: not-allowed;
626
633
  }
627
- .Button-module__hop-Button___M1srN[data-disabled] {
634
+ .Button-module__hop-Button___drz4z[data-disabled] {
628
635
  --background-color: var(--hop-Button-background-color-disabled);
629
636
  --color: var(--hop-Button-color-disabled);
630
637
  --border: var(--hop-Button-border-disabled);
631
638
  }
632
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
639
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
633
640
  --background-color: var(--hop-Button-ghost-background-color-disabled);
634
641
  --color: var(--hop-Button-ghost-color-disabled);
635
642
  --border: var(--hop-Button-ghost-border-disabled);
636
643
  }
637
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
644
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
638
645
  --background-color: var(--hop-Button-primary-background-color);
639
646
  --color: var(--hop-Button-primary-color);
640
647
  --border: var(--hop-Button-primary-border);
641
648
  }
642
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
649
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
643
650
  --background-color: var(--hop-Button-secondary-background-color);
644
651
  --color: var(--hop-Button-secondary-color);
645
652
  --border: var(--hop-Button-secondary-border);
646
653
  }
647
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
654
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
648
655
  --background-color: var(--hop-Button-upsell-background-color);
649
656
  --color: var(--hop-Button-upsell-color);
650
657
  --border: var(--hop-Button-upsell-border);
651
658
  }
652
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
659
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
653
660
  --background-color: var(--hop-Button-danger-background-color);
654
661
  --color: var(--hop-Button-danger-color);
655
662
  --border: var(--hop-Button-danger-border);
656
663
  }
657
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
664
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
658
665
  --background-color: var(--hop-Button-ghost-primary-background-color);
659
666
  --color: var(--hop-Button-ghost-primary-color);
660
667
  --border: var(--hop-Button-ghost-primary-border);
661
668
  --text-underline: none;
662
669
  }
663
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
670
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
664
671
  --background-color: var(--hop-Button-ghost-secondary-background-color);
665
672
  --color: var(--hop-Button-ghost-secondary-color);
666
673
  --border: var(--hop-Button-ghost-secondary-border);
667
674
  --text-underline: none;
668
675
  }
669
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
676
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
670
677
  --background-color: var(--hop-Button-ghost-danger-background-color);
671
678
  --color: var(--hop-Button-ghost-danger-color);
672
679
  --border: var(--hop-Button-ghost-danger-border);
673
680
  --text-underline: none;
674
681
  }
675
- .Button-module__hop-Button__Spinner___oJ124 {
682
+ .Button-module__hop-Button__Spinner___qFcTX {
676
683
  position: absolute;
677
684
  color: var(--spinner-color);
678
685
  }
679
- .Button-module__hop-Button__icon___3qLql,
680
- .Button-module__hop-Button__icon-list___8YvWB {
686
+ .Button-module__hop-Button__icon___i0bX0,
687
+ .Button-module__hop-Button__icon-list___h-l1l {
681
688
  flex: 0 0 auto;
682
689
  justify-self: end;
683
690
  order: 1;
684
691
  }
685
- .Button-module__hop-Button__text___LAcjY {
692
+ .Button-module__hop-Button__text___gW1zi {
686
693
  user-select: none;
687
694
  overflow: visible;
688
695
  flex: 0 1 auto;
@@ -692,60 +699,60 @@
692
699
  text-underline-offset: 0.125rem;
693
700
  text-wrap: nowrap;
694
701
  }
695
- .Button-module__hop-Button__end-icon___-fm8M,
696
- .Button-module__hop-Button__end-icon-list___yI0-C {
702
+ .Button-module__hop-Button__end-icon___H4Qu5,
703
+ .Button-module__hop-Button__end-icon-list___k4l7m {
697
704
  flex: 0 0 auto;
698
705
  order: 3;
699
706
  }
700
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
701
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
707
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
708
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
702
709
  flex-wrap: nowrap;
703
710
  }
704
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
711
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
705
712
  opacity: 0;
706
713
  }
707
714
 
708
715
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
709
- .ButtonGroup-module__hop-ButtonGroup___gelmV {
716
+ .ButtonGroup-module__hop-ButtonGroup___-ALaZ {
710
717
  display: inline-flex;
711
718
  flex-wrap: nowrap;
712
719
  gap: var(--hop-space-inline-md);
713
720
  }
714
- .ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
715
722
  align-items: center;
716
723
  }
717
- .ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
718
725
  flex-direction: column;
719
726
  gap: var(--hop-space-stack-md);
720
727
  justify-content: center;
721
728
  }
722
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
723
730
  align-items: flex-start;
724
731
  }
725
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
726
733
  align-items: center;
727
734
  }
728
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--vertical___3ofI0 {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--vertical___xVumF {
729
736
  align-items: flex-end;
730
737
  }
731
- .ButtonGroup-module__hop-ButtonGroup--start___xZhf2.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___MCLnI.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
732
739
  justify-content: flex-start;
733
740
  }
734
- .ButtonGroup-module__hop-ButtonGroup--center___wmyqi.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___Yzha7.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
735
742
  justify-content: center;
736
743
  }
737
- .ButtonGroup-module__hop-ButtonGroup--end___5V2JT.ButtonGroup-module__hop-ButtonGroup--horizontal___UVKLL {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___TPfzu.ButtonGroup-module__hop-ButtonGroup--horizontal___DnLYQ {
738
745
  justify-content: flex-end;
739
746
  }
740
- .ButtonGroup-module__hop-ButtonGroup--wrap___3A-HD {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___lpmtc {
741
748
  flex-wrap: wrap;
742
749
  }
743
- .ButtonGroup-module__hop-ButtonGroup--fluid___rcGGk {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___bOmqM {
744
751
  inline-size: 100%;
745
752
  }
746
753
 
747
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
748
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP {
749
756
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
750
757
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
751
758
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -909,7 +916,7 @@
909
916
  outline: none;
910
917
  transition: color var(--transition);
911
918
  }
912
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP::before {
913
920
  content: "";
914
921
  position: absolute;
915
922
  inset-block-start: 50%;
@@ -922,284 +929,284 @@
922
929
  border-radius: var(--effect-border-radius);
923
930
  transition: background-color var(--transition);
924
931
  }
925
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-square] {
926
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
927
934
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L {
929
936
  --inline-size: var(--hop-EmbeddedButton-md-width);
930
937
  --block-size: var(--hop-EmbeddedButton-md-height);
931
938
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
932
939
  }
933
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7 {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T {
934
941
  --inline-size: var(--hop-EmbeddedButton-lg-width);
935
942
  --block-size: var(--hop-EmbeddedButton-lg-height);
936
943
  --focus-ring-offset: 0;
937
944
  }
938
- .EmbeddedButton-module__hop-EmbeddedButton--md___3yoFa::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___M-G5L::before {
939
946
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
940
947
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
941
948
  }
942
- .EmbeddedButton-module__hop-EmbeddedButton--lg___MRdx7::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___WgM6T::before {
943
950
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
944
951
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
945
952
  }
946
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7 {
947
954
  --color: var(--hop-EmbeddedButton-neutral-color);
948
955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
949
956
  }
950
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3 {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu {
951
958
  --color: var(--hop-EmbeddedButton-subdued-color);
952
959
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
953
960
  }
954
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7 {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS {
955
962
  --color: var(--hop-EmbeddedButton-progress-color);
956
963
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
957
964
  }
958
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT {
959
966
  --color: var(--hop-EmbeddedButton-positive-color);
960
967
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
961
968
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0 {
963
970
  --color: var(--hop-EmbeddedButton-caution-color);
964
971
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
965
972
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE {
967
974
  --color: var(--hop-EmbeddedButton-negative-color);
968
975
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
969
976
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3 {
971
978
  --color: var(--hop-EmbeddedButton-option1-color);
972
979
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
973
980
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT {
975
982
  --color: var(--hop-EmbeddedButton-option2-color);
976
983
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
977
984
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H {
979
986
  --color: var(--hop-EmbeddedButton-option3-color);
980
987
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
981
988
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd {
983
990
  --color: var(--hop-EmbeddedButton-option4-color);
984
991
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
985
992
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8 {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX {
987
994
  --color: var(--hop-EmbeddedButton-option5-color);
988
995
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
989
996
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA {
991
998
  --color: var(--hop-EmbeddedButton-option6-color);
992
999
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
993
1000
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-selected] {
995
1002
  --color: var(--hop-EmbeddedButton-selected-color);
996
1003
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
997
1004
  }
998
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-focus-visible] {
999
1006
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1000
1007
  outline-offset: var(--focus-ring-offset);
1001
1008
  }
1002
- .EmbeddedButton-module__hop-EmbeddedButton___woFlm[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___SrrcP[data-disabled] {
1003
1010
  cursor: not-allowed;
1004
1011
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-hovered] {
1006
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1007
1014
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1008
1015
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-focus-visible] {
1010
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1011
1018
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1012
1019
  }
1013
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-pressed] {
1014
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1015
1022
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1016
1023
  }
1017
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___CK1jL[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___dqSB7[data-disabled] {
1018
1025
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1019
1026
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1020
1027
  }
1021
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-hovered] {
1022
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1023
1030
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1024
1031
  }
1025
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-focus-visible] {
1026
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1027
1034
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1028
1035
  }
1029
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-pressed] {
1030
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1031
1038
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1032
1039
  }
1033
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Q83b3[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___XAbGu[data-disabled] {
1034
1041
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1035
1042
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1036
1043
  }
1037
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-hovered] {
1038
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1039
1046
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1040
1047
  }
1041
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-focus-visible] {
1042
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1043
1050
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1044
1051
  }
1045
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-pressed] {
1046
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1047
1054
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1048
1055
  }
1049
- .EmbeddedButton-module__hop-EmbeddedButton--progress___kprL7[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___j2QOS[data-disabled] {
1050
1057
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1051
1058
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1052
1059
  }
1053
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-hovered] {
1054
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1055
1062
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1056
1063
  }
1057
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-focus-visible] {
1058
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1059
1066
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1060
1067
  }
1061
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-pressed] {
1062
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1063
1070
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1064
1071
  }
1065
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LOINq[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___DTxsT[data-disabled] {
1066
1073
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1067
1074
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1068
1075
  }
1069
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-hovered] {
1070
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1071
1078
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1072
1079
  }
1073
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-focus-visible] {
1074
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1075
1082
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1076
1083
  }
1077
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-pressed] {
1078
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1079
1086
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1080
1087
  }
1081
- .EmbeddedButton-module__hop-EmbeddedButton--caution___-AO2U[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___KpwA0[data-disabled] {
1082
1089
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1083
1090
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1084
1091
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-hovered] {
1086
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1087
1094
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1088
1095
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-focus-visible] {
1090
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1091
1098
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1092
1099
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-pressed] {
1094
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1095
1102
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1096
1103
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--negative___1JzHh[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___ik7EE[data-disabled] {
1098
1105
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1099
1106
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1100
1107
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-hovered] {
1102
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1103
1110
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1104
1111
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-focus-visible] {
1106
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1107
1114
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1108
1115
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-pressed] {
1110
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1111
1118
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1112
1119
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--option1___Bw8ud[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___5uZL3[data-disabled] {
1114
1121
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1115
1122
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1116
1123
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-hovered] {
1118
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1119
1126
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1120
1127
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-focus-visible] {
1122
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1123
1130
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1124
1131
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-pressed] {
1126
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1127
1134
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1128
1135
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option2___EowaN[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___JM5dT[data-disabled] {
1130
1137
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1131
1138
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1132
1139
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-hovered] {
1134
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1135
1142
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1136
1143
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-focus-visible] {
1138
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1139
1146
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1140
1147
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-pressed] {
1142
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1143
1150
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1144
1151
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton--option3___3-iFh[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___RWK1H[data-disabled] {
1146
1153
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1147
1154
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1148
1155
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-hovered] {
1150
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1151
1158
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1152
1159
  }
1153
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-focus-visible] {
1154
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1155
1162
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1156
1163
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-pressed] {
1158
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1159
1166
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1160
1167
  }
1161
- .EmbeddedButton-module__hop-EmbeddedButton--option4___MFrBc[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___saiRd[data-disabled] {
1162
1169
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1163
1170
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1164
1171
  }
1165
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-hovered] {
1166
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1167
1174
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1168
1175
  }
1169
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-focus-visible] {
1170
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1171
1178
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1172
1179
  }
1173
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-pressed] {
1174
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1175
1182
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1176
1183
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SU2-8[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___f45MX[data-disabled] {
1178
1185
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1179
1186
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1180
1187
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-hovered] {
1182
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1183
1190
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1184
1191
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-focus-visible] {
1186
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1187
1194
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1188
1195
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-pressed] {
1190
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1191
1198
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1192
1199
  }
1193
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Zgz-a[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___K9AOA[data-disabled] {
1194
1201
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1195
1202
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1196
1203
  }
1197
- .EmbeddedButton-module__hop-EmbeddedButton__icon___7jSBR {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___cOcXK {
1198
1205
  position: relative;
1199
1206
  }
1200
1207
 
1201
1208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1202
- button.CloseButton-module__hop-CloseButton___GS-3t {
1209
+ button.CloseButton-module__hop-CloseButton___aWaMI {
1203
1210
  --hop-CloseButton-margin-top: 0rem;
1204
1211
  --hop-CloseButton-padding: 0rem;
1205
1212
  --hop-CloseButton-width: fit-content;
@@ -1211,7 +1218,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1211
1218
  }
1212
1219
 
1213
1220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1214
- .Button-module__hop-Button___M1srN {
1221
+ .Button-module__hop-Button___drz4z {
1215
1222
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1216
1223
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1217
1224
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1335,215 +1342,215 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1335
1342
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1336
1343
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1337
1344
  }
1338
- .Button-module__hop-Button--fluid___GCROP {
1345
+ .Button-module__hop-Button--fluid___jF2LE {
1339
1346
  --inline-size: 100%;
1340
1347
  }
1341
- .Button-module__hop-Button--sm___0F6Zs {
1348
+ .Button-module__hop-Button--sm___yWI1w {
1342
1349
  --block-size: var(--hop-Button-sm-height);
1343
1350
  --padding: var(--hop-Button-sm-padding);
1344
1351
  }
1345
- .Button-module__hop-Button--sm___0F6Zs[class*=--ghost] {
1352
+ .Button-module__hop-Button--sm___yWI1w[class*=--ghost] {
1346
1353
  --padding: var(--hop-Button-ghost-sm-padding);
1347
1354
  }
1348
- .Button-module__hop-Button--md___a9OQW[class*=--ghost] {
1355
+ .Button-module__hop-Button--md___5pA46[class*=--ghost] {
1349
1356
  --padding: var(--hop-Button-ghost-md-padding);
1350
1357
  }
1351
- .Button-module__hop-Button--icon-only___22irB {
1358
+ .Button-module__hop-Button--icon-only___ZVI03 {
1352
1359
  --column-gap: var(--hop-Button-icon-only-column-gap);
1353
1360
  --padding: var(--hop-Button-icon-only-padding);
1354
1361
  aspect-ratio: 1;
1355
1362
  }
1356
- .Button-module__hop-Button--primary___hqlO9 {
1363
+ .Button-module__hop-Button--primary___gQcR4 {
1357
1364
  --background-color: var(--hop-Button-primary-background-color);
1358
1365
  --color: var(--hop-Button-primary-color);
1359
1366
  --border: var(--hop-Button-primary-border);
1360
1367
  --spinner-color: var(--hop-Button-primary-spinner-color);
1361
1368
  }
1362
- .Button-module__hop-Button--primary___hqlO9[data-hovered],
1363
- .Button-module__hop-Button--primary___hqlO9[data-focus-visible] {
1369
+ .Button-module__hop-Button--primary___gQcR4[data-hovered],
1370
+ .Button-module__hop-Button--primary___gQcR4[data-focus-visible] {
1364
1371
  --background-color: var(--hop-Button-primary-background-color-hover);
1365
1372
  --color: var(--hop-Button-primary-color-hover);
1366
1373
  --border: var(--hop-Button-primary-border-hover);
1367
1374
  }
1368
- .Button-module__hop-Button--primary___hqlO9[data-pressed] {
1375
+ .Button-module__hop-Button--primary___gQcR4[data-pressed] {
1369
1376
  --background-color: var(--hop-Button-primary-background-color-pressed);
1370
1377
  --color: var(--hop-Button-primary-color-pressed);
1371
1378
  --border: var(--hop-Button-primary-border-pressed);
1372
1379
  }
1373
- .Button-module__hop-Button--secondary___eeNTL {
1380
+ .Button-module__hop-Button--secondary___iPATA {
1374
1381
  --background-color: var(--hop-Button-secondary-background-color);
1375
1382
  --color: var(--hop-Button-secondary-color);
1376
1383
  --border: var(--hop-Button-secondary-border);
1377
1384
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1378
1385
  }
1379
- .Button-module__hop-Button--secondary___eeNTL[data-hovered],
1380
- .Button-module__hop-Button--secondary___eeNTL[data-focus-visible] {
1386
+ .Button-module__hop-Button--secondary___iPATA[data-hovered],
1387
+ .Button-module__hop-Button--secondary___iPATA[data-focus-visible] {
1381
1388
  --background-color: var(--hop-Button-secondary-background-color-hover);
1382
1389
  --color: var(--hop-Button-secondary-color-hover);
1383
1390
  --border: var(--hop-Button-secondary-border-hover);
1384
1391
  }
1385
- .Button-module__hop-Button--secondary___eeNTL[data-pressed] {
1392
+ .Button-module__hop-Button--secondary___iPATA[data-pressed] {
1386
1393
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1387
1394
  --color: var(--hop-Button-secondary-color-pressed);
1388
1395
  --border: var(--hop-Button-secondary-border-pressed);
1389
1396
  }
1390
- .Button-module__hop-Button--upsell___ab5Uf {
1397
+ .Button-module__hop-Button--upsell___1odMt {
1391
1398
  --background-color: var(--hop-Button-upsell-background-color);
1392
1399
  --color: var(--hop-Button-upsell-color);
1393
1400
  --border: var(--hop-Button-upsell-border);
1394
1401
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1395
1402
  }
1396
- .Button-module__hop-Button--upsell___ab5Uf[data-hovered],
1397
- .Button-module__hop-Button--upsell___ab5Uf[data-focus-visible] {
1403
+ .Button-module__hop-Button--upsell___1odMt[data-hovered],
1404
+ .Button-module__hop-Button--upsell___1odMt[data-focus-visible] {
1398
1405
  --background-color: var(--hop-Button-upsell-background-color-hover);
1399
1406
  --color: var(--hop-Button-upsell-color-hover);
1400
1407
  --border: var(--hop-Button-upsell-border-hover);
1401
1408
  }
1402
- .Button-module__hop-Button--upsell___ab5Uf[data-pressed] {
1409
+ .Button-module__hop-Button--upsell___1odMt[data-pressed] {
1403
1410
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1404
1411
  --color: var(--hop-Button-upsell-color-pressed);
1405
1412
  --border: var(--hop-Button-upsell-border-pressed);
1406
1413
  }
1407
- .Button-module__hop-Button--danger___vGqCj {
1414
+ .Button-module__hop-Button--danger___nvNVv {
1408
1415
  --background-color: var(--hop-Button-danger-background-color);
1409
1416
  --color: var(--hop-Button-danger-color);
1410
1417
  --border: var(--hop-Button-danger-border);
1411
1418
  --spinner-color: var(--hop-Button-danger-spinner-color);
1412
1419
  }
1413
- .Button-module__hop-Button--danger___vGqCj[data-hovered],
1414
- .Button-module__hop-Button--danger___vGqCj[data-focus-visible] {
1420
+ .Button-module__hop-Button--danger___nvNVv[data-hovered],
1421
+ .Button-module__hop-Button--danger___nvNVv[data-focus-visible] {
1415
1422
  --background-color: var(--hop-Button-danger-background-color-hover);
1416
1423
  --color: var(--hop-Button-danger-color-hover);
1417
1424
  --border: var(--hop-Button-danger-border-hover);
1418
1425
  }
1419
- .Button-module__hop-Button--danger___vGqCj[data-pressed] {
1426
+ .Button-module__hop-Button--danger___nvNVv[data-pressed] {
1420
1427
  --background-color: var(--hop-Button-danger-background-color-pressed);
1421
1428
  --color: var(--hop-Button-danger-color-pressed);
1422
1429
  --border: var(--hop-Button-danger-border-pressed);
1423
1430
  }
1424
- .Button-module__hop-Button--ghost-primary___K1fli {
1431
+ .Button-module__hop-Button--ghost-primary___XUMG1 {
1425
1432
  --background-color: var(--hop-Button-ghost-primary-background-color);
1426
1433
  --color: var(--hop-Button-ghost-primary-color);
1427
1434
  --border: var(--hop-Button-ghost-primary-border);
1428
1435
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1429
1436
  }
1430
- .Button-module__hop-Button--ghost-primary___K1fli[data-hovered],
1431
- .Button-module__hop-Button--ghost-primary___K1fli[data-focus-visible] {
1437
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-hovered],
1438
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-focus-visible] {
1432
1439
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1433
1440
  --color: var(--hop-Button-ghost-primary-color-hover);
1434
1441
  --border: var(--hop-Button-ghost-primary-border-hover);
1435
1442
  --text-underline: underline;
1436
1443
  }
1437
- .Button-module__hop-Button--ghost-primary___K1fli[data-pressed] {
1444
+ .Button-module__hop-Button--ghost-primary___XUMG1[data-pressed] {
1438
1445
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1439
1446
  --color: var(--hop-Button-ghost-primary-color-pressed);
1440
1447
  --border: var(--hop-Button-ghost-primary-border-pressed);
1441
1448
  --text-underline: underline;
1442
1449
  }
1443
- .Button-module__hop-Button--ghost-secondary___5MtDQ {
1450
+ .Button-module__hop-Button--ghost-secondary___YirRd {
1444
1451
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1445
1452
  --color: var(--hop-Button-ghost-secondary-color);
1446
1453
  --border: var(--hop-Button-ghost-secondary-border);
1447
1454
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1448
1455
  }
1449
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-hovered],
1450
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-focus-visible] {
1456
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-hovered],
1457
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-focus-visible] {
1451
1458
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1452
1459
  --color: var(--hop-Button-ghost-secondary-color-hover);
1453
1460
  --border: var(--hop-Button-ghost-secondary-border-hover);
1454
1461
  --text-underline: underline;
1455
1462
  }
1456
- .Button-module__hop-Button--ghost-secondary___5MtDQ[data-pressed] {
1463
+ .Button-module__hop-Button--ghost-secondary___YirRd[data-pressed] {
1457
1464
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1458
1465
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1459
1466
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1460
1467
  --text-underline: underline;
1461
1468
  }
1462
- .Button-module__hop-Button--ghost-danger___F83U0 {
1469
+ .Button-module__hop-Button--ghost-danger___J37kT {
1463
1470
  --background-color: var(--hop-Button-ghost-danger-background-color);
1464
1471
  --color: var(--hop-Button-ghost-danger-color);
1465
1472
  --border: var(--hop-Button-ghost-danger-border);
1466
1473
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1467
1474
  }
1468
- .Button-module__hop-Button--ghost-danger___F83U0[data-hovered],
1469
- .Button-module__hop-Button--ghost-danger___F83U0[data-focus-visible] {
1475
+ .Button-module__hop-Button--ghost-danger___J37kT[data-hovered],
1476
+ .Button-module__hop-Button--ghost-danger___J37kT[data-focus-visible] {
1470
1477
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1471
1478
  --color: var(--hop-Button-ghost-danger-color-hover);
1472
1479
  --border: var(--hop-Button-ghost-danger-border-hover);
1473
1480
  --text-underline: underline;
1474
1481
  }
1475
- .Button-module__hop-Button--ghost-danger___F83U0[data-pressed] {
1482
+ .Button-module__hop-Button--ghost-danger___J37kT[data-pressed] {
1476
1483
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1477
1484
  --color: var(--hop-Button-ghost-danger-color-pressed);
1478
1485
  --border: var(--hop-Button-ghost-danger-border-pressed);
1479
1486
  --text-underline: underline;
1480
1487
  }
1481
- .Button-module__hop-Button___M1srN[data-focus-visible] {
1488
+ .Button-module__hop-Button___drz4z[data-focus-visible] {
1482
1489
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1483
1490
  }
1484
- .Button-module__hop-Button___M1srN[data-disabled],
1485
- .Button-module__hop-Button--loading___PvMXo {
1491
+ .Button-module__hop-Button___drz4z[data-disabled],
1492
+ .Button-module__hop-Button--loading___Vt2Li {
1486
1493
  cursor: not-allowed;
1487
1494
  }
1488
- .Button-module__hop-Button___M1srN[data-disabled] {
1495
+ .Button-module__hop-Button___drz4z[data-disabled] {
1489
1496
  --background-color: var(--hop-Button-background-color-disabled);
1490
1497
  --color: var(--hop-Button-color-disabled);
1491
1498
  --border: var(--hop-Button-border-disabled);
1492
1499
  }
1493
- .Button-module__hop-Button___M1srN[class*=--ghost][data-disabled] {
1500
+ .Button-module__hop-Button___drz4z[class*=--ghost][data-disabled] {
1494
1501
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1495
1502
  --color: var(--hop-Button-ghost-color-disabled);
1496
1503
  --border: var(--hop-Button-ghost-border-disabled);
1497
1504
  }
1498
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--primary___hqlO9 {
1505
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--primary___gQcR4 {
1499
1506
  --background-color: var(--hop-Button-primary-background-color);
1500
1507
  --color: var(--hop-Button-primary-color);
1501
1508
  --border: var(--hop-Button-primary-border);
1502
1509
  }
1503
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--secondary___eeNTL {
1510
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--secondary___iPATA {
1504
1511
  --background-color: var(--hop-Button-secondary-background-color);
1505
1512
  --color: var(--hop-Button-secondary-color);
1506
1513
  --border: var(--hop-Button-secondary-border);
1507
1514
  }
1508
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--upsell___ab5Uf {
1515
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--upsell___1odMt {
1509
1516
  --background-color: var(--hop-Button-upsell-background-color);
1510
1517
  --color: var(--hop-Button-upsell-color);
1511
1518
  --border: var(--hop-Button-upsell-border);
1512
1519
  }
1513
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--danger___vGqCj {
1520
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--danger___nvNVv {
1514
1521
  --background-color: var(--hop-Button-danger-background-color);
1515
1522
  --color: var(--hop-Button-danger-color);
1516
1523
  --border: var(--hop-Button-danger-border);
1517
1524
  }
1518
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-primary___K1fli {
1525
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-primary___XUMG1 {
1519
1526
  --background-color: var(--hop-Button-ghost-primary-background-color);
1520
1527
  --color: var(--hop-Button-ghost-primary-color);
1521
1528
  --border: var(--hop-Button-ghost-primary-border);
1522
1529
  --text-underline: none;
1523
1530
  }
1524
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-secondary___5MtDQ {
1531
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-secondary___YirRd {
1525
1532
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1526
1533
  --color: var(--hop-Button-ghost-secondary-color);
1527
1534
  --border: var(--hop-Button-ghost-secondary-border);
1528
1535
  --text-underline: none;
1529
1536
  }
1530
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button--ghost-danger___F83U0 {
1537
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button--ghost-danger___J37kT {
1531
1538
  --background-color: var(--hop-Button-ghost-danger-background-color);
1532
1539
  --color: var(--hop-Button-ghost-danger-color);
1533
1540
  --border: var(--hop-Button-ghost-danger-border);
1534
1541
  --text-underline: none;
1535
1542
  }
1536
- .Button-module__hop-Button__Spinner___oJ124 {
1543
+ .Button-module__hop-Button__Spinner___qFcTX {
1537
1544
  position: absolute;
1538
1545
  color: var(--spinner-color);
1539
1546
  }
1540
- .Button-module__hop-Button__icon___3qLql,
1541
- .Button-module__hop-Button__icon-list___8YvWB {
1547
+ .Button-module__hop-Button__icon___i0bX0,
1548
+ .Button-module__hop-Button__icon-list___h-l1l {
1542
1549
  flex: 0 0 auto;
1543
1550
  justify-self: end;
1544
1551
  order: 1;
1545
1552
  }
1546
- .Button-module__hop-Button__text___LAcjY {
1553
+ .Button-module__hop-Button__text___gW1zi {
1547
1554
  user-select: none;
1548
1555
  overflow: visible;
1549
1556
  flex: 0 1 auto;
@@ -1553,57 +1560,57 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1553
1560
  text-underline-offset: 0.125rem;
1554
1561
  text-wrap: nowrap;
1555
1562
  }
1556
- .Button-module__hop-Button__end-icon___-fm8M,
1557
- .Button-module__hop-Button__end-icon-list___yI0-C {
1563
+ .Button-module__hop-Button__end-icon___H4Qu5,
1564
+ .Button-module__hop-Button__end-icon-list___k4l7m {
1558
1565
  flex: 0 0 auto;
1559
1566
  order: 3;
1560
1567
  }
1561
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__icon-list___8YvWB,
1562
- .Button-module__hop-Button___M1srN .Button-module__hop-Button__end-icon-list___yI0-C {
1568
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__icon-list___h-l1l,
1569
+ .Button-module__hop-Button___drz4z .Button-module__hop-Button__end-icon-list___k4l7m {
1563
1570
  flex-wrap: nowrap;
1564
1571
  }
1565
- .Button-module__hop-Button--loading___PvMXo.Button-module__hop-Button___M1srN > *:not(.Button-module__hop-Button__Spinner___oJ124) {
1572
+ .Button-module__hop-Button--loading___Vt2Li.Button-module__hop-Button___drz4z > *:not(.Button-module__hop-Button__Spinner___qFcTX) {
1566
1573
  opacity: 0;
1567
1574
  }
1568
- .LinkButton-module__hop-LinkButton___H8H5- {
1575
+ .LinkButton-module__hop-LinkButton___hlYkA {
1569
1576
  }
1570
- .LinkButton-module__hop-LinkButton--fluid___BxWfs {
1577
+ .LinkButton-module__hop-LinkButton--fluid___iCMfM {
1571
1578
  }
1572
- .LinkButton-module__hop-LinkButton--sm___PaGWC {
1579
+ .LinkButton-module__hop-LinkButton--sm___yzSw4 {
1573
1580
  }
1574
- .LinkButton-module__hop-LinkButton--icon-only___Erzzh {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___DGxSD {
1575
1582
  }
1576
- .LinkButton-module__hop-LinkButton--primary___2G641 {
1583
+ .LinkButton-module__hop-LinkButton--primary___l-P07 {
1577
1584
  }
1578
- .LinkButton-module__hop-LinkButton--secondary___OxMQu {
1585
+ .LinkButton-module__hop-LinkButton--secondary___37NV- {
1579
1586
  }
1580
- .LinkButton-module__hop-LinkButton--upsell___fl-AY {
1587
+ .LinkButton-module__hop-LinkButton--upsell___cIPT- {
1581
1588
  }
1582
- .LinkButton-module__hop-LinkButton--danger___Scoar {
1589
+ .LinkButton-module__hop-LinkButton--danger___6bQIM {
1583
1590
  }
1584
- .LinkButton-module__hop-LinkButton--ghost-primary___qMDz- {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___yKI9C {
1585
1592
  }
1586
- .LinkButton-module__hop-LinkButton--ghost-secondary___6LD8Q {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ {
1587
1594
  }
1588
- .LinkButton-module__hop-LinkButton--ghost-danger___ouoq5 {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___mT1c- {
1589
1596
  }
1590
- .LinkButton-module__hop-LinkButton__Spinner___e2ijE {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___wDyVO {
1591
1598
  }
1592
- .LinkButton-module__hop-LinkButton__icon___sZuxo,
1593
- .LinkButton-module__hop-LinkButton__icon-list___kQDmx {
1599
+ .LinkButton-module__hop-LinkButton__icon___CjXqw,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___fJZQG {
1594
1601
  }
1595
- .LinkButton-module__hop-LinkButton__text___jrGDA {
1602
+ .LinkButton-module__hop-LinkButton__text___PNN59 {
1596
1603
  }
1597
- .LinkButton-module__hop-LinkButton__end-icon___sYwVy,
1598
- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___bC5qj,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1599
1606
  }
1600
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__icon-list___kQDmx,
1601
- .LinkButton-module__hop-LinkButton___H8H5- .LinkButton-module__hop-LinkButton__end-icon-list___3Z71y {
1607
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__icon-list___fJZQG,
1608
+ .LinkButton-module__hop-LinkButton___hlYkA .LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 {
1602
1609
  flex-wrap: nowrap;
1603
1610
  }
1604
1611
 
1605
1612
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/BaseModal.module.css/#css-module-data */
1606
- .BaseModal-module__hop-BaseModal___cjAtF {
1613
+ .BaseModal-module__hop-BaseModal___Qo71H {
1607
1614
  --hop-BaseModal-isolation: isolate;
1608
1615
  --hop-BaseModal-position: fixed;
1609
1616
  --hop-BaseModal-inset: 0;
@@ -1645,7 +1652,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1645
1652
  background-color: var(--hop-BaseModal-background-color);
1646
1653
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
1647
1654
  }
1648
- .BaseModal-module__hop-BaseModal__modal___BPJoS {
1655
+ .BaseModal-module__hop-BaseModal__modal___8G06D {
1649
1656
  --hop-BaseModal__modal-display: flex;
1650
1657
  --hop-BaseModal__modal-flex-direction: column;
1651
1658
  --hop-BaseModal__modal-max-inline-size: 90vw;
@@ -1683,53 +1690,53 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1683
1690
  transition: var(--hop-BaseModal__modal-transition);
1684
1691
  }
1685
1692
  @media screen and (min-width: 48rem) {
1686
- .BaseModal-module__hop-BaseModal--image___z4NDX .BaseModal-module__hop-BaseModal__modal___BPJoS {
1693
+ .BaseModal-module__hop-BaseModal--image___W7f5S .BaseModal-module__hop-BaseModal__modal___8G06D {
1687
1694
  --image-size: 16rem;
1688
1695
  }
1689
1696
  }
1690
- .BaseModal-module__hop-BaseModal___cjAtF[data-entering] {
1697
+ .BaseModal-module__hop-BaseModal___Qo71H[data-entering] {
1691
1698
  opacity: var(--hop-BaseModal-entering-opacity);
1692
1699
  }
1693
- .BaseModal-module__hop-BaseModal___cjAtF[data-entering] .BaseModal-module__hop-BaseModal__modal___BPJoS {
1700
+ .BaseModal-module__hop-BaseModal___Qo71H[data-entering] .BaseModal-module__hop-BaseModal__modal___8G06D {
1694
1701
  transform: var(--hop-BaseModal__modal-entering-transform);
1695
1702
  opacity: var(--hop-BaseModal__modal-entering-opacity);
1696
1703
  }
1697
- .BaseModal-module__hop-BaseModal___cjAtF[data-exiting] {
1704
+ .BaseModal-module__hop-BaseModal___Qo71H[data-exiting] {
1698
1705
  opacity: var(--hop-BaseModal-exiting-opacity);
1699
1706
  }
1700
- .BaseModal-module__hop-BaseModal___cjAtF[data-exiting] .BaseModal-module__hop-BaseModal__modal___BPJoS {
1707
+ .BaseModal-module__hop-BaseModal___Qo71H[data-exiting] .BaseModal-module__hop-BaseModal__modal___8G06D {
1701
1708
  opacity: var(--hop-BaseModal__modal-exiting-opacity);
1702
1709
  transition: var(--hop-BaseModal__modal-exiting-transition);
1703
1710
  }
1704
- .BaseModal-module__hop-BaseModal--sm___eWu2W .BaseModal-module__hop-BaseModal__modal___BPJoS {
1711
+ .BaseModal-module__hop-BaseModal--sm___2-gLF .BaseModal-module__hop-BaseModal__modal___8G06D {
1705
1712
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-sm-width));
1706
1713
  }
1707
- .BaseModal-module__hop-BaseModal--md___H6iWg .BaseModal-module__hop-BaseModal__modal___BPJoS {
1714
+ .BaseModal-module__hop-BaseModal--md___NcjCJ .BaseModal-module__hop-BaseModal__modal___8G06D {
1708
1715
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-md-width));
1709
1716
  }
1710
- .BaseModal-module__hop-BaseModal--lg___n-pA- .BaseModal-module__hop-BaseModal__modal___BPJoS {
1717
+ .BaseModal-module__hop-BaseModal--lg___jycBo .BaseModal-module__hop-BaseModal__modal___8G06D {
1711
1718
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-lg-width));
1712
1719
  }
1713
- .BaseModal-module__hop-BaseModal--xl___sbtfC .BaseModal-module__hop-BaseModal__modal___BPJoS {
1720
+ .BaseModal-module__hop-BaseModal--xl___k2ftB .BaseModal-module__hop-BaseModal__modal___8G06D {
1714
1721
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-xl-width));
1715
1722
  }
1716
- .BaseModal-module__hop-BaseModal--fullscreen___5-Ikm .BaseModal-module__hop-BaseModal__modal___BPJoS {
1723
+ .BaseModal-module__hop-BaseModal--fullscreen___rPSA- .BaseModal-module__hop-BaseModal__modal___8G06D {
1717
1724
  --width: var(--hop-BaseModal__modal-fullscreen-width);
1718
1725
  --height: var(--hop-BaseModal__modal-fullscreen-height);
1719
1726
  }
1720
- .BaseModal-module__hop-BaseModal--fullscreentakeover___ZXCtS .BaseModal-module__hop-BaseModal__modal___BPJoS {
1727
+ .BaseModal-module__hop-BaseModal--fullscreentakeover___Y3wNK .BaseModal-module__hop-BaseModal__modal___8G06D {
1721
1728
  --width: var(--hop-BaseModal__modal-fullscreentakeover-width);
1722
1729
  --height: var(--hop-BaseModal__modal-fullscreentakeover-height);
1723
1730
  --border-radius: var(--hop-BaseModal__modal-fullscreentakeover-border-radius);
1724
1731
  }
1725
- .BaseModal-module__hop-BaseModal--fullscreen___5-Ikm .BaseModal-module__hop-BaseModal__modal___BPJoS,
1726
- .BaseModal-module__hop-BaseModal--fullscreentakeover___ZXCtS .BaseModal-module__hop-BaseModal__modal___BPJoS {
1732
+ .BaseModal-module__hop-BaseModal--fullscreen___rPSA- .BaseModal-module__hop-BaseModal__modal___8G06D,
1733
+ .BaseModal-module__hop-BaseModal--fullscreentakeover___Y3wNK .BaseModal-module__hop-BaseModal__modal___8G06D {
1727
1734
  --max-inline-size: var(--hop-BaseModal__modal-fullscreen-max-width);
1728
1735
  --max-block-size: var(--hop-BaseModal__modal-fullscreen-max-height);
1729
1736
  }
1730
1737
 
1731
1738
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/CustomModal.module.css/#css-module-data */
1732
- .CustomModal-module__hop-CustomModal___vgagD {
1739
+ .CustomModal-module__hop-CustomModal___CihLj {
1733
1740
  --hop-CustomModal-overflow: auto;
1734
1741
  --hop-CustomModal-box-sizing: border-box;
1735
1742
  --hop-CustomModal-outline: none;
@@ -1743,21 +1750,21 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1743
1750
  }
1744
1751
 
1745
1752
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
1746
- .Image-module__hop-Image___DpJNf {
1753
+ .Image-module__hop-Image___X5QV3 {
1747
1754
  display: block;
1748
1755
  max-inline-size: 100%;
1749
1756
  block-size: auto;
1750
1757
  vertical-align: middle;
1751
1758
  }
1752
- .Image-module__hop-Image--rounded___ATvJx {
1759
+ .Image-module__hop-Image--rounded___TCBGO {
1753
1760
  border-radius: var(--hop-shape-rounded-md);
1754
1761
  }
1755
- .Image-module__hop-Image--circular___03usM {
1762
+ .Image-module__hop-Image--circular___s6514 {
1756
1763
  border-radius: var(--hop-shape-circle);
1757
1764
  }
1758
1765
 
1759
1766
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/SvgImage.module.css/#css-module-data */
1760
- .SvgImage-module__hop-SvgImage___PGHot {
1767
+ .SvgImage-module__hop-SvgImage___WqqEa {
1761
1768
  display: block;
1762
1769
  max-inline-size: 100%;
1763
1770
  block-size: auto;
@@ -1765,7 +1772,7 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1765
1772
  }
1766
1773
 
1767
1774
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/Modal.module.css/#css-module-data */
1768
- .Modal-module__hop-Modal___Sox26 {
1775
+ .Modal-module__hop-Modal___Ei--r {
1769
1776
  --hop-Modal-position: relative;
1770
1777
  --hop-Modal-overflow: auto;
1771
1778
  --hop-Modal-display: grid;
@@ -1773,12 +1780,12 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1773
1780
  --hop-Modal-outline: none;
1774
1781
  --hop-Modal-margin: var(--hop-space-inset-lg);
1775
1782
  --hop-Modal-color: var(--hop-neutral-text);
1776
- --hop-Modal-grid-template: "image image image" 12rem "heading heading header" auto "content content content" auto "footer footer buttons" auto / auto auto auto;
1783
+ --hop-Modal-grid-template: "image image" 12rem "top top" auto "content content" auto "bottom bottom" auto / auto auto;
1777
1784
  --hop-Modal-content-font-size: var(--hop-body-sm-font-size);
1778
1785
  --hop-Modal-content-font-family: var(--hop-body-sm-font-family);
1779
1786
  --hop-Modal-content-font-weight: var(--hop-body-sm-font-weight);
1780
1787
  --hop-Modal-content-line-height: var(--hop-body-sm-line-height);
1781
- --hop-Modal-large-grid-template: "image heading header" auto "image content content" auto "image footer buttons" auto / 16rem auto auto;
1788
+ --hop-Modal-large-grid-template: "image top" auto "image content" 1fr "image bottom" auto / 16rem auto;
1782
1789
  --grid-template: var(--hop-Modal-grid-template);
1783
1790
  position: var(--hop-Modal-position);
1784
1791
  overflow: var(--hop-Modal-overflow);
@@ -1790,26 +1797,33 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1790
1797
  border-radius: inherit;
1791
1798
  outline: var(--hop-Modal-outline);
1792
1799
  }
1793
- .Modal-module__hop-Modal___Sox26:not(.Modal-module__hop-Modal--fullscreen___VUNFG, .Modal-module__hop-Modal--fullscreentakeover___M4S0n) {
1794
- @media screen and (min-width: 49rem) {
1795
- --grid-template: var(--hop-Modal-large-grid-template);
1796
- }
1800
+ .Modal-module__hop-Modal__top-container___bA5g3 {
1801
+ display: grid;
1802
+ grid-area: top;
1803
+ grid-template: "heading header" auto / 1fr auto;
1797
1804
  }
1798
- .Modal-module__hop-Modal___Sox26:not(:has(> .Modal-module__hop-Modal__image___4H4ef)) {
1799
- --grid-template: "heading heading header" auto "content content content" auto "footer footer buttons" auto / auto auto auto;
1800
- :not(.Modal-module__hop-Modal--fullscreen___VUNFG),
1801
- :not(.Modal-module__hop-Modal--fullscreentakeover___M4S0n) {
1802
- @media screen and (min-width: 49rem) {
1803
- --grid-template: "heading header" auto "content content" auto "footer buttons" auto / auto auto;
1804
- }
1805
+ .Modal-module__hop-Modal__bottom-container___gOf9- {
1806
+ display: grid;
1807
+ grid-area: bottom;
1808
+ grid-template: "footer buttons" auto / 1fr auto;
1809
+ }
1810
+ .Modal-module__hop-Modal___Ei--r:not(.Modal-module__hop-Modal--has-image___Cl1Cz) {
1811
+ --grid-template: "top top" auto "content content" 1fr "bottom bottom" auto / auto auto;
1812
+ }
1813
+ @media screen and (min-width: 49rem) {
1814
+ .Modal-module__hop-Modal___Ei--r:not(.Modal-module__hop-Modal--has-image___Cl1Cz, .Modal-module__hop-Modal--fullscreen___4buL0, .Modal-module__hop-Modal--fullscreenTakeover___-YGbR) {
1815
+ --grid-template: "top top" auto "content content" auto "bottom bottom" auto / auto auto;
1816
+ }
1817
+ .Modal-module__hop-Modal___Ei--r.Modal-module__hop-Modal--has-image___Cl1Cz:not(.Modal-module__hop-Modal--fullscreen___4buL0, .Modal-module__hop-Modal--fullscreenTakeover___-YGbR) {
1818
+ --grid-template: var(--hop-Modal-large-grid-template);
1805
1819
  }
1806
1820
  }
1807
- .Modal-module__hop-Modal__close___hf6Iy {
1821
+ .Modal-module__hop-Modal__close___n6bxv {
1808
1822
  position: absolute;
1809
1823
  inset-block-start: var(--hop-Modal-margin);
1810
1824
  inset-inline-end: var(--hop-Modal-margin);
1811
1825
  }
1812
- .Modal-module__hop-Modal___Sox26 > img.Modal-module__hop-Modal__image___4H4ef {
1826
+ .Modal-module__hop-Modal___Ei--r > .Modal-module__hop-Modal__image___Y8e77 {
1813
1827
  --hop-Modal-image-inline-size: 100%;
1814
1828
  --hop-Modal-image-block-size: 100%;
1815
1829
  --hop-Modal-image-object-fit: cover;
@@ -1818,68 +1832,73 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1818
1832
  block-size: var(--hop-Modal-image-block-size);
1819
1833
  object-fit: var(--hop-Modal-image-object-fit);
1820
1834
  }
1821
- .Modal-module__hop-Modal___Sox26 > .Modal-module__hop-Modal__heading___6vBxb {
1835
+ .Modal-module__hop-Modal__heading___jPz-7 {
1822
1836
  grid-area: heading;
1823
1837
  margin-block-start: var(--hop-Modal-margin);
1824
1838
  margin-inline: var(--hop-Modal-margin);
1825
1839
  }
1826
- .Modal-module__hop-Modal___Sox26 > .Modal-module__hop-Modal__header___YaD1u {
1840
+ .Modal-module__hop-Modal__header___oNd92 {
1827
1841
  grid-area: header;
1828
1842
  place-self: center end;
1829
1843
  margin-block-start: var(--hop-Modal-margin);
1830
- margin-inline: var(--hop-Modal-margin);
1844
+ margin-inline-start: var(--hop-Modal-margin);
1831
1845
  }
1832
- .Modal-module__hop-Modal___Sox26 > .Modal-module__hop-Modal__content___ouFru {
1846
+ .Modal-module__hop-Modal__content___LQcDa {
1833
1847
  overflow-y: auto;
1834
1848
  grid-area: content;
1835
1849
  margin: var(--hop-Modal-margin);
1836
- font-family: var(--hop-Callout-content-font-family);
1837
- font-size: var(--hop-Callout-content-font-size);
1838
- font-weight: var(--hop-Callout-content-font-weight);
1839
- line-height: var(--hop-Callout-content-line-height);
1840
- @media (max-height: 24rem) {
1850
+ font-family: var(--hop-Modal-content-font-family);
1851
+ font-size: var(--hop-Modal-content-font-size);
1852
+ font-weight: var(--hop-Modal-content-font-weight);
1853
+ line-height: var(--hop-Modal-content-line-height);
1854
+ }
1855
+ @media (max-height: 24rem) {
1856
+ .Modal-module__hop-Modal__content___LQcDa {
1841
1857
  overflow-y: visible;
1842
1858
  }
1843
1859
  }
1844
- .Modal-module__hop-Modal___Sox26 > .Modal-module__hop-Modal__footer___1eneO {
1860
+ .Modal-module__hop-Modal__footer___GBCoi {
1845
1861
  grid-area: footer;
1846
1862
  align-self: center;
1847
1863
  margin-block-end: var(--hop-Modal-margin);
1848
1864
  margin-inline: var(--hop-Modal-margin);
1849
1865
  }
1850
- .Modal-module__hop-Modal___Sox26 > .Modal-module__hop-Modal__button___ITRmm {
1866
+ .Modal-module__hop-Modal__button___XPYVr {
1851
1867
  grid-area: buttons;
1852
1868
  place-self: center end;
1853
1869
  margin-block-end: var(--hop-Modal-margin);
1854
1870
  margin-inline: var(--hop-Modal-margin);
1855
1871
  }
1856
- .Modal-module__hop-Modal___Sox26 > div.Modal-module__hop-Modal__button-group___MOZRN {
1872
+ .Modal-module__hop-Modal__button-group___5-j-Q {
1857
1873
  grid-area: buttons;
1858
1874
  flex-wrap: nowrap;
1859
1875
  place-self: center end;
1860
1876
  margin-block-end: var(--hop-Modal-margin);
1861
1877
  margin-inline: var(--hop-Modal-margin);
1862
1878
  }
1863
- .Modal-module__hop-Modal___Sox26:has(.Modal-module__hop-Modal__close___hf6Iy) > .Modal-module__hop-Modal__header___YaD1u,
1864
- .Modal-module__hop-Modal___Sox26:has(.Modal-module__hop-Modal__close___hf6Iy) > .Modal-module__hop-Modal__heading___6vBxb {
1865
- margin-inline-end: calc(var(--hop-Modal-margin) + 2rem);
1879
+ .Modal-module__hop-Modal___Ei--r:has(.Modal-module__hop-Modal__close___n6bxv) > .Modal-module__hop-Modal__top-container___bA5g3 {
1880
+ margin-inline-end: calc(var(--hop-Modal-margin) + var(--hop-space-inline-md) + 1.5rem);
1881
+ }
1882
+ .Modal-module__hop-Modal___Ei--r.Modal-module__hop-Modal--has-image___Cl1Cz:has(.Modal-module__hop-Modal__close___n6bxv).Modal-module__hop-Modal--fullscreen___4buL0 > .Modal-module__hop-Modal__top-container___bA5g3,
1883
+ .Modal-module__hop-Modal___Ei--r.Modal-module__hop-Modal--has-image___Cl1Cz:has(.Modal-module__hop-Modal__close___n6bxv).Modal-module__hop-Modal--fullscreenTakeover___-YGbR > .Modal-module__hop-Modal__top-container___bA5g3 {
1884
+ margin-inline-end: var(--hop-Modal-margin);
1866
1885
  }
1867
1886
  @media screen and (max-width: 48rem) {
1868
- .Modal-module__hop-Modal___Sox26:has(.Modal-module__hop-Modal__close___hf6Iy):has(> .Modal-module__hop-Modal__image___4H4ef) > .Modal-module__hop-Modal__header___YaD1u,
1869
- .Modal-module__hop-Modal___Sox26:has(.Modal-module__hop-Modal__close___hf6Iy):has(> .Modal-module__hop-Modal__image___4H4ef) > .Modal-module__hop-Modal__heading___6vBxb {
1887
+ .Modal-module__hop-Modal___Ei--r:has(.Modal-module__hop-Modal__close___n6bxv).Modal-module__hop-Modal--has-image___Cl1Cz > .Modal-module__hop-Modal__header___oNd92,
1888
+ .Modal-module__hop-Modal___Ei--r:has(.Modal-module__hop-Modal__close___n6bxv).Modal-module__hop-Modal--has-image___Cl1Cz > .Modal-module__hop-Modal__heading___jPz-7 {
1870
1889
  margin-inline-end: var(--hop-Modal-margin);
1871
1890
  }
1872
1891
  }
1873
- .Modal-module__hop-Modal___Sox26:has(> .Modal-module__hop-Modal__header___YaD1u) > .Modal-module__hop-Modal__heading___6vBxb {
1892
+ .Modal-module__hop-Modal__top-container___bA5g3:has(> .Modal-module__hop-Modal__header___oNd92) > .Modal-module__hop-Modal__heading___jPz-7 {
1874
1893
  margin-inline-end: 0;
1875
1894
  }
1876
- .Modal-module__hop-Modal___Sox26:has(> .Modal-module__hop-Modal__button___ITRmm) > .Modal-module__hop-Modal__footer___1eneO,
1877
- .Modal-module__hop-Modal___Sox26:has(> .Modal-module__hop-Modal__button-group___MOZRN) > .Modal-module__hop-Modal__footer___1eneO {
1895
+ .Modal-module__hop-Modal__bottom-container___gOf9-:has(> .Modal-module__hop-Modal__button___XPYVr) > .Modal-module__hop-Modal__footer___GBCoi,
1896
+ .Modal-module__hop-Modal__bottom-container___gOf9-:has(> .Modal-module__hop-Modal__button-group___5-j-Q) > .Modal-module__hop-Modal__footer___GBCoi {
1878
1897
  margin-inline-end: 0;
1879
1898
  }
1880
1899
 
1881
1900
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/alert/src/Alert.module.css/#css-module-data */
1882
- .Alert-module__hop-Alert___Vin4E {
1901
+ .Alert-module__hop-Alert___3oFDr {
1883
1902
  --hop-Alert-max-inline-size: 90vw;
1884
1903
  --hop-Alert-max-block-size: 90vh;
1885
1904
  --hop-Alert-background: var(--hop-neutral-surface);
@@ -1903,39 +1922,39 @@ button.CloseButton-module__hop-CloseButton___GS-3t {
1903
1922
  border-radius: var(--border-radius);
1904
1923
  outline: var(--hop-Alert-outline);
1905
1924
  }
1906
- .Alert-module__hop-Alert__button-group___KZ47T {
1925
+ .Alert-module__hop-Alert__button-group___vOXLt {
1907
1926
  --hop-Alert_button-group-margin-top: var(--hop-space-stack-xl);
1908
1927
  grid-area: buttons;
1909
1928
  inline-size: 100%;
1910
1929
  margin-block-start: var(--hop-Alert_button-group-margin-top);
1911
1930
  }
1912
- .Alert-module__hop-Alert__button-group___KZ47T > button {
1931
+ .Alert-module__hop-Alert__button-group___vOXLt > button {
1913
1932
  flex-grow: 1;
1914
1933
  max-inline-size: 50%;
1915
1934
  }
1916
1935
  @media screen and (max-width: 30.75rem) {
1917
- .Alert-module__hop-Alert___Vin4E {
1936
+ .Alert-module__hop-Alert___3oFDr {
1918
1937
  --width: var(--hop-Alert-mobile-width);
1919
1938
  --padding: var(--hop-Alert-mobile-padding);
1920
1939
  --hop-Alert-grid-template: "close" auto "heading" auto "content" auto "buttons" auto / 1fr;
1921
1940
  }
1922
- .Alert-module__hop-Alert__button-group___KZ47T {
1941
+ .Alert-module__hop-Alert__button-group___vOXLt {
1923
1942
  inline-size: 100%;
1924
1943
  }
1925
- .Alert-module__hop-Alert__button-group___KZ47T > button {
1944
+ .Alert-module__hop-Alert__button-group___vOXLt > button {
1926
1945
  inline-size: 100%;
1927
1946
  max-inline-size: unset;
1928
1947
  }
1929
1948
  }
1930
- .Alert-module__hop-Alert__heading___uIt5S {
1949
+ .Alert-module__hop-Alert__heading___Sdnnh {
1931
1950
  grid-area: heading;
1932
1951
  }
1933
- .Alert-module__hop-Alert__close___KRXqw {
1952
+ .Alert-module__hop-Alert__close___h77zN {
1934
1953
  --hop-Alert-close-justify-self: end;
1935
1954
  grid-area: close;
1936
1955
  justify-self: var(--hop-Alert-close-justify-self);
1937
1956
  }
1938
- .Alert-module__hop-Alert__content___LSJnJ {
1957
+ .Alert-module__hop-Alert__content___8pula {
1939
1958
  --hop-Alert__content-margin-top: var(--hop-space-stack-md);
1940
1959
  grid-area: content;
1941
1960
  margin-block-start: var(--hop-Alert__content-margin-top);