@hopper-ui/components 1.5.13 → 1.5.15

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 (336) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/accordion/src/Accordion.css +155 -117
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +155 -117
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +394 -344
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +394 -344
  9. package/dist/alert/src/index.js +9 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +125 -87
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +1 -1
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +143 -105
  14. package/dist/avatar/src/Avatar.d.ts +2 -2
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarContext.d.ts +1 -1
  17. package/dist/avatar/src/AvatarGroup.css +152 -104
  18. package/dist/avatar/src/AvatarGroup.d.ts +1 -1
  19. package/dist/avatar/src/AvatarGroup.js +4 -4
  20. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -1
  21. package/dist/avatar/src/BrokenAvatar.css +125 -87
  22. package/dist/avatar/src/BrokenAvatar.d.ts +1 -1
  23. package/dist/avatar/src/BrokenAvatar.js +2 -2
  24. package/dist/avatar/src/DeletedAvatar.css +125 -87
  25. package/dist/avatar/src/DeletedAvatar.d.ts +1 -1
  26. package/dist/avatar/src/DeletedAvatar.js +2 -2
  27. package/dist/avatar/src/RichIconAvatarImage.css +125 -87
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/index.css +180 -132
  30. package/dist/avatar/src/index.d.ts +1 -1
  31. package/dist/avatar/src/index.js +9 -9
  32. package/dist/badge/src/Badge.css +130 -92
  33. package/dist/badge/src/Badge.js +2 -2
  34. package/dist/badge/src/FloatingBadge.css +125 -87
  35. package/dist/badge/src/FloatingBadge.js +1 -1
  36. package/dist/badge/src/index.css +140 -102
  37. package/dist/badge/src/index.js +3 -3
  38. package/dist/buttons/src/Button.css +176 -138
  39. package/dist/buttons/src/Button.js +5 -5
  40. package/dist/buttons/src/ButtonGroup.css +126 -88
  41. package/dist/buttons/src/ButtonGroup.js +1 -1
  42. package/dist/buttons/src/ClearButton.css +186 -148
  43. package/dist/buttons/src/ClearButton.js +2 -2
  44. package/dist/buttons/src/CloseButton.css +182 -144
  45. package/dist/buttons/src/CloseButton.js +6 -6
  46. package/dist/buttons/src/EmbeddedButton.css +186 -148
  47. package/dist/buttons/src/EmbeddedButton.js +1 -1
  48. package/dist/buttons/src/LinkButton.css +185 -147
  49. package/dist/buttons/src/LinkButton.js +4 -4
  50. package/dist/buttons/src/index.css +333 -295
  51. package/dist/buttons/src/index.js +10 -10
  52. package/dist/callout/src/Callout.css +345 -307
  53. package/dist/callout/src/Callout.js +7 -7
  54. package/dist/callout/src/CompactCallout.css +382 -344
  55. package/dist/callout/src/CompactCallout.js +7 -7
  56. package/dist/callout/src/index.css +394 -356
  57. package/dist/callout/src/index.js +8 -8
  58. package/dist/card/src/Card.css +118 -80
  59. package/dist/card/src/Card.js +1 -1
  60. package/dist/card/src/index.css +118 -80
  61. package/dist/card/src/index.js +1 -1
  62. package/dist/checkbox/src/Checkbox.css +129 -91
  63. package/dist/checkbox/src/Checkbox.js +4 -4
  64. package/dist/checkbox/src/CheckboxField.css +116 -78
  65. package/dist/checkbox/src/CheckboxField.js +3 -3
  66. package/dist/checkbox/src/CheckboxGroup.css +181 -143
  67. package/dist/checkbox/src/CheckboxGroup.js +6 -6
  68. package/dist/checkbox/src/DecorativeCheckbox.css +142 -104
  69. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  70. package/dist/checkbox/src/index.css +181 -143
  71. package/dist/checkbox/src/index.js +10 -10
  72. package/dist/{chunk-TZEU4NKY.js → chunk-242I76V4.js} +2 -2
  73. package/dist/{chunk-HANWII4T.js → chunk-2HSYA3UO.js} +2 -2
  74. package/dist/{chunk-Q7VZSQA4.js → chunk-2HYNJ4RG.js} +1 -1
  75. package/dist/{chunk-4LOEZQ6K.js → chunk-2SWBJ2RA.js} +2 -2
  76. package/dist/{chunk-CJ3TZIBR.js → chunk-2XIGNRNN.js} +1 -1
  77. package/dist/{chunk-GEZ2O7GH.js → chunk-2Z6HG7MH.js} +1 -1
  78. package/dist/{chunk-TNLYOFSX.js → chunk-345ZW6DW.js} +4 -4
  79. package/dist/{chunk-4JPU7V7P.js → chunk-3ITCXFNF.js} +1 -1
  80. package/dist/{chunk-OXQZEGVN.js → chunk-3NPO6GHQ.js} +1 -1
  81. package/dist/{chunk-6HPTG4I7.js → chunk-4GWBYMMR.js} +1 -1
  82. package/dist/{chunk-YYRU4JQR.js → chunk-4IBYIHH3.js} +3 -3
  83. package/dist/{chunk-3ZHH7T6Q.js → chunk-5BAVMEBR.js} +2 -2
  84. package/dist/{chunk-336PKPIF.js → chunk-5G7E5FCW.js} +1 -1
  85. package/dist/{chunk-H4FHS5GM.js → chunk-5QTTGCUO.js} +1 -1
  86. package/dist/{chunk-FIEPLQID.js → chunk-66AUOYN3.js} +1 -1
  87. package/dist/{chunk-DIYUJMQO.js → chunk-67UHV6JT.js} +2 -2
  88. package/dist/{chunk-SA322LHS.js → chunk-6REG5UM7.js} +2 -2
  89. package/dist/{chunk-YMTZYK3U.js → chunk-7TD2BOOW.js} +1 -1
  90. package/dist/{chunk-26SAFLH2.js → chunk-A2ATFLHB.js} +3 -3
  91. package/dist/{chunk-PJGCHONW.js → chunk-AM5OWO4O.js} +1 -1
  92. package/dist/{chunk-WUU53CNO.js → chunk-AZM46V7S.js} +8 -8
  93. package/dist/{chunk-BBFLIS2N.js → chunk-BBUO6JNY.js} +1 -1
  94. package/dist/{chunk-5UAXAY5Z.js → chunk-BEZV2TV5.js} +1 -1
  95. package/dist/{chunk-XDFCDNZP.js → chunk-BLZPFFRT.js} +1 -1
  96. package/dist/{chunk-QF25FXI5.js → chunk-BOVMXXMP.js} +2 -2
  97. package/dist/chunk-BVHIN4FH.js +38 -0
  98. package/dist/{chunk-DQT6VAIZ.js → chunk-C37ZYXWY.js} +2 -2
  99. package/dist/{chunk-TWKILUSS.js → chunk-CXAKQC6F.js} +2 -2
  100. package/dist/{chunk-MSIFNLMK.js → chunk-D2XT5TOS.js} +5 -5
  101. package/dist/{chunk-BAQO6H5D.js → chunk-DEKL4OBV.js} +11 -11
  102. package/dist/{chunk-3IAYQDEZ.js → chunk-DP2RSYCZ.js} +3 -3
  103. package/dist/{chunk-OKYRSI6N.js → chunk-DU73AY3A.js} +1 -1
  104. package/dist/{chunk-IJC3LMVD.js → chunk-EAB222LC.js} +1 -1
  105. package/dist/{chunk-SVY4NPVL.js → chunk-ECH7SUOC.js} +7 -7
  106. package/dist/{chunk-EGASA3QE.js → chunk-ECZI3JMD.js} +1 -1
  107. package/dist/{chunk-WBSUD7UN.js → chunk-EJAFDM3W.js} +10 -10
  108. package/dist/{chunk-ZXRWEYKU.js → chunk-EPPRW6WY.js} +8 -8
  109. package/dist/{chunk-FFSXWRQ4.js → chunk-EWAUG4KW.js} +3 -3
  110. package/dist/{chunk-27MSAOIK.js → chunk-FKKZBPRC.js} +2 -2
  111. package/dist/{chunk-YCKOALBB.js → chunk-FMBBP2JM.js} +1 -1
  112. package/dist/{chunk-CFXK2ZSA.js → chunk-GOTGYG72.js} +2 -2
  113. package/dist/{chunk-WPIH4OAE.js → chunk-IGIUSB45.js} +1 -1
  114. package/dist/{chunk-W5LSA7PK.js → chunk-IMLQDPAT.js} +5 -5
  115. package/dist/{chunk-DRIRW7MJ.js → chunk-IYNP25HA.js} +2 -2
  116. package/dist/{chunk-LOJ6Y766.js → chunk-JVJ7HW2B.js} +2 -2
  117. package/dist/{chunk-J7GMVQDE.js → chunk-JZ6NPRCQ.js} +1 -1
  118. package/dist/{chunk-AAMIUZW2.js → chunk-K7QK3SIY.js} +1 -1
  119. package/dist/{chunk-6KB3ZPEX.js → chunk-L4VDO4RJ.js} +3 -3
  120. package/dist/{chunk-H3CEJLCO.js → chunk-L7IPSOT5.js} +2 -2
  121. package/dist/{chunk-Q3CGFKER.js → chunk-LACODOC2.js} +7 -1
  122. package/dist/{chunk-OBWROGLB.js → chunk-LZOVDVUN.js} +8 -8
  123. package/dist/{chunk-PHYO5KW6.js → chunk-M2V7QIEJ.js} +1 -1
  124. package/dist/{chunk-ONWB6QY6.js → chunk-M45IYAP6.js} +3 -3
  125. package/dist/{chunk-DNWSS3V2.js → chunk-M4CEDZGQ.js} +2 -2
  126. package/dist/{chunk-SYFFZMMH.js → chunk-MJVZCFBR.js} +5 -5
  127. package/dist/{chunk-TFDJKYCC.js → chunk-MMYSMCOC.js} +2 -2
  128. package/dist/{chunk-V53G7BNL.js → chunk-MURITCIV.js} +1 -1
  129. package/dist/{chunk-QOA4KYYB.js → chunk-N7HVLMON.js} +2 -2
  130. package/dist/{chunk-H3THQ7OK.js → chunk-ODTKK5LR.js} +1 -1
  131. package/dist/{chunk-NT7BHGVD.js → chunk-OMJOBHXJ.js} +5 -5
  132. package/dist/{chunk-LKH3JL3P.js → chunk-PHIFUBIQ.js} +1 -1
  133. package/dist/{chunk-WCUPQIIB.js → chunk-PLUMP3FI.js} +2 -2
  134. package/dist/{chunk-FJYBZVXI.js → chunk-Q65D7GMU.js} +6 -6
  135. package/dist/{chunk-VJBJDRCA.js → chunk-R252LAT3.js} +5 -5
  136. package/dist/{chunk-W6VX3CL4.js → chunk-SYZBLISX.js} +12 -12
  137. package/dist/{chunk-2O2NCTBM.js → chunk-TWP4PKNE.js} +2 -2
  138. package/dist/{chunk-RPAKOGH6.js → chunk-UG5NRLHP.js} +2 -2
  139. package/dist/{chunk-QYMSYYF5.js → chunk-UTN67TJM.js} +1 -1
  140. package/dist/{chunk-BQQSNNMG.js → chunk-VZCB6LQU.js} +1 -1
  141. package/dist/{chunk-3M3OPDB5.js → chunk-WAHZ3SFK.js} +2 -2
  142. package/dist/{chunk-X7VALEJB.js → chunk-WXM5D73O.js} +1 -1
  143. package/dist/{chunk-TKMQCZDW.js → chunk-YAEJRROD.js} +1 -1
  144. package/dist/{chunk-AQ5PVP2O.js → chunk-YAU2APH4.js} +2 -2
  145. package/dist/{chunk-PB7U6BYO.js → chunk-YDSIFPYF.js} +3 -3
  146. package/dist/{chunk-YDPBF37I.js → chunk-YUKKPIQM.js} +2 -2
  147. package/dist/{chunk-2OHC57EK.js → chunk-Z4KKM2YZ.js} +1 -1
  148. package/dist/{chunk-CHA2MOQZ.js → chunk-ZDPSSA4N.js} +1 -1
  149. package/dist/{chunk-MYC273X2.js → chunk-ZF2VIHIL.js} +3 -3
  150. package/dist/{chunk-ND5XR6RA.js → chunk-ZTX23M7T.js} +2 -2
  151. package/dist/{chunk-C3X6NC6X.js → chunk-ZYWNDGPO.js} +2 -2
  152. package/dist/combobox/src/ComboBox.css +788 -720
  153. package/dist/combobox/src/ComboBox.js +17 -17
  154. package/dist/combobox/src/index.css +788 -720
  155. package/dist/combobox/src/index.js +17 -17
  156. package/dist/disclosure/src/Disclosure.css +125 -87
  157. package/dist/disclosure/src/Disclosure.js +1 -1
  158. package/dist/disclosure/src/DisclosureHeader.css +132 -94
  159. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  160. package/dist/disclosure/src/DisclosurePanel.css +120 -82
  161. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  162. package/dist/disclosure/src/index.css +150 -112
  163. package/dist/disclosure/src/index.js +7 -7
  164. package/dist/divider/src/Divider.css +117 -79
  165. package/dist/divider/src/Divider.js +1 -1
  166. package/dist/divider/src/index.css +117 -79
  167. package/dist/divider/src/index.js +1 -1
  168. package/dist/error-message/src/ErrorMessage.css +117 -79
  169. package/dist/error-message/src/ErrorMessage.js +2 -2
  170. package/dist/error-message/src/index.css +117 -79
  171. package/dist/error-message/src/index.js +2 -2
  172. package/dist/form/src/Form.css +110 -72
  173. package/dist/form/src/Form.js +1 -1
  174. package/dist/form/src/index.css +110 -72
  175. package/dist/form/src/index.js +1 -1
  176. package/dist/helper-message/src/HelperMessage.css +117 -79
  177. package/dist/helper-message/src/HelperMessage.js +2 -2
  178. package/dist/helper-message/src/index.css +117 -79
  179. package/dist/helper-message/src/index.js +2 -2
  180. package/dist/hopper-provider/src/HopperProvider.css +282 -0
  181. package/dist/hopper-provider/src/HopperProvider.d.ts +1 -0
  182. package/dist/hopper-provider/src/HopperProvider.js +2 -1
  183. package/dist/hopper-provider/src/index.css +282 -0
  184. package/dist/hopper-provider/src/index.js +2 -1
  185. package/dist/icon-list/src/IconList.css +116 -78
  186. package/dist/icon-list/src/IconList.js +1 -1
  187. package/dist/icon-list/src/index.css +116 -78
  188. package/dist/icon-list/src/index.js +1 -1
  189. package/dist/illustrated-message/src/IllustratedMessage.css +352 -314
  190. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  191. package/dist/illustrated-message/src/index.css +352 -314
  192. package/dist/illustrated-message/src/index.js +1 -1
  193. package/dist/image/src/Image.css +118 -80
  194. package/dist/image/src/Image.js +1 -1
  195. package/dist/image/src/SvgImage.css +116 -78
  196. package/dist/image/src/SvgImage.js +1 -1
  197. package/dist/image/src/index.css +119 -81
  198. package/dist/image/src/index.js +2 -2
  199. package/dist/index.css +1116 -1036
  200. package/dist/index.d.ts +5 -4
  201. package/dist/index.js +80 -79
  202. package/dist/inputs/src/Input.css +119 -81
  203. package/dist/inputs/src/Input.js +1 -1
  204. package/dist/inputs/src/InputGroup.css +121 -83
  205. package/dist/inputs/src/InputGroup.js +1 -1
  206. package/dist/inputs/src/NumberField.css +145 -107
  207. package/dist/inputs/src/NumberField.js +9 -9
  208. package/dist/inputs/src/PasswordField.css +353 -315
  209. package/dist/inputs/src/PasswordField.js +9 -9
  210. package/dist/inputs/src/RemainingCharacterCount.css +118 -80
  211. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  212. package/dist/inputs/src/SearchField.css +359 -321
  213. package/dist/inputs/src/SearchField.js +10 -10
  214. package/dist/inputs/src/TextArea.css +142 -104
  215. package/dist/inputs/src/TextArea.js +8 -8
  216. package/dist/inputs/src/TextField.css +357 -319
  217. package/dist/inputs/src/TextField.js +12 -12
  218. package/dist/inputs/src/index.css +410 -372
  219. package/dist/inputs/src/index.js +16 -16
  220. package/dist/link/src/Link.css +154 -116
  221. package/dist/link/src/Link.js +3 -3
  222. package/dist/link/src/index.css +154 -116
  223. package/dist/link/src/index.js +3 -3
  224. package/dist/list-box/src/ListBox.css +399 -351
  225. package/dist/list-box/src/ListBox.js +7 -7
  226. package/dist/list-box/src/ListBoxItem.css +387 -339
  227. package/dist/list-box/src/ListBoxItem.js +6 -6
  228. package/dist/list-box/src/ListBoxItemSkeleton.css +122 -84
  229. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  230. package/dist/list-box/src/index.css +399 -351
  231. package/dist/list-box/src/index.js +7 -7
  232. package/dist/modal/src/BaseModal.css +142 -92
  233. package/dist/modal/src/BaseModal.js +1 -1
  234. package/dist/modal/src/CustomModal.css +143 -93
  235. package/dist/modal/src/CustomModal.js +2 -2
  236. package/dist/modal/src/Modal.css +384 -334
  237. package/dist/modal/src/Modal.js +8 -8
  238. package/dist/modal/src/index.css +390 -340
  239. package/dist/modal/src/index.js +9 -9
  240. package/dist/overlays/popover/src/Popover.css +689 -631
  241. package/dist/overlays/popover/src/Popover.js +2 -2
  242. package/dist/overlays/popover/src/PopoverBase.css +129 -81
  243. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  244. package/dist/overlays/popover/src/index.css +703 -635
  245. package/dist/overlays/popover/src/index.js +3 -3
  246. package/dist/radio/src/DecorativeRadio.css +142 -104
  247. package/dist/radio/src/DecorativeRadio.js +3 -3
  248. package/dist/radio/src/Radio.css +134 -96
  249. package/dist/radio/src/Radio.js +3 -3
  250. package/dist/radio/src/RadioField.css +121 -83
  251. package/dist/radio/src/RadioField.js +2 -2
  252. package/dist/radio/src/RadioGroup.css +186 -148
  253. package/dist/radio/src/RadioGroup.js +6 -6
  254. package/dist/radio/src/index.css +186 -148
  255. package/dist/radio/src/index.js +10 -10
  256. package/dist/segmented-control/src/SegmentedControl.css +116 -78
  257. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  258. package/dist/segmented-control/src/SegmentedControlItem.css +130 -92
  259. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  260. package/dist/segmented-control/src/index.css +131 -93
  261. package/dist/segmented-control/src/index.js +3 -3
  262. package/dist/select/src/Select.css +732 -664
  263. package/dist/select/src/Select.js +16 -16
  264. package/dist/select/src/SelectValue.css +186 -138
  265. package/dist/select/src/SelectValue.js +2 -2
  266. package/dist/select/src/index.css +732 -664
  267. package/dist/select/src/index.js +16 -16
  268. package/dist/spinner/src/Spinner.css +125 -87
  269. package/dist/spinner/src/Spinner.js +2 -2
  270. package/dist/spinner/src/index.css +125 -87
  271. package/dist/spinner/src/index.js +2 -2
  272. package/dist/switch/src/Switch.css +131 -93
  273. package/dist/switch/src/Switch.js +3 -3
  274. package/dist/switch/src/SwitchField.css +121 -83
  275. package/dist/switch/src/SwitchField.js +2 -2
  276. package/dist/switch/src/index.css +137 -99
  277. package/dist/switch/src/index.js +4 -4
  278. package/dist/tabs/src/Tab.css +538 -490
  279. package/dist/tabs/src/Tab.js +2 -2
  280. package/dist/tabs/src/TabLine.css +117 -79
  281. package/dist/tabs/src/TabLine.js +1 -1
  282. package/dist/tabs/src/TabList.css +124 -86
  283. package/dist/tabs/src/TabList.js +2 -2
  284. package/dist/tabs/src/TabPanel.css +117 -79
  285. package/dist/tabs/src/TabPanel.js +1 -1
  286. package/dist/tabs/src/index.css +549 -501
  287. package/dist/tabs/src/index.js +5 -5
  288. package/dist/tag/src/Tag.css +516 -468
  289. package/dist/tag/src/Tag.js +7 -7
  290. package/dist/tag/src/TagGroup.css +125 -87
  291. package/dist/tag/src/TagGroup.js +6 -6
  292. package/dist/tag/src/index.css +526 -478
  293. package/dist/tag/src/index.js +11 -11
  294. package/dist/tile/src/Tile.css +124 -86
  295. package/dist/tile/src/Tile.js +2 -2
  296. package/dist/tile/src/TileGroup.css +116 -78
  297. package/dist/tile/src/TileGroup.js +1 -1
  298. package/dist/tile/src/index.css +125 -87
  299. package/dist/tile/src/index.js +3 -3
  300. package/dist/toggle-arrow/src/ToggleArrow.css +117 -79
  301. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  302. package/dist/toggle-arrow/src/index.css +117 -79
  303. package/dist/toggle-arrow/src/index.js +1 -1
  304. package/dist/tooltip/src/Tooltip.css +135 -87
  305. package/dist/tooltip/src/Tooltip.js +3 -3
  306. package/dist/tooltip/src/TooltipTrigger.css +115 -77
  307. package/dist/tooltip/src/index.css +135 -87
  308. package/dist/tooltip/src/index.js +3 -3
  309. package/dist/typography/heading/src/Heading.css +115 -77
  310. package/dist/typography/heading/src/Heading.js +1 -1
  311. package/dist/typography/heading/src/index.css +115 -77
  312. package/dist/typography/heading/src/index.js +1 -1
  313. package/dist/typography/label/src/Label.css +97 -59
  314. package/dist/typography/label/src/Label.js +2 -2
  315. package/dist/typography/label/src/index.css +97 -59
  316. package/dist/typography/label/src/index.js +2 -2
  317. package/dist/typography/overline-text/src/OverlineText.css +83 -45
  318. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  319. package/dist/typography/overline-text/src/index.css +83 -45
  320. package/dist/typography/overline-text/src/index.js +1 -1
  321. package/dist/typography/paragraph/src/Paragraph.css +272 -0
  322. package/dist/typography/paragraph/src/Paragraph.d.ts +16 -0
  323. package/dist/typography/paragraph/src/Paragraph.js +7 -0
  324. package/dist/typography/paragraph/src/index.css +272 -0
  325. package/dist/typography/paragraph/src/index.d.ts +5 -0
  326. package/dist/typography/paragraph/src/index.js +7 -0
  327. package/dist/typography/text/src/Text.css +83 -45
  328. package/dist/typography/text/src/Text.js +1 -1
  329. package/dist/typography/text/src/index.css +83 -45
  330. package/dist/typography/text/src/index.js +1 -1
  331. package/dist/utils/src/ClearSlots.css +115 -77
  332. package/dist/utils/src/EnsureTextWrapper.css +115 -77
  333. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  334. package/dist/utils/src/index.css +115 -77
  335. package/dist/utils/src/index.js +2 -2
  336. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___Ar-xg {
2
+ .Heading-module__hop-Heading___ymJPS {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___Ar-xg) {
36
+ :where(.Heading-module__hop-Heading___ymJPS) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,51 +41,113 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___-I9vY) {
44
+ :where(.Heading-module__hop-Heading--xs___bHqez) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___3Uw0i) {
50
+ :where(.Heading-module__hop-Heading--sm___Mxwzr) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___curln) {
56
+ :where(.Heading-module__hop-Heading--md___aCDuc) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___wTnwT) {
62
+ :where(.Heading-module__hop-Heading--lg___9qCBi) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___DNuF7) {
68
+ :where(.Heading-module__hop-Heading--xl___kA1HN) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___cWmCg) {
74
+ :where(.Heading-module__hop-Heading--2xl___-CQ08) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___-fSuo) {
80
+ :where(.Heading-module__hop-Heading--3xl___gFWn8) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
84
84
  --line-height: var(--hop-Heading-3xl-line-height);
85
85
  }
86
86
 
87
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
88
+ .Label-module__hop-Label___vqWZR {
89
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
90
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
91
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
92
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
93
+ --hop-Label-color: var(--hop-neutral-text-weak);
94
+ }
95
+ :where(.Label-module__hop-Label___vqWZR) {
96
+ font-family: var(--hop-Label-font-family);
97
+ font-size: var(--hop-Label-font-size);
98
+ font-weight: var(--hop-Label-font-weight);
99
+ line-height: var(--hop-Label-line-height);
100
+ color: var(--hop-Label-color);
101
+ }
102
+ :where(.Label-module__hop-Label__indicator___7V-DK) {
103
+ padding-inline-start: var(--hop-space-20);
104
+ }
105
+
106
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
107
+ :where(.OverlineText-module__hop-OverlineText___cuiG5) {
108
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
109
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
110
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
111
+ --hop-OverlineText-letter-spacing: 0.015rem;
112
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
113
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
114
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
115
+ --font-family: var(--hop-OverlineText-font-family);
116
+ --font-size: var(--hop-OverlineText-font-size);
117
+ --font-weight: var(--hop-OverlineText-font-weight);
118
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
119
+ --line-height: var(--hop-OverlineText-line-height);
120
+ --top-offset: var(--hop-OverlineText-top-offset);
121
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
122
+ box-sizing: border-box;
123
+ font-family: var(--font-family);
124
+ font-size: var(--font-size);
125
+ font-feature-settings: "case";
126
+ font-weight: var(--font-weight);
127
+ line-height: var(--line-height);
128
+ text-transform: uppercase;
129
+ letter-spacing: var(--letter-spacing);
130
+ }
131
+ .OverlineText-module__hop-OverlineText__text___oymrp {
132
+ box-sizing: border-box;
133
+ }
134
+ .OverlineText-module__hop-OverlineText__text___oymrp::before,
135
+ .OverlineText-module__hop-OverlineText__text___oymrp::after {
136
+ content: "";
137
+ display: block;
138
+ box-sizing: border-box;
139
+ inline-size: 0;
140
+ block-size: 0;
141
+ }
142
+ .OverlineText-module__hop-OverlineText__text___oymrp::before {
143
+ margin-block-end: var(--bottom-offset);
144
+ }
145
+ .OverlineText-module__hop-OverlineText__text___oymrp::after {
146
+ margin-block-start: var(--top-offset);
147
+ }
148
+
87
149
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
88
- .Text-module__hop-Text___uq-tR {
150
+ .Text-module__hop-Text___lZZnA {
89
151
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
90
152
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
91
153
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -115,126 +177,102 @@
115
177
  --hop-Text-inherit-size-font-weight: inherit;
116
178
  --hop-Text-inherit-size-line-height: inherit;
117
179
  }
118
- :where(.Text-module__hop-Text___uq-tR) {
180
+ :where(.Text-module__hop-Text___lZZnA) {
119
181
  font-family: var(--font-family);
120
182
  font-size: var(--font-size);
121
183
  font-weight: var(--font-weight);
122
184
  line-height: var(--line-height);
123
185
  }
124
- :where(.Text-module__hop-Text--xs___sJCR-) {
186
+ :where(.Text-module__hop-Text--xs___-Helr) {
125
187
  --font-size: var(--hop-Text-xs-font-size);
126
188
  --font-family: var(--hop-Text-xs-font-family);
127
189
  --font-weight: var(--hop-Text-xs-font-weight);
128
190
  --line-height: var(--hop-Text-xs-line-height);
129
191
  }
130
- :where(.Text-module__hop-Text--sm___rsSoz) {
192
+ :where(.Text-module__hop-Text--sm___n4DcX) {
131
193
  --font-size: var(--hop-Text-sm-font-size);
132
194
  --font-family: var(--hop-Text-sm-font-family);
133
195
  --font-weight: var(--hop-Text-sm-font-weight);
134
196
  --line-height: var(--hop-Text-sm-line-height);
135
197
  }
136
- :where(.Text-module__hop-Text--md___KWEnQ) {
198
+ :where(.Text-module__hop-Text--md___VdH5f) {
137
199
  --font-size: var(--hop-Text-md-font-size);
138
200
  --font-family: var(--hop-Text-md-font-family);
139
201
  --font-weight: var(--hop-Text-md-font-weight);
140
202
  --line-height: var(--hop-Text-md-line-height);
141
203
  }
142
- :where(.Text-module__hop-Text--lg___igwHs) {
204
+ :where(.Text-module__hop-Text--lg___oTyML) {
143
205
  --font-size: var(--hop-Text-lg-font-size);
144
206
  --font-family: var(--hop-Text-lg-font-family);
145
207
  --font-weight: var(--hop-Text-lg-font-weight);
146
208
  --line-height: var(--hop-Text-lg-line-height);
147
209
  }
148
- :where(.Text-module__hop-Text--xl___V7Phx) {
210
+ :where(.Text-module__hop-Text--xl___71mU0) {
149
211
  --font-size: var(--hop-Text-xl-font-size);
150
212
  --font-family: var(--hop-Text-xl-font-family);
151
213
  --font-weight: var(--hop-Text-xl-font-weight);
152
214
  --line-height: var(--hop-Text-xl-line-height);
153
215
  }
154
- :where(.Text-module__hop-Text--2xl___Yc-7P) {
216
+ :where(.Text-module__hop-Text--2xl___xt-EK) {
155
217
  --font-size: var(--hop-Text-2xl-font-size);
156
218
  --font-family: var(--hop-Text-2xl-font-family);
157
219
  --font-weight: var(--hop-Text-2xl-font-weight);
158
220
  --line-height: var(--hop-Text-2xl-line-height);
159
221
  }
160
- :where(.Text-module__hop-Text--inherit___8OzO8) {
222
+ :where(.Text-module__hop-Text--inherit___wMzVg) {
161
223
  --font-size: var(--hop-Text-inherit-size-font-size);
162
224
  --font-family: var(--hop-Text-inherit-size-font-family);
163
225
  --font-weight: var(--hop-Text-inherit-size-font-weight);
164
226
  --line-height: var(--hop-Text-inherit-size-line-height);
165
227
  }
166
228
 
167
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
168
- :where(.OverlineText-module__hop-OverlineText___wnMR6) {
169
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
170
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
171
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
172
- --hop-OverlineText-letter-spacing: 0.015rem;
173
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
174
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
175
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
176
- --font-family: var(--hop-OverlineText-font-family);
177
- --font-size: var(--hop-OverlineText-font-size);
178
- --font-weight: var(--hop-OverlineText-font-weight);
179
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
180
- --line-height: var(--hop-OverlineText-line-height);
181
- --top-offset: var(--hop-OverlineText-top-offset);
182
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
183
- box-sizing: border-box;
184
- font-family: var(--font-family);
185
- font-size: var(--font-size);
186
- font-feature-settings: "case";
187
- font-weight: var(--font-weight);
188
- line-height: var(--line-height);
189
- text-transform: uppercase;
190
- letter-spacing: var(--letter-spacing);
229
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
230
+ .Paragraph-module__hop-Paragraph___5zmqY {
231
+ --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
232
+ --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
233
+ --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
234
+ --hop-Paragraph-lg-margin-bottom: calc(1rem * .75);
235
+ --hop-Paragraph-xl-margin-bottom: calc(1.125rem * .75);
236
+ --hop-Paragraph-2xl-margin-bottom: calc(1.375rem * .75);
237
+ --hop-Paragraph-inherit-margin-bottom: .75em;
238
+ margin: 0;
239
+ margin-block-end: var(--margin-block-end);
240
+ overflow-wrap: break-word;
191
241
  }
192
- .OverlineText-module__hop-OverlineText__text___fotp3 {
193
- box-sizing: border-box;
242
+ .Paragraph-module__hop-Paragraph___5zmqY:last-child {
243
+ --margin-block-end: 0;
194
244
  }
195
- .OverlineText-module__hop-OverlineText__text___fotp3::before,
196
- .OverlineText-module__hop-OverlineText__text___fotp3::after {
197
- content: "";
198
- display: block;
199
- box-sizing: border-box;
200
- inline-size: 0;
201
- block-size: 0;
245
+ .Paragraph-module__hop-Paragraph--xs___ZDU9Y {
246
+ --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
202
247
  }
203
- .OverlineText-module__hop-OverlineText__text___fotp3::before {
204
- margin-block-end: var(--bottom-offset);
248
+ .Paragraph-module__hop-Paragraph--sm___hsTk4 {
249
+ --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
205
250
  }
206
- .OverlineText-module__hop-OverlineText__text___fotp3::after {
207
- margin-block-start: var(--top-offset);
251
+ .Paragraph-module__hop-Paragraph--md___7LlNR {
252
+ --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
208
253
  }
209
-
210
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
211
- .Label-module__hop-Label___yQPNj {
212
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
213
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
214
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
215
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
216
- --hop-Label-color: var(--hop-neutral-text-weak);
254
+ .Paragraph-module__hop-Paragraph--lg___MHwuY {
255
+ --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
217
256
  }
218
- :where(.Label-module__hop-Label___yQPNj) {
219
- font-family: var(--hop-Label-font-family);
220
- font-size: var(--hop-Label-font-size);
221
- font-weight: var(--hop-Label-font-weight);
222
- line-height: var(--hop-Label-line-height);
223
- color: var(--hop-Label-color);
257
+ .Paragraph-module__hop-Paragraph--xl___a6CHb {
258
+ --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
224
259
  }
225
- :where(.Label-module__hop-Label__indicator___pSeqL) {
226
- padding-inline-start: var(--hop-space-20);
260
+ .Paragraph-module__hop-Paragraph--2xl___N-pjK {
261
+ --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
262
+ }
263
+ .Paragraph-module__hop-Paragraph--inherit___7n8lu {
264
+ --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
227
265
  }
228
266
 
229
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
230
- .Form-module__hop-Form___1Lmw5 {
268
+ .Form-module__hop-Form___x-Zbq {
231
269
  display: flex;
232
270
  flex-direction: column;
233
271
  gap: var(--hop-space-stack-lg);
234
272
  }
235
273
 
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
237
- .IconList-module__hop-IconList___KtipB {
275
+ .IconList-module__hop-IconList___71qcc {
238
276
  --hop-IconList-gap: var(--hop-space-inline-xs);
239
277
  display: flex;
240
278
  flex-wrap: wrap;
@@ -243,7 +281,7 @@
243
281
  }
244
282
 
245
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
246
- @keyframes Spinner-module__spin___Faw-r {
284
+ @keyframes Spinner-module__spin___yMNuw {
247
285
  0% {
248
286
  transform: rotate(0deg);
249
287
  }
@@ -251,7 +289,7 @@
251
289
  transform: rotate(360deg);
252
290
  }
253
291
  }
254
- .Spinner-module__hop-Spinner___6q9rz {
292
+ .Spinner-module__hop-Spinner___wlgun {
255
293
  --hop-Spinner-border-radius: var(--hop-shape-circle);
256
294
  --hop-Spinner-sm-wheel-size: 1rem;
257
295
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -259,7 +297,7 @@
259
297
  --hop-Spinner-track-width: 0.125rem;
260
298
  --hop-Spinner-track-opacity: 0.2;
261
299
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
262
- --hop-Spinner-fill-animation: Spinner-module__spin___Faw-r .8s infinite linear;
300
+ --hop-Spinner-fill-animation: Spinner-module__spin___yMNuw .8s infinite linear;
263
301
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
264
302
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
265
303
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -270,19 +308,19 @@
270
308
  align-items: center;
271
309
  box-sizing: border-box;
272
310
  }
273
- .Spinner-module__hop-Spinner--sm___6uEWY {
311
+ .Spinner-module__hop-Spinner--sm___2Jzv- {
274
312
  --width: var(--hop-Spinner-sm-wheel-size);
275
313
  --height: var(--hop-Spinner-sm-wheel-size);
276
314
  }
277
- .Spinner-module__hop-Spinner--md___xj82a {
315
+ .Spinner-module__hop-Spinner--md___3d-mN {
278
316
  --width: var(--hop-Spinner-md-wheel-size);
279
317
  --height: var(--hop-Spinner-md-wheel-size);
280
318
  }
281
- .Spinner-module__hop-Spinner--lg___PoxnB {
319
+ .Spinner-module__hop-Spinner--lg___-oxkJ {
282
320
  --width: var(--hop-Spinner-lg-wheel-size);
283
321
  --height: var(--hop-Spinner-lg-wheel-size);
284
322
  }
285
- .Spinner-module__hop-Spinner__track___yewAt {
323
+ .Spinner-module__hop-Spinner__track___nA-s- {
286
324
  grid-area: spinner;
287
325
  box-sizing: border-box;
288
326
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -291,7 +329,7 @@
291
329
  border: var(--hop-Spinner-track-border);
292
330
  border-radius: var(--hop-Spinner-border-radius);
293
331
  }
294
- .Spinner-module__hop-Spinner__fill___rJUNl {
332
+ .Spinner-module__hop-Spinner__fill___d8TLp {
295
333
  grid-area: spinner;
296
334
  box-sizing: border-box;
297
335
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -302,17 +340,17 @@
302
340
  animation: var(--hop-Spinner-fill-animation);
303
341
  }
304
342
  @media (prefers-reduced-motion: reduce) {
305
- .Spinner-module__hop-Spinner__fill___rJUNl {
343
+ .Spinner-module__hop-Spinner__fill___d8TLp {
306
344
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
307
345
  }
308
346
  }
309
- .Spinner-module__hop-Spinner__label___upGH0 {
347
+ .Spinner-module__hop-Spinner__label___RSiED {
310
348
  grid-area: label;
311
349
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
312
350
  }
313
351
 
314
352
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
315
- .Button-module__hop-Button___xiJh7 {
353
+ .Button-module__hop-Button___TXL9i {
316
354
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
317
355
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
318
356
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -436,215 +474,215 @@
436
474
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
437
475
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
438
476
  }
439
- .Button-module__hop-Button--fluid___VOQAE {
477
+ .Button-module__hop-Button--fluid___HDlga {
440
478
  --inline-size: 100%;
441
479
  }
442
- .Button-module__hop-Button--sm___Wul7x {
480
+ .Button-module__hop-Button--sm___GZQUg {
443
481
  --block-size: var(--hop-Button-sm-height);
444
482
  --padding: var(--hop-Button-sm-padding);
445
483
  }
446
- .Button-module__hop-Button--sm___Wul7x[class*=--ghost] {
484
+ .Button-module__hop-Button--sm___GZQUg[class*=--ghost] {
447
485
  --padding: var(--hop-Button-ghost-sm-padding);
448
486
  }
449
- .Button-module__hop-Button--md___e-Ko-[class*=--ghost] {
487
+ .Button-module__hop-Button--md___BaxGo[class*=--ghost] {
450
488
  --padding: var(--hop-Button-ghost-md-padding);
451
489
  }
452
- .Button-module__hop-Button--icon-only___MFz57 {
490
+ .Button-module__hop-Button--icon-only___nkFWQ {
453
491
  --column-gap: var(--hop-Button-icon-only-column-gap);
454
492
  --padding: var(--hop-Button-icon-only-padding);
455
493
  aspect-ratio: 1;
456
494
  }
457
- .Button-module__hop-Button--primary___RKI1i {
495
+ .Button-module__hop-Button--primary___D5NDr {
458
496
  --background-color: var(--hop-Button-primary-background-color);
459
497
  --color: var(--hop-Button-primary-color);
460
498
  --border: var(--hop-Button-primary-border);
461
499
  --spinner-color: var(--hop-Button-primary-spinner-color);
462
500
  }
463
- .Button-module__hop-Button--primary___RKI1i[data-hovered],
464
- .Button-module__hop-Button--primary___RKI1i[data-focus-visible] {
501
+ .Button-module__hop-Button--primary___D5NDr[data-hovered],
502
+ .Button-module__hop-Button--primary___D5NDr[data-focus-visible] {
465
503
  --background-color: var(--hop-Button-primary-background-color-hover);
466
504
  --color: var(--hop-Button-primary-color-hover);
467
505
  --border: var(--hop-Button-primary-border-hover);
468
506
  }
469
- .Button-module__hop-Button--primary___RKI1i[data-pressed] {
507
+ .Button-module__hop-Button--primary___D5NDr[data-pressed] {
470
508
  --background-color: var(--hop-Button-primary-background-color-pressed);
471
509
  --color: var(--hop-Button-primary-color-pressed);
472
510
  --border: var(--hop-Button-primary-border-pressed);
473
511
  }
474
- .Button-module__hop-Button--secondary___wqqJQ {
512
+ .Button-module__hop-Button--secondary___9SfRb {
475
513
  --background-color: var(--hop-Button-secondary-background-color);
476
514
  --color: var(--hop-Button-secondary-color);
477
515
  --border: var(--hop-Button-secondary-border);
478
516
  --spinner-color: var(--hop-Button-secondary-spinner-color);
479
517
  }
480
- .Button-module__hop-Button--secondary___wqqJQ[data-hovered],
481
- .Button-module__hop-Button--secondary___wqqJQ[data-focus-visible] {
518
+ .Button-module__hop-Button--secondary___9SfRb[data-hovered],
519
+ .Button-module__hop-Button--secondary___9SfRb[data-focus-visible] {
482
520
  --background-color: var(--hop-Button-secondary-background-color-hover);
483
521
  --color: var(--hop-Button-secondary-color-hover);
484
522
  --border: var(--hop-Button-secondary-border-hover);
485
523
  }
486
- .Button-module__hop-Button--secondary___wqqJQ[data-pressed] {
524
+ .Button-module__hop-Button--secondary___9SfRb[data-pressed] {
487
525
  --background-color: var(--hop-Button-secondary-background-color-pressed);
488
526
  --color: var(--hop-Button-secondary-color-pressed);
489
527
  --border: var(--hop-Button-secondary-border-pressed);
490
528
  }
491
- .Button-module__hop-Button--upsell___VMpcZ {
529
+ .Button-module__hop-Button--upsell___WU2dw {
492
530
  --background-color: var(--hop-Button-upsell-background-color);
493
531
  --color: var(--hop-Button-upsell-color);
494
532
  --border: var(--hop-Button-upsell-border);
495
533
  --spinner-color: var(--hop-Button-upsell-spinner-color);
496
534
  }
497
- .Button-module__hop-Button--upsell___VMpcZ[data-hovered],
498
- .Button-module__hop-Button--upsell___VMpcZ[data-focus-visible] {
535
+ .Button-module__hop-Button--upsell___WU2dw[data-hovered],
536
+ .Button-module__hop-Button--upsell___WU2dw[data-focus-visible] {
499
537
  --background-color: var(--hop-Button-upsell-background-color-hover);
500
538
  --color: var(--hop-Button-upsell-color-hover);
501
539
  --border: var(--hop-Button-upsell-border-hover);
502
540
  }
503
- .Button-module__hop-Button--upsell___VMpcZ[data-pressed] {
541
+ .Button-module__hop-Button--upsell___WU2dw[data-pressed] {
504
542
  --background-color: var(--hop-Button-upsell-background-color-pressed);
505
543
  --color: var(--hop-Button-upsell-color-pressed);
506
544
  --border: var(--hop-Button-upsell-border-pressed);
507
545
  }
508
- .Button-module__hop-Button--danger___O-jr8 {
546
+ .Button-module__hop-Button--danger___nIQnN {
509
547
  --background-color: var(--hop-Button-danger-background-color);
510
548
  --color: var(--hop-Button-danger-color);
511
549
  --border: var(--hop-Button-danger-border);
512
550
  --spinner-color: var(--hop-Button-danger-spinner-color);
513
551
  }
514
- .Button-module__hop-Button--danger___O-jr8[data-hovered],
515
- .Button-module__hop-Button--danger___O-jr8[data-focus-visible] {
552
+ .Button-module__hop-Button--danger___nIQnN[data-hovered],
553
+ .Button-module__hop-Button--danger___nIQnN[data-focus-visible] {
516
554
  --background-color: var(--hop-Button-danger-background-color-hover);
517
555
  --color: var(--hop-Button-danger-color-hover);
518
556
  --border: var(--hop-Button-danger-border-hover);
519
557
  }
520
- .Button-module__hop-Button--danger___O-jr8[data-pressed] {
558
+ .Button-module__hop-Button--danger___nIQnN[data-pressed] {
521
559
  --background-color: var(--hop-Button-danger-background-color-pressed);
522
560
  --color: var(--hop-Button-danger-color-pressed);
523
561
  --border: var(--hop-Button-danger-border-pressed);
524
562
  }
525
- .Button-module__hop-Button--ghost-primary___FnZSg {
563
+ .Button-module__hop-Button--ghost-primary___aDV3t {
526
564
  --background-color: var(--hop-Button-ghost-primary-background-color);
527
565
  --color: var(--hop-Button-ghost-primary-color);
528
566
  --border: var(--hop-Button-ghost-primary-border);
529
567
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
530
568
  }
531
- .Button-module__hop-Button--ghost-primary___FnZSg[data-hovered],
532
- .Button-module__hop-Button--ghost-primary___FnZSg[data-focus-visible] {
569
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-hovered],
570
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-focus-visible] {
533
571
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
534
572
  --color: var(--hop-Button-ghost-primary-color-hover);
535
573
  --border: var(--hop-Button-ghost-primary-border-hover);
536
574
  --text-underline: underline;
537
575
  }
538
- .Button-module__hop-Button--ghost-primary___FnZSg[data-pressed] {
576
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-pressed] {
539
577
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
540
578
  --color: var(--hop-Button-ghost-primary-color-pressed);
541
579
  --border: var(--hop-Button-ghost-primary-border-pressed);
542
580
  --text-underline: underline;
543
581
  }
544
- .Button-module__hop-Button--ghost-secondary___iqNgt {
582
+ .Button-module__hop-Button--ghost-secondary___L02sf {
545
583
  --background-color: var(--hop-Button-ghost-secondary-background-color);
546
584
  --color: var(--hop-Button-ghost-secondary-color);
547
585
  --border: var(--hop-Button-ghost-secondary-border);
548
586
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
549
587
  }
550
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-hovered],
551
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-focus-visible] {
588
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-hovered],
589
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-focus-visible] {
552
590
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
553
591
  --color: var(--hop-Button-ghost-secondary-color-hover);
554
592
  --border: var(--hop-Button-ghost-secondary-border-hover);
555
593
  --text-underline: underline;
556
594
  }
557
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-pressed] {
595
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-pressed] {
558
596
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
559
597
  --color: var(--hop-Button-ghost-secondary-color-pressed);
560
598
  --border: var(--hop-Button-ghost-secondary-border-pressed);
561
599
  --text-underline: underline;
562
600
  }
563
- .Button-module__hop-Button--ghost-danger___qB-Df {
601
+ .Button-module__hop-Button--ghost-danger___s3XFZ {
564
602
  --background-color: var(--hop-Button-ghost-danger-background-color);
565
603
  --color: var(--hop-Button-ghost-danger-color);
566
604
  --border: var(--hop-Button-ghost-danger-border);
567
605
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
568
606
  }
569
- .Button-module__hop-Button--ghost-danger___qB-Df[data-hovered],
570
- .Button-module__hop-Button--ghost-danger___qB-Df[data-focus-visible] {
607
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-hovered],
608
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-focus-visible] {
571
609
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
572
610
  --color: var(--hop-Button-ghost-danger-color-hover);
573
611
  --border: var(--hop-Button-ghost-danger-border-hover);
574
612
  --text-underline: underline;
575
613
  }
576
- .Button-module__hop-Button--ghost-danger___qB-Df[data-pressed] {
614
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-pressed] {
577
615
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
578
616
  --color: var(--hop-Button-ghost-danger-color-pressed);
579
617
  --border: var(--hop-Button-ghost-danger-border-pressed);
580
618
  --text-underline: underline;
581
619
  }
582
- .Button-module__hop-Button___xiJh7[data-focus-visible] {
620
+ .Button-module__hop-Button___TXL9i[data-focus-visible] {
583
621
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
584
622
  }
585
- .Button-module__hop-Button___xiJh7[data-disabled],
586
- .Button-module__hop-Button--loading___MgNaX {
623
+ .Button-module__hop-Button___TXL9i[data-disabled],
624
+ .Button-module__hop-Button--loading___-bekZ {
587
625
  cursor: not-allowed;
588
626
  }
589
- .Button-module__hop-Button___xiJh7[data-disabled] {
627
+ .Button-module__hop-Button___TXL9i[data-disabled] {
590
628
  --background-color: var(--hop-Button-background-color-disabled);
591
629
  --color: var(--hop-Button-color-disabled);
592
630
  --border: var(--hop-Button-border-disabled);
593
631
  }
594
- .Button-module__hop-Button___xiJh7[class*=--ghost][data-disabled] {
632
+ .Button-module__hop-Button___TXL9i[class*=--ghost][data-disabled] {
595
633
  --background-color: var(--hop-Button-ghost-background-color-disabled);
596
634
  --color: var(--hop-Button-ghost-color-disabled);
597
635
  --border: var(--hop-Button-ghost-border-disabled);
598
636
  }
599
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--primary___RKI1i {
637
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--primary___D5NDr {
600
638
  --background-color: var(--hop-Button-primary-background-color);
601
639
  --color: var(--hop-Button-primary-color);
602
640
  --border: var(--hop-Button-primary-border);
603
641
  }
604
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--secondary___wqqJQ {
642
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--secondary___9SfRb {
605
643
  --background-color: var(--hop-Button-secondary-background-color);
606
644
  --color: var(--hop-Button-secondary-color);
607
645
  --border: var(--hop-Button-secondary-border);
608
646
  }
609
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--upsell___VMpcZ {
647
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--upsell___WU2dw {
610
648
  --background-color: var(--hop-Button-upsell-background-color);
611
649
  --color: var(--hop-Button-upsell-color);
612
650
  --border: var(--hop-Button-upsell-border);
613
651
  }
614
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--danger___O-jr8 {
652
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--danger___nIQnN {
615
653
  --background-color: var(--hop-Button-danger-background-color);
616
654
  --color: var(--hop-Button-danger-color);
617
655
  --border: var(--hop-Button-danger-border);
618
656
  }
619
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-primary___FnZSg {
657
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-primary___aDV3t {
620
658
  --background-color: var(--hop-Button-ghost-primary-background-color);
621
659
  --color: var(--hop-Button-ghost-primary-color);
622
660
  --border: var(--hop-Button-ghost-primary-border);
623
661
  --text-underline: none;
624
662
  }
625
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-secondary___iqNgt {
663
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-secondary___L02sf {
626
664
  --background-color: var(--hop-Button-ghost-secondary-background-color);
627
665
  --color: var(--hop-Button-ghost-secondary-color);
628
666
  --border: var(--hop-Button-ghost-secondary-border);
629
667
  --text-underline: none;
630
668
  }
631
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-danger___qB-Df {
669
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-danger___s3XFZ {
632
670
  --background-color: var(--hop-Button-ghost-danger-background-color);
633
671
  --color: var(--hop-Button-ghost-danger-color);
634
672
  --border: var(--hop-Button-ghost-danger-border);
635
673
  --text-underline: none;
636
674
  }
637
- .Button-module__hop-Button__Spinner___NRYSd {
675
+ .Button-module__hop-Button__Spinner___n7Ijc {
638
676
  position: absolute;
639
677
  color: var(--spinner-color);
640
678
  }
641
- .Button-module__hop-Button__icon___U--U8,
642
- .Button-module__hop-Button__icon-list___jk-eg {
679
+ .Button-module__hop-Button__icon___l1yw8,
680
+ .Button-module__hop-Button__icon-list___pxV-9 {
643
681
  flex: 0 0 auto;
644
682
  justify-self: end;
645
683
  order: 1;
646
684
  }
647
- .Button-module__hop-Button__text___1vQg7 {
685
+ .Button-module__hop-Button__text___RHZ7P {
648
686
  user-select: none;
649
687
  overflow: visible;
650
688
  flex: 0 1 auto;
@@ -654,60 +692,60 @@
654
692
  text-underline-offset: 0.125rem;
655
693
  text-wrap: nowrap;
656
694
  }
657
- .Button-module__hop-Button__end-icon___DarhX,
658
- .Button-module__hop-Button__end-icon-list___3saKU {
695
+ .Button-module__hop-Button__end-icon___1uC5c,
696
+ .Button-module__hop-Button__end-icon-list___h26Zi {
659
697
  flex: 0 0 auto;
660
698
  order: 3;
661
699
  }
662
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__icon-list___jk-eg,
663
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__end-icon-list___3saKU {
700
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__icon-list___pxV-9,
701
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__end-icon-list___h26Zi {
664
702
  flex-wrap: nowrap;
665
703
  }
666
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button___xiJh7 > *:not(.Button-module__hop-Button__Spinner___NRYSd) {
704
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button___TXL9i > *:not(.Button-module__hop-Button__Spinner___n7Ijc) {
667
705
  opacity: 0;
668
706
  }
669
707
 
670
708
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
671
- .ButtonGroup-module__hop-ButtonGroup___Aa0mC {
709
+ .ButtonGroup-module__hop-ButtonGroup___YyO37 {
672
710
  display: inline-flex;
673
711
  flex-wrap: nowrap;
674
712
  gap: var(--hop-space-inline-md);
675
713
  }
676
- .ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
714
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
677
715
  align-items: center;
678
716
  }
679
- .ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
717
+ .ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
680
718
  flex-direction: column;
681
719
  gap: var(--hop-space-stack-md);
682
720
  justify-content: center;
683
721
  }
684
- .ButtonGroup-module__hop-ButtonGroup--start___n9CwD.ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
722
+ .ButtonGroup-module__hop-ButtonGroup--start___UCj9T.ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
685
723
  align-items: flex-start;
686
724
  }
687
- .ButtonGroup-module__hop-ButtonGroup--center___Utr6y.ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
725
+ .ButtonGroup-module__hop-ButtonGroup--center___b-OEf.ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
688
726
  align-items: center;
689
727
  }
690
- .ButtonGroup-module__hop-ButtonGroup--end___x6Bnw.ButtonGroup-module__hop-ButtonGroup--vertical___KzleC {
728
+ .ButtonGroup-module__hop-ButtonGroup--end___6D1av.ButtonGroup-module__hop-ButtonGroup--vertical___5MINl {
691
729
  align-items: flex-end;
692
730
  }
693
- .ButtonGroup-module__hop-ButtonGroup--start___n9CwD.ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
731
+ .ButtonGroup-module__hop-ButtonGroup--start___UCj9T.ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
694
732
  justify-content: flex-start;
695
733
  }
696
- .ButtonGroup-module__hop-ButtonGroup--center___Utr6y.ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
734
+ .ButtonGroup-module__hop-ButtonGroup--center___b-OEf.ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
697
735
  justify-content: center;
698
736
  }
699
- .ButtonGroup-module__hop-ButtonGroup--end___x6Bnw.ButtonGroup-module__hop-ButtonGroup--horizontal___fUEUu {
737
+ .ButtonGroup-module__hop-ButtonGroup--end___6D1av.ButtonGroup-module__hop-ButtonGroup--horizontal___2mqYl {
700
738
  justify-content: flex-end;
701
739
  }
702
- .ButtonGroup-module__hop-ButtonGroup--wrap___-yzay {
740
+ .ButtonGroup-module__hop-ButtonGroup--wrap___Kru-6 {
703
741
  flex-wrap: wrap;
704
742
  }
705
- .ButtonGroup-module__hop-ButtonGroup--fluid___jd6g4 {
743
+ .ButtonGroup-module__hop-ButtonGroup--fluid___zu-5Y {
706
744
  inline-size: 100%;
707
745
  }
708
746
 
709
747
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
710
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS {
748
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY {
711
749
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
712
750
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
713
751
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -871,7 +909,7 @@
871
909
  outline: none;
872
910
  transition: color var(--transition);
873
911
  }
874
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS::before {
912
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY::before {
875
913
  content: "";
876
914
  position: absolute;
877
915
  inset-block-start: 50%;
@@ -884,284 +922,284 @@
884
922
  border-radius: var(--effect-border-radius);
885
923
  transition: background-color var(--transition);
886
924
  }
887
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-square] {
925
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-square] {
888
926
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
889
927
  }
890
- .EmbeddedButton-module__hop-EmbeddedButton--md___zXZiy {
928
+ .EmbeddedButton-module__hop-EmbeddedButton--md___1mrnE {
891
929
  --inline-size: var(--hop-EmbeddedButton-md-width);
892
930
  --block-size: var(--hop-EmbeddedButton-md-height);
893
931
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
894
932
  }
895
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4Mhrc {
933
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C1MAV {
896
934
  --inline-size: var(--hop-EmbeddedButton-lg-width);
897
935
  --block-size: var(--hop-EmbeddedButton-lg-height);
898
936
  --focus-ring-offset: 0;
899
937
  }
900
- .EmbeddedButton-module__hop-EmbeddedButton--md___zXZiy::before {
938
+ .EmbeddedButton-module__hop-EmbeddedButton--md___1mrnE::before {
901
939
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
902
940
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
903
941
  }
904
- .EmbeddedButton-module__hop-EmbeddedButton--lg___4Mhrc::before {
942
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C1MAV::before {
905
943
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
906
944
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
907
945
  }
908
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd {
946
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp {
909
947
  --color: var(--hop-EmbeddedButton-neutral-color);
910
948
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
911
949
  }
912
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ {
950
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j {
913
951
  --color: var(--hop-EmbeddedButton-subdued-color);
914
952
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
915
953
  }
916
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ {
954
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy {
917
955
  --color: var(--hop-EmbeddedButton-progress-color);
918
956
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
919
957
  }
920
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX {
958
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16 {
921
959
  --color: var(--hop-EmbeddedButton-positive-color);
922
960
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
923
961
  }
924
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh {
962
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5 {
925
963
  --color: var(--hop-EmbeddedButton-caution-color);
926
964
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
927
965
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7 {
966
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe {
929
967
  --color: var(--hop-EmbeddedButton-negative-color);
930
968
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
931
969
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC {
970
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn {
933
971
  --color: var(--hop-EmbeddedButton-option1-color);
934
972
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
935
973
  }
936
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh {
937
975
  --color: var(--hop-EmbeddedButton-option2-color);
938
976
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
939
977
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z {
978
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy {
941
979
  --color: var(--hop-EmbeddedButton-option3-color);
942
980
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
943
981
  }
944
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS {
982
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ {
945
983
  --color: var(--hop-EmbeddedButton-option4-color);
946
984
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
947
985
  }
948
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS {
986
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU-- {
949
987
  --color: var(--hop-EmbeddedButton-option5-color);
950
988
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
951
989
  }
952
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP {
990
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr {
953
991
  --color: var(--hop-EmbeddedButton-option6-color);
954
992
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
955
993
  }
956
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-selected] {
994
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-selected] {
957
995
  --color: var(--hop-EmbeddedButton-selected-color);
958
996
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
959
997
  }
960
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-focus-visible] {
998
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-focus-visible] {
961
999
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
962
1000
  outline-offset: var(--focus-ring-offset);
963
1001
  }
964
- .EmbeddedButton-module__hop-EmbeddedButton___5SlHS[data-disabled] {
1002
+ .EmbeddedButton-module__hop-EmbeddedButton___WL7mY[data-disabled] {
965
1003
  cursor: not-allowed;
966
1004
  }
967
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-hovered] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-hovered] {
968
1006
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
969
1007
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
970
1008
  }
971
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-focus-visible] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-focus-visible] {
972
1010
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
973
1011
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
974
1012
  }
975
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-pressed] {
1013
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-pressed] {
976
1014
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
977
1015
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
978
1016
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___QhVSd[data-disabled] {
1017
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MeNzp[data-disabled] {
980
1018
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
981
1019
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
982
1020
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-hovered] {
1021
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-hovered] {
984
1022
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
985
1023
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
986
1024
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-focus-visible] {
1025
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-focus-visible] {
988
1026
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
989
1027
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
990
1028
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-pressed] {
1029
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-pressed] {
992
1030
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
993
1031
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
994
1032
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___dMPlJ[data-disabled] {
1033
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___oNF2j[data-disabled] {
996
1034
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
997
1035
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
998
1036
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-hovered] {
1037
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-hovered] {
1000
1038
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1001
1039
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1002
1040
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-focus-visible] {
1041
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-focus-visible] {
1004
1042
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1005
1043
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1006
1044
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-pressed] {
1045
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-pressed] {
1008
1046
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1009
1047
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1010
1048
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--progress___ePsLZ[data-disabled] {
1049
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___pIQPy[data-disabled] {
1012
1050
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1013
1051
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1014
1052
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-hovered] {
1053
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-hovered] {
1016
1054
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1017
1055
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1018
1056
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-focus-visible] {
1057
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-focus-visible] {
1020
1058
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1021
1059
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1022
1060
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-pressed] {
1061
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-pressed] {
1024
1062
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1025
1063
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1026
1064
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--positive___syFXX[data-disabled] {
1065
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___tQw16[data-disabled] {
1028
1066
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1029
1067
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1030
1068
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-hovered] {
1069
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-hovered] {
1032
1070
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1033
1071
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1034
1072
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-focus-visible] {
1073
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-focus-visible] {
1036
1074
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1037
1075
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1038
1076
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-pressed] {
1077
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-pressed] {
1040
1078
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1041
1079
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1042
1080
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--caution___kGNUh[data-disabled] {
1081
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Ru0d5[data-disabled] {
1044
1082
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1045
1083
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1046
1084
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-hovered] {
1085
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-hovered] {
1048
1086
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1049
1087
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1050
1088
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-focus-visible] {
1089
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-focus-visible] {
1052
1090
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1053
1091
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1054
1092
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-pressed] {
1093
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-pressed] {
1056
1094
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1057
1095
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1058
1096
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--negative___RH-e7[data-disabled] {
1097
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Z1Gxe[data-disabled] {
1060
1098
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1061
1099
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1062
1100
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-hovered] {
1101
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-hovered] {
1064
1102
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1065
1103
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1066
1104
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-focus-visible] {
1105
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-focus-visible] {
1068
1106
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1069
1107
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1070
1108
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-pressed] {
1109
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-pressed] {
1072
1110
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1073
1111
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1074
1112
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--option1___zLJUC[data-disabled] {
1113
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___iGEyn[data-disabled] {
1076
1114
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1077
1115
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1078
1116
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-hovered] {
1117
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-hovered] {
1080
1118
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1081
1119
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1082
1120
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-focus-visible] {
1121
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-focus-visible] {
1084
1122
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1085
1123
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1086
1124
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-pressed] {
1125
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-pressed] {
1088
1126
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1089
1127
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1090
1128
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--option2___BMWRB[data-disabled] {
1129
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___-tmbh[data-disabled] {
1092
1130
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1093
1131
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1094
1132
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-hovered] {
1133
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-hovered] {
1096
1134
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1097
1135
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1098
1136
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-focus-visible] {
1137
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-focus-visible] {
1100
1138
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1101
1139
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1102
1140
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-pressed] {
1141
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-pressed] {
1104
1142
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1105
1143
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1106
1144
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--option3___Dr57Z[data-disabled] {
1145
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___UZ3hy[data-disabled] {
1108
1146
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1109
1147
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1110
1148
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-hovered] {
1149
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-hovered] {
1112
1150
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1113
1151
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1114
1152
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-focus-visible] {
1153
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-focus-visible] {
1116
1154
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1117
1155
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1118
1156
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-pressed] {
1157
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-pressed] {
1120
1158
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1121
1159
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1122
1160
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--option4___yknwS[data-disabled] {
1161
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___uWrcQ[data-disabled] {
1124
1162
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1125
1163
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1126
1164
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-hovered] {
1165
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-hovered] {
1128
1166
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1129
1167
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1130
1168
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-focus-visible] {
1169
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-focus-visible] {
1132
1170
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1133
1171
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1134
1172
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-pressed] {
1173
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-pressed] {
1136
1174
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1137
1175
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1138
1176
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--option5___xLtvS[data-disabled] {
1177
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___baU--[data-disabled] {
1140
1178
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1141
1179
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1142
1180
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-hovered] {
1181
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-hovered] {
1144
1182
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1145
1183
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1146
1184
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-focus-visible] {
1185
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-focus-visible] {
1148
1186
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1149
1187
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1150
1188
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-pressed] {
1189
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-pressed] {
1152
1190
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1153
1191
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1154
1192
  }
1155
- .EmbeddedButton-module__hop-EmbeddedButton--option6___FljPP[data-disabled] {
1193
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___ooqnr[data-disabled] {
1156
1194
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1157
1195
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1158
1196
  }
1159
- .EmbeddedButton-module__hop-EmbeddedButton__icon___bJez8 {
1197
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___JHPyq {
1160
1198
  position: relative;
1161
1199
  }
1162
1200
 
1163
1201
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1164
- button.CloseButton-module__hop-CloseButton___3-aWC {
1202
+ button.CloseButton-module__hop-CloseButton___VxU-X {
1165
1203
  --hop-CloseButton-margin-top: 0rem;
1166
1204
  --hop-CloseButton-padding: 0rem;
1167
1205
  --hop-CloseButton-width: fit-content;
@@ -1173,7 +1211,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1173
1211
  }
1174
1212
 
1175
1213
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1176
- .Button-module__hop-Button___xiJh7 {
1214
+ .Button-module__hop-Button___TXL9i {
1177
1215
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1178
1216
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1179
1217
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1297,215 +1335,215 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1297
1335
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1298
1336
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1299
1337
  }
1300
- .Button-module__hop-Button--fluid___VOQAE {
1338
+ .Button-module__hop-Button--fluid___HDlga {
1301
1339
  --inline-size: 100%;
1302
1340
  }
1303
- .Button-module__hop-Button--sm___Wul7x {
1341
+ .Button-module__hop-Button--sm___GZQUg {
1304
1342
  --block-size: var(--hop-Button-sm-height);
1305
1343
  --padding: var(--hop-Button-sm-padding);
1306
1344
  }
1307
- .Button-module__hop-Button--sm___Wul7x[class*=--ghost] {
1345
+ .Button-module__hop-Button--sm___GZQUg[class*=--ghost] {
1308
1346
  --padding: var(--hop-Button-ghost-sm-padding);
1309
1347
  }
1310
- .Button-module__hop-Button--md___e-Ko-[class*=--ghost] {
1348
+ .Button-module__hop-Button--md___BaxGo[class*=--ghost] {
1311
1349
  --padding: var(--hop-Button-ghost-md-padding);
1312
1350
  }
1313
- .Button-module__hop-Button--icon-only___MFz57 {
1351
+ .Button-module__hop-Button--icon-only___nkFWQ {
1314
1352
  --column-gap: var(--hop-Button-icon-only-column-gap);
1315
1353
  --padding: var(--hop-Button-icon-only-padding);
1316
1354
  aspect-ratio: 1;
1317
1355
  }
1318
- .Button-module__hop-Button--primary___RKI1i {
1356
+ .Button-module__hop-Button--primary___D5NDr {
1319
1357
  --background-color: var(--hop-Button-primary-background-color);
1320
1358
  --color: var(--hop-Button-primary-color);
1321
1359
  --border: var(--hop-Button-primary-border);
1322
1360
  --spinner-color: var(--hop-Button-primary-spinner-color);
1323
1361
  }
1324
- .Button-module__hop-Button--primary___RKI1i[data-hovered],
1325
- .Button-module__hop-Button--primary___RKI1i[data-focus-visible] {
1362
+ .Button-module__hop-Button--primary___D5NDr[data-hovered],
1363
+ .Button-module__hop-Button--primary___D5NDr[data-focus-visible] {
1326
1364
  --background-color: var(--hop-Button-primary-background-color-hover);
1327
1365
  --color: var(--hop-Button-primary-color-hover);
1328
1366
  --border: var(--hop-Button-primary-border-hover);
1329
1367
  }
1330
- .Button-module__hop-Button--primary___RKI1i[data-pressed] {
1368
+ .Button-module__hop-Button--primary___D5NDr[data-pressed] {
1331
1369
  --background-color: var(--hop-Button-primary-background-color-pressed);
1332
1370
  --color: var(--hop-Button-primary-color-pressed);
1333
1371
  --border: var(--hop-Button-primary-border-pressed);
1334
1372
  }
1335
- .Button-module__hop-Button--secondary___wqqJQ {
1373
+ .Button-module__hop-Button--secondary___9SfRb {
1336
1374
  --background-color: var(--hop-Button-secondary-background-color);
1337
1375
  --color: var(--hop-Button-secondary-color);
1338
1376
  --border: var(--hop-Button-secondary-border);
1339
1377
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1340
1378
  }
1341
- .Button-module__hop-Button--secondary___wqqJQ[data-hovered],
1342
- .Button-module__hop-Button--secondary___wqqJQ[data-focus-visible] {
1379
+ .Button-module__hop-Button--secondary___9SfRb[data-hovered],
1380
+ .Button-module__hop-Button--secondary___9SfRb[data-focus-visible] {
1343
1381
  --background-color: var(--hop-Button-secondary-background-color-hover);
1344
1382
  --color: var(--hop-Button-secondary-color-hover);
1345
1383
  --border: var(--hop-Button-secondary-border-hover);
1346
1384
  }
1347
- .Button-module__hop-Button--secondary___wqqJQ[data-pressed] {
1385
+ .Button-module__hop-Button--secondary___9SfRb[data-pressed] {
1348
1386
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1349
1387
  --color: var(--hop-Button-secondary-color-pressed);
1350
1388
  --border: var(--hop-Button-secondary-border-pressed);
1351
1389
  }
1352
- .Button-module__hop-Button--upsell___VMpcZ {
1390
+ .Button-module__hop-Button--upsell___WU2dw {
1353
1391
  --background-color: var(--hop-Button-upsell-background-color);
1354
1392
  --color: var(--hop-Button-upsell-color);
1355
1393
  --border: var(--hop-Button-upsell-border);
1356
1394
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1357
1395
  }
1358
- .Button-module__hop-Button--upsell___VMpcZ[data-hovered],
1359
- .Button-module__hop-Button--upsell___VMpcZ[data-focus-visible] {
1396
+ .Button-module__hop-Button--upsell___WU2dw[data-hovered],
1397
+ .Button-module__hop-Button--upsell___WU2dw[data-focus-visible] {
1360
1398
  --background-color: var(--hop-Button-upsell-background-color-hover);
1361
1399
  --color: var(--hop-Button-upsell-color-hover);
1362
1400
  --border: var(--hop-Button-upsell-border-hover);
1363
1401
  }
1364
- .Button-module__hop-Button--upsell___VMpcZ[data-pressed] {
1402
+ .Button-module__hop-Button--upsell___WU2dw[data-pressed] {
1365
1403
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1366
1404
  --color: var(--hop-Button-upsell-color-pressed);
1367
1405
  --border: var(--hop-Button-upsell-border-pressed);
1368
1406
  }
1369
- .Button-module__hop-Button--danger___O-jr8 {
1407
+ .Button-module__hop-Button--danger___nIQnN {
1370
1408
  --background-color: var(--hop-Button-danger-background-color);
1371
1409
  --color: var(--hop-Button-danger-color);
1372
1410
  --border: var(--hop-Button-danger-border);
1373
1411
  --spinner-color: var(--hop-Button-danger-spinner-color);
1374
1412
  }
1375
- .Button-module__hop-Button--danger___O-jr8[data-hovered],
1376
- .Button-module__hop-Button--danger___O-jr8[data-focus-visible] {
1413
+ .Button-module__hop-Button--danger___nIQnN[data-hovered],
1414
+ .Button-module__hop-Button--danger___nIQnN[data-focus-visible] {
1377
1415
  --background-color: var(--hop-Button-danger-background-color-hover);
1378
1416
  --color: var(--hop-Button-danger-color-hover);
1379
1417
  --border: var(--hop-Button-danger-border-hover);
1380
1418
  }
1381
- .Button-module__hop-Button--danger___O-jr8[data-pressed] {
1419
+ .Button-module__hop-Button--danger___nIQnN[data-pressed] {
1382
1420
  --background-color: var(--hop-Button-danger-background-color-pressed);
1383
1421
  --color: var(--hop-Button-danger-color-pressed);
1384
1422
  --border: var(--hop-Button-danger-border-pressed);
1385
1423
  }
1386
- .Button-module__hop-Button--ghost-primary___FnZSg {
1424
+ .Button-module__hop-Button--ghost-primary___aDV3t {
1387
1425
  --background-color: var(--hop-Button-ghost-primary-background-color);
1388
1426
  --color: var(--hop-Button-ghost-primary-color);
1389
1427
  --border: var(--hop-Button-ghost-primary-border);
1390
1428
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1391
1429
  }
1392
- .Button-module__hop-Button--ghost-primary___FnZSg[data-hovered],
1393
- .Button-module__hop-Button--ghost-primary___FnZSg[data-focus-visible] {
1430
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-hovered],
1431
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-focus-visible] {
1394
1432
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1395
1433
  --color: var(--hop-Button-ghost-primary-color-hover);
1396
1434
  --border: var(--hop-Button-ghost-primary-border-hover);
1397
1435
  --text-underline: underline;
1398
1436
  }
1399
- .Button-module__hop-Button--ghost-primary___FnZSg[data-pressed] {
1437
+ .Button-module__hop-Button--ghost-primary___aDV3t[data-pressed] {
1400
1438
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1401
1439
  --color: var(--hop-Button-ghost-primary-color-pressed);
1402
1440
  --border: var(--hop-Button-ghost-primary-border-pressed);
1403
1441
  --text-underline: underline;
1404
1442
  }
1405
- .Button-module__hop-Button--ghost-secondary___iqNgt {
1443
+ .Button-module__hop-Button--ghost-secondary___L02sf {
1406
1444
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1407
1445
  --color: var(--hop-Button-ghost-secondary-color);
1408
1446
  --border: var(--hop-Button-ghost-secondary-border);
1409
1447
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1410
1448
  }
1411
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-hovered],
1412
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-focus-visible] {
1449
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-hovered],
1450
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-focus-visible] {
1413
1451
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1414
1452
  --color: var(--hop-Button-ghost-secondary-color-hover);
1415
1453
  --border: var(--hop-Button-ghost-secondary-border-hover);
1416
1454
  --text-underline: underline;
1417
1455
  }
1418
- .Button-module__hop-Button--ghost-secondary___iqNgt[data-pressed] {
1456
+ .Button-module__hop-Button--ghost-secondary___L02sf[data-pressed] {
1419
1457
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1420
1458
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1421
1459
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1422
1460
  --text-underline: underline;
1423
1461
  }
1424
- .Button-module__hop-Button--ghost-danger___qB-Df {
1462
+ .Button-module__hop-Button--ghost-danger___s3XFZ {
1425
1463
  --background-color: var(--hop-Button-ghost-danger-background-color);
1426
1464
  --color: var(--hop-Button-ghost-danger-color);
1427
1465
  --border: var(--hop-Button-ghost-danger-border);
1428
1466
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1429
1467
  }
1430
- .Button-module__hop-Button--ghost-danger___qB-Df[data-hovered],
1431
- .Button-module__hop-Button--ghost-danger___qB-Df[data-focus-visible] {
1468
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-hovered],
1469
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-focus-visible] {
1432
1470
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1433
1471
  --color: var(--hop-Button-ghost-danger-color-hover);
1434
1472
  --border: var(--hop-Button-ghost-danger-border-hover);
1435
1473
  --text-underline: underline;
1436
1474
  }
1437
- .Button-module__hop-Button--ghost-danger___qB-Df[data-pressed] {
1475
+ .Button-module__hop-Button--ghost-danger___s3XFZ[data-pressed] {
1438
1476
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1439
1477
  --color: var(--hop-Button-ghost-danger-color-pressed);
1440
1478
  --border: var(--hop-Button-ghost-danger-border-pressed);
1441
1479
  --text-underline: underline;
1442
1480
  }
1443
- .Button-module__hop-Button___xiJh7[data-focus-visible] {
1481
+ .Button-module__hop-Button___TXL9i[data-focus-visible] {
1444
1482
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1445
1483
  }
1446
- .Button-module__hop-Button___xiJh7[data-disabled],
1447
- .Button-module__hop-Button--loading___MgNaX {
1484
+ .Button-module__hop-Button___TXL9i[data-disabled],
1485
+ .Button-module__hop-Button--loading___-bekZ {
1448
1486
  cursor: not-allowed;
1449
1487
  }
1450
- .Button-module__hop-Button___xiJh7[data-disabled] {
1488
+ .Button-module__hop-Button___TXL9i[data-disabled] {
1451
1489
  --background-color: var(--hop-Button-background-color-disabled);
1452
1490
  --color: var(--hop-Button-color-disabled);
1453
1491
  --border: var(--hop-Button-border-disabled);
1454
1492
  }
1455
- .Button-module__hop-Button___xiJh7[class*=--ghost][data-disabled] {
1493
+ .Button-module__hop-Button___TXL9i[class*=--ghost][data-disabled] {
1456
1494
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1457
1495
  --color: var(--hop-Button-ghost-color-disabled);
1458
1496
  --border: var(--hop-Button-ghost-border-disabled);
1459
1497
  }
1460
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--primary___RKI1i {
1498
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--primary___D5NDr {
1461
1499
  --background-color: var(--hop-Button-primary-background-color);
1462
1500
  --color: var(--hop-Button-primary-color);
1463
1501
  --border: var(--hop-Button-primary-border);
1464
1502
  }
1465
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--secondary___wqqJQ {
1503
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--secondary___9SfRb {
1466
1504
  --background-color: var(--hop-Button-secondary-background-color);
1467
1505
  --color: var(--hop-Button-secondary-color);
1468
1506
  --border: var(--hop-Button-secondary-border);
1469
1507
  }
1470
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--upsell___VMpcZ {
1508
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--upsell___WU2dw {
1471
1509
  --background-color: var(--hop-Button-upsell-background-color);
1472
1510
  --color: var(--hop-Button-upsell-color);
1473
1511
  --border: var(--hop-Button-upsell-border);
1474
1512
  }
1475
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--danger___O-jr8 {
1513
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--danger___nIQnN {
1476
1514
  --background-color: var(--hop-Button-danger-background-color);
1477
1515
  --color: var(--hop-Button-danger-color);
1478
1516
  --border: var(--hop-Button-danger-border);
1479
1517
  }
1480
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-primary___FnZSg {
1518
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-primary___aDV3t {
1481
1519
  --background-color: var(--hop-Button-ghost-primary-background-color);
1482
1520
  --color: var(--hop-Button-ghost-primary-color);
1483
1521
  --border: var(--hop-Button-ghost-primary-border);
1484
1522
  --text-underline: none;
1485
1523
  }
1486
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-secondary___iqNgt {
1524
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-secondary___L02sf {
1487
1525
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1488
1526
  --color: var(--hop-Button-ghost-secondary-color);
1489
1527
  --border: var(--hop-Button-ghost-secondary-border);
1490
1528
  --text-underline: none;
1491
1529
  }
1492
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button--ghost-danger___qB-Df {
1530
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button--ghost-danger___s3XFZ {
1493
1531
  --background-color: var(--hop-Button-ghost-danger-background-color);
1494
1532
  --color: var(--hop-Button-ghost-danger-color);
1495
1533
  --border: var(--hop-Button-ghost-danger-border);
1496
1534
  --text-underline: none;
1497
1535
  }
1498
- .Button-module__hop-Button__Spinner___NRYSd {
1536
+ .Button-module__hop-Button__Spinner___n7Ijc {
1499
1537
  position: absolute;
1500
1538
  color: var(--spinner-color);
1501
1539
  }
1502
- .Button-module__hop-Button__icon___U--U8,
1503
- .Button-module__hop-Button__icon-list___jk-eg {
1540
+ .Button-module__hop-Button__icon___l1yw8,
1541
+ .Button-module__hop-Button__icon-list___pxV-9 {
1504
1542
  flex: 0 0 auto;
1505
1543
  justify-self: end;
1506
1544
  order: 1;
1507
1545
  }
1508
- .Button-module__hop-Button__text___1vQg7 {
1546
+ .Button-module__hop-Button__text___RHZ7P {
1509
1547
  user-select: none;
1510
1548
  overflow: visible;
1511
1549
  flex: 0 1 auto;
@@ -1515,71 +1553,71 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1515
1553
  text-underline-offset: 0.125rem;
1516
1554
  text-wrap: nowrap;
1517
1555
  }
1518
- .Button-module__hop-Button__end-icon___DarhX,
1519
- .Button-module__hop-Button__end-icon-list___3saKU {
1556
+ .Button-module__hop-Button__end-icon___1uC5c,
1557
+ .Button-module__hop-Button__end-icon-list___h26Zi {
1520
1558
  flex: 0 0 auto;
1521
1559
  order: 3;
1522
1560
  }
1523
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__icon-list___jk-eg,
1524
- .Button-module__hop-Button___xiJh7 .Button-module__hop-Button__end-icon-list___3saKU {
1561
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__icon-list___pxV-9,
1562
+ .Button-module__hop-Button___TXL9i .Button-module__hop-Button__end-icon-list___h26Zi {
1525
1563
  flex-wrap: nowrap;
1526
1564
  }
1527
- .Button-module__hop-Button--loading___MgNaX.Button-module__hop-Button___xiJh7 > *:not(.Button-module__hop-Button__Spinner___NRYSd) {
1565
+ .Button-module__hop-Button--loading___-bekZ.Button-module__hop-Button___TXL9i > *:not(.Button-module__hop-Button__Spinner___n7Ijc) {
1528
1566
  opacity: 0;
1529
1567
  }
1530
- .LinkButton-module__hop-LinkButton___qgQ0V {
1568
+ .LinkButton-module__hop-LinkButton___ifEB1 {
1531
1569
  }
1532
- .LinkButton-module__hop-LinkButton--fluid___JLDkS {
1570
+ .LinkButton-module__hop-LinkButton--fluid___-lrvm {
1533
1571
  }
1534
- .LinkButton-module__hop-LinkButton--sm___tmQwa {
1572
+ .LinkButton-module__hop-LinkButton--sm___NJ4W0 {
1535
1573
  }
1536
- .LinkButton-module__hop-LinkButton--icon-only___6hijA {
1574
+ .LinkButton-module__hop-LinkButton--icon-only___andV3 {
1537
1575
  }
1538
- .LinkButton-module__hop-LinkButton--primary___c4xY5 {
1576
+ .LinkButton-module__hop-LinkButton--primary___Ecddj {
1539
1577
  }
1540
- .LinkButton-module__hop-LinkButton--secondary___QmN40 {
1578
+ .LinkButton-module__hop-LinkButton--secondary___j-MBI {
1541
1579
  }
1542
- .LinkButton-module__hop-LinkButton--upsell___7KBjx {
1580
+ .LinkButton-module__hop-LinkButton--upsell___lDOKQ {
1543
1581
  }
1544
- .LinkButton-module__hop-LinkButton--danger___erbwk {
1582
+ .LinkButton-module__hop-LinkButton--danger___2Cju0 {
1545
1583
  }
1546
- .LinkButton-module__hop-LinkButton--ghost-primary___-4dX1 {
1584
+ .LinkButton-module__hop-LinkButton--ghost-primary___4q8rd {
1547
1585
  }
1548
- .LinkButton-module__hop-LinkButton--ghost-secondary___uQqYK {
1586
+ .LinkButton-module__hop-LinkButton--ghost-secondary___aKy3L {
1549
1587
  }
1550
- .LinkButton-module__hop-LinkButton--ghost-danger___y9mBg {
1588
+ .LinkButton-module__hop-LinkButton--ghost-danger___5Wl9i {
1551
1589
  }
1552
- .LinkButton-module__hop-LinkButton__Spinner___faSgs {
1590
+ .LinkButton-module__hop-LinkButton__Spinner___70Dk4 {
1553
1591
  }
1554
- .LinkButton-module__hop-LinkButton__icon___-MGIG,
1555
- .LinkButton-module__hop-LinkButton__icon-list___vZk-O {
1592
+ .LinkButton-module__hop-LinkButton__icon___ci-ib,
1593
+ .LinkButton-module__hop-LinkButton__icon-list___1EiCz {
1556
1594
  }
1557
- .LinkButton-module__hop-LinkButton__text___h9qCe {
1595
+ .LinkButton-module__hop-LinkButton__text___rx4IH {
1558
1596
  }
1559
- .LinkButton-module__hop-LinkButton__end-icon___lmy-T,
1560
- .LinkButton-module__hop-LinkButton__end-icon-list___mRftM {
1597
+ .LinkButton-module__hop-LinkButton__end-icon___a-riV,
1598
+ .LinkButton-module__hop-LinkButton__end-icon-list___4W1xP {
1561
1599
  }
1562
- .LinkButton-module__hop-LinkButton___qgQ0V .LinkButton-module__hop-LinkButton__icon-list___vZk-O,
1563
- .LinkButton-module__hop-LinkButton___qgQ0V .LinkButton-module__hop-LinkButton__end-icon-list___mRftM {
1600
+ .LinkButton-module__hop-LinkButton___ifEB1 .LinkButton-module__hop-LinkButton__icon-list___1EiCz,
1601
+ .LinkButton-module__hop-LinkButton___ifEB1 .LinkButton-module__hop-LinkButton__end-icon-list___4W1xP {
1564
1602
  flex-wrap: nowrap;
1565
1603
  }
1566
1604
 
1567
1605
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
1568
- .Image-module__hop-Image___O4JGM {
1606
+ .Image-module__hop-Image___8u5yW {
1569
1607
  display: block;
1570
1608
  max-inline-size: 100%;
1571
1609
  block-size: auto;
1572
1610
  vertical-align: middle;
1573
1611
  }
1574
- .Image-module__hop-Image--rounded___vgkwt {
1612
+ .Image-module__hop-Image--rounded___66HbH {
1575
1613
  border-radius: var(--hop-shape-rounded-md);
1576
1614
  }
1577
- .Image-module__hop-Image--circular___gCq34 {
1615
+ .Image-module__hop-Image--circular___pjx53 {
1578
1616
  border-radius: var(--hop-shape-circle);
1579
1617
  }
1580
1618
 
1581
1619
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/SvgImage.module.css/#css-module-data */
1582
- .SvgImage-module__hop-SvgImage___dKiXZ {
1620
+ .SvgImage-module__hop-SvgImage___bEqaO {
1583
1621
  display: block;
1584
1622
  max-inline-size: 100%;
1585
1623
  block-size: auto;
@@ -1587,7 +1625,7 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1587
1625
  }
1588
1626
 
1589
1627
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/BaseModal.module.css/#css-module-data */
1590
- .BaseModal-module__hop-BaseModal___UDGKD {
1628
+ .BaseModal-module__hop-BaseModal___OICHe {
1591
1629
  --hop-BaseModal-isolation: isolate;
1592
1630
  --hop-BaseModal-position: fixed;
1593
1631
  --hop-BaseModal-inset: 0;
@@ -1601,6 +1639,12 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1601
1639
  --hop-BaseModal-block-size: 100%;
1602
1640
  --hop-BaseModal-background-color: #3c3c3c99;
1603
1641
  --hop-BaseModal-z-index: 10000;
1642
+ --hop-BaseModal-font-family: var(--hop-body-md-font-family);
1643
+ --hop-BaseModal-font-size: var(--hop-body-md-font-size);
1644
+ --hop-BaseModal-font-weight: var(--hop-body-md-font-weight);
1645
+ --hop-BaseModal-line-height: var(--hop-body-md-line-height);
1646
+ --hop-BaseModal-font-smoothing: antialiased;
1647
+ --hop-BaseModal-color: var(--hop-neutral-text);
1604
1648
  --hop-basemodal-exiting-opacity: 0;
1605
1649
  isolation: var(--hop-BaseModal-isolation);
1606
1650
  position: var(--hop-BaseModal-position);
@@ -1614,10 +1658,16 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1614
1658
  justify-content: var(--hop-BaseModal-justify-content);
1615
1659
  inline-size: var(--hop-BaseModal-inline-size);
1616
1660
  block-size: var(--hop-BaseModal-block-size);
1661
+ font-family: var(--hop-BaseModal-font-family);
1662
+ font-size: var(--hop-BaseModal-font-size);
1663
+ font-weight: var(--hop-BaseModal-font-weight);
1664
+ -webkit-font-smoothing: var(--hop-BaseModal-font-smoothing);
1665
+ line-height: var(--hop-BaseModal-line-height);
1666
+ color: var(--hop-BaseModal-color);
1617
1667
  background-color: var(--hop-BaseModal-background-color);
1618
1668
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
1619
1669
  }
1620
- .BaseModal-module__hop-BaseModal__modal___ltqY- {
1670
+ .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1621
1671
  --hop-BaseModal__modal-display: flex;
1622
1672
  --hop-BaseModal__modal-flex-direction: column;
1623
1673
  --hop-BaseModal__modal-max-inline-size: 90vw;
@@ -1655,53 +1705,53 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1655
1705
  transition: var(--hop-BaseModal__modal-transition);
1656
1706
  }
1657
1707
  @media screen and (min-width: 48rem) {
1658
- .BaseModal-module__hop-BaseModal--image___vxt7J .BaseModal-module__hop-BaseModal__modal___ltqY- {
1708
+ .BaseModal-module__hop-BaseModal--image___1gR4w .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1659
1709
  --image-size: 16rem;
1660
1710
  }
1661
1711
  }
1662
- .BaseModal-module__hop-BaseModal___UDGKD[data-entering] {
1712
+ .BaseModal-module__hop-BaseModal___OICHe[data-entering] {
1663
1713
  opacity: var(--hop-BaseModal-entering-opacity);
1664
1714
  }
1665
- .BaseModal-module__hop-BaseModal___UDGKD[data-entering] .BaseModal-module__hop-BaseModal__modal___ltqY- {
1715
+ .BaseModal-module__hop-BaseModal___OICHe[data-entering] .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1666
1716
  transform: var(--hop-BaseModal__modal-entering-transform);
1667
1717
  opacity: var(--hop-BaseModal__modal-entering-opacity);
1668
1718
  }
1669
- .BaseModal-module__hop-BaseModal___UDGKD[data-exiting] {
1719
+ .BaseModal-module__hop-BaseModal___OICHe[data-exiting] {
1670
1720
  opacity: var(--hop-BaseModal-exiting-opacity);
1671
1721
  }
1672
- .BaseModal-module__hop-BaseModal___UDGKD[data-exiting] .BaseModal-module__hop-BaseModal__modal___ltqY- {
1722
+ .BaseModal-module__hop-BaseModal___OICHe[data-exiting] .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1673
1723
  opacity: var(--hop-BaseModal__modal-exiting-opacity);
1674
1724
  transition: var(--hop-BaseModal__modal-exiting-transition);
1675
1725
  }
1676
- .BaseModal-module__hop-BaseModal--sm___IJSbA .BaseModal-module__hop-BaseModal__modal___ltqY- {
1726
+ .BaseModal-module__hop-BaseModal--sm___GE-wd .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1677
1727
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-sm-width));
1678
1728
  }
1679
- .BaseModal-module__hop-BaseModal--md___A-szm .BaseModal-module__hop-BaseModal__modal___ltqY- {
1729
+ .BaseModal-module__hop-BaseModal--md___SJqeU .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1680
1730
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-md-width));
1681
1731
  }
1682
- .BaseModal-module__hop-BaseModal--lg___0OJPG .BaseModal-module__hop-BaseModal__modal___ltqY- {
1732
+ .BaseModal-module__hop-BaseModal--lg___AEaBK .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1683
1733
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-lg-width));
1684
1734
  }
1685
- .BaseModal-module__hop-BaseModal--xl___V96Qb .BaseModal-module__hop-BaseModal__modal___ltqY- {
1735
+ .BaseModal-module__hop-BaseModal--xl___8DtlS .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1686
1736
  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-xl-width));
1687
1737
  }
1688
- .BaseModal-module__hop-BaseModal--fullscreen___jc6Dd .BaseModal-module__hop-BaseModal__modal___ltqY- {
1738
+ .BaseModal-module__hop-BaseModal--fullscreen___BUBXG .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1689
1739
  --width: var(--hop-BaseModal__modal-fullscreen-width);
1690
1740
  --height: var(--hop-BaseModal__modal-fullscreen-height);
1691
1741
  }
1692
- .BaseModal-module__hop-BaseModal--fullscreentakeover___Ig0zU .BaseModal-module__hop-BaseModal__modal___ltqY- {
1742
+ .BaseModal-module__hop-BaseModal--fullscreentakeover___wC-zd .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1693
1743
  --width: var(--hop-BaseModal__modal-fullscreentakeover-width);
1694
1744
  --height: var(--hop-BaseModal__modal-fullscreentakeover-height);
1695
1745
  --border-radius: var(--hop-BaseModal__modal-fullscreentakeover-border-radius);
1696
1746
  }
1697
- .BaseModal-module__hop-BaseModal--fullscreen___jc6Dd .BaseModal-module__hop-BaseModal__modal___ltqY-,
1698
- .BaseModal-module__hop-BaseModal--fullscreentakeover___Ig0zU .BaseModal-module__hop-BaseModal__modal___ltqY- {
1747
+ .BaseModal-module__hop-BaseModal--fullscreen___BUBXG .BaseModal-module__hop-BaseModal__modal___RCrL0,
1748
+ .BaseModal-module__hop-BaseModal--fullscreentakeover___wC-zd .BaseModal-module__hop-BaseModal__modal___RCrL0 {
1699
1749
  --max-inline-size: var(--hop-BaseModal__modal-fullscreen-max-width);
1700
1750
  --max-block-size: var(--hop-BaseModal__modal-fullscreen-max-height);
1701
1751
  }
1702
1752
 
1703
1753
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/Modal.module.css/#css-module-data */
1704
- .Modal-module__hop-Modal___CDroS {
1754
+ .Modal-module__hop-Modal___-V5ur {
1705
1755
  --hop-Modal-position: relative;
1706
1756
  --hop-Modal-overflow: auto;
1707
1757
  --hop-Modal-display: grid;
@@ -1726,26 +1776,26 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1726
1776
  border-radius: inherit;
1727
1777
  outline: var(--hop-Modal-outline);
1728
1778
  }
1729
- .Modal-module__hop-Modal___CDroS:not(.Modal-module__hop-Modal--fullscreen___1wxBP, .Modal-module__hop-Modal--fullscreentakeover___olLMr) {
1779
+ .Modal-module__hop-Modal___-V5ur:not(.Modal-module__hop-Modal--fullscreen___-CPSN, .Modal-module__hop-Modal--fullscreentakeover___EIZv-) {
1730
1780
  @media screen and (min-width: 49rem) {
1731
1781
  --grid-template: var(--hop-Modal-large-grid-template);
1732
1782
  }
1733
1783
  }
1734
- .Modal-module__hop-Modal___CDroS:not(:has(> .Modal-module__hop-Modal__image___EZZ6S)) {
1784
+ .Modal-module__hop-Modal___-V5ur:not(:has(> .Modal-module__hop-Modal__image___1tOya)) {
1735
1785
  --grid-template: "heading heading header" auto "content content content" auto "footer footer buttons" auto / auto auto auto;
1736
- :not(.Modal-module__hop-Modal--fullscreen___1wxBP),
1737
- :not(.Modal-module__hop-Modal--fullscreentakeover___olLMr) {
1786
+ :not(.Modal-module__hop-Modal--fullscreen___-CPSN),
1787
+ :not(.Modal-module__hop-Modal--fullscreentakeover___EIZv-) {
1738
1788
  @media screen and (min-width: 49rem) {
1739
1789
  --grid-template: "heading header" auto "content content" auto "footer buttons" auto / auto auto;
1740
1790
  }
1741
1791
  }
1742
1792
  }
1743
- .Modal-module__hop-Modal__close___Y-dV8 {
1793
+ .Modal-module__hop-Modal__close___BbK9N {
1744
1794
  position: absolute;
1745
1795
  inset-block-start: var(--hop-Modal-margin);
1746
1796
  inset-inline-end: var(--hop-Modal-margin);
1747
1797
  }
1748
- .Modal-module__hop-Modal___CDroS > img.Modal-module__hop-Modal__image___EZZ6S {
1798
+ .Modal-module__hop-Modal___-V5ur > img.Modal-module__hop-Modal__image___1tOya {
1749
1799
  --hop-Modal-image-inline-size: 100%;
1750
1800
  --hop-Modal-image-block-size: 100%;
1751
1801
  --hop-Modal-image-object-fit: cover;
@@ -1754,18 +1804,18 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1754
1804
  block-size: var(--hop-Modal-image-block-size);
1755
1805
  object-fit: var(--hop-Modal-image-object-fit);
1756
1806
  }
1757
- .Modal-module__hop-Modal___CDroS > .Modal-module__hop-Modal__heading___ftt-V {
1807
+ .Modal-module__hop-Modal___-V5ur > .Modal-module__hop-Modal__heading___wCPr2 {
1758
1808
  grid-area: heading;
1759
1809
  margin-block-start: var(--hop-Modal-margin);
1760
1810
  margin-inline: var(--hop-Modal-margin);
1761
1811
  }
1762
- .Modal-module__hop-Modal___CDroS > .Modal-module__hop-Modal__header___Tlm7z {
1812
+ .Modal-module__hop-Modal___-V5ur > .Modal-module__hop-Modal__header___XBhP7 {
1763
1813
  grid-area: header;
1764
1814
  place-self: center end;
1765
1815
  margin-block-start: var(--hop-Modal-margin);
1766
1816
  margin-inline: var(--hop-Modal-margin);
1767
1817
  }
1768
- .Modal-module__hop-Modal___CDroS > .Modal-module__hop-Modal__content___m9u-h {
1818
+ .Modal-module__hop-Modal___-V5ur > .Modal-module__hop-Modal__content___dhLC1 {
1769
1819
  overflow-y: auto;
1770
1820
  grid-area: content;
1771
1821
  margin: var(--hop-Modal-margin);
@@ -1777,39 +1827,39 @@ button.CloseButton-module__hop-CloseButton___3-aWC {
1777
1827
  overflow-y: visible;
1778
1828
  }
1779
1829
  }
1780
- .Modal-module__hop-Modal___CDroS > .Modal-module__hop-Modal__footer___ABVNE {
1830
+ .Modal-module__hop-Modal___-V5ur > .Modal-module__hop-Modal__footer___yspyb {
1781
1831
  grid-area: footer;
1782
1832
  align-self: center;
1783
1833
  margin-block-end: var(--hop-Modal-margin);
1784
1834
  margin-inline: var(--hop-Modal-margin);
1785
1835
  }
1786
- .Modal-module__hop-Modal___CDroS > .Modal-module__hop-Modal__button___790H3 {
1836
+ .Modal-module__hop-Modal___-V5ur > .Modal-module__hop-Modal__button___zd41Z {
1787
1837
  grid-area: buttons;
1788
1838
  place-self: center end;
1789
1839
  margin-block-end: var(--hop-Modal-margin);
1790
1840
  margin-inline: var(--hop-Modal-margin);
1791
1841
  }
1792
- .Modal-module__hop-Modal___CDroS > div.Modal-module__hop-Modal__button-group___1WzG- {
1842
+ .Modal-module__hop-Modal___-V5ur > div.Modal-module__hop-Modal__button-group___k4MSZ {
1793
1843
  grid-area: buttons;
1794
1844
  flex-wrap: nowrap;
1795
1845
  place-self: center end;
1796
1846
  margin-block-end: var(--hop-Modal-margin);
1797
1847
  margin-inline: var(--hop-Modal-margin);
1798
1848
  }
1799
- .Modal-module__hop-Modal___CDroS:has(.Modal-module__hop-Modal__close___Y-dV8) > .Modal-module__hop-Modal__header___Tlm7z,
1800
- .Modal-module__hop-Modal___CDroS:has(.Modal-module__hop-Modal__close___Y-dV8) > .Modal-module__hop-Modal__heading___ftt-V {
1849
+ .Modal-module__hop-Modal___-V5ur:has(.Modal-module__hop-Modal__close___BbK9N) > .Modal-module__hop-Modal__header___XBhP7,
1850
+ .Modal-module__hop-Modal___-V5ur:has(.Modal-module__hop-Modal__close___BbK9N) > .Modal-module__hop-Modal__heading___wCPr2 {
1801
1851
  margin-inline-end: calc(var(--hop-Modal-margin) + 2rem);
1802
1852
  }
1803
1853
  @media screen and (max-width: 48rem) {
1804
- .Modal-module__hop-Modal___CDroS:has(.Modal-module__hop-Modal__close___Y-dV8):has(> .Modal-module__hop-Modal__image___EZZ6S) > .Modal-module__hop-Modal__header___Tlm7z,
1805
- .Modal-module__hop-Modal___CDroS:has(.Modal-module__hop-Modal__close___Y-dV8):has(> .Modal-module__hop-Modal__image___EZZ6S) > .Modal-module__hop-Modal__heading___ftt-V {
1854
+ .Modal-module__hop-Modal___-V5ur:has(.Modal-module__hop-Modal__close___BbK9N):has(> .Modal-module__hop-Modal__image___1tOya) > .Modal-module__hop-Modal__header___XBhP7,
1855
+ .Modal-module__hop-Modal___-V5ur:has(.Modal-module__hop-Modal__close___BbK9N):has(> .Modal-module__hop-Modal__image___1tOya) > .Modal-module__hop-Modal__heading___wCPr2 {
1806
1856
  margin-inline-end: var(--hop-Modal-margin);
1807
1857
  }
1808
1858
  }
1809
- .Modal-module__hop-Modal___CDroS:has(> .Modal-module__hop-Modal__header___Tlm7z) > .Modal-module__hop-Modal__heading___ftt-V {
1859
+ .Modal-module__hop-Modal___-V5ur:has(> .Modal-module__hop-Modal__header___XBhP7) > .Modal-module__hop-Modal__heading___wCPr2 {
1810
1860
  margin-inline-end: 0;
1811
1861
  }
1812
- .Modal-module__hop-Modal___CDroS:has(> .Modal-module__hop-Modal__button___790H3) > .Modal-module__hop-Modal__footer___ABVNE,
1813
- .Modal-module__hop-Modal___CDroS:has(> .Modal-module__hop-Modal__button-group___1WzG-) > .Modal-module__hop-Modal__footer___ABVNE {
1862
+ .Modal-module__hop-Modal___-V5ur:has(> .Modal-module__hop-Modal__button___zd41Z) > .Modal-module__hop-Modal__footer___yspyb,
1863
+ .Modal-module__hop-Modal___-V5ur:has(> .Modal-module__hop-Modal__button-group___k4MSZ) > .Modal-module__hop-Modal__footer___yspyb {
1814
1864
  margin-inline-end: 0;
1815
1865
  }