@hopper-ui/components 1.5.4 → 1.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (302) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/Accordion/src/Accordion.css +69 -68
  3. package/dist/Accordion/src/Accordion.js +2 -2
  4. package/dist/Accordion/src/index.css +69 -68
  5. package/dist/Accordion/src/index.js +2 -2
  6. package/dist/Avatar/src/AnonymousAvatar.css +39 -38
  7. package/dist/Avatar/src/AnonymousAvatar.js +5 -5
  8. package/dist/Avatar/src/Avatar.css +57 -56
  9. package/dist/Avatar/src/Avatar.js +8 -8
  10. package/dist/Avatar/src/DeletedAvatar.css +39 -38
  11. package/dist/Avatar/src/DeletedAvatar.js +5 -5
  12. package/dist/Avatar/src/RichIconAvatarImage.css +39 -38
  13. package/dist/Avatar/src/RichIconAvatarImage.js +3 -3
  14. package/dist/Avatar/src/index.css +57 -56
  15. package/dist/Avatar/src/index.js +10 -10
  16. package/dist/Badge/src/Badge.css +44 -43
  17. package/dist/Badge/src/Badge.js +5 -5
  18. package/dist/Badge/src/FloatingBadge.css +39 -38
  19. package/dist/Badge/src/FloatingBadge.js +4 -4
  20. package/dist/Badge/src/index.css +54 -53
  21. package/dist/Badge/src/index.js +8 -8
  22. package/dist/Callout/src/Callout.css +280 -263
  23. package/dist/Callout/src/Callout.js +12 -12
  24. package/dist/Callout/src/CompactCallout.css +301 -300
  25. package/dist/Callout/src/CompactCallout.js +13 -13
  26. package/dist/Callout/src/index.css +329 -312
  27. package/dist/Callout/src/index.js +14 -14
  28. package/dist/Card/src/Card.css +32 -31
  29. package/dist/Card/src/Card.js +1 -1
  30. package/dist/Card/src/index.css +32 -31
  31. package/dist/Card/src/index.js +1 -1
  32. package/dist/ComboBox/src/ComboBox.css +649 -654
  33. package/dist/ComboBox/src/ComboBox.js +25 -25
  34. package/dist/ComboBox/src/index.css +649 -654
  35. package/dist/ComboBox/src/index.js +25 -25
  36. package/dist/Disclosure/src/Disclosure.css +39 -38
  37. package/dist/Disclosure/src/Disclosure.js +2 -2
  38. package/dist/Disclosure/src/DisclosureHeader.css +46 -45
  39. package/dist/Disclosure/src/DisclosureHeader.js +10 -10
  40. package/dist/Disclosure/src/DisclosurePanel.css +39 -38
  41. package/dist/Disclosure/src/DisclosurePanel.js +10 -10
  42. package/dist/Disclosure/src/index.css +64 -63
  43. package/dist/Disclosure/src/index.js +13 -13
  44. package/dist/Divider/src/Divider.css +31 -30
  45. package/dist/Divider/src/Divider.js +1 -1
  46. package/dist/Divider/src/index.css +31 -30
  47. package/dist/Divider/src/index.js +1 -1
  48. package/dist/ErrorMessage/src/ErrorMessage.css +31 -30
  49. package/dist/ErrorMessage/src/ErrorMessage.js +5 -5
  50. package/dist/ErrorMessage/src/index.css +31 -30
  51. package/dist/ErrorMessage/src/index.js +5 -5
  52. package/dist/Form/src/Form.css +29 -28
  53. package/dist/Form/src/Form.js +1 -1
  54. package/dist/Form/src/index.css +29 -28
  55. package/dist/Form/src/index.js +1 -1
  56. package/dist/HelperMessage/src/HelperMessage.css +31 -30
  57. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  58. package/dist/HelperMessage/src/index.css +31 -30
  59. package/dist/HelperMessage/src/index.js +3 -3
  60. package/dist/HopperProvider/src/HopperProvider.js +1 -2
  61. package/dist/HopperProvider/src/index.js +1 -2
  62. package/dist/IconList/src/IconList.css +30 -29
  63. package/dist/IconList/src/IconList.js +1 -1
  64. package/dist/IconList/src/index.css +30 -29
  65. package/dist/IconList/src/index.js +1 -1
  66. package/dist/IllustratedMessage/src/IllustratedMessage.css +271 -270
  67. package/dist/IllustratedMessage/src/IllustratedMessage.js +1 -1
  68. package/dist/IllustratedMessage/src/index.css +271 -270
  69. package/dist/IllustratedMessage/src/index.js +1 -1
  70. package/dist/Image/src/Image.css +32 -31
  71. package/dist/Image/src/Image.js +1 -1
  72. package/dist/Image/src/SvgImage.css +30 -29
  73. package/dist/Image/src/SvgImage.js +1 -1
  74. package/dist/Image/src/index.css +33 -32
  75. package/dist/Image/src/index.js +2 -2
  76. package/dist/Link/src/Link.css +68 -67
  77. package/dist/Link/src/Link.js +9 -9
  78. package/dist/Link/src/index.css +68 -67
  79. package/dist/Link/src/index.js +9 -9
  80. package/dist/ListBox/src/ListBox.css +276 -275
  81. package/dist/ListBox/src/ListBox.js +16 -16
  82. package/dist/ListBox/src/ListBoxItem.css +264 -263
  83. package/dist/ListBox/src/ListBoxItem.js +15 -15
  84. package/dist/ListBox/src/ListBoxItemSkeleton.css +36 -35
  85. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  86. package/dist/ListBox/src/index.css +276 -275
  87. package/dist/ListBox/src/index.js +16 -16
  88. package/dist/Modal/src/BaseModal.css +44 -43
  89. package/dist/Modal/src/BaseModal.js +1 -1
  90. package/dist/Modal/src/CustomModal.css +45 -44
  91. package/dist/Modal/src/CustomModal.js +2 -2
  92. package/dist/Modal/src/Modal.css +299 -290
  93. package/dist/Modal/src/Modal.js +13 -13
  94. package/dist/Modal/src/index.css +300 -291
  95. package/dist/Modal/src/index.js +14 -14
  96. package/dist/SegmentedControl/src/SegmentedControl.css +30 -29
  97. package/dist/SegmentedControl/src/SegmentedControl.js +1 -1
  98. package/dist/SegmentedControl/src/SegmentedControlItem.css +44 -43
  99. package/dist/SegmentedControl/src/SegmentedControlItem.js +7 -7
  100. package/dist/SegmentedControl/src/index.css +45 -44
  101. package/dist/SegmentedControl/src/index.js +8 -8
  102. package/dist/Select/src/Select.css +593 -598
  103. package/dist/Select/src/Select.js +23 -23
  104. package/dist/Select/src/SelectValue.css +63 -62
  105. package/dist/Select/src/SelectValue.js +10 -10
  106. package/dist/Select/src/index.css +593 -598
  107. package/dist/Select/src/index.js +23 -23
  108. package/dist/Spinner/src/Spinner.css +39 -38
  109. package/dist/Spinner/src/Spinner.js +4 -4
  110. package/dist/Spinner/src/index.css +39 -38
  111. package/dist/Spinner/src/index.js +4 -4
  112. package/dist/Tabs/src/Tab.css +415 -414
  113. package/dist/Tabs/src/Tab.js +4 -4
  114. package/dist/Tabs/src/TabLine.css +31 -30
  115. package/dist/Tabs/src/TabLine.js +1 -1
  116. package/dist/Tabs/src/TabList.css +38 -37
  117. package/dist/Tabs/src/TabList.js +2 -2
  118. package/dist/Tabs/src/TabPanel.css +31 -30
  119. package/dist/Tabs/src/TabPanel.js +1 -1
  120. package/dist/Tabs/src/index.css +426 -425
  121. package/dist/Tabs/src/index.js +7 -7
  122. package/dist/Tile/src/Tile.css +38 -37
  123. package/dist/Tile/src/Tile.js +8 -8
  124. package/dist/Tile/src/TileGroup.css +30 -29
  125. package/dist/Tile/src/TileGroup.js +1 -1
  126. package/dist/Tile/src/index.css +39 -38
  127. package/dist/Tile/src/index.js +9 -9
  128. package/dist/ToggleArrow/src/ToggleArrow.css +31 -30
  129. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  130. package/dist/ToggleArrow/src/index.css +31 -30
  131. package/dist/ToggleArrow/src/index.js +1 -1
  132. package/dist/buttons/src/Button.css +95 -94
  133. package/dist/buttons/src/Button.js +10 -10
  134. package/dist/buttons/src/ButtonGroup.css +40 -39
  135. package/dist/buttons/src/ButtonGroup.js +1 -1
  136. package/dist/buttons/src/ClearButton.css +100 -99
  137. package/dist/buttons/src/ClearButton.js +3 -3
  138. package/dist/buttons/src/CloseButton.css +96 -95
  139. package/dist/buttons/src/CloseButton.js +11 -11
  140. package/dist/buttons/src/EmbeddedButton.css +100 -99
  141. package/dist/buttons/src/EmbeddedButton.js +2 -2
  142. package/dist/buttons/src/LinkButton.css +104 -103
  143. package/dist/buttons/src/LinkButton.js +9 -9
  144. package/dist/buttons/src/index.css +252 -251
  145. package/dist/buttons/src/index.js +15 -15
  146. package/dist/checkbox/src/Checkbox.css +48 -47
  147. package/dist/checkbox/src/Checkbox.js +9 -9
  148. package/dist/checkbox/src/CheckboxField.css +35 -34
  149. package/dist/checkbox/src/CheckboxField.js +6 -6
  150. package/dist/checkbox/src/CheckboxGroup.css +100 -99
  151. package/dist/checkbox/src/CheckboxGroup.js +9 -9
  152. package/dist/checkbox/src/DecorativeCheckbox.css +56 -55
  153. package/dist/checkbox/src/DecorativeCheckbox.js +10 -10
  154. package/dist/checkbox/src/index.css +100 -99
  155. package/dist/checkbox/src/index.js +15 -15
  156. package/dist/{chunk-G6VI64FY.js → chunk-2I6UMJYG.js} +2 -2
  157. package/dist/{chunk-SVUHBTA5.js → chunk-3BIEAJRR.js} +15 -15
  158. package/dist/{chunk-7MB55Z6C.js → chunk-3YRPMXFC.js} +5 -5
  159. package/dist/{chunk-D2EEOJH5.js → chunk-43TNRKBS.js} +10 -10
  160. package/dist/{chunk-UP2JOQE5.js → chunk-4ILGVQRZ.js} +12 -12
  161. package/dist/{chunk-N2V3HU22.js → chunk-4WB4O442.js} +3 -3
  162. package/dist/{chunk-PZCTKG24.js → chunk-5IG6U77X.js} +3 -3
  163. package/dist/{chunk-JJGWFQLU.js → chunk-5TSBUH3R.js} +1 -1
  164. package/dist/{chunk-SD643O45.js → chunk-6RGIGUM3.js} +1 -1
  165. package/dist/{chunk-KDEAWRYK.js → chunk-6TNP7CIK.js} +5 -5
  166. package/dist/{chunk-MYA5Y24X.js → chunk-7BRUGPOE.js} +3 -3
  167. package/dist/{chunk-323S35ZY.js → chunk-AY3ATCBD.js} +1 -1
  168. package/dist/{chunk-VHSULWZO.js → chunk-B7B6SJKK.js} +1 -1
  169. package/dist/{chunk-Y735TCQX.js → chunk-BOZ2UL2O.js} +5 -5
  170. package/dist/{chunk-ZWD6G4IE.js → chunk-C2VFOCA5.js} +2 -2
  171. package/dist/{chunk-JKD6UCBL.js → chunk-CD2O5FGU.js} +1 -1
  172. package/dist/{chunk-UOZHPYJU.js → chunk-COVRWTKG.js} +2 -2
  173. package/dist/{chunk-U56I5MQL.js → chunk-DVVK2IWW.js} +1 -7
  174. package/dist/{chunk-HOLEIBWR.js → chunk-E52ZMU65.js} +1 -1
  175. package/dist/{chunk-CJCA5QVZ.js → chunk-EFSPCXOV.js} +4 -4
  176. package/dist/{chunk-IY4MZA6Q.js → chunk-EPGWHQNG.js} +6 -6
  177. package/dist/{chunk-DCJCSQMO.js → chunk-F3WXYGNF.js} +6 -6
  178. package/dist/{chunk-QKTSDFAO.js → chunk-F65A7MQX.js} +2 -2
  179. package/dist/{chunk-XMRQB5W7.js → chunk-FB4B3MDJ.js} +1 -1
  180. package/dist/{chunk-HJBICOZJ.js → chunk-FGVWUGM4.js} +9 -9
  181. package/dist/{chunk-ZCR5ZJW2.js → chunk-FMO3CEFA.js} +1 -1
  182. package/dist/{chunk-YKKHKN5S.js → chunk-G6ZDVB4T.js} +2 -2
  183. package/dist/{chunk-5CKRR6L5.js → chunk-GXOMQ374.js} +6 -6
  184. package/dist/{chunk-QWHERBJN.js → chunk-HMHH6XBK.js} +2 -2
  185. package/dist/{chunk-OI7XA7N6.js → chunk-IV5R2AW3.js} +1 -1
  186. package/dist/{chunk-O7L3GNHS.js → chunk-JX3XUX5N.js} +4 -4
  187. package/dist/{chunk-SRVT3OHK.js → chunk-JZSBVJLE.js} +1 -1
  188. package/dist/{chunk-THH5PUOI.js → chunk-KD7V4SW5.js} +1 -1
  189. package/dist/{chunk-IQPOQTZH.js → chunk-KFEAIQBV.js} +3 -3
  190. package/dist/{chunk-VV6WWWDX.js → chunk-L2IUFJ4G.js} +1 -1
  191. package/dist/{chunk-QG4GHOCW.js → chunk-L3KNHPTN.js} +2 -2
  192. package/dist/{chunk-3UBUV5UU.js → chunk-LTVC7XES.js} +3 -3
  193. package/dist/{chunk-I2F5OQI2.js → chunk-MA3L3H6V.js} +1 -1
  194. package/dist/{chunk-UDPOYAZ6.js → chunk-MBMRVS3J.js} +11 -11
  195. package/dist/{chunk-LJS64MF4.js → chunk-NEOYOIBK.js} +5 -5
  196. package/dist/{chunk-YLQI2KBL.js → chunk-NXMYJN3H.js} +3 -3
  197. package/dist/{chunk-25QYB54S.js → chunk-NZCSUA3Z.js} +8 -8
  198. package/dist/{chunk-UUBMTIMZ.js → chunk-O5KTVVB7.js} +2 -2
  199. package/dist/{chunk-J73L6RNN.js → chunk-OEXGTBU2.js} +6 -6
  200. package/dist/{chunk-W2KIP33K.js → chunk-OPJHWNPW.js} +4 -4
  201. package/dist/{chunk-EW4PZSWE.js → chunk-OYXCMCLJ.js} +2 -2
  202. package/dist/{chunk-UCVHJZF5.js → chunk-P3O3SGB7.js} +5 -5
  203. package/dist/{chunk-M7EJ4XI2.js → chunk-PJAK3C2B.js} +6 -6
  204. package/dist/{chunk-65PIMCJG.js → chunk-PUGP4GGH.js} +1 -1
  205. package/dist/{chunk-YPBPTOTV.js → chunk-QENTYVQ4.js} +2 -2
  206. package/dist/{chunk-BEK5CXTQ.js → chunk-QL2TEKGT.js} +1 -1
  207. package/dist/{chunk-UE2WZGSY.js → chunk-RDRTC4SR.js} +4 -4
  208. package/dist/{chunk-A7EQKB5N.js → chunk-RTKBIBP2.js} +2 -2
  209. package/dist/{chunk-PUXGZUBL.js → chunk-SAMBVKTY.js} +1 -1
  210. package/dist/{chunk-SUEIG3RP.js → chunk-SIZ5R25W.js} +2 -2
  211. package/dist/{chunk-SYZYP5OU.js → chunk-SNP5ALJL.js} +1 -1
  212. package/dist/{chunk-3QMX2NO5.js → chunk-STWEOGPD.js} +2 -2
  213. package/dist/{chunk-2CXNY55R.js → chunk-SWYOEQBM.js} +4 -4
  214. package/dist/{chunk-QETFPQME.js → chunk-TA3IZGU7.js} +2 -2
  215. package/dist/{chunk-I3D3GJXG.js → chunk-TGU3F4ZO.js} +5 -5
  216. package/dist/{chunk-QG2Z2K7X.js → chunk-TIYKXTQ6.js} +5 -5
  217. package/dist/{chunk-ONCTG5U4.js → chunk-UD2ZTEXX.js} +1 -1
  218. package/dist/{chunk-CBS2PASZ.js → chunk-UTLBVL6Z.js} +1 -1
  219. package/dist/{chunk-KJTJDPK7.js → chunk-UUUFOLCQ.js} +10 -10
  220. package/dist/{chunk-SN6PGAZH.js → chunk-UZCTMGF2.js} +2 -2
  221. package/dist/{chunk-OWNTQXMB.js → chunk-VPLVBSSQ.js} +4 -4
  222. package/dist/{chunk-KBFEDONQ.js → chunk-WPYDNO44.js} +14 -14
  223. package/dist/{chunk-V2KP7PUC.js → chunk-WQPE5BWO.js} +1 -1
  224. package/dist/{chunk-ACEGBD36.js → chunk-WRSKAZVX.js} +1 -1
  225. package/dist/{chunk-VRMG4QFQ.js → chunk-WWTPPWCZ.js} +2 -2
  226. package/dist/{chunk-MPVQIGA2.js → chunk-XF2XWEQJ.js} +9 -9
  227. package/dist/{chunk-N76DKJWN.js → chunk-XNPM7IJB.js} +2 -2
  228. package/dist/{chunk-OUL4QY63.js → chunk-YLNLBGNO.js} +5 -5
  229. package/dist/{chunk-NPG56OYN.js → chunk-YXEZVY26.js} +1 -1
  230. package/dist/{chunk-7DKZZD3Q.js → chunk-ZK46ZAPC.js} +4 -4
  231. package/dist/index.css +970 -951
  232. package/dist/index.js +84 -84
  233. package/dist/inputs/src/Input.css +33 -32
  234. package/dist/inputs/src/Input.js +1 -1
  235. package/dist/inputs/src/InputGroup.css +35 -34
  236. package/dist/inputs/src/InputGroup.js +1 -1
  237. package/dist/inputs/src/NumberField.css +59 -58
  238. package/dist/inputs/src/NumberField.js +14 -14
  239. package/dist/inputs/src/PasswordField.css +272 -271
  240. package/dist/inputs/src/PasswordField.js +14 -14
  241. package/dist/inputs/src/RemainingCharacterCount.css +32 -31
  242. package/dist/inputs/src/RemainingCharacterCount.js +9 -9
  243. package/dist/inputs/src/SearchField.css +278 -277
  244. package/dist/inputs/src/SearchField.js +15 -15
  245. package/dist/inputs/src/TextArea.css +56 -55
  246. package/dist/inputs/src/TextArea.js +13 -13
  247. package/dist/inputs/src/TextField.css +276 -275
  248. package/dist/inputs/src/TextField.js +17 -17
  249. package/dist/inputs/src/index.css +324 -323
  250. package/dist/inputs/src/index.js +21 -21
  251. package/dist/overlays/Popover/src/Popover.css +565 -570
  252. package/dist/overlays/Popover/src/Popover.js +9 -9
  253. package/dist/overlays/Popover/src/PopoverBase.css +33 -32
  254. package/dist/overlays/Popover/src/PopoverBase.js +1 -1
  255. package/dist/overlays/Popover/src/index.css +569 -574
  256. package/dist/overlays/Popover/src/index.js +10 -10
  257. package/dist/radio/src/DecorativeRadio.css +56 -55
  258. package/dist/radio/src/DecorativeRadio.js +10 -10
  259. package/dist/radio/src/Radio.css +48 -47
  260. package/dist/radio/src/Radio.js +9 -9
  261. package/dist/radio/src/RadioField.css +35 -34
  262. package/dist/radio/src/RadioField.js +5 -5
  263. package/dist/radio/src/RadioGroup.css +100 -99
  264. package/dist/radio/src/RadioGroup.js +9 -9
  265. package/dist/radio/src/index.css +100 -99
  266. package/dist/radio/src/index.js +15 -15
  267. package/dist/switch/src/Switch.css +45 -44
  268. package/dist/switch/src/Switch.js +9 -9
  269. package/dist/switch/src/SwitchField.css +35 -34
  270. package/dist/switch/src/SwitchField.js +5 -5
  271. package/dist/switch/src/index.css +51 -50
  272. package/dist/switch/src/index.js +11 -11
  273. package/dist/tag/src/Tag.css +393 -392
  274. package/dist/tag/src/Tag.js +15 -15
  275. package/dist/tag/src/TagGroup.css +39 -38
  276. package/dist/tag/src/TagGroup.js +9 -9
  277. package/dist/tag/src/index.css +403 -402
  278. package/dist/tag/src/index.js +18 -18
  279. package/dist/typography/Heading/src/Heading.css +29 -28
  280. package/dist/typography/Heading/src/Heading.js +1 -1
  281. package/dist/typography/Heading/src/index.css +29 -28
  282. package/dist/typography/Heading/src/index.js +1 -1
  283. package/dist/typography/Label/src/Label.css +29 -28
  284. package/dist/typography/Label/src/Label.js +2 -2
  285. package/dist/typography/Label/src/index.css +29 -28
  286. package/dist/typography/Label/src/index.js +2 -2
  287. package/dist/typography/OverlineText/src/OverlineText.css +29 -28
  288. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  289. package/dist/typography/OverlineText/src/index.css +29 -28
  290. package/dist/typography/OverlineText/src/index.js +1 -1
  291. package/dist/typography/Text/src/Text.css +29 -28
  292. package/dist/typography/Text/src/Text.js +2 -2
  293. package/dist/typography/Text/src/index.css +29 -28
  294. package/dist/typography/Text/src/index.js +2 -2
  295. package/dist/utils/src/ClearSlots.css +29 -28
  296. package/dist/utils/src/EnsureTextWrapper.css +29 -28
  297. package/dist/utils/src/EnsureTextWrapper.js +7 -7
  298. package/dist/utils/src/index.css +29 -28
  299. package/dist/utils/src/index.js +9 -9
  300. package/package.json +2 -2
  301. package/dist/HopperProvider/src/HopperProvider.css +0 -243
  302. package/dist/HopperProvider/src/index.css +0 -243
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___RMvYl {
2
+ .Text-module__hop-Text___EG-9f {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___RMvYl) {
32
+ :where(.Text-module__hop-Text___EG-9f) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___AtGcC) {
38
+ :where(.Text-module__hop-Text--xs___m5ae1) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___8qDjg) {
44
+ :where(.Text-module__hop-Text--sm___P9Te6) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___OCr1h) {
50
+ :where(.Text-module__hop-Text--md___CsvdW) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___ru0qO) {
56
+ :where(.Text-module__hop-Text--lg___djVDC) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___PW1Ys) {
62
+ :where(.Text-module__hop-Text--xl___DXGRT) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___9vksQ) {
68
+ :where(.Text-module__hop-Text--2xl___a-mOu) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___jX9bn) {
74
+ :where(.Text-module__hop-Text--inherit___AiKC5) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
82
- .Heading-module__hop-Heading___kWPAE {
82
+ .Heading-module__hop-Heading___PbN4J {
83
83
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
84
84
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
85
85
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -113,50 +113,51 @@
113
113
  --hop-Heading-inherit-size-font-weight: inherit;
114
114
  --hop-Heading-inherit-size-line-height: inherit;
115
115
  }
116
- :where(.Heading-module__hop-Heading___kWPAE) {
116
+ :where(.Heading-module__hop-Heading___PbN4J) {
117
117
  margin: 0;
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
+ color: var(--hop-neutral-text);
122
123
  }
123
- :where(.Heading-module__hop-Heading--xs___8M-TF) {
124
+ :where(.Heading-module__hop-Heading--xs___sDSYO) {
124
125
  --font-size: var(--hop-Heading-xs-font-size);
125
126
  --font-family: var(--hop-Heading-xs-font-family);
126
127
  --font-weight: var(--hop-Heading-xs-font-weight);
127
128
  --line-height: var(--hop-Heading-xs-line-height);
128
129
  }
129
- :where(.Heading-module__hop-Heading--sm___c0T04) {
130
+ :where(.Heading-module__hop-Heading--sm___o8p-S) {
130
131
  --font-size: var(--hop-Heading-sm-font-size);
131
132
  --font-family: var(--hop-Heading-sm-font-family);
132
133
  --font-weight: var(--hop-Heading-sm-font-weight);
133
134
  --line-height: var(--hop-Heading-sm-line-height);
134
135
  }
135
- :where(.Heading-module__hop-Heading--md___-3w5Z) {
136
+ :where(.Heading-module__hop-Heading--md___wxJYH) {
136
137
  --font-size: var(--hop-Heading-md-font-size);
137
138
  --font-family: var(--hop-Heading-md-font-family);
138
139
  --font-weight: var(--hop-Heading-md-font-weight);
139
140
  --line-height: var(--hop-Heading-md-line-height);
140
141
  }
141
- :where(.Heading-module__hop-Heading--lg___2JkG-) {
142
+ :where(.Heading-module__hop-Heading--lg___6syvG) {
142
143
  --font-size: var(--hop-Heading-lg-font-size);
143
144
  --font-family: var(--hop-Heading-lg-font-family);
144
145
  --font-weight: var(--hop-Heading-lg-font-weight);
145
146
  --line-height: var(--hop-Heading-lg-line-height);
146
147
  }
147
- :where(.Heading-module__hop-Heading--xl___FwgK2) {
148
+ :where(.Heading-module__hop-Heading--xl___gs6C0) {
148
149
  --font-size: var(--hop-Heading-xl-font-size);
149
150
  --font-family: var(--hop-Heading-xl-font-family);
150
151
  --font-weight: var(--hop-Heading-xl-font-weight);
151
152
  --line-height: var(--hop-Heading-xl-line-height);
152
153
  }
153
- :where(.Heading-module__hop-Heading--2xl___f6Q4-) {
154
+ :where(.Heading-module__hop-Heading--2xl___1OpKr) {
154
155
  --font-size: var(--hop-Heading-2xl-font-size);
155
156
  --font-family: var(--hop-Heading-2xl-font-family);
156
157
  --font-weight: var(--hop-Heading-2xl-font-weight);
157
158
  --line-height: var(--hop-Heading-2xl-line-height);
158
159
  }
159
- :where(.Heading-module__hop-Heading--3xl___Rd4o5) {
160
+ :where(.Heading-module__hop-Heading--3xl___pzJV6) {
160
161
  --font-size: var(--hop-Heading-3xl-font-size);
161
162
  --font-family: var(--hop-Heading-3xl-font-family);
162
163
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -164,7 +165,7 @@
164
165
  }
165
166
 
166
167
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___oA9R9) {
168
+ :where(.OverlineText-module__hop-OverlineText___WcxIe) {
168
169
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
170
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
171
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,52 +189,52 @@
188
189
  text-transform: uppercase;
189
190
  letter-spacing: var(--letter-spacing);
190
191
  }
191
- .OverlineText-module__hop-OverlineText__text___ZKpmS {
192
+ .OverlineText-module__hop-OverlineText__text___Q2au7 {
192
193
  box-sizing: border-box;
193
194
  }
194
- .OverlineText-module__hop-OverlineText__text___ZKpmS::before,
195
- .OverlineText-module__hop-OverlineText__text___ZKpmS::after {
195
+ .OverlineText-module__hop-OverlineText__text___Q2au7::before,
196
+ .OverlineText-module__hop-OverlineText__text___Q2au7::after {
196
197
  content: "";
197
198
  display: block;
198
199
  box-sizing: border-box;
199
200
  inline-size: 0;
200
201
  block-size: 0;
201
202
  }
202
- .OverlineText-module__hop-OverlineText__text___ZKpmS::before {
203
+ .OverlineText-module__hop-OverlineText__text___Q2au7::before {
203
204
  margin-block-end: var(--bottom-offset);
204
205
  }
205
- .OverlineText-module__hop-OverlineText__text___ZKpmS::after {
206
+ .OverlineText-module__hop-OverlineText__text___Q2au7::after {
206
207
  margin-block-start: var(--top-offset);
207
208
  }
208
209
 
209
210
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
210
- .Label-module__hop-Label___Q0BAM {
211
+ .Label-module__hop-Label___JpqoQ {
211
212
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
213
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
214
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
215
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
216
  --hop-Label-color: var(--hop-neutral-text-weak);
216
217
  }
217
- :where(.Label-module__hop-Label___Q0BAM) {
218
+ :where(.Label-module__hop-Label___JpqoQ) {
218
219
  font-family: var(--hop-Label-font-family);
219
220
  font-size: var(--hop-Label-font-size);
220
221
  font-weight: var(--hop-Label-font-weight);
221
222
  line-height: var(--hop-Label-line-height);
222
223
  color: var(--hop-Label-color);
223
224
  }
224
- :where(.Label-module__hop-Label__indicator___AQXv3) {
225
+ :where(.Label-module__hop-Label__indicator___CvWTu) {
225
226
  padding-inline-start: var(--hop-space-20);
226
227
  }
227
228
 
228
229
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
229
- .Form-module__hop-Form___GoxGC {
230
+ .Form-module__hop-Form___JGzU3 {
230
231
  display: flex;
231
232
  flex-direction: column;
232
233
  gap: var(--hop-space-stack-lg);
233
234
  }
234
235
 
235
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
236
- .IconList-module__hop-IconList___U1O6- {
237
+ .IconList-module__hop-IconList___LMON6 {
237
238
  --hop-IconList-gap: var(--hop-space-inline-xs);
238
239
  display: flex;
239
240
  flex-wrap: wrap;
@@ -242,7 +243,7 @@
242
243
  }
243
244
 
244
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
245
- @keyframes Spinner-module__spin___Y3PwS {
246
+ @keyframes Spinner-module__spin___bziGC {
246
247
  0% {
247
248
  transform: rotate(0deg);
248
249
  }
@@ -250,7 +251,7 @@
250
251
  transform: rotate(360deg);
251
252
  }
252
253
  }
253
- .Spinner-module__hop-Spinner___hCjxi {
254
+ .Spinner-module__hop-Spinner___VCDGE {
254
255
  --hop-Spinner-border-radius: var(--hop-shape-circle);
255
256
  --hop-Spinner-sm-wheel-size: 1rem;
256
257
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -258,7 +259,7 @@
258
259
  --hop-Spinner-track-width: 0.125rem;
259
260
  --hop-Spinner-track-opacity: 0.2;
260
261
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
261
- --hop-Spinner-fill-animation: Spinner-module__spin___Y3PwS .8s infinite linear;
262
+ --hop-Spinner-fill-animation: Spinner-module__spin___bziGC .8s infinite linear;
262
263
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
263
264
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
264
265
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -269,19 +270,19 @@
269
270
  align-items: center;
270
271
  box-sizing: border-box;
271
272
  }
272
- .Spinner-module__hop-Spinner--sm___nZhko {
273
+ .Spinner-module__hop-Spinner--sm___926nt {
273
274
  --width: var(--hop-Spinner-sm-wheel-size);
274
275
  --height: var(--hop-Spinner-sm-wheel-size);
275
276
  }
276
- .Spinner-module__hop-Spinner--md___1hL-2 {
277
+ .Spinner-module__hop-Spinner--md___34gmV {
277
278
  --width: var(--hop-Spinner-md-wheel-size);
278
279
  --height: var(--hop-Spinner-md-wheel-size);
279
280
  }
280
- .Spinner-module__hop-Spinner--lg___7Rt-E {
281
+ .Spinner-module__hop-Spinner--lg___CqP71 {
281
282
  --width: var(--hop-Spinner-lg-wheel-size);
282
283
  --height: var(--hop-Spinner-lg-wheel-size);
283
284
  }
284
- .Spinner-module__hop-Spinner__track___bzqKX {
285
+ .Spinner-module__hop-Spinner__track___VQKo6 {
285
286
  grid-area: spinner;
286
287
  box-sizing: border-box;
287
288
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -290,7 +291,7 @@
290
291
  border: var(--hop-Spinner-track-border);
291
292
  border-radius: var(--hop-Spinner-border-radius);
292
293
  }
293
- .Spinner-module__hop-Spinner__fill___Z0nLA {
294
+ .Spinner-module__hop-Spinner__fill___FdBvv {
294
295
  grid-area: spinner;
295
296
  box-sizing: border-box;
296
297
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -301,17 +302,17 @@
301
302
  animation: var(--hop-Spinner-fill-animation);
302
303
  }
303
304
  @media (prefers-reduced-motion: reduce) {
304
- .Spinner-module__hop-Spinner__fill___Z0nLA {
305
+ .Spinner-module__hop-Spinner__fill___FdBvv {
305
306
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
306
307
  }
307
308
  }
308
- .Spinner-module__hop-Spinner__label___xYCt- {
309
+ .Spinner-module__hop-Spinner__label___euLkE {
309
310
  grid-area: label;
310
311
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
311
312
  }
312
313
 
313
314
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
314
- .Button-module__hop-Button___8P82n {
315
+ .Button-module__hop-Button___T5HVm {
315
316
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
316
317
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
317
318
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -435,215 +436,215 @@
435
436
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
436
437
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
437
438
  }
438
- .Button-module__hop-Button--fluid___QUsZp {
439
+ .Button-module__hop-Button--fluid___U0ubC {
439
440
  --inline-size: 100%;
440
441
  }
441
- .Button-module__hop-Button--sm___2VQ7r {
442
+ .Button-module__hop-Button--sm___R-xVs {
442
443
  --block-size: var(--hop-Button-sm-height);
443
444
  --padding: var(--hop-Button-sm-padding);
444
445
  }
445
- .Button-module__hop-Button--sm___2VQ7r[class*=--ghost] {
446
+ .Button-module__hop-Button--sm___R-xVs[class*=--ghost] {
446
447
  --padding: var(--hop-Button-ghost-sm-padding);
447
448
  }
448
- .Button-module__hop-Button--md___shMDp[class*=--ghost] {
449
+ .Button-module__hop-Button--md___rllFp[class*=--ghost] {
449
450
  --padding: var(--hop-Button-ghost-md-padding);
450
451
  }
451
- .Button-module__hop-Button--icon-only___sixWy {
452
+ .Button-module__hop-Button--icon-only___ejzbT {
452
453
  --column-gap: var(--hop-Button-icon-only-column-gap);
453
454
  --padding: var(--hop-Button-icon-only-padding);
454
455
  aspect-ratio: 1;
455
456
  }
456
- .Button-module__hop-Button--primary___ZiMXx {
457
+ .Button-module__hop-Button--primary___a8hBv {
457
458
  --background-color: var(--hop-Button-primary-background-color);
458
459
  --color: var(--hop-Button-primary-color);
459
460
  --border: var(--hop-Button-primary-border);
460
461
  --spinner-color: var(--hop-Button-primary-spinner-color);
461
462
  }
462
- .Button-module__hop-Button--primary___ZiMXx[data-hovered],
463
- .Button-module__hop-Button--primary___ZiMXx[data-focus-visible] {
463
+ .Button-module__hop-Button--primary___a8hBv[data-hovered],
464
+ .Button-module__hop-Button--primary___a8hBv[data-focus-visible] {
464
465
  --background-color: var(--hop-Button-primary-background-color-hover);
465
466
  --color: var(--hop-Button-primary-color-hover);
466
467
  --border: var(--hop-Button-primary-border-hover);
467
468
  }
468
- .Button-module__hop-Button--primary___ZiMXx[data-pressed] {
469
+ .Button-module__hop-Button--primary___a8hBv[data-pressed] {
469
470
  --background-color: var(--hop-Button-primary-background-color-pressed);
470
471
  --color: var(--hop-Button-primary-color-pressed);
471
472
  --border: var(--hop-Button-primary-border-pressed);
472
473
  }
473
- .Button-module__hop-Button--secondary___Qj5Ga {
474
+ .Button-module__hop-Button--secondary___C7yg- {
474
475
  --background-color: var(--hop-Button-secondary-background-color);
475
476
  --color: var(--hop-Button-secondary-color);
476
477
  --border: var(--hop-Button-secondary-border);
477
478
  --spinner-color: var(--hop-Button-secondary-spinner-color);
478
479
  }
479
- .Button-module__hop-Button--secondary___Qj5Ga[data-hovered],
480
- .Button-module__hop-Button--secondary___Qj5Ga[data-focus-visible] {
480
+ .Button-module__hop-Button--secondary___C7yg-[data-hovered],
481
+ .Button-module__hop-Button--secondary___C7yg-[data-focus-visible] {
481
482
  --background-color: var(--hop-Button-secondary-background-color-hover);
482
483
  --color: var(--hop-Button-secondary-color-hover);
483
484
  --border: var(--hop-Button-secondary-border-hover);
484
485
  }
485
- .Button-module__hop-Button--secondary___Qj5Ga[data-pressed] {
486
+ .Button-module__hop-Button--secondary___C7yg-[data-pressed] {
486
487
  --background-color: var(--hop-Button-secondary-background-color-pressed);
487
488
  --color: var(--hop-Button-secondary-color-pressed);
488
489
  --border: var(--hop-Button-secondary-border-pressed);
489
490
  }
490
- .Button-module__hop-Button--upsell___O4nbW {
491
+ .Button-module__hop-Button--upsell___TfQy0 {
491
492
  --background-color: var(--hop-Button-upsell-background-color);
492
493
  --color: var(--hop-Button-upsell-color);
493
494
  --border: var(--hop-Button-upsell-border);
494
495
  --spinner-color: var(--hop-Button-upsell-spinner-color);
495
496
  }
496
- .Button-module__hop-Button--upsell___O4nbW[data-hovered],
497
- .Button-module__hop-Button--upsell___O4nbW[data-focus-visible] {
497
+ .Button-module__hop-Button--upsell___TfQy0[data-hovered],
498
+ .Button-module__hop-Button--upsell___TfQy0[data-focus-visible] {
498
499
  --background-color: var(--hop-Button-upsell-background-color-hover);
499
500
  --color: var(--hop-Button-upsell-color-hover);
500
501
  --border: var(--hop-Button-upsell-border-hover);
501
502
  }
502
- .Button-module__hop-Button--upsell___O4nbW[data-pressed] {
503
+ .Button-module__hop-Button--upsell___TfQy0[data-pressed] {
503
504
  --background-color: var(--hop-Button-upsell-background-color-pressed);
504
505
  --color: var(--hop-Button-upsell-color-pressed);
505
506
  --border: var(--hop-Button-upsell-border-pressed);
506
507
  }
507
- .Button-module__hop-Button--danger___hSdFA {
508
+ .Button-module__hop-Button--danger___fJUjS {
508
509
  --background-color: var(--hop-Button-danger-background-color);
509
510
  --color: var(--hop-Button-danger-color);
510
511
  --border: var(--hop-Button-danger-border);
511
512
  --spinner-color: var(--hop-Button-danger-spinner-color);
512
513
  }
513
- .Button-module__hop-Button--danger___hSdFA[data-hovered],
514
- .Button-module__hop-Button--danger___hSdFA[data-focus-visible] {
514
+ .Button-module__hop-Button--danger___fJUjS[data-hovered],
515
+ .Button-module__hop-Button--danger___fJUjS[data-focus-visible] {
515
516
  --background-color: var(--hop-Button-danger-background-color-hover);
516
517
  --color: var(--hop-Button-danger-color-hover);
517
518
  --border: var(--hop-Button-danger-border-hover);
518
519
  }
519
- .Button-module__hop-Button--danger___hSdFA[data-pressed] {
520
+ .Button-module__hop-Button--danger___fJUjS[data-pressed] {
520
521
  --background-color: var(--hop-Button-danger-background-color-pressed);
521
522
  --color: var(--hop-Button-danger-color-pressed);
522
523
  --border: var(--hop-Button-danger-border-pressed);
523
524
  }
524
- .Button-module__hop-Button--ghost-primary___FI-Bn {
525
+ .Button-module__hop-Button--ghost-primary___2vKPv {
525
526
  --background-color: var(--hop-Button-ghost-primary-background-color);
526
527
  --color: var(--hop-Button-ghost-primary-color);
527
528
  --border: var(--hop-Button-ghost-primary-border);
528
529
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
529
530
  }
530
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-hovered],
531
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-focus-visible] {
531
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-hovered],
532
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-focus-visible] {
532
533
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
533
534
  --color: var(--hop-Button-ghost-primary-color-hover);
534
535
  --border: var(--hop-Button-ghost-primary-border-hover);
535
536
  --text-underline: underline;
536
537
  }
537
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-pressed] {
538
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-pressed] {
538
539
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
539
540
  --color: var(--hop-Button-ghost-primary-color-pressed);
540
541
  --border: var(--hop-Button-ghost-primary-border-pressed);
541
542
  --text-underline: underline;
542
543
  }
543
- .Button-module__hop-Button--ghost-secondary___90Xea {
544
+ .Button-module__hop-Button--ghost-secondary___nMCHO {
544
545
  --background-color: var(--hop-Button-ghost-secondary-background-color);
545
546
  --color: var(--hop-Button-ghost-secondary-color);
546
547
  --border: var(--hop-Button-ghost-secondary-border);
547
548
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
548
549
  }
549
- .Button-module__hop-Button--ghost-secondary___90Xea[data-hovered],
550
- .Button-module__hop-Button--ghost-secondary___90Xea[data-focus-visible] {
550
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-hovered],
551
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-focus-visible] {
551
552
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
552
553
  --color: var(--hop-Button-ghost-secondary-color-hover);
553
554
  --border: var(--hop-Button-ghost-secondary-border-hover);
554
555
  --text-underline: underline;
555
556
  }
556
- .Button-module__hop-Button--ghost-secondary___90Xea[data-pressed] {
557
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-pressed] {
557
558
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
558
559
  --color: var(--hop-Button-ghost-secondary-color-pressed);
559
560
  --border: var(--hop-Button-ghost-secondary-border-pressed);
560
561
  --text-underline: underline;
561
562
  }
562
- .Button-module__hop-Button--ghost-danger___X2oin {
563
+ .Button-module__hop-Button--ghost-danger___37Chm {
563
564
  --background-color: var(--hop-Button-ghost-danger-background-color);
564
565
  --color: var(--hop-Button-ghost-danger-color);
565
566
  --border: var(--hop-Button-ghost-danger-border);
566
567
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
567
568
  }
568
- .Button-module__hop-Button--ghost-danger___X2oin[data-hovered],
569
- .Button-module__hop-Button--ghost-danger___X2oin[data-focus-visible] {
569
+ .Button-module__hop-Button--ghost-danger___37Chm[data-hovered],
570
+ .Button-module__hop-Button--ghost-danger___37Chm[data-focus-visible] {
570
571
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
571
572
  --color: var(--hop-Button-ghost-danger-color-hover);
572
573
  --border: var(--hop-Button-ghost-danger-border-hover);
573
574
  --text-underline: underline;
574
575
  }
575
- .Button-module__hop-Button--ghost-danger___X2oin[data-pressed] {
576
+ .Button-module__hop-Button--ghost-danger___37Chm[data-pressed] {
576
577
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
577
578
  --color: var(--hop-Button-ghost-danger-color-pressed);
578
579
  --border: var(--hop-Button-ghost-danger-border-pressed);
579
580
  --text-underline: underline;
580
581
  }
581
- .Button-module__hop-Button___8P82n[data-focus-visible] {
582
+ .Button-module__hop-Button___T5HVm[data-focus-visible] {
582
583
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
583
584
  }
584
- .Button-module__hop-Button___8P82n[data-disabled],
585
- .Button-module__hop-Button___8P82n[data-pending] {
585
+ .Button-module__hop-Button___T5HVm[data-disabled],
586
+ .Button-module__hop-Button___T5HVm[data-pending] {
586
587
  cursor: not-allowed;
587
588
  }
588
- .Button-module__hop-Button___8P82n[data-disabled] {
589
+ .Button-module__hop-Button___T5HVm[data-disabled] {
589
590
  --background-color: var(--hop-Button-background-color-disabled);
590
591
  --color: var(--hop-Button-color-disabled);
591
592
  --border: var(--hop-Button-border-disabled);
592
593
  }
593
- .Button-module__hop-Button___8P82n[class*=--ghost][data-disabled] {
594
+ .Button-module__hop-Button___T5HVm[class*=--ghost][data-disabled] {
594
595
  --background-color: var(--hop-Button-ghost-background-color-disabled);
595
596
  --color: var(--hop-Button-ghost-color-disabled);
596
597
  --border: var(--hop-Button-ghost-border-disabled);
597
598
  }
598
- .Button-module__hop-Button--primary___ZiMXx[data-pending] {
599
+ .Button-module__hop-Button--primary___a8hBv[data-pending] {
599
600
  --background-color: var(--hop-Button-primary-background-color);
600
601
  --color: var(--hop-Button-primary-color);
601
602
  --border: var(--hop-Button-primary-border);
602
603
  }
603
- .Button-module__hop-Button--secondary___Qj5Ga[data-pending] {
604
+ .Button-module__hop-Button--secondary___C7yg-[data-pending] {
604
605
  --background-color: var(--hop-Button-secondary-background-color);
605
606
  --color: var(--hop-Button-secondary-color);
606
607
  --border: var(--hop-Button-secondary-border);
607
608
  }
608
- .Button-module__hop-Button--upsell___O4nbW[data-pending] {
609
+ .Button-module__hop-Button--upsell___TfQy0[data-pending] {
609
610
  --background-color: var(--hop-Button-upsell-background-color);
610
611
  --color: var(--hop-Button-upsell-color);
611
612
  --border: var(--hop-Button-upsell-border);
612
613
  }
613
- .Button-module__hop-Button--danger___hSdFA[data-pending] {
614
+ .Button-module__hop-Button--danger___fJUjS[data-pending] {
614
615
  --background-color: var(--hop-Button-danger-background-color);
615
616
  --color: var(--hop-Button-danger-color);
616
617
  --border: var(--hop-Button-danger-border);
617
618
  }
618
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-pending] {
619
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-pending] {
619
620
  --background-color: var(--hop-Button-ghost-primary-background-color);
620
621
  --color: var(--hop-Button-ghost-primary-color);
621
622
  --border: var(--hop-Button-ghost-primary-border);
622
623
  --text-underline: none;
623
624
  }
624
- .Button-module__hop-Button--ghost-secondary___90Xea[data-pending] {
625
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-pending] {
625
626
  --background-color: var(--hop-Button-ghost-secondary-background-color);
626
627
  --color: var(--hop-Button-ghost-secondary-color);
627
628
  --border: var(--hop-Button-ghost-secondary-border);
628
629
  --text-underline: none;
629
630
  }
630
- .Button-module__hop-Button--ghost-danger___X2oin[data-pending] {
631
+ .Button-module__hop-Button--ghost-danger___37Chm[data-pending] {
631
632
  --background-color: var(--hop-Button-ghost-danger-background-color);
632
633
  --color: var(--hop-Button-ghost-danger-color);
633
634
  --border: var(--hop-Button-ghost-danger-border);
634
635
  --text-underline: none;
635
636
  }
636
- .Button-module__hop-Button__Spinner___gTwl1 {
637
+ .Button-module__hop-Button__Spinner___5gofg {
637
638
  position: absolute;
638
639
  color: var(--spinner-color);
639
640
  }
640
- .Button-module__hop-Button__icon___pry73,
641
- .Button-module__hop-Button__icon-list___i-up0 {
641
+ .Button-module__hop-Button__icon___Ghvz2,
642
+ .Button-module__hop-Button__icon-list___F35fY {
642
643
  flex: 0 0 auto;
643
644
  justify-self: end;
644
645
  order: 1;
645
646
  }
646
- .Button-module__hop-Button__text___hBdz5 {
647
+ .Button-module__hop-Button__text___zHow- {
647
648
  user-select: none;
648
649
  overflow: visible;
649
650
  flex: 0 1 auto;
@@ -653,60 +654,60 @@
653
654
  text-underline-offset: 0.125rem;
654
655
  text-wrap: nowrap;
655
656
  }
656
- .Button-module__hop-Button__end-icon___yRHci,
657
- .Button-module__hop-Button__end-icon-list___GPIoC {
657
+ .Button-module__hop-Button__end-icon___LsMFf,
658
+ .Button-module__hop-Button__end-icon-list___13mbV {
658
659
  flex: 0 0 auto;
659
660
  order: 3;
660
661
  }
661
- .Button-module__hop-Button___8P82n .Button-module__hop-Button__icon-list___i-up0,
662
- .Button-module__hop-Button___8P82n .Button-module__hop-Button__end-icon-list___GPIoC {
662
+ .Button-module__hop-Button___T5HVm .Button-module__hop-Button__icon-list___F35fY,
663
+ .Button-module__hop-Button___T5HVm .Button-module__hop-Button__end-icon-list___13mbV {
663
664
  flex-wrap: nowrap;
664
665
  }
665
- .Button-module__hop-Button___8P82n[data-pending] > *:not(.Button-module__hop-Button__Spinner___gTwl1) {
666
+ .Button-module__hop-Button___T5HVm[data-pending] > *:not(.Button-module__hop-Button__Spinner___5gofg) {
666
667
  opacity: 0;
667
668
  }
668
669
 
669
670
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
670
- .ButtonGroup-module__hop-ButtonGroup___DiTqM {
671
+ .ButtonGroup-module__hop-ButtonGroup___Fsi9H {
671
672
  display: inline-flex;
672
673
  flex-wrap: nowrap;
673
674
  gap: var(--hop-space-inline-md);
674
675
  }
675
- .ButtonGroup-module__hop-ButtonGroup--horizontal___7aXig {
676
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___XO1AO {
676
677
  align-items: center;
677
678
  }
678
- .ButtonGroup-module__hop-ButtonGroup--vertical___WWjtV {
679
+ .ButtonGroup-module__hop-ButtonGroup--vertical___uOtfA {
679
680
  flex-direction: column;
680
681
  gap: var(--hop-space-stack-md);
681
682
  justify-content: center;
682
683
  }
683
- .ButtonGroup-module__hop-ButtonGroup--start___o11Cn.ButtonGroup-module__hop-ButtonGroup--vertical___WWjtV {
684
+ .ButtonGroup-module__hop-ButtonGroup--start___VzvCt.ButtonGroup-module__hop-ButtonGroup--vertical___uOtfA {
684
685
  align-items: flex-start;
685
686
  }
686
- .ButtonGroup-module__hop-ButtonGroup--center___hdie5.ButtonGroup-module__hop-ButtonGroup--vertical___WWjtV {
687
+ .ButtonGroup-module__hop-ButtonGroup--center___WWbGw.ButtonGroup-module__hop-ButtonGroup--vertical___uOtfA {
687
688
  align-items: center;
688
689
  }
689
- .ButtonGroup-module__hop-ButtonGroup--end___PpCtl.ButtonGroup-module__hop-ButtonGroup--vertical___WWjtV {
690
+ .ButtonGroup-module__hop-ButtonGroup--end___vTKTM.ButtonGroup-module__hop-ButtonGroup--vertical___uOtfA {
690
691
  align-items: flex-end;
691
692
  }
692
- .ButtonGroup-module__hop-ButtonGroup--start___o11Cn.ButtonGroup-module__hop-ButtonGroup--horizontal___7aXig {
693
+ .ButtonGroup-module__hop-ButtonGroup--start___VzvCt.ButtonGroup-module__hop-ButtonGroup--horizontal___XO1AO {
693
694
  justify-content: flex-start;
694
695
  }
695
- .ButtonGroup-module__hop-ButtonGroup--center___hdie5.ButtonGroup-module__hop-ButtonGroup--horizontal___7aXig {
696
+ .ButtonGroup-module__hop-ButtonGroup--center___WWbGw.ButtonGroup-module__hop-ButtonGroup--horizontal___XO1AO {
696
697
  justify-content: center;
697
698
  }
698
- .ButtonGroup-module__hop-ButtonGroup--end___PpCtl.ButtonGroup-module__hop-ButtonGroup--horizontal___7aXig {
699
+ .ButtonGroup-module__hop-ButtonGroup--end___vTKTM.ButtonGroup-module__hop-ButtonGroup--horizontal___XO1AO {
699
700
  justify-content: flex-end;
700
701
  }
701
- .ButtonGroup-module__hop-ButtonGroup--wrap___FGoKo {
702
+ .ButtonGroup-module__hop-ButtonGroup--wrap___ed-83 {
702
703
  flex-wrap: wrap;
703
704
  }
704
- .ButtonGroup-module__hop-ButtonGroup--fluid___oKRH2 {
705
+ .ButtonGroup-module__hop-ButtonGroup--fluid___uPLeb {
705
706
  inline-size: 100%;
706
707
  }
707
708
 
708
709
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
709
- .EmbeddedButton-module__hop-EmbeddedButton___3hN62 {
710
+ .EmbeddedButton-module__hop-EmbeddedButton___84Mxj {
710
711
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
711
712
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
712
713
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -870,7 +871,7 @@
870
871
  outline: none;
871
872
  transition: color var(--transition);
872
873
  }
873
- .EmbeddedButton-module__hop-EmbeddedButton___3hN62::before {
874
+ .EmbeddedButton-module__hop-EmbeddedButton___84Mxj::before {
874
875
  content: "";
875
876
  position: absolute;
876
877
  inset-block-start: 50%;
@@ -883,284 +884,284 @@
883
884
  border-radius: var(--effect-border-radius);
884
885
  transition: background-color var(--transition);
885
886
  }
886
- .EmbeddedButton-module__hop-EmbeddedButton___3hN62[data-square] {
887
+ .EmbeddedButton-module__hop-EmbeddedButton___84Mxj[data-square] {
887
888
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
888
889
  }
889
- .EmbeddedButton-module__hop-EmbeddedButton--md___ZfWvv {
890
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Q640N {
890
891
  --inline-size: var(--hop-EmbeddedButton-md-width);
891
892
  --block-size: var(--hop-EmbeddedButton-md-height);
892
893
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
893
894
  }
894
- .EmbeddedButton-module__hop-EmbeddedButton--lg___FJwaA {
895
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___R59Ud {
895
896
  --inline-size: var(--hop-EmbeddedButton-lg-width);
896
897
  --block-size: var(--hop-EmbeddedButton-lg-height);
897
898
  --focus-ring-offset: 0;
898
899
  }
899
- .EmbeddedButton-module__hop-EmbeddedButton--md___ZfWvv::before {
900
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Q640N::before {
900
901
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
901
902
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
902
903
  }
903
- .EmbeddedButton-module__hop-EmbeddedButton--lg___FJwaA::before {
904
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___R59Ud::before {
904
905
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
905
906
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
906
907
  }
907
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Np5qd {
908
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___hp2aJ {
908
909
  --color: var(--hop-EmbeddedButton-neutral-color);
909
910
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
910
911
  }
911
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ZZ4Nm {
912
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___6faE- {
912
913
  --color: var(--hop-EmbeddedButton-subdued-color);
913
914
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
914
915
  }
915
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ih20p {
916
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-v8qY {
916
917
  --color: var(--hop-EmbeddedButton-progress-color);
917
918
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
918
919
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton--positive___curRD {
920
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___N2DnF {
920
921
  --color: var(--hop-EmbeddedButton-positive-color);
921
922
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
922
923
  }
923
- .EmbeddedButton-module__hop-EmbeddedButton--caution___2iAAa {
924
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6Ufxz {
924
925
  --color: var(--hop-EmbeddedButton-caution-color);
925
926
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
926
927
  }
927
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NGdha {
928
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-rULe {
928
929
  --color: var(--hop-EmbeddedButton-negative-color);
929
930
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
930
931
  }
931
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FDIK2 {
932
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iO7HK {
932
933
  --color: var(--hop-EmbeddedButton-option1-color);
933
934
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
934
935
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K1MaJ {
936
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___bDLe3 {
936
937
  --color: var(--hop-EmbeddedButton-option2-color);
937
938
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
938
939
  }
939
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ahReO {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vlmp6 {
940
941
  --color: var(--hop-EmbeddedButton-option3-color);
941
942
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
942
943
  }
943
- .EmbeddedButton-module__hop-EmbeddedButton--option4___7mxa7 {
944
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___OM0sO {
944
945
  --color: var(--hop-EmbeddedButton-option4-color);
945
946
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
946
947
  }
947
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SbwTr {
948
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HelMa {
948
949
  --color: var(--hop-EmbeddedButton-option5-color);
949
950
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
950
951
  }
951
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-oVyF {
952
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___yKiE6 {
952
953
  --color: var(--hop-EmbeddedButton-option6-color);
953
954
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
954
955
  }
955
- .EmbeddedButton-module__hop-EmbeddedButton___3hN62[data-selected] {
956
+ .EmbeddedButton-module__hop-EmbeddedButton___84Mxj[data-selected] {
956
957
  --color: var(--hop-EmbeddedButton-selected-color);
957
958
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
958
959
  }
959
- .EmbeddedButton-module__hop-EmbeddedButton___3hN62[data-focus-visible] {
960
+ .EmbeddedButton-module__hop-EmbeddedButton___84Mxj[data-focus-visible] {
960
961
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
961
962
  outline-offset: var(--focus-ring-offset);
962
963
  }
963
- .EmbeddedButton-module__hop-EmbeddedButton___3hN62[data-disabled] {
964
+ .EmbeddedButton-module__hop-EmbeddedButton___84Mxj[data-disabled] {
964
965
  cursor: not-allowed;
965
966
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Np5qd[data-hovered] {
967
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___hp2aJ[data-hovered] {
967
968
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
968
969
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
969
970
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Np5qd[data-focus-visible] {
971
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___hp2aJ[data-focus-visible] {
971
972
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
972
973
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
973
974
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Np5qd[data-pressed] {
975
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___hp2aJ[data-pressed] {
975
976
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
976
977
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
977
978
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Np5qd[data-disabled] {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___hp2aJ[data-disabled] {
979
980
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
980
981
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
981
982
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ZZ4Nm[data-hovered] {
983
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___6faE-[data-hovered] {
983
984
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
984
985
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
985
986
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ZZ4Nm[data-focus-visible] {
987
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___6faE-[data-focus-visible] {
987
988
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
988
989
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
989
990
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ZZ4Nm[data-pressed] {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___6faE-[data-pressed] {
991
992
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
992
993
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
993
994
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ZZ4Nm[data-disabled] {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___6faE-[data-disabled] {
995
996
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
996
997
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
997
998
  }
998
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ih20p[data-hovered] {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-v8qY[data-hovered] {
999
1000
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1000
1001
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1001
1002
  }
1002
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ih20p[data-focus-visible] {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-v8qY[data-focus-visible] {
1003
1004
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1004
1005
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1005
1006
  }
1006
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ih20p[data-pressed] {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-v8qY[data-pressed] {
1007
1008
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1008
1009
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1009
1010
  }
1010
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ih20p[data-disabled] {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-v8qY[data-disabled] {
1011
1012
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1012
1013
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1013
1014
  }
1014
- .EmbeddedButton-module__hop-EmbeddedButton--positive___curRD[data-hovered] {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___N2DnF[data-hovered] {
1015
1016
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1016
1017
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1017
1018
  }
1018
- .EmbeddedButton-module__hop-EmbeddedButton--positive___curRD[data-focus-visible] {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___N2DnF[data-focus-visible] {
1019
1020
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1020
1021
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1021
1022
  }
1022
- .EmbeddedButton-module__hop-EmbeddedButton--positive___curRD[data-pressed] {
1023
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___N2DnF[data-pressed] {
1023
1024
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1024
1025
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1025
1026
  }
1026
- .EmbeddedButton-module__hop-EmbeddedButton--positive___curRD[data-disabled] {
1027
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___N2DnF[data-disabled] {
1027
1028
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1028
1029
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1029
1030
  }
1030
- .EmbeddedButton-module__hop-EmbeddedButton--caution___2iAAa[data-hovered] {
1031
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6Ufxz[data-hovered] {
1031
1032
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1032
1033
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1033
1034
  }
1034
- .EmbeddedButton-module__hop-EmbeddedButton--caution___2iAAa[data-focus-visible] {
1035
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6Ufxz[data-focus-visible] {
1035
1036
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1036
1037
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1037
1038
  }
1038
- .EmbeddedButton-module__hop-EmbeddedButton--caution___2iAAa[data-pressed] {
1039
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6Ufxz[data-pressed] {
1039
1040
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1040
1041
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1041
1042
  }
1042
- .EmbeddedButton-module__hop-EmbeddedButton--caution___2iAAa[data-disabled] {
1043
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___6Ufxz[data-disabled] {
1043
1044
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1044
1045
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1045
1046
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NGdha[data-hovered] {
1047
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-rULe[data-hovered] {
1047
1048
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1048
1049
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1049
1050
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NGdha[data-focus-visible] {
1051
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-rULe[data-focus-visible] {
1051
1052
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1052
1053
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1053
1054
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NGdha[data-pressed] {
1055
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-rULe[data-pressed] {
1055
1056
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1056
1057
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1057
1058
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NGdha[data-disabled] {
1059
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-rULe[data-disabled] {
1059
1060
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1060
1061
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1061
1062
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FDIK2[data-hovered] {
1063
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iO7HK[data-hovered] {
1063
1064
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1064
1065
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1065
1066
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FDIK2[data-focus-visible] {
1067
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iO7HK[data-focus-visible] {
1067
1068
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1068
1069
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1069
1070
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FDIK2[data-pressed] {
1071
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iO7HK[data-pressed] {
1071
1072
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1072
1073
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1073
1074
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--option1___FDIK2[data-disabled] {
1075
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iO7HK[data-disabled] {
1075
1076
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1076
1077
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1077
1078
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K1MaJ[data-hovered] {
1079
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___bDLe3[data-hovered] {
1079
1080
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1080
1081
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1081
1082
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K1MaJ[data-focus-visible] {
1083
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___bDLe3[data-focus-visible] {
1083
1084
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1084
1085
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1085
1086
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K1MaJ[data-pressed] {
1087
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___bDLe3[data-pressed] {
1087
1088
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1088
1089
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1089
1090
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--option2___K1MaJ[data-disabled] {
1091
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___bDLe3[data-disabled] {
1091
1092
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1092
1093
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1093
1094
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ahReO[data-hovered] {
1095
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vlmp6[data-hovered] {
1095
1096
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1096
1097
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1097
1098
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ahReO[data-focus-visible] {
1099
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vlmp6[data-focus-visible] {
1099
1100
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1100
1101
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1101
1102
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ahReO[data-pressed] {
1103
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vlmp6[data-pressed] {
1103
1104
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1104
1105
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1105
1106
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ahReO[data-disabled] {
1107
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___vlmp6[data-disabled] {
1107
1108
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1108
1109
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1109
1110
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--option4___7mxa7[data-hovered] {
1111
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___OM0sO[data-hovered] {
1111
1112
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1112
1113
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1113
1114
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--option4___7mxa7[data-focus-visible] {
1115
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___OM0sO[data-focus-visible] {
1115
1116
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1116
1117
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1117
1118
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--option4___7mxa7[data-pressed] {
1119
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___OM0sO[data-pressed] {
1119
1120
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1120
1121
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1121
1122
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--option4___7mxa7[data-disabled] {
1123
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___OM0sO[data-disabled] {
1123
1124
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1124
1125
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1125
1126
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SbwTr[data-hovered] {
1127
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HelMa[data-hovered] {
1127
1128
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1128
1129
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1129
1130
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SbwTr[data-focus-visible] {
1131
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HelMa[data-focus-visible] {
1131
1132
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1132
1133
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1133
1134
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SbwTr[data-pressed] {
1135
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HelMa[data-pressed] {
1135
1136
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1136
1137
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1137
1138
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--option5___SbwTr[data-disabled] {
1139
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___HelMa[data-disabled] {
1139
1140
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1140
1141
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1141
1142
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-oVyF[data-hovered] {
1143
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___yKiE6[data-hovered] {
1143
1144
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1144
1145
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1145
1146
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-oVyF[data-focus-visible] {
1147
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___yKiE6[data-focus-visible] {
1147
1148
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1148
1149
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1149
1150
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-oVyF[data-pressed] {
1151
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___yKiE6[data-pressed] {
1151
1152
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1152
1153
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1153
1154
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-oVyF[data-disabled] {
1155
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___yKiE6[data-disabled] {
1155
1156
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1156
1157
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1157
1158
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton__icon___E1Vm2 {
1159
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___DfgJ5 {
1159
1160
  position: relative;
1160
1161
  }
1161
1162
 
1162
1163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1163
- button.CloseButton-module__hop-CloseButton___fb39O {
1164
+ button.CloseButton-module__hop-CloseButton___1aWuh {
1164
1165
  --hop-CloseButton-margin-top: 0rem;
1165
1166
  --hop-CloseButton-padding: 0rem;
1166
1167
  --hop-CloseButton-witdh: "fit-content";
@@ -1172,7 +1173,7 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1172
1173
  }
1173
1174
 
1174
1175
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1175
- .Button-module__hop-Button___8P82n {
1176
+ .Button-module__hop-Button___T5HVm {
1176
1177
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1177
1178
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1178
1179
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1296,215 +1297,215 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1296
1297
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1297
1298
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1298
1299
  }
1299
- .Button-module__hop-Button--fluid___QUsZp {
1300
+ .Button-module__hop-Button--fluid___U0ubC {
1300
1301
  --inline-size: 100%;
1301
1302
  }
1302
- .Button-module__hop-Button--sm___2VQ7r {
1303
+ .Button-module__hop-Button--sm___R-xVs {
1303
1304
  --block-size: var(--hop-Button-sm-height);
1304
1305
  --padding: var(--hop-Button-sm-padding);
1305
1306
  }
1306
- .Button-module__hop-Button--sm___2VQ7r[class*=--ghost] {
1307
+ .Button-module__hop-Button--sm___R-xVs[class*=--ghost] {
1307
1308
  --padding: var(--hop-Button-ghost-sm-padding);
1308
1309
  }
1309
- .Button-module__hop-Button--md___shMDp[class*=--ghost] {
1310
+ .Button-module__hop-Button--md___rllFp[class*=--ghost] {
1310
1311
  --padding: var(--hop-Button-ghost-md-padding);
1311
1312
  }
1312
- .Button-module__hop-Button--icon-only___sixWy {
1313
+ .Button-module__hop-Button--icon-only___ejzbT {
1313
1314
  --column-gap: var(--hop-Button-icon-only-column-gap);
1314
1315
  --padding: var(--hop-Button-icon-only-padding);
1315
1316
  aspect-ratio: 1;
1316
1317
  }
1317
- .Button-module__hop-Button--primary___ZiMXx {
1318
+ .Button-module__hop-Button--primary___a8hBv {
1318
1319
  --background-color: var(--hop-Button-primary-background-color);
1319
1320
  --color: var(--hop-Button-primary-color);
1320
1321
  --border: var(--hop-Button-primary-border);
1321
1322
  --spinner-color: var(--hop-Button-primary-spinner-color);
1322
1323
  }
1323
- .Button-module__hop-Button--primary___ZiMXx[data-hovered],
1324
- .Button-module__hop-Button--primary___ZiMXx[data-focus-visible] {
1324
+ .Button-module__hop-Button--primary___a8hBv[data-hovered],
1325
+ .Button-module__hop-Button--primary___a8hBv[data-focus-visible] {
1325
1326
  --background-color: var(--hop-Button-primary-background-color-hover);
1326
1327
  --color: var(--hop-Button-primary-color-hover);
1327
1328
  --border: var(--hop-Button-primary-border-hover);
1328
1329
  }
1329
- .Button-module__hop-Button--primary___ZiMXx[data-pressed] {
1330
+ .Button-module__hop-Button--primary___a8hBv[data-pressed] {
1330
1331
  --background-color: var(--hop-Button-primary-background-color-pressed);
1331
1332
  --color: var(--hop-Button-primary-color-pressed);
1332
1333
  --border: var(--hop-Button-primary-border-pressed);
1333
1334
  }
1334
- .Button-module__hop-Button--secondary___Qj5Ga {
1335
+ .Button-module__hop-Button--secondary___C7yg- {
1335
1336
  --background-color: var(--hop-Button-secondary-background-color);
1336
1337
  --color: var(--hop-Button-secondary-color);
1337
1338
  --border: var(--hop-Button-secondary-border);
1338
1339
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1339
1340
  }
1340
- .Button-module__hop-Button--secondary___Qj5Ga[data-hovered],
1341
- .Button-module__hop-Button--secondary___Qj5Ga[data-focus-visible] {
1341
+ .Button-module__hop-Button--secondary___C7yg-[data-hovered],
1342
+ .Button-module__hop-Button--secondary___C7yg-[data-focus-visible] {
1342
1343
  --background-color: var(--hop-Button-secondary-background-color-hover);
1343
1344
  --color: var(--hop-Button-secondary-color-hover);
1344
1345
  --border: var(--hop-Button-secondary-border-hover);
1345
1346
  }
1346
- .Button-module__hop-Button--secondary___Qj5Ga[data-pressed] {
1347
+ .Button-module__hop-Button--secondary___C7yg-[data-pressed] {
1347
1348
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1348
1349
  --color: var(--hop-Button-secondary-color-pressed);
1349
1350
  --border: var(--hop-Button-secondary-border-pressed);
1350
1351
  }
1351
- .Button-module__hop-Button--upsell___O4nbW {
1352
+ .Button-module__hop-Button--upsell___TfQy0 {
1352
1353
  --background-color: var(--hop-Button-upsell-background-color);
1353
1354
  --color: var(--hop-Button-upsell-color);
1354
1355
  --border: var(--hop-Button-upsell-border);
1355
1356
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1356
1357
  }
1357
- .Button-module__hop-Button--upsell___O4nbW[data-hovered],
1358
- .Button-module__hop-Button--upsell___O4nbW[data-focus-visible] {
1358
+ .Button-module__hop-Button--upsell___TfQy0[data-hovered],
1359
+ .Button-module__hop-Button--upsell___TfQy0[data-focus-visible] {
1359
1360
  --background-color: var(--hop-Button-upsell-background-color-hover);
1360
1361
  --color: var(--hop-Button-upsell-color-hover);
1361
1362
  --border: var(--hop-Button-upsell-border-hover);
1362
1363
  }
1363
- .Button-module__hop-Button--upsell___O4nbW[data-pressed] {
1364
+ .Button-module__hop-Button--upsell___TfQy0[data-pressed] {
1364
1365
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1365
1366
  --color: var(--hop-Button-upsell-color-pressed);
1366
1367
  --border: var(--hop-Button-upsell-border-pressed);
1367
1368
  }
1368
- .Button-module__hop-Button--danger___hSdFA {
1369
+ .Button-module__hop-Button--danger___fJUjS {
1369
1370
  --background-color: var(--hop-Button-danger-background-color);
1370
1371
  --color: var(--hop-Button-danger-color);
1371
1372
  --border: var(--hop-Button-danger-border);
1372
1373
  --spinner-color: var(--hop-Button-danger-spinner-color);
1373
1374
  }
1374
- .Button-module__hop-Button--danger___hSdFA[data-hovered],
1375
- .Button-module__hop-Button--danger___hSdFA[data-focus-visible] {
1375
+ .Button-module__hop-Button--danger___fJUjS[data-hovered],
1376
+ .Button-module__hop-Button--danger___fJUjS[data-focus-visible] {
1376
1377
  --background-color: var(--hop-Button-danger-background-color-hover);
1377
1378
  --color: var(--hop-Button-danger-color-hover);
1378
1379
  --border: var(--hop-Button-danger-border-hover);
1379
1380
  }
1380
- .Button-module__hop-Button--danger___hSdFA[data-pressed] {
1381
+ .Button-module__hop-Button--danger___fJUjS[data-pressed] {
1381
1382
  --background-color: var(--hop-Button-danger-background-color-pressed);
1382
1383
  --color: var(--hop-Button-danger-color-pressed);
1383
1384
  --border: var(--hop-Button-danger-border-pressed);
1384
1385
  }
1385
- .Button-module__hop-Button--ghost-primary___FI-Bn {
1386
+ .Button-module__hop-Button--ghost-primary___2vKPv {
1386
1387
  --background-color: var(--hop-Button-ghost-primary-background-color);
1387
1388
  --color: var(--hop-Button-ghost-primary-color);
1388
1389
  --border: var(--hop-Button-ghost-primary-border);
1389
1390
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1390
1391
  }
1391
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-hovered],
1392
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-focus-visible] {
1392
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-hovered],
1393
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-focus-visible] {
1393
1394
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1394
1395
  --color: var(--hop-Button-ghost-primary-color-hover);
1395
1396
  --border: var(--hop-Button-ghost-primary-border-hover);
1396
1397
  --text-underline: underline;
1397
1398
  }
1398
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-pressed] {
1399
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-pressed] {
1399
1400
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1400
1401
  --color: var(--hop-Button-ghost-primary-color-pressed);
1401
1402
  --border: var(--hop-Button-ghost-primary-border-pressed);
1402
1403
  --text-underline: underline;
1403
1404
  }
1404
- .Button-module__hop-Button--ghost-secondary___90Xea {
1405
+ .Button-module__hop-Button--ghost-secondary___nMCHO {
1405
1406
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1406
1407
  --color: var(--hop-Button-ghost-secondary-color);
1407
1408
  --border: var(--hop-Button-ghost-secondary-border);
1408
1409
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1409
1410
  }
1410
- .Button-module__hop-Button--ghost-secondary___90Xea[data-hovered],
1411
- .Button-module__hop-Button--ghost-secondary___90Xea[data-focus-visible] {
1411
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-hovered],
1412
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-focus-visible] {
1412
1413
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1413
1414
  --color: var(--hop-Button-ghost-secondary-color-hover);
1414
1415
  --border: var(--hop-Button-ghost-secondary-border-hover);
1415
1416
  --text-underline: underline;
1416
1417
  }
1417
- .Button-module__hop-Button--ghost-secondary___90Xea[data-pressed] {
1418
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-pressed] {
1418
1419
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1419
1420
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1420
1421
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1421
1422
  --text-underline: underline;
1422
1423
  }
1423
- .Button-module__hop-Button--ghost-danger___X2oin {
1424
+ .Button-module__hop-Button--ghost-danger___37Chm {
1424
1425
  --background-color: var(--hop-Button-ghost-danger-background-color);
1425
1426
  --color: var(--hop-Button-ghost-danger-color);
1426
1427
  --border: var(--hop-Button-ghost-danger-border);
1427
1428
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1428
1429
  }
1429
- .Button-module__hop-Button--ghost-danger___X2oin[data-hovered],
1430
- .Button-module__hop-Button--ghost-danger___X2oin[data-focus-visible] {
1430
+ .Button-module__hop-Button--ghost-danger___37Chm[data-hovered],
1431
+ .Button-module__hop-Button--ghost-danger___37Chm[data-focus-visible] {
1431
1432
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1432
1433
  --color: var(--hop-Button-ghost-danger-color-hover);
1433
1434
  --border: var(--hop-Button-ghost-danger-border-hover);
1434
1435
  --text-underline: underline;
1435
1436
  }
1436
- .Button-module__hop-Button--ghost-danger___X2oin[data-pressed] {
1437
+ .Button-module__hop-Button--ghost-danger___37Chm[data-pressed] {
1437
1438
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1438
1439
  --color: var(--hop-Button-ghost-danger-color-pressed);
1439
1440
  --border: var(--hop-Button-ghost-danger-border-pressed);
1440
1441
  --text-underline: underline;
1441
1442
  }
1442
- .Button-module__hop-Button___8P82n[data-focus-visible] {
1443
+ .Button-module__hop-Button___T5HVm[data-focus-visible] {
1443
1444
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1444
1445
  }
1445
- .Button-module__hop-Button___8P82n[data-disabled],
1446
- .Button-module__hop-Button___8P82n[data-pending] {
1446
+ .Button-module__hop-Button___T5HVm[data-disabled],
1447
+ .Button-module__hop-Button___T5HVm[data-pending] {
1447
1448
  cursor: not-allowed;
1448
1449
  }
1449
- .Button-module__hop-Button___8P82n[data-disabled] {
1450
+ .Button-module__hop-Button___T5HVm[data-disabled] {
1450
1451
  --background-color: var(--hop-Button-background-color-disabled);
1451
1452
  --color: var(--hop-Button-color-disabled);
1452
1453
  --border: var(--hop-Button-border-disabled);
1453
1454
  }
1454
- .Button-module__hop-Button___8P82n[class*=--ghost][data-disabled] {
1455
+ .Button-module__hop-Button___T5HVm[class*=--ghost][data-disabled] {
1455
1456
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1456
1457
  --color: var(--hop-Button-ghost-color-disabled);
1457
1458
  --border: var(--hop-Button-ghost-border-disabled);
1458
1459
  }
1459
- .Button-module__hop-Button--primary___ZiMXx[data-pending] {
1460
+ .Button-module__hop-Button--primary___a8hBv[data-pending] {
1460
1461
  --background-color: var(--hop-Button-primary-background-color);
1461
1462
  --color: var(--hop-Button-primary-color);
1462
1463
  --border: var(--hop-Button-primary-border);
1463
1464
  }
1464
- .Button-module__hop-Button--secondary___Qj5Ga[data-pending] {
1465
+ .Button-module__hop-Button--secondary___C7yg-[data-pending] {
1465
1466
  --background-color: var(--hop-Button-secondary-background-color);
1466
1467
  --color: var(--hop-Button-secondary-color);
1467
1468
  --border: var(--hop-Button-secondary-border);
1468
1469
  }
1469
- .Button-module__hop-Button--upsell___O4nbW[data-pending] {
1470
+ .Button-module__hop-Button--upsell___TfQy0[data-pending] {
1470
1471
  --background-color: var(--hop-Button-upsell-background-color);
1471
1472
  --color: var(--hop-Button-upsell-color);
1472
1473
  --border: var(--hop-Button-upsell-border);
1473
1474
  }
1474
- .Button-module__hop-Button--danger___hSdFA[data-pending] {
1475
+ .Button-module__hop-Button--danger___fJUjS[data-pending] {
1475
1476
  --background-color: var(--hop-Button-danger-background-color);
1476
1477
  --color: var(--hop-Button-danger-color);
1477
1478
  --border: var(--hop-Button-danger-border);
1478
1479
  }
1479
- .Button-module__hop-Button--ghost-primary___FI-Bn[data-pending] {
1480
+ .Button-module__hop-Button--ghost-primary___2vKPv[data-pending] {
1480
1481
  --background-color: var(--hop-Button-ghost-primary-background-color);
1481
1482
  --color: var(--hop-Button-ghost-primary-color);
1482
1483
  --border: var(--hop-Button-ghost-primary-border);
1483
1484
  --text-underline: none;
1484
1485
  }
1485
- .Button-module__hop-Button--ghost-secondary___90Xea[data-pending] {
1486
+ .Button-module__hop-Button--ghost-secondary___nMCHO[data-pending] {
1486
1487
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1487
1488
  --color: var(--hop-Button-ghost-secondary-color);
1488
1489
  --border: var(--hop-Button-ghost-secondary-border);
1489
1490
  --text-underline: none;
1490
1491
  }
1491
- .Button-module__hop-Button--ghost-danger___X2oin[data-pending] {
1492
+ .Button-module__hop-Button--ghost-danger___37Chm[data-pending] {
1492
1493
  --background-color: var(--hop-Button-ghost-danger-background-color);
1493
1494
  --color: var(--hop-Button-ghost-danger-color);
1494
1495
  --border: var(--hop-Button-ghost-danger-border);
1495
1496
  --text-underline: none;
1496
1497
  }
1497
- .Button-module__hop-Button__Spinner___gTwl1 {
1498
+ .Button-module__hop-Button__Spinner___5gofg {
1498
1499
  position: absolute;
1499
1500
  color: var(--spinner-color);
1500
1501
  }
1501
- .Button-module__hop-Button__icon___pry73,
1502
- .Button-module__hop-Button__icon-list___i-up0 {
1502
+ .Button-module__hop-Button__icon___Ghvz2,
1503
+ .Button-module__hop-Button__icon-list___F35fY {
1503
1504
  flex: 0 0 auto;
1504
1505
  justify-self: end;
1505
1506
  order: 1;
1506
1507
  }
1507
- .Button-module__hop-Button__text___hBdz5 {
1508
+ .Button-module__hop-Button__text___zHow- {
1508
1509
  user-select: none;
1509
1510
  overflow: visible;
1510
1511
  flex: 0 1 auto;
@@ -1514,71 +1515,71 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1514
1515
  text-underline-offset: 0.125rem;
1515
1516
  text-wrap: nowrap;
1516
1517
  }
1517
- .Button-module__hop-Button__end-icon___yRHci,
1518
- .Button-module__hop-Button__end-icon-list___GPIoC {
1518
+ .Button-module__hop-Button__end-icon___LsMFf,
1519
+ .Button-module__hop-Button__end-icon-list___13mbV {
1519
1520
  flex: 0 0 auto;
1520
1521
  order: 3;
1521
1522
  }
1522
- .Button-module__hop-Button___8P82n .Button-module__hop-Button__icon-list___i-up0,
1523
- .Button-module__hop-Button___8P82n .Button-module__hop-Button__end-icon-list___GPIoC {
1523
+ .Button-module__hop-Button___T5HVm .Button-module__hop-Button__icon-list___F35fY,
1524
+ .Button-module__hop-Button___T5HVm .Button-module__hop-Button__end-icon-list___13mbV {
1524
1525
  flex-wrap: nowrap;
1525
1526
  }
1526
- .Button-module__hop-Button___8P82n[data-pending] > *:not(.Button-module__hop-Button__Spinner___gTwl1) {
1527
+ .Button-module__hop-Button___T5HVm[data-pending] > *:not(.Button-module__hop-Button__Spinner___5gofg) {
1527
1528
  opacity: 0;
1528
1529
  }
1529
- .LinkButton-module__hop-LinkButton___6VEg- {
1530
+ .LinkButton-module__hop-LinkButton___Z4zGc {
1530
1531
  }
1531
- .LinkButton-module__hop-LinkButton--fluid___iAzea {
1532
+ .LinkButton-module__hop-LinkButton--fluid___A5i-x {
1532
1533
  }
1533
- .LinkButton-module__hop-LinkButton--sm___6YiUJ {
1534
+ .LinkButton-module__hop-LinkButton--sm___ZeZLw {
1534
1535
  }
1535
- .LinkButton-module__hop-LinkButton--icon-only___mQqjM {
1536
+ .LinkButton-module__hop-LinkButton--icon-only___NlmVS {
1536
1537
  }
1537
- .LinkButton-module__hop-LinkButton--primary___O9VCU {
1538
+ .LinkButton-module__hop-LinkButton--primary___3JeKR {
1538
1539
  }
1539
- .LinkButton-module__hop-LinkButton--secondary___gMmGD {
1540
+ .LinkButton-module__hop-LinkButton--secondary___R1O0S {
1540
1541
  }
1541
- .LinkButton-module__hop-LinkButton--upsell___dAWsC {
1542
+ .LinkButton-module__hop-LinkButton--upsell___g8M6A {
1542
1543
  }
1543
- .LinkButton-module__hop-LinkButton--danger___-kIco {
1544
+ .LinkButton-module__hop-LinkButton--danger___TZerR {
1544
1545
  }
1545
- .LinkButton-module__hop-LinkButton--ghost-primary___GJ6Uf {
1546
+ .LinkButton-module__hop-LinkButton--ghost-primary___vD5Un {
1546
1547
  }
1547
- .LinkButton-module__hop-LinkButton--ghost-secondary___RZ4vV {
1548
+ .LinkButton-module__hop-LinkButton--ghost-secondary___OD92w {
1548
1549
  }
1549
- .LinkButton-module__hop-LinkButton--ghost-danger___vjyb- {
1550
+ .LinkButton-module__hop-LinkButton--ghost-danger___gYJZn {
1550
1551
  }
1551
- .LinkButton-module__hop-LinkButton__Spinner___VOgek {
1552
+ .LinkButton-module__hop-LinkButton__Spinner___SaWsL {
1552
1553
  }
1553
- .LinkButton-module__hop-LinkButton__icon___nZF27,
1554
- .LinkButton-module__hop-LinkButton__icon-list___zeedt {
1554
+ .LinkButton-module__hop-LinkButton__icon___GMeaz,
1555
+ .LinkButton-module__hop-LinkButton__icon-list___CiKu0 {
1555
1556
  }
1556
- .LinkButton-module__hop-LinkButton__text___gPLAw {
1557
+ .LinkButton-module__hop-LinkButton__text___-Znkh {
1557
1558
  }
1558
- .LinkButton-module__hop-LinkButton__end-icon___G9hiZ,
1559
- .LinkButton-module__hop-LinkButton__end-icon-list___Mk4EN {
1559
+ .LinkButton-module__hop-LinkButton__end-icon___AhJbU,
1560
+ .LinkButton-module__hop-LinkButton__end-icon-list___7do6I {
1560
1561
  }
1561
- .LinkButton-module__hop-LinkButton___6VEg- .LinkButton-module__hop-LinkButton__icon-list___zeedt,
1562
- .LinkButton-module__hop-LinkButton___6VEg- .LinkButton-module__hop-LinkButton__end-icon-list___Mk4EN {
1562
+ .LinkButton-module__hop-LinkButton___Z4zGc .LinkButton-module__hop-LinkButton__icon-list___CiKu0,
1563
+ .LinkButton-module__hop-LinkButton___Z4zGc .LinkButton-module__hop-LinkButton__end-icon-list___7do6I {
1563
1564
  flex-wrap: nowrap;
1564
1565
  }
1565
1566
 
1566
1567
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Image/src/Image.module.css/#css-module-data */
1567
- .Image-module__hop-Image___9-Ffz {
1568
+ .Image-module__hop-Image___ppq1j {
1568
1569
  display: block;
1569
1570
  max-inline-size: 100%;
1570
1571
  block-size: auto;
1571
1572
  vertical-align: middle;
1572
1573
  }
1573
- .Image-module__hop-Image--rounded___LfVD9 {
1574
+ .Image-module__hop-Image--rounded___j3dle {
1574
1575
  border-radius: var(--hop-shape-rounded-md);
1575
1576
  }
1576
- .Image-module__hop-Image--circular___chS0X {
1577
+ .Image-module__hop-Image--circular___VA3Fu {
1577
1578
  border-radius: var(--hop-shape-circle);
1578
1579
  }
1579
1580
 
1580
1581
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Image/src/SvgImage.module.css/#css-module-data */
1581
- .SvgImage-module__hop-SvgImage___dCzkn {
1582
+ .SvgImage-module__hop-SvgImage___-UckP {
1582
1583
  display: block;
1583
1584
  max-inline-size: 100%;
1584
1585
  block-size: auto;
@@ -1586,7 +1587,7 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1586
1587
  }
1587
1588
 
1588
1589
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Modal/src/BaseModal.module.css/#css-module-data */
1589
- .BaseModal-module__hop-BaseModal___FLV-b {
1590
+ .BaseModal-module__hop-BaseModal___Ok8Lv {
1590
1591
  --hop-BaseModal-isolation: isolate;
1591
1592
  --hop-BaseModal-position: fixed;
1592
1593
  --hop-BaseModal-inset: 0;
@@ -1616,7 +1617,7 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1616
1617
  background-color: var(--hop-BaseModal-background-color);
1617
1618
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
1618
1619
  }
1619
- .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1620
+ .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1620
1621
  --hop-BaseModal__modal-display: flex;
1621
1622
  --hop-BaseModal__modal-flex-direction: column;
1622
1623
  --hop-BaseModal__modal-max-inline-size: 90vw;
@@ -1654,53 +1655,53 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1654
1655
  transition: var(--hop-BaseModal__modal-transition);
1655
1656
  }
1656
1657
  @media screen and (min-width: 48rem) {
1657
- .BaseModal-module__hop-BaseModal--image___9Cg1L .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1658
+ .BaseModal-module__hop-BaseModal--image___ph3au .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1658
1659
  --image-size: 16rem;
1659
1660
  }
1660
1661
  }
1661
- .BaseModal-module__hop-BaseModal--entering___5IZ1- {
1662
+ .BaseModal-module__hop-BaseModal--entering___g0zEK {
1662
1663
  opacity: var(--hop-BaseModal-entering-opacity);
1663
- .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1664
+ .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1664
1665
  transform: var(--hop-BaseModal__modal-entering-transform);
1665
1666
  opacity: var(--hop-BaseModal__modal-entering-opacity);
1666
1667
  }
1667
1668
  }
1668
- .BaseModal-module__hop-BaseModal--exiting___At-7I {
1669
+ .BaseModal-module__hop-BaseModal--exiting___CCasl {
1669
1670
  opacity: var(--hop-BaseModal-exiting-opacity);
1670
- .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1671
+ .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1671
1672
  opacity: var(--hop-BaseModal__modal-exiting-opacity);
1672
1673
  transition: var(--hop-BaseModal__modal-exiting-transition);
1673
1674
  }
1674
1675
  }
1675
- .BaseModal-module__hop-BaseModal--sm___jTjjo .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1676
+ .BaseModal-module__hop-BaseModal--sm___9xulH .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1676
1677
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-sm-width));
1677
1678
  }
1678
- .BaseModal-module__hop-BaseModal--md___lw50F .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1679
+ .BaseModal-module__hop-BaseModal--md___4IBak .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1679
1680
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-md-width));
1680
1681
  }
1681
- .BaseModal-module__hop-BaseModal--lg___ujRz- .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1682
+ .BaseModal-module__hop-BaseModal--lg___oDleh .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1682
1683
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-lg-width));
1683
1684
  }
1684
- .BaseModal-module__hop-BaseModal--xl___AtvKq .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1685
+ .BaseModal-module__hop-BaseModal--xl___vSPXM .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1685
1686
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-xl-width));
1686
1687
  }
1687
- .BaseModal-module__hop-BaseModal--fullscreen___A3ACa .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1688
+ .BaseModal-module__hop-BaseModal--fullscreen___IsJND .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1688
1689
  --width: var(--hop-BaseModal__modal-fullscreen-width);
1689
1690
  --height: var(--hop-BaseModal__modal-fullscreen-height);
1690
1691
  }
1691
- .BaseModal-module__hop-BaseModal--fullscreentakeover___zyHoi .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1692
+ .BaseModal-module__hop-BaseModal--fullscreentakeover___JfXwq .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1692
1693
  --width: var(--hop-BaseModal__modal-fullscreentakeover-width);
1693
1694
  --height: var(--hop-BaseModal__modal-fullscreentakeover-height);
1694
1695
  --border-radius: var(--hop-BaseModal__modal-fullscreentakeover-border-radius);
1695
1696
  }
1696
- .BaseModal-module__hop-BaseModal--fullscreen___A3ACa .BaseModal-module__hop-BaseModal__modal___mZ8Su,
1697
- .BaseModal-module__hop-BaseModal--fullscreentakeover___zyHoi .BaseModal-module__hop-BaseModal__modal___mZ8Su {
1697
+ .BaseModal-module__hop-BaseModal--fullscreen___IsJND .BaseModal-module__hop-BaseModal__modal___xNnh7,
1698
+ .BaseModal-module__hop-BaseModal--fullscreentakeover___JfXwq .BaseModal-module__hop-BaseModal__modal___xNnh7 {
1698
1699
  --max-inline-size: var(--hop-BaseModal__modal-fullscreen-max-width);
1699
1700
  --max-block-size: var(--hop-BaseModal__modal-fullscreen-max-height);
1700
1701
  }
1701
1702
 
1702
1703
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Modal/src/Modal.module.css/#css-module-data */
1703
- .Modal-module__hop-Modal___-QagI {
1704
+ .Modal-module__hop-Modal___Ufrzx {
1704
1705
  --hop-Modal-position: relative;
1705
1706
  --hop-Modal-overflow: auto;
1706
1707
  --hop-Modal-display: grid;
@@ -1709,6 +1710,10 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1709
1710
  --hop-Modal-margin: var(--hop-space-inset-lg);
1710
1711
  --hop-Modal-color: var(--hop-neutral-text);
1711
1712
  --hop-Modal-grid-template: "image image image" 12rem "heading heading header" auto "content content content" auto "footer footer buttons" auto / auto auto auto;
1713
+ --hop-Modal-content-font-size: var(--hop-body-sm-font-size);
1714
+ --hop-Modal-content-font-family: var(--hop-body-sm-font-family);
1715
+ --hop-Modal-content-font-weight: var(--hop-body-sm-font-weight);
1716
+ --hop-Modal-content-line-height: var(--hop-body-sm-line-height);
1712
1717
  --hop-Modal-large-grid-template: "image heading header" auto "image content content" auto "image footer buttons" auto / 16rem auto auto;
1713
1718
  --grid-template: var(--hop-Modal-grid-template);
1714
1719
  position: var(--hop-Modal-position);
@@ -1721,26 +1726,26 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1721
1726
  border-radius: inherit;
1722
1727
  outline: var(--hop-Modal-outline);
1723
1728
  }
1724
- .Modal-module__hop-Modal___-QagI:not(.Modal-module__hop-Modal--fullscreen___EMKef, .Modal-module__hop-Modal--fullscreentakeover___raSi2) {
1729
+ .Modal-module__hop-Modal___Ufrzx:not(.Modal-module__hop-Modal--fullscreen___U6XGO, .Modal-module__hop-Modal--fullscreentakeover___zLdQq) {
1725
1730
  @media screen and (min-width: 49rem) {
1726
1731
  --grid-template: var(--hop-Modal-large-grid-template);
1727
1732
  }
1728
1733
  }
1729
- .Modal-module__hop-Modal___-QagI:not(:has(> .Modal-module__hop-Modal__image___LkuJw)) {
1734
+ .Modal-module__hop-Modal___Ufrzx:not(:has(> .Modal-module__hop-Modal__image___BI0-G)) {
1730
1735
  --grid-template: "heading heading header" auto "content content content" auto "footer footer buttons" auto / auto auto auto;
1731
- :not(.Modal-module__hop-Modal--fullscreen___EMKef),
1732
- :not(.Modal-module__hop-Modal--fullscreentakeover___raSi2) {
1736
+ :not(.Modal-module__hop-Modal--fullscreen___U6XGO),
1737
+ :not(.Modal-module__hop-Modal--fullscreentakeover___zLdQq) {
1733
1738
  @media screen and (min-width: 49rem) {
1734
1739
  --grid-template: "heading header" auto "content content" auto "footer buttons" auto / auto auto;
1735
1740
  }
1736
1741
  }
1737
1742
  }
1738
- .Modal-module__hop-Modal__close___ryZFS {
1743
+ .Modal-module__hop-Modal__close___GJ93Z {
1739
1744
  position: absolute;
1740
1745
  inset-block-start: var(--hop-Modal-margin);
1741
1746
  inset-inline-end: var(--hop-Modal-margin);
1742
1747
  }
1743
- .Modal-module__hop-Modal___-QagI > img.Modal-module__hop-Modal__image___LkuJw {
1748
+ .Modal-module__hop-Modal___Ufrzx > img.Modal-module__hop-Modal__image___BI0-G {
1744
1749
  --hop-Modal-image-inline-size: 100%;
1745
1750
  --hop-Modal-image-block-size: 100%;
1746
1751
  --hop-Modal-image-object-fit: cover;
@@ -1749,58 +1754,62 @@ button.CloseButton-module__hop-CloseButton___fb39O {
1749
1754
  block-size: var(--hop-Modal-image-block-size);
1750
1755
  object-fit: var(--hop-Modal-image-object-fit);
1751
1756
  }
1752
- .Modal-module__hop-Modal___-QagI > .Modal-module__hop-Modal__heading___-0Clh {
1757
+ .Modal-module__hop-Modal___Ufrzx > .Modal-module__hop-Modal__heading___Asjss {
1753
1758
  grid-area: heading;
1754
1759
  margin-block-start: var(--hop-Modal-margin);
1755
1760
  margin-inline: var(--hop-Modal-margin);
1756
1761
  }
1757
- .Modal-module__hop-Modal___-QagI > .Modal-module__hop-Modal__header___qbfNS {
1762
+ .Modal-module__hop-Modal___Ufrzx > .Modal-module__hop-Modal__header___teNs7 {
1758
1763
  grid-area: header;
1759
1764
  place-self: center end;
1760
1765
  margin-block-start: var(--hop-Modal-margin);
1761
1766
  margin-inline: var(--hop-Modal-margin);
1762
1767
  }
1763
- .Modal-module__hop-Modal___-QagI > .Modal-module__hop-Modal__content___AkSo- {
1768
+ .Modal-module__hop-Modal___Ufrzx > .Modal-module__hop-Modal__content___d04jC {
1764
1769
  overflow-y: auto;
1765
1770
  grid-area: content;
1766
1771
  margin: var(--hop-Modal-margin);
1772
+ font-family: var(--hop-Callout-content-font-family);
1773
+ font-size: var(--hop-Callout-content-font-size);
1774
+ font-weight: var(--hop-Callout-content-font-weight);
1775
+ line-height: var(--hop-Callout-content-line-height);
1767
1776
  @media (max-height: 24rem) {
1768
1777
  overflow-y: visible;
1769
1778
  }
1770
1779
  }
1771
- .Modal-module__hop-Modal___-QagI > .Modal-module__hop-Modal__footer___anBjK {
1780
+ .Modal-module__hop-Modal___Ufrzx > .Modal-module__hop-Modal__footer___UJekg {
1772
1781
  grid-area: footer;
1773
1782
  align-self: center;
1774
1783
  margin-block-end: var(--hop-Modal-margin);
1775
1784
  margin-inline: var(--hop-Modal-margin);
1776
1785
  }
1777
- .Modal-module__hop-Modal___-QagI > .Modal-module__hop-Modal__button___JK323 {
1786
+ .Modal-module__hop-Modal___Ufrzx > .Modal-module__hop-Modal__button___vKIl8 {
1778
1787
  grid-area: buttons;
1779
1788
  place-self: center end;
1780
1789
  margin-block-end: var(--hop-Modal-margin);
1781
1790
  margin-inline: var(--hop-Modal-margin);
1782
1791
  }
1783
- .Modal-module__hop-Modal___-QagI > div.Modal-module__hop-Modal__button-group___tgkCT {
1792
+ .Modal-module__hop-Modal___Ufrzx > div.Modal-module__hop-Modal__button-group___WZ6-Y {
1784
1793
  grid-area: buttons;
1785
1794
  flex-wrap: nowrap;
1786
1795
  place-self: center end;
1787
1796
  margin-block-end: var(--hop-Modal-margin);
1788
1797
  margin-inline: var(--hop-Modal-margin);
1789
1798
  }
1790
- .Modal-module__hop-Modal___-QagI:has(.Modal-module__hop-Modal__close___ryZFS) > .Modal-module__hop-Modal__header___qbfNS,
1791
- .Modal-module__hop-Modal___-QagI:has(.Modal-module__hop-Modal__close___ryZFS) > .Modal-module__hop-Modal__heading___-0Clh {
1799
+ .Modal-module__hop-Modal___Ufrzx:has(.Modal-module__hop-Modal__close___GJ93Z) > .Modal-module__hop-Modal__header___teNs7,
1800
+ .Modal-module__hop-Modal___Ufrzx:has(.Modal-module__hop-Modal__close___GJ93Z) > .Modal-module__hop-Modal__heading___Asjss {
1792
1801
  margin-inline-end: calc(var(--hop-Modal-margin) + 2rem);
1793
1802
  }
1794
1803
  @media screen and (max-width: 48rem) {
1795
- .Modal-module__hop-Modal___-QagI:has(.Modal-module__hop-Modal__close___ryZFS):has(> .Modal-module__hop-Modal__image___LkuJw) > .Modal-module__hop-Modal__header___qbfNS,
1796
- .Modal-module__hop-Modal___-QagI:has(.Modal-module__hop-Modal__close___ryZFS):has(> .Modal-module__hop-Modal__image___LkuJw) > .Modal-module__hop-Modal__heading___-0Clh {
1804
+ .Modal-module__hop-Modal___Ufrzx:has(.Modal-module__hop-Modal__close___GJ93Z):has(> .Modal-module__hop-Modal__image___BI0-G) > .Modal-module__hop-Modal__header___teNs7,
1805
+ .Modal-module__hop-Modal___Ufrzx:has(.Modal-module__hop-Modal__close___GJ93Z):has(> .Modal-module__hop-Modal__image___BI0-G) > .Modal-module__hop-Modal__heading___Asjss {
1797
1806
  margin-inline-end: var(--hop-Modal-margin);
1798
1807
  }
1799
1808
  }
1800
- .Modal-module__hop-Modal___-QagI:has(> .Modal-module__hop-Modal__header___qbfNS) > .Modal-module__hop-Modal__heading___-0Clh {
1809
+ .Modal-module__hop-Modal___Ufrzx:has(> .Modal-module__hop-Modal__header___teNs7) > .Modal-module__hop-Modal__heading___Asjss {
1801
1810
  margin-inline-end: 0;
1802
1811
  }
1803
- .Modal-module__hop-Modal___-QagI:has(> .Modal-module__hop-Modal__button___JK323) > .Modal-module__hop-Modal__footer___anBjK,
1804
- .Modal-module__hop-Modal___-QagI:has(> .Modal-module__hop-Modal__button-group___tgkCT) > .Modal-module__hop-Modal__footer___anBjK {
1812
+ .Modal-module__hop-Modal___Ufrzx:has(> .Modal-module__hop-Modal__button___vKIl8) > .Modal-module__hop-Modal__footer___UJekg,
1813
+ .Modal-module__hop-Modal___Ufrzx:has(> .Modal-module__hop-Modal__button-group___WZ6-Y) > .Modal-module__hop-Modal__footer___UJekg {
1805
1814
  margin-inline-end: 0;
1806
1815
  }