@hopper-ui/components 1.12.4 → 1.12.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (359) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +3 -3
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +3 -3
  6. package/dist/alert/src/Alert.css +412 -412
  7. package/dist/alert/src/Alert.js +12 -12
  8. package/dist/alert/src/index.css +412 -412
  9. package/dist/alert/src/index.js +12 -12
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +71 -71
  13. package/dist/avatar/src/Avatar.js +5 -4
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +98 -98
  23. package/dist/avatar/src/index.js +10 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +2 -2
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +3 -3
  36. package/dist/buttons/src/CloseButton.css +108 -108
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +117 -117
  41. package/dist/buttons/src/LinkButton.js +6 -6
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +15 -15
  46. package/dist/callout/src/Callout.css +373 -373
  47. package/dist/callout/src/Callout.js +9 -9
  48. package/dist/callout/src/CompactCallout.css +409 -409
  49. package/dist/callout/src/CompactCallout.js +9 -9
  50. package/dist/callout/src/index.css +422 -422
  51. package/dist/callout/src/index.js +10 -10
  52. package/dist/card/src/Card.css +42 -42
  53. package/dist/card/src/Card.js +1 -1
  54. package/dist/card/src/index.css +42 -42
  55. package/dist/card/src/index.js +1 -1
  56. package/dist/checkbox/src/Checkbox.css +58 -58
  57. package/dist/checkbox/src/Checkbox.js +4 -4
  58. package/dist/checkbox/src/CheckboxField.css +45 -45
  59. package/dist/checkbox/src/CheckboxField.js +3 -3
  60. package/dist/checkbox/src/CheckboxGroup.css +110 -110
  61. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  62. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  63. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  64. package/dist/checkbox/src/index.css +110 -110
  65. package/dist/checkbox/src/index.js +11 -11
  66. package/dist/{chunk-GACSHFQP.js → chunk-2A4XCEDM.js} +1 -1
  67. package/dist/{chunk-QZR7GR5H.js → chunk-2IDCWX7B.js} +5 -5
  68. package/dist/{chunk-IWH4LLVF.js → chunk-2VH675UA.js} +2 -2
  69. package/dist/{chunk-37AG5LJK.js → chunk-2W4Z2TI4.js} +3 -3
  70. package/dist/{chunk-PHMTMSKH.js → chunk-3BTSOBHK.js} +2 -2
  71. package/dist/{chunk-WSU3KA5L.js → chunk-3MLW3QYK.js} +8 -8
  72. package/dist/{chunk-6SMO6Q4D.js → chunk-4GUJ5ZHD.js} +1 -1
  73. package/dist/{chunk-IZONP3C7.js → chunk-4INYYFDV.js} +2 -2
  74. package/dist/{chunk-EZBXDNAZ.js → chunk-4OZRZ35G.js} +2 -2
  75. package/dist/{chunk-FPRMNUID.js → chunk-5VP3IXJ2.js} +1 -1
  76. package/dist/{chunk-UK6GP5YT.js → chunk-6BL5ZJNL.js} +2 -2
  77. package/dist/{chunk-C7POE77G.js → chunk-6TMI4FWM.js} +10 -10
  78. package/dist/{chunk-QDUG7MCI.js → chunk-6ZYJYMGD.js} +2 -2
  79. package/dist/{chunk-DX42MBAS.js → chunk-742DCAEO.js} +8 -8
  80. package/dist/{chunk-YGBY7QIN.js → chunk-7CYQP6ES.js} +1 -1
  81. package/dist/{chunk-GUNQK76E.js → chunk-7FKJLFZA.js} +11 -11
  82. package/dist/{chunk-P6VYR5M6.js → chunk-A4GMRX3V.js} +3 -3
  83. package/dist/{chunk-KTLGP2RW.js → chunk-ADP5R42I.js} +3 -3
  84. package/dist/{chunk-FAHDS6HA.js → chunk-AHG7XI33.js} +1 -1
  85. package/dist/{chunk-DZPGZMB6.js → chunk-BCG3TR6S.js} +2 -2
  86. package/dist/{chunk-XHJIOXP5.js → chunk-BMV65JLW.js} +1 -1
  87. package/dist/{chunk-XX5GTMJP.js → chunk-BRPY56T5.js} +5 -5
  88. package/dist/{chunk-ZXN77GCW.js → chunk-BSSK4IAU.js} +1 -1
  89. package/dist/{chunk-KE5TWRGS.js → chunk-CANALO5P.js} +1 -1
  90. package/dist/{chunk-ATTSRUD3.js → chunk-D5X3B4O6.js} +1 -1
  91. package/dist/{chunk-I63ACRNL.js → chunk-DGBW2NSJ.js} +4 -4
  92. package/dist/{chunk-QSLUMJMS.js → chunk-DKYD5OD5.js} +2 -2
  93. package/dist/{chunk-KTLF55T3.js → chunk-ENYFFFJ5.js} +4 -4
  94. package/dist/{chunk-NY3U3TPO.js → chunk-EPH3ANXD.js} +2 -2
  95. package/dist/{chunk-M7P5JT3W.js → chunk-FMIRW734.js} +2 -2
  96. package/dist/{chunk-QP2S72OH.js → chunk-FMMI75ET.js} +5 -5
  97. package/dist/{chunk-ZS4RPBCO.js → chunk-FWEY6FQ7.js} +3 -3
  98. package/dist/{chunk-CQU7GYBV.js → chunk-FWIIDKY6.js} +1 -1
  99. package/dist/{chunk-4DWL4DOO.js → chunk-FWX7C3HE.js} +2 -2
  100. package/dist/{chunk-EQN45CFY.js → chunk-GGEX6V2G.js} +1 -1
  101. package/dist/chunk-GOTN4IS7.js +16 -0
  102. package/dist/{chunk-3L3INRRP.js → chunk-H6CUILR2.js} +2 -2
  103. package/dist/{chunk-ZFJGHYOL.js → chunk-HJUJRE7W.js} +2 -2
  104. package/dist/{chunk-5AWOQLRV.js → chunk-HOGAJVPA.js} +4 -4
  105. package/dist/{chunk-HWJEAJSK.js → chunk-HXX5P365.js} +6 -6
  106. package/dist/{chunk-7SBWJO3H.js → chunk-I22Q2Q3H.js} +1 -1
  107. package/dist/{chunk-SCKXSBL6.js → chunk-IFCZ47HZ.js} +5 -17
  108. package/dist/{chunk-4VBUFMEO.js → chunk-IWVQYPVN.js} +3 -2
  109. package/dist/{chunk-OXEBV63E.js → chunk-JNKLFVUJ.js} +1 -1
  110. package/dist/{chunk-D6RGWI4J.js → chunk-KGK7JLWH.js} +1 -1
  111. package/dist/{chunk-RBMKMDGC.js → chunk-KHVQB4I3.js} +2 -2
  112. package/dist/{chunk-K4Q62HJO.js → chunk-KT52RT2L.js} +2 -2
  113. package/dist/{chunk-TZVL3BKO.js → chunk-KZH44MVT.js} +2 -2
  114. package/dist/{chunk-FLQRUM7R.js → chunk-L7ZMXG7L.js} +1 -1
  115. package/dist/{chunk-HW6EGA6A.js → chunk-LJPANOUE.js} +1 -1
  116. package/dist/{chunk-JPZPKD3Q.js → chunk-LOMSK3UD.js} +2 -2
  117. package/dist/{chunk-5VMTAOBM.js → chunk-LYEVXQTI.js} +1 -1
  118. package/dist/{chunk-EYTKLOUN.js → chunk-MU3R4FYN.js} +2 -2
  119. package/dist/{chunk-LVXHRJIZ.js → chunk-MYM3I4IO.js} +4 -4
  120. package/dist/{chunk-XSUB4XBV.js → chunk-NFXCZAZR.js} +1 -1
  121. package/dist/{chunk-7URGKKRL.js → chunk-NKTWQEI3.js} +1 -1
  122. package/dist/{chunk-ECDHPCKH.js → chunk-NWZNNDFE.js} +1 -1
  123. package/dist/{chunk-RIQLKHZW.js → chunk-OTPJUJCD.js} +1 -1
  124. package/dist/{chunk-2WMYRF3X.js → chunk-PNDPSKIG.js} +2 -2
  125. package/dist/{chunk-34FR33FN.js → chunk-PPJDFMTC.js} +2 -2
  126. package/dist/{chunk-VKABR42A.js → chunk-Q36NYYIA.js} +8 -8
  127. package/dist/{chunk-YFYXSH3G.js → chunk-Q6G65JPJ.js} +3 -3
  128. package/dist/{chunk-GOPFQRRT.js → chunk-QCTQKHCH.js} +2 -2
  129. package/dist/{chunk-4YBCCHWX.js → chunk-RMLGFB7O.js} +2 -2
  130. package/dist/{chunk-PDRJIHDM.js → chunk-ROBOIRZT.js} +5 -5
  131. package/dist/{chunk-Z2G34XMX.js → chunk-ROHPA4ZY.js} +5 -5
  132. package/dist/{chunk-QI3WR4L6.js → chunk-RQXIGOUS.js} +1 -1
  133. package/dist/{chunk-E6EWLOFZ.js → chunk-RUK2ESKY.js} +1 -1
  134. package/dist/{chunk-LY5IFY2Z.js → chunk-S56U4MDY.js} +1 -1
  135. package/dist/{chunk-WAFRHD2L.js → chunk-S6KNYL5M.js} +6 -4
  136. package/dist/{chunk-7C3LA3QA.js → chunk-SFO7FAZD.js} +3 -3
  137. package/dist/{chunk-RAI2UBP2.js → chunk-SMX4NYLW.js} +1 -1
  138. package/dist/{chunk-PM25HYSW.js → chunk-U5PVHQRC.js} +1 -1
  139. package/dist/{chunk-QSUHOX35.js → chunk-UBGVF545.js} +3 -3
  140. package/dist/{chunk-XJVNQ2LG.js → chunk-UGLBP76N.js} +12 -12
  141. package/dist/{chunk-HN2P4K2Z.js → chunk-UIHBRLQM.js} +2 -2
  142. package/dist/{chunk-P4C7DD47.js → chunk-UL25ONEU.js} +1 -1
  143. package/dist/{chunk-I7BTLMYW.js → chunk-UXIZU4SB.js} +5 -5
  144. package/dist/{chunk-FIV3QSZ3.js → chunk-VHZKTG2I.js} +11 -10
  145. package/dist/{chunk-GTTDUETC.js → chunk-VX4GQ77M.js} +3 -3
  146. package/dist/{chunk-2Z37B7A5.js → chunk-WAI6CWH3.js} +2 -2
  147. package/dist/{chunk-DTH52K6S.js → chunk-WMNC6HQ5.js} +1 -1
  148. package/dist/{chunk-46OQ5CMG.js → chunk-X7G76SLR.js} +2 -2
  149. package/dist/{chunk-SRBCCJJ5.js → chunk-XW7P7QOV.js} +3 -3
  150. package/dist/{chunk-6MDXAREK.js → chunk-YG2EIUC5.js} +2 -2
  151. package/dist/{chunk-Z757KFST.js → chunk-YSNVVUKN.js} +1 -1
  152. package/dist/{chunk-M7OEMFFD.js → chunk-YTWUXSY4.js} +2 -2
  153. package/dist/{chunk-ICI6QUW6.js → chunk-Z5RQIJJX.js} +3 -3
  154. package/dist/combobox/src/ComboBox.css +785 -785
  155. package/dist/combobox/src/ComboBox.js +19 -19
  156. package/dist/combobox/src/index.css +785 -785
  157. package/dist/combobox/src/index.js +19 -19
  158. package/dist/contextual-help/src/ContextualHelp.css +706 -706
  159. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  160. package/dist/contextual-help/src/index.css +706 -706
  161. package/dist/contextual-help/src/index.js +4 -4
  162. package/dist/disclosure/src/Disclosure.css +49 -49
  163. package/dist/disclosure/src/Disclosure.js +3 -3
  164. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  165. package/dist/disclosure/src/DisclosureHeader.js +4 -4
  166. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  167. package/dist/disclosure/src/DisclosurePanel.js +4 -4
  168. package/dist/disclosure/src/index.css +74 -74
  169. package/dist/disclosure/src/index.js +9 -9
  170. package/dist/divider/src/Divider.css +41 -41
  171. package/dist/divider/src/Divider.js +1 -1
  172. package/dist/divider/src/index.css +41 -41
  173. package/dist/divider/src/index.js +1 -1
  174. package/dist/error-message/src/ErrorMessage.css +41 -41
  175. package/dist/error-message/src/ErrorMessage.js +2 -2
  176. package/dist/error-message/src/index.css +41 -41
  177. package/dist/error-message/src/index.js +2 -2
  178. package/dist/form/src/Form.css +39 -39
  179. package/dist/form/src/Form.js +1 -1
  180. package/dist/form/src/index.css +39 -39
  181. package/dist/form/src/index.js +1 -1
  182. package/dist/header/src/Header.css +39 -39
  183. package/dist/header/src/index.css +39 -39
  184. package/dist/helper-message/src/HelperMessage.css +41 -41
  185. package/dist/helper-message/src/HelperMessage.js +2 -2
  186. package/dist/helper-message/src/index.css +41 -41
  187. package/dist/helper-message/src/index.js +2 -2
  188. package/dist/icon-list/src/IconList.css +40 -40
  189. package/dist/icon-list/src/IconList.js +1 -1
  190. package/dist/icon-list/src/index.css +40 -40
  191. package/dist/icon-list/src/index.js +1 -1
  192. package/dist/illustrated-message/src/IllustratedMessage.css +382 -382
  193. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  194. package/dist/illustrated-message/src/index.css +382 -382
  195. package/dist/illustrated-message/src/index.js +2 -2
  196. package/dist/illustration/src/Illustration.css +48 -48
  197. package/dist/illustration/src/Illustration.js +1 -1
  198. package/dist/illustration/src/index.css +48 -48
  199. package/dist/illustration/src/index.js +1 -1
  200. package/dist/image/src/Image.css +42 -42
  201. package/dist/image/src/Image.js +1 -1
  202. package/dist/image/src/SvgImage.css +40 -40
  203. package/dist/image/src/SvgImage.js +1 -1
  204. package/dist/image/src/index.css +43 -43
  205. package/dist/image/src/index.js +2 -2
  206. package/dist/index.css +1149 -1145
  207. package/dist/index.d.ts +1 -0
  208. package/dist/index.js +98 -97
  209. package/dist/inputs/src/Input.css +43 -43
  210. package/dist/inputs/src/Input.js +1 -1
  211. package/dist/inputs/src/InputGroup.css +45 -45
  212. package/dist/inputs/src/InputGroup.js +1 -1
  213. package/dist/inputs/src/NumberField.css +69 -69
  214. package/dist/inputs/src/NumberField.js +10 -10
  215. package/dist/inputs/src/PasswordField.css +380 -380
  216. package/dist/inputs/src/PasswordField.js +10 -10
  217. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  218. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  219. package/dist/inputs/src/SearchField.css +386 -386
  220. package/dist/inputs/src/SearchField.js +12 -12
  221. package/dist/inputs/src/TextArea.css +68 -68
  222. package/dist/inputs/src/TextArea.d.ts +5 -0
  223. package/dist/inputs/src/TextArea.js +9 -9
  224. package/dist/inputs/src/TextField.css +384 -384
  225. package/dist/inputs/src/TextField.js +14 -14
  226. package/dist/inputs/src/index.css +434 -434
  227. package/dist/inputs/src/index.js +18 -18
  228. package/dist/layout/src/Content.css +39 -39
  229. package/dist/layout/src/Footer.css +39 -39
  230. package/dist/link/src/Link.css +78 -78
  231. package/dist/link/src/Link.js +3 -3
  232. package/dist/link/src/index.css +78 -78
  233. package/dist/link/src/index.js +3 -3
  234. package/dist/list-box/src/ListBox.css +317 -317
  235. package/dist/list-box/src/ListBox.js +7 -7
  236. package/dist/list-box/src/ListBoxItem.css +305 -305
  237. package/dist/list-box/src/ListBoxItem.js +6 -6
  238. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  239. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  240. package/dist/list-box/src/index.css +317 -317
  241. package/dist/list-box/src/index.js +7 -7
  242. package/dist/menu/src/Menu.css +708 -708
  243. package/dist/menu/src/Menu.js +3 -3
  244. package/dist/menu/src/MenuItem.css +122 -122
  245. package/dist/menu/src/MenuItem.js +2 -2
  246. package/dist/menu/src/MenuSection.css +41 -41
  247. package/dist/menu/src/MenuSection.js +1 -1
  248. package/dist/menu/src/index.css +733 -733
  249. package/dist/menu/src/index.js +6 -6
  250. package/dist/modal/src/BaseModal.css +54 -54
  251. package/dist/modal/src/BaseModal.js +1 -1
  252. package/dist/modal/src/CustomModal.css +55 -55
  253. package/dist/modal/src/CustomModal.js +2 -2
  254. package/dist/modal/src/Modal.css +402 -402
  255. package/dist/modal/src/Modal.js +10 -10
  256. package/dist/modal/src/index.css +403 -403
  257. package/dist/modal/src/index.js +11 -11
  258. package/dist/overlays/popover/src/Popover.css +700 -700
  259. package/dist/overlays/popover/src/Popover.js +2 -2
  260. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  261. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  262. package/dist/overlays/popover/src/index.css +703 -703
  263. package/dist/overlays/popover/src/index.js +3 -3
  264. package/dist/radio/src/DecorativeRadio.css +66 -66
  265. package/dist/radio/src/DecorativeRadio.js +3 -3
  266. package/dist/radio/src/Radio.css +58 -58
  267. package/dist/radio/src/Radio.js +3 -3
  268. package/dist/radio/src/RadioField.css +45 -45
  269. package/dist/radio/src/RadioField.js +2 -2
  270. package/dist/radio/src/RadioGroup.css +110 -110
  271. package/dist/radio/src/RadioGroup.js +7 -7
  272. package/dist/radio/src/index.css +110 -110
  273. package/dist/radio/src/index.js +11 -11
  274. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  275. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  276. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  277. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  278. package/dist/segmented-control/src/index.css +55 -55
  279. package/dist/segmented-control/src/index.js +3 -3
  280. package/dist/select/src/Select.css +727 -727
  281. package/dist/select/src/Select.js +18 -18
  282. package/dist/select/src/SelectValue.css +104 -104
  283. package/dist/select/src/SelectValue.js +2 -2
  284. package/dist/select/src/index.css +727 -727
  285. package/dist/select/src/index.js +18 -18
  286. package/dist/spinner/src/Spinner.css +49 -49
  287. package/dist/spinner/src/Spinner.js +2 -2
  288. package/dist/spinner/src/index.css +49 -49
  289. package/dist/spinner/src/index.js +2 -2
  290. package/dist/switch/src/Switch.css +55 -55
  291. package/dist/switch/src/Switch.js +3 -3
  292. package/dist/switch/src/SwitchField.css +45 -45
  293. package/dist/switch/src/SwitchField.js +2 -2
  294. package/dist/switch/src/index.css +61 -61
  295. package/dist/switch/src/index.js +4 -4
  296. package/dist/tabs/src/Tab.css +554 -554
  297. package/dist/tabs/src/Tab.js +2 -2
  298. package/dist/tabs/src/TabLine.css +41 -41
  299. package/dist/tabs/src/TabLine.js +1 -1
  300. package/dist/tabs/src/TabList.css +46 -46
  301. package/dist/tabs/src/TabList.js +2 -2
  302. package/dist/tabs/src/TabPanel.css +41 -41
  303. package/dist/tabs/src/TabPanel.js +1 -1
  304. package/dist/tabs/src/index.css +563 -563
  305. package/dist/tabs/src/index.js +5 -5
  306. package/dist/tag/src/Tag.css +532 -532
  307. package/dist/tag/src/Tag.js +8 -8
  308. package/dist/tag/src/TagGroup.css +49 -49
  309. package/dist/tag/src/TagGroup.js +7 -7
  310. package/dist/tag/src/index.css +542 -542
  311. package/dist/tag/src/index.js +13 -13
  312. package/dist/tile/src/Tile.css +69 -65
  313. package/dist/tile/src/Tile.d.ts +4 -0
  314. package/dist/tile/src/Tile.js +1 -1
  315. package/dist/tile/src/TileGroup.css +40 -40
  316. package/dist/tile/src/TileGroup.d.ts +4 -0
  317. package/dist/tile/src/TileGroup.js +1 -1
  318. package/dist/tile/src/index.css +70 -66
  319. package/dist/tile/src/index.js +2 -2
  320. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  321. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  322. package/dist/toggle-arrow/src/index.css +41 -41
  323. package/dist/toggle-arrow/src/index.js +1 -1
  324. package/dist/tooltip/src/Tooltip.css +49 -49
  325. package/dist/tooltip/src/Tooltip.js +3 -3
  326. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  327. package/dist/tooltip/src/index.css +49 -49
  328. package/dist/tooltip/src/index.js +3 -3
  329. package/dist/typography/heading/src/Heading.css +39 -39
  330. package/dist/typography/heading/src/Heading.js +1 -1
  331. package/dist/typography/heading/src/index.css +39 -39
  332. package/dist/typography/heading/src/index.js +1 -1
  333. package/dist/typography/label/src/FieldLabel.css +39 -39
  334. package/dist/typography/label/src/FieldLabel.js +3 -3
  335. package/dist/typography/label/src/Label.css +39 -39
  336. package/dist/typography/label/src/Label.js +1 -1
  337. package/dist/typography/label/src/index.css +39 -39
  338. package/dist/typography/label/src/index.js +3 -3
  339. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  340. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  341. package/dist/typography/overline-text/src/index.css +39 -39
  342. package/dist/typography/overline-text/src/index.js +1 -1
  343. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  344. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  345. package/dist/typography/paragraph/src/index.css +39 -39
  346. package/dist/typography/paragraph/src/index.js +2 -2
  347. package/dist/typography/text/src/Text.css +39 -39
  348. package/dist/typography/text/src/Text.js +1 -1
  349. package/dist/typography/text/src/index.css +39 -39
  350. package/dist/typography/text/src/index.js +1 -1
  351. package/dist/utils/src/ClearSlots.css +39 -39
  352. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  353. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  354. package/dist/utils/src/colors.d.ts +30 -0
  355. package/dist/utils/src/colors.js +2 -0
  356. package/dist/utils/src/index.css +39 -39
  357. package/dist/utils/src/index.d.ts +1 -0
  358. package/dist/utils/src/index.js +3 -2
  359. package/package.json +1 -1
@@ -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___475WN {
2
+ .Heading-module__hop-Heading___gp554 {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +33,53 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___475WN) {
36
+ :where(.Heading-module__hop-Heading___gp554) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___475WN):not(.Heading-module__hop-Heading--unset___pQXbp) {
40
+ :where(.Heading-module__hop-Heading___gp554):not(.Heading-module__hop-Heading--unset___jbAv3) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___VfqKk) {
46
+ :where(.Heading-module__hop-Heading--xs___8-Tlp) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___4GMaL) {
52
+ :where(.Heading-module__hop-Heading--sm___f61pO) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___eOViM) {
58
+ :where(.Heading-module__hop-Heading--md___kds5P) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___5V8kF) {
64
+ :where(.Heading-module__hop-Heading--lg___pwxSc) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___fYQj0) {
70
+ :where(.Heading-module__hop-Heading--xl___IGUdI) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___3IKcR) {
76
+ :where(.Heading-module__hop-Heading--2xl___OaE79) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___5L2s-) {
82
+ :where(.Heading-module__hop-Heading--3xl___ZPO9G) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___W5aFg {
90
+ .Form-module__hop-Form___dL8sv {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___pFZ6D {
97
+ .Label-module__hop-Label___NDga3 {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___pFZ6D) {
104
+ :where(.Label-module__hop-Label___NDga3) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___P-40c {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___0JFQx {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___uiPM6 {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___fEe3W {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___lMNtv) {
123
+ :where(.OverlineText-module__hop-OverlineText___-kVve) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___85BxV {
147
+ .OverlineText-module__hop-OverlineText__text___dM-EK {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___85BxV::before,
151
- .OverlineText-module__hop-OverlineText__text___85BxV::after {
150
+ .OverlineText-module__hop-OverlineText__text___dM-EK::before,
151
+ .OverlineText-module__hop-OverlineText__text___dM-EK::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___85BxV::before {
158
+ .OverlineText-module__hop-OverlineText__text___dM-EK::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___85BxV::after {
161
+ .OverlineText-module__hop-OverlineText__text___dM-EK::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___jCTHT {
166
+ .Text-module__hop-Text___HGfXG {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___jCTHT) {
196
+ :where(.Text-module__hop-Text___HGfXG) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___EdcgT) {
202
+ :where(.Text-module__hop-Text--xs___Oc-fk) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___4oACJ) {
208
+ :where(.Text-module__hop-Text--sm___NIFdJ) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___euvB-) {
214
+ :where(.Text-module__hop-Text--md___9Fta7) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___JRR7C) {
220
+ :where(.Text-module__hop-Text--lg___zxyWm) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___-LkPt) {
226
+ :where(.Text-module__hop-Text--xl___yJa3B) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___pyT3L) {
232
+ :where(.Text-module__hop-Text--2xl___z6Zw8) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___oL3Wl) {
238
+ :where(.Text-module__hop-Text--inherit___dMCoE) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___OiMMG {
246
+ .Paragraph-module__hop-Paragraph___IZHWa {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___OiMMG:last-child {
258
+ .Paragraph-module__hop-Paragraph___IZHWa:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___TaLZT {
261
+ .Paragraph-module__hop-Paragraph--xs___DAsaH {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___ZRHc8 {
264
+ .Paragraph-module__hop-Paragraph--sm___fBMEK {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___wlZU6 {
267
+ .Paragraph-module__hop-Paragraph--md___dBD2o {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___efbUI {
270
+ .Paragraph-module__hop-Paragraph--lg___LdZ1L {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___GJz14 {
273
+ .Paragraph-module__hop-Paragraph--xl___jyPYX {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___fKaCq {
276
+ .Paragraph-module__hop-Paragraph--2xl___PMY5A {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___duliO {
279
+ .Paragraph-module__hop-Paragraph--inherit___HfzAT {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
284
- .IconList-module__hop-IconList___BvnhF {
284
+ .IconList-module__hop-IconList___J8j-s {
285
285
  --hop-IconList-gap: var(--hop-space-inline-xs);
286
286
  display: flex;
287
287
  flex-wrap: wrap;
@@ -290,7 +290,7 @@
290
290
  }
291
291
 
292
292
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
293
- @keyframes Spinner-module__spin___I2Z7N {
293
+ @keyframes Spinner-module__spin___aXvJT {
294
294
  0% {
295
295
  transform: rotate(0deg);
296
296
  }
@@ -298,7 +298,7 @@
298
298
  transform: rotate(360deg);
299
299
  }
300
300
  }
301
- .Spinner-module__hop-Spinner___Vxckn {
301
+ .Spinner-module__hop-Spinner___fZGmL {
302
302
  --hop-Spinner-border-radius: var(--hop-shape-circle);
303
303
  --hop-Spinner-sm-wheel-size: 1rem;
304
304
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -306,7 +306,7 @@
306
306
  --hop-Spinner-track-width: 0.125rem;
307
307
  --hop-Spinner-track-opacity: 0.2;
308
308
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
309
- --hop-Spinner-fill-animation: Spinner-module__spin___I2Z7N .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___aXvJT .8s infinite linear;
310
310
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
311
311
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
312
312
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -317,19 +317,19 @@
317
317
  align-items: center;
318
318
  box-sizing: border-box;
319
319
  }
320
- .Spinner-module__hop-Spinner--sm___7agaF {
320
+ .Spinner-module__hop-Spinner--sm___db0BT {
321
321
  --width: var(--hop-Spinner-sm-wheel-size);
322
322
  --height: var(--hop-Spinner-sm-wheel-size);
323
323
  }
324
- .Spinner-module__hop-Spinner--md___jHe9r {
324
+ .Spinner-module__hop-Spinner--md___MiVUy {
325
325
  --width: var(--hop-Spinner-md-wheel-size);
326
326
  --height: var(--hop-Spinner-md-wheel-size);
327
327
  }
328
- .Spinner-module__hop-Spinner--lg___DZlag {
328
+ .Spinner-module__hop-Spinner--lg___fp2x- {
329
329
  --width: var(--hop-Spinner-lg-wheel-size);
330
330
  --height: var(--hop-Spinner-lg-wheel-size);
331
331
  }
332
- .Spinner-module__hop-Spinner__track___a5ZyY {
332
+ .Spinner-module__hop-Spinner__track___A3Ur8 {
333
333
  grid-area: spinner;
334
334
  box-sizing: border-box;
335
335
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -338,7 +338,7 @@
338
338
  border: var(--hop-Spinner-track-border);
339
339
  border-radius: var(--hop-Spinner-border-radius);
340
340
  }
341
- .Spinner-module__hop-Spinner__fill___-0LZu {
341
+ .Spinner-module__hop-Spinner__fill___DEGUM {
342
342
  grid-area: spinner;
343
343
  box-sizing: border-box;
344
344
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -349,17 +349,17 @@
349
349
  animation: var(--hop-Spinner-fill-animation);
350
350
  }
351
351
  @media (prefers-reduced-motion: reduce) {
352
- .Spinner-module__hop-Spinner__fill___-0LZu {
352
+ .Spinner-module__hop-Spinner__fill___DEGUM {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___ehqAc {
356
+ .Spinner-module__hop-Spinner__label___ybJgU {
357
357
  grid-area: label;
358
358
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
359
359
  }
360
360
 
361
361
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
362
- .Button-module__hop-Button___L3g6y {
362
+ .Button-module__hop-Button___NhOr7 {
363
363
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
364
364
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
365
365
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -486,222 +486,222 @@
486
486
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
487
487
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
488
488
  }
489
- .Button-module__hop-Button--fluid___3Zn5L {
489
+ .Button-module__hop-Button--fluid___dq6yw {
490
490
  --inline-size: 100%;
491
491
  }
492
- .Button-module__hop-Button--xs___WVZLW {
492
+ .Button-module__hop-Button--xs___SSSMZ {
493
493
  --block-size: var(--hop-Button-xs-height);
494
494
  --padding: var(--hop-Button-xs-padding);
495
495
  }
496
- .Button-module__hop-Button--xs___WVZLW[class*=--ghost] {
496
+ .Button-module__hop-Button--xs___SSSMZ[class*=--ghost] {
497
497
  --padding: var(--hop-Button-ghost-xs-padding);
498
498
  }
499
- .Button-module__hop-Button--sm___hxjdF {
499
+ .Button-module__hop-Button--sm___qH6YH {
500
500
  --block-size: var(--hop-Button-sm-height);
501
501
  --padding: var(--hop-Button-sm-padding);
502
502
  }
503
- .Button-module__hop-Button--sm___hxjdF[class*=--ghost] {
503
+ .Button-module__hop-Button--sm___qH6YH[class*=--ghost] {
504
504
  --padding: var(--hop-Button-ghost-sm-padding);
505
505
  }
506
- .Button-module__hop-Button--md___Dsb-5[class*=--ghost] {
506
+ .Button-module__hop-Button--md___7oAlI[class*=--ghost] {
507
507
  --padding: var(--hop-Button-ghost-md-padding);
508
508
  }
509
- .Button-module__hop-Button--icon-only___LkL5W {
509
+ .Button-module__hop-Button--icon-only___iXhS7 {
510
510
  --column-gap: var(--hop-Button-icon-only-column-gap);
511
511
  --padding: var(--hop-Button-icon-only-padding);
512
512
  aspect-ratio: 1;
513
513
  }
514
- .Button-module__hop-Button--primary___-WPSs {
514
+ .Button-module__hop-Button--primary___zHhPB {
515
515
  --background-color: var(--hop-Button-primary-background-color);
516
516
  --color: var(--hop-Button-primary-color);
517
517
  --border: var(--hop-Button-primary-border);
518
518
  --spinner-color: var(--hop-Button-primary-spinner-color);
519
519
  }
520
- .Button-module__hop-Button--primary___-WPSs[data-hovered],
521
- .Button-module__hop-Button--primary___-WPSs[data-focus-visible] {
520
+ .Button-module__hop-Button--primary___zHhPB[data-hovered],
521
+ .Button-module__hop-Button--primary___zHhPB[data-focus-visible] {
522
522
  --background-color: var(--hop-Button-primary-background-color-hover);
523
523
  --color: var(--hop-Button-primary-color-hover);
524
524
  --border: var(--hop-Button-primary-border-hover);
525
525
  }
526
- .Button-module__hop-Button--primary___-WPSs[data-pressed] {
526
+ .Button-module__hop-Button--primary___zHhPB[data-pressed] {
527
527
  --background-color: var(--hop-Button-primary-background-color-pressed);
528
528
  --color: var(--hop-Button-primary-color-pressed);
529
529
  --border: var(--hop-Button-primary-border-pressed);
530
530
  }
531
- .Button-module__hop-Button--secondary___Ib58r {
531
+ .Button-module__hop-Button--secondary___E-pfs {
532
532
  --background-color: var(--hop-Button-secondary-background-color);
533
533
  --color: var(--hop-Button-secondary-color);
534
534
  --border: var(--hop-Button-secondary-border);
535
535
  --spinner-color: var(--hop-Button-secondary-spinner-color);
536
536
  }
537
- .Button-module__hop-Button--secondary___Ib58r[data-hovered],
538
- .Button-module__hop-Button--secondary___Ib58r[data-focus-visible] {
537
+ .Button-module__hop-Button--secondary___E-pfs[data-hovered],
538
+ .Button-module__hop-Button--secondary___E-pfs[data-focus-visible] {
539
539
  --background-color: var(--hop-Button-secondary-background-color-hover);
540
540
  --color: var(--hop-Button-secondary-color-hover);
541
541
  --border: var(--hop-Button-secondary-border-hover);
542
542
  }
543
- .Button-module__hop-Button--secondary___Ib58r[data-pressed] {
543
+ .Button-module__hop-Button--secondary___E-pfs[data-pressed] {
544
544
  --background-color: var(--hop-Button-secondary-background-color-pressed);
545
545
  --color: var(--hop-Button-secondary-color-pressed);
546
546
  --border: var(--hop-Button-secondary-border-pressed);
547
547
  }
548
- .Button-module__hop-Button--upsell___3MNQU {
548
+ .Button-module__hop-Button--upsell___iLdxA {
549
549
  --background-color: var(--hop-Button-upsell-background-color);
550
550
  --color: var(--hop-Button-upsell-color);
551
551
  --border: var(--hop-Button-upsell-border);
552
552
  --spinner-color: var(--hop-Button-upsell-spinner-color);
553
553
  }
554
- .Button-module__hop-Button--upsell___3MNQU[data-hovered],
555
- .Button-module__hop-Button--upsell___3MNQU[data-focus-visible] {
554
+ .Button-module__hop-Button--upsell___iLdxA[data-hovered],
555
+ .Button-module__hop-Button--upsell___iLdxA[data-focus-visible] {
556
556
  --background-color: var(--hop-Button-upsell-background-color-hover);
557
557
  --color: var(--hop-Button-upsell-color-hover);
558
558
  --border: var(--hop-Button-upsell-border-hover);
559
559
  }
560
- .Button-module__hop-Button--upsell___3MNQU[data-pressed] {
560
+ .Button-module__hop-Button--upsell___iLdxA[data-pressed] {
561
561
  --background-color: var(--hop-Button-upsell-background-color-pressed);
562
562
  --color: var(--hop-Button-upsell-color-pressed);
563
563
  --border: var(--hop-Button-upsell-border-pressed);
564
564
  }
565
- .Button-module__hop-Button--danger___ow2kb {
565
+ .Button-module__hop-Button--danger___-n3Mm {
566
566
  --background-color: var(--hop-Button-danger-background-color);
567
567
  --color: var(--hop-Button-danger-color);
568
568
  --border: var(--hop-Button-danger-border);
569
569
  --spinner-color: var(--hop-Button-danger-spinner-color);
570
570
  }
571
- .Button-module__hop-Button--danger___ow2kb[data-hovered],
572
- .Button-module__hop-Button--danger___ow2kb[data-focus-visible] {
571
+ .Button-module__hop-Button--danger___-n3Mm[data-hovered],
572
+ .Button-module__hop-Button--danger___-n3Mm[data-focus-visible] {
573
573
  --background-color: var(--hop-Button-danger-background-color-hover);
574
574
  --color: var(--hop-Button-danger-color-hover);
575
575
  --border: var(--hop-Button-danger-border-hover);
576
576
  }
577
- .Button-module__hop-Button--danger___ow2kb[data-pressed] {
577
+ .Button-module__hop-Button--danger___-n3Mm[data-pressed] {
578
578
  --background-color: var(--hop-Button-danger-background-color-pressed);
579
579
  --color: var(--hop-Button-danger-color-pressed);
580
580
  --border: var(--hop-Button-danger-border-pressed);
581
581
  }
582
- .Button-module__hop-Button--ghost-primary___WqiIg {
582
+ .Button-module__hop-Button--ghost-primary___F02I9 {
583
583
  --background-color: var(--hop-Button-ghost-primary-background-color);
584
584
  --color: var(--hop-Button-ghost-primary-color);
585
585
  --border: var(--hop-Button-ghost-primary-border);
586
586
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
587
587
  }
588
- .Button-module__hop-Button--ghost-primary___WqiIg[data-hovered],
589
- .Button-module__hop-Button--ghost-primary___WqiIg[data-focus-visible] {
588
+ .Button-module__hop-Button--ghost-primary___F02I9[data-hovered],
589
+ .Button-module__hop-Button--ghost-primary___F02I9[data-focus-visible] {
590
590
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
591
591
  --color: var(--hop-Button-ghost-primary-color-hover);
592
592
  --border: var(--hop-Button-ghost-primary-border-hover);
593
593
  --text-underline: underline;
594
594
  }
595
- .Button-module__hop-Button--ghost-primary___WqiIg[data-pressed] {
595
+ .Button-module__hop-Button--ghost-primary___F02I9[data-pressed] {
596
596
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
597
597
  --color: var(--hop-Button-ghost-primary-color-pressed);
598
598
  --border: var(--hop-Button-ghost-primary-border-pressed);
599
599
  --text-underline: underline;
600
600
  }
601
- .Button-module__hop-Button--ghost-secondary___BQ0oY {
601
+ .Button-module__hop-Button--ghost-secondary___SRCeP {
602
602
  --background-color: var(--hop-Button-ghost-secondary-background-color);
603
603
  --color: var(--hop-Button-ghost-secondary-color);
604
604
  --border: var(--hop-Button-ghost-secondary-border);
605
605
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
606
606
  }
607
- .Button-module__hop-Button--ghost-secondary___BQ0oY[data-hovered],
608
- .Button-module__hop-Button--ghost-secondary___BQ0oY[data-focus-visible] {
607
+ .Button-module__hop-Button--ghost-secondary___SRCeP[data-hovered],
608
+ .Button-module__hop-Button--ghost-secondary___SRCeP[data-focus-visible] {
609
609
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
610
610
  --color: var(--hop-Button-ghost-secondary-color-hover);
611
611
  --border: var(--hop-Button-ghost-secondary-border-hover);
612
612
  --text-underline: underline;
613
613
  }
614
- .Button-module__hop-Button--ghost-secondary___BQ0oY[data-pressed] {
614
+ .Button-module__hop-Button--ghost-secondary___SRCeP[data-pressed] {
615
615
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
616
616
  --color: var(--hop-Button-ghost-secondary-color-pressed);
617
617
  --border: var(--hop-Button-ghost-secondary-border-pressed);
618
618
  --text-underline: underline;
619
619
  }
620
- .Button-module__hop-Button--ghost-danger___VBAs0 {
620
+ .Button-module__hop-Button--ghost-danger___vSQEN {
621
621
  --background-color: var(--hop-Button-ghost-danger-background-color);
622
622
  --color: var(--hop-Button-ghost-danger-color);
623
623
  --border: var(--hop-Button-ghost-danger-border);
624
624
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
625
625
  }
626
- .Button-module__hop-Button--ghost-danger___VBAs0[data-hovered],
627
- .Button-module__hop-Button--ghost-danger___VBAs0[data-focus-visible] {
626
+ .Button-module__hop-Button--ghost-danger___vSQEN[data-hovered],
627
+ .Button-module__hop-Button--ghost-danger___vSQEN[data-focus-visible] {
628
628
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
629
629
  --color: var(--hop-Button-ghost-danger-color-hover);
630
630
  --border: var(--hop-Button-ghost-danger-border-hover);
631
631
  --text-underline: underline;
632
632
  }
633
- .Button-module__hop-Button--ghost-danger___VBAs0[data-pressed] {
633
+ .Button-module__hop-Button--ghost-danger___vSQEN[data-pressed] {
634
634
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
635
635
  --color: var(--hop-Button-ghost-danger-color-pressed);
636
636
  --border: var(--hop-Button-ghost-danger-border-pressed);
637
637
  --text-underline: underline;
638
638
  }
639
- .Button-module__hop-Button___L3g6y[data-focus-visible] {
639
+ .Button-module__hop-Button___NhOr7[data-focus-visible] {
640
640
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
641
641
  }
642
- .Button-module__hop-Button___L3g6y[data-disabled],
643
- .Button-module__hop-Button--loading___wi-OE {
642
+ .Button-module__hop-Button___NhOr7[data-disabled],
643
+ .Button-module__hop-Button--loading___6ExgU {
644
644
  cursor: not-allowed;
645
645
  }
646
- .Button-module__hop-Button___L3g6y[data-disabled] {
646
+ .Button-module__hop-Button___NhOr7[data-disabled] {
647
647
  --background-color: var(--hop-Button-background-color-disabled);
648
648
  --color: var(--hop-Button-color-disabled);
649
649
  --border: var(--hop-Button-border-disabled);
650
650
  }
651
- .Button-module__hop-Button___L3g6y[class*=--ghost][data-disabled] {
651
+ .Button-module__hop-Button___NhOr7[class*=--ghost][data-disabled] {
652
652
  --background-color: var(--hop-Button-ghost-background-color-disabled);
653
653
  --color: var(--hop-Button-ghost-color-disabled);
654
654
  --border: var(--hop-Button-ghost-border-disabled);
655
655
  }
656
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button--primary___-WPSs {
656
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button--primary___zHhPB {
657
657
  --background-color: var(--hop-Button-primary-background-color);
658
658
  --color: var(--hop-Button-primary-color);
659
659
  --border: var(--hop-Button-primary-border);
660
660
  }
661
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button--secondary___Ib58r {
661
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button--secondary___E-pfs {
662
662
  --background-color: var(--hop-Button-secondary-background-color);
663
663
  --color: var(--hop-Button-secondary-color);
664
664
  --border: var(--hop-Button-secondary-border);
665
665
  }
666
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button--upsell___3MNQU {
666
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button--upsell___iLdxA {
667
667
  --background-color: var(--hop-Button-upsell-background-color);
668
668
  --color: var(--hop-Button-upsell-color);
669
669
  --border: var(--hop-Button-upsell-border);
670
670
  }
671
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button--danger___ow2kb {
671
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button--danger___-n3Mm {
672
672
  --background-color: var(--hop-Button-danger-background-color);
673
673
  --color: var(--hop-Button-danger-color);
674
674
  --border: var(--hop-Button-danger-border);
675
675
  }
676
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button--ghost-primary___WqiIg {
676
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button--ghost-primary___F02I9 {
677
677
  --background-color: var(--hop-Button-ghost-primary-background-color);
678
678
  --color: var(--hop-Button-ghost-primary-color);
679
679
  --border: var(--hop-Button-ghost-primary-border);
680
680
  --text-underline: none;
681
681
  }
682
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button--ghost-secondary___BQ0oY {
682
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button--ghost-secondary___SRCeP {
683
683
  --background-color: var(--hop-Button-ghost-secondary-background-color);
684
684
  --color: var(--hop-Button-ghost-secondary-color);
685
685
  --border: var(--hop-Button-ghost-secondary-border);
686
686
  --text-underline: none;
687
687
  }
688
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button--ghost-danger___VBAs0 {
688
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button--ghost-danger___vSQEN {
689
689
  --background-color: var(--hop-Button-ghost-danger-background-color);
690
690
  --color: var(--hop-Button-ghost-danger-color);
691
691
  --border: var(--hop-Button-ghost-danger-border);
692
692
  --text-underline: none;
693
693
  }
694
- .Button-module__hop-Button__Spinner___8FYPO {
694
+ .Button-module__hop-Button__Spinner___Qp6QX {
695
695
  position: absolute;
696
696
  color: var(--spinner-color);
697
697
  }
698
- .Button-module__hop-Button__icon___VbWdF,
699
- .Button-module__hop-Button__icon-list___zj4up {
698
+ .Button-module__hop-Button__icon___cqaOI,
699
+ .Button-module__hop-Button__icon-list___xjm-b {
700
700
  flex: 0 0 auto;
701
701
  justify-self: end;
702
702
  order: 1;
703
703
  }
704
- .Button-module__hop-Button__text___AHAkc {
704
+ .Button-module__hop-Button__text___Ecy0Y {
705
705
  user-select: none;
706
706
  overflow: visible;
707
707
  flex: 0 1 auto;
@@ -711,19 +711,19 @@
711
711
  text-underline-offset: 0.125rem;
712
712
  text-wrap: nowrap;
713
713
  }
714
- .Button-module__hop-Button__end-icon___B-oTN,
715
- .Button-module__hop-Button__end-icon-list___ROZ3V {
714
+ .Button-module__hop-Button__end-icon___gO5Nu,
715
+ .Button-module__hop-Button__end-icon-list___a8vTf {
716
716
  flex: 0 0 auto;
717
717
  order: 3;
718
718
  }
719
- .Button-module__hop-Button___L3g6y .Button-module__hop-Button__icon-list___zj4up,
720
- .Button-module__hop-Button___L3g6y .Button-module__hop-Button__end-icon-list___ROZ3V {
719
+ .Button-module__hop-Button___NhOr7 .Button-module__hop-Button__icon-list___xjm-b,
720
+ .Button-module__hop-Button___NhOr7 .Button-module__hop-Button__end-icon-list___a8vTf {
721
721
  flex-wrap: nowrap;
722
722
  }
723
- .Button-module__hop-Button--loading___wi-OE.Button-module__hop-Button___L3g6y > *:not(.Button-module__hop-Button__Spinner___8FYPO) {
723
+ .Button-module__hop-Button--loading___6ExgU.Button-module__hop-Button___NhOr7 > *:not(.Button-module__hop-Button__Spinner___Qp6QX) {
724
724
  opacity: 0;
725
725
  }
726
- .ToggleButton-module__hop-ToggleButton___dnufu {
726
+ .ToggleButton-module__hop-ToggleButton___Qk4t1 {
727
727
  --hop-ToggleButton-border-size: var(--hop-space-10);
728
728
  --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
729
729
  --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
@@ -768,119 +768,119 @@
768
768
  --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
769
769
  --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
770
770
  }
771
- .ToggleButton-module__hop-ToggleButton--fluid___-DU-D {
771
+ .ToggleButton-module__hop-ToggleButton--fluid___V-zdi {
772
772
  }
773
- .ToggleButton-module__hop-ToggleButton--xs___Mfwik {
773
+ .ToggleButton-module__hop-ToggleButton--xs___NX9Sj {
774
774
  }
775
- .ToggleButton-module__hop-ToggleButton--sm___htEgq {
775
+ .ToggleButton-module__hop-ToggleButton--sm___DOjI3 {
776
776
  }
777
- .ToggleButton-module__hop-ToggleButton--md___P1fjX {
777
+ .ToggleButton-module__hop-ToggleButton--md___g9NTf {
778
778
  }
779
- .ToggleButton-module__hop-ToggleButton--icon-only___fcoGD {
779
+ .ToggleButton-module__hop-ToggleButton--icon-only___BvRoS {
780
780
  }
781
- .ToggleButton-module__hop-ToggleButton--primary___VwQX2 {
781
+ .ToggleButton-module__hop-ToggleButton--primary___J83nw {
782
782
  }
783
- .ToggleButton-module__hop-ToggleButton--primary___VwQX2[data-selected] {
783
+ .ToggleButton-module__hop-ToggleButton--primary___J83nw[data-selected] {
784
784
  --background-color: var(--hop-ToggleButton-primary-background-color-selected);
785
785
  --color: var(--hop-ToggleButton-primary-color-selected);
786
786
  --border: var(--hop-ToggleButton-primary-border-selected);
787
787
  }
788
- .ToggleButton-module__hop-ToggleButton--secondary___B06Hr {
788
+ .ToggleButton-module__hop-ToggleButton--secondary___hH6tc {
789
789
  }
790
- .ToggleButton-module__hop-ToggleButton--secondary___B06Hr[data-selected] {
790
+ .ToggleButton-module__hop-ToggleButton--secondary___hH6tc[data-selected] {
791
791
  --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
792
792
  --color: var(--hop-ToggleButton-secondary-color-selected);
793
793
  --border: var(--hop-ToggleButton-secondary-border-selected);
794
794
  }
795
- .ToggleButton-module__hop-ToggleButton--upsell___dSEOt {
795
+ .ToggleButton-module__hop-ToggleButton--upsell___ZzaH5 {
796
796
  }
797
- .ToggleButton-module__hop-ToggleButton--upsell___dSEOt[data-selected] {
797
+ .ToggleButton-module__hop-ToggleButton--upsell___ZzaH5[data-selected] {
798
798
  --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
799
799
  --color: var(--hop-ToggleButton-upsell-color-selected);
800
800
  --border: var(--hop-ToggleButton-upsell-border-selected);
801
801
  }
802
- .ToggleButton-module__hop-ToggleButton--danger___JVMY4 {
802
+ .ToggleButton-module__hop-ToggleButton--danger___mwU8L {
803
803
  }
804
- .ToggleButton-module__hop-ToggleButton--danger___JVMY4[data-selected] {
804
+ .ToggleButton-module__hop-ToggleButton--danger___mwU8L[data-selected] {
805
805
  --background-color: var(--hop-ToggleButton-danger-background-color-selected);
806
806
  --color: var(--hop-ToggleButton-danger-color-selected);
807
807
  --border: var(--hop-ToggleButton-danger-border-selected);
808
808
  }
809
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Ff369 {
809
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___DsXUj {
810
810
  }
811
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Ff369[data-selected] {
811
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___DsXUj[data-selected] {
812
812
  --text-underline: normal;
813
813
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
814
814
  --color: var(--hop-ToggleButton-ghost-primary-color-selected);
815
815
  --border: var(--hop-ToggleButton-ghost-primary-border-selected);
816
816
  }
817
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___JGGRm {
817
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___BLeHL {
818
818
  }
819
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___JGGRm[data-selected] {
819
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___BLeHL[data-selected] {
820
820
  --text-underline: normal;
821
821
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
822
822
  --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
823
823
  --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
824
824
  }
825
- .ToggleButton-module__hop-ToggleButton--ghost-danger___WtQZy {
825
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Yf6bI {
826
826
  }
827
- .ToggleButton-module__hop-ToggleButton--ghost-danger___WtQZy[data-selected] {
827
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Yf6bI[data-selected] {
828
828
  --text-underline: normal;
829
829
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
830
830
  --color: var(--hop-ToggleButton-ghost-danger-color-selected);
831
831
  --border: var(--hop-ToggleButton-ghost-danger-border-selected);
832
832
  }
833
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton--primary___VwQX2 {
833
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton--primary___J83nw {
834
834
  --background-color: var(--hop-ToggleButton-primary-background-color);
835
835
  --color: var(--hop-ToggleButton-primary-color);
836
836
  --border: var(--hop-ToggleButton-primary-border);
837
837
  }
838
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton--secondary___B06Hr {
838
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton--secondary___hH6tc {
839
839
  --background-color: var(--hop-ToggleButton-secondary-background-color);
840
840
  --color: var(--hop-ToggleButton-secondary-color);
841
841
  --border: var(--hop-ToggleButton-secondary-border);
842
842
  }
843
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton--upsell___dSEOt {
843
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton--upsell___ZzaH5 {
844
844
  --background-color: var(--hop-ToggleButton-upsell-background-color);
845
845
  --color: var(--hop-ToggleButton-upsell-color);
846
846
  --border: var(--hop-ToggleButton-upsell-border);
847
847
  }
848
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton--danger___JVMY4 {
848
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton--danger___mwU8L {
849
849
  --background-color: var(--hop-ToggleButton-danger-background-color);
850
850
  --color: var(--hop-ToggleButton-danger-color);
851
851
  --border: var(--hop-ToggleButton-danger-border);
852
852
  }
853
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton--ghost-primary___Ff369 {
853
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton--ghost-primary___DsXUj {
854
854
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
855
855
  --color: var(--hop-ToggleButton-ghost-primary-color);
856
856
  --border: var(--hop-ToggleButton-ghost-primary-border);
857
857
  --text-underline: none;
858
858
  }
859
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton--ghost-secondary___JGGRm {
859
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton--ghost-secondary___BLeHL {
860
860
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
861
861
  --color: var(--hop-ToggleButton-ghost-secondary-color);
862
862
  --border: var(--hop-ToggleButton-ghost-secondary-border);
863
863
  --text-underline: none;
864
864
  }
865
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton--ghost-danger___WtQZy {
865
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton--ghost-danger___Yf6bI {
866
866
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
867
867
  --color: var(--hop-ToggleButton-ghost-danger-color);
868
868
  --border: var(--hop-ToggleButton-ghost-danger-border);
869
869
  --text-underline: none;
870
870
  }
871
- .ToggleButton-module__hop-ToggleButton__Spinner___KROv7 {
871
+ .ToggleButton-module__hop-ToggleButton__Spinner___mNdMI {
872
872
  }
873
- .ToggleButton-module__hop-ToggleButton__icon___-0v46,
874
- .ToggleButton-module__hop-ToggleButton__icon-list___yjBhy {
873
+ .ToggleButton-module__hop-ToggleButton__icon___ixDxl,
874
+ .ToggleButton-module__hop-ToggleButton__icon-list___l-Meb {
875
875
  }
876
- .ToggleButton-module__hop-ToggleButton__text___XmK-y {
876
+ .ToggleButton-module__hop-ToggleButton__text___hhc9I {
877
877
  }
878
- .ToggleButton-module__hop-ToggleButton__end-icon___GHi07,
879
- .ToggleButton-module__hop-ToggleButton__end-icon-list___-fZAL {
878
+ .ToggleButton-module__hop-ToggleButton__end-icon___6rdkM,
879
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4Cn7g {
880
880
  }
881
- .ToggleButton-module__hop-ToggleButton__icon-list___yjBhy,
882
- .ToggleButton-module__hop-ToggleButton__end-icon-list___-fZAL {
881
+ .ToggleButton-module__hop-ToggleButton__icon-list___l-Meb,
882
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4Cn7g {
883
883
  }
884
- .ToggleButton-module__hop-ToggleButton--loading___0hwGk.ToggleButton-module__hop-ToggleButton___dnufu > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___KROv7) {
884
+ .ToggleButton-module__hop-ToggleButton--loading___I5Jrx.ToggleButton-module__hop-ToggleButton___Qk4t1 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___mNdMI) {
885
885
  opacity: 0;
886
886
  }