@hopper-ui/components 1.5.14 → 1.5.16

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 (335) hide show
  1. package/CHANGELOG.md +12 -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 +382 -344
  7. package/dist/alert/src/Alert.js +9 -9
  8. package/dist/alert/src/index.css +382 -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 +142 -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 +170 -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-MODYINI5.js → chunk-27PVESBY.js} +3 -3
  73. package/dist/{chunk-VCXZZ25L.js → chunk-2ZDCLGTU.js} +2 -2
  74. package/dist/{chunk-TDAEMXEE.js → chunk-3ELZCVBQ.js} +1 -1
  75. package/dist/{chunk-JVN5ZGV3.js → chunk-3MYOBJLV.js} +1 -1
  76. package/dist/{chunk-EQEKYYIB.js → chunk-3NNU4ZW3.js} +2 -2
  77. package/dist/{chunk-DP23X6HZ.js → chunk-3OGRUHKU.js} +1 -1
  78. package/dist/{chunk-ZRL67NPK.js → chunk-3PVTFW74.js} +3 -3
  79. package/dist/{chunk-2MMOUDFD.js → chunk-3XFVUSZI.js} +2 -2
  80. package/dist/{chunk-XR6SC252.js → chunk-4J6HM4ZD.js} +5 -5
  81. package/dist/{chunk-CAMLJNPG.js → chunk-4OFS65KY.js} +1 -1
  82. package/dist/{chunk-GFZIITQD.js → chunk-4QNVP6F5.js} +1 -1
  83. package/dist/{chunk-THQ4OAEL.js → chunk-5HOQ72M5.js} +5 -5
  84. package/dist/{chunk-GDDLFLKV.js → chunk-63G753TA.js} +1 -1
  85. package/dist/{chunk-GLVS3EMV.js → chunk-66FXPML6.js} +1 -1
  86. package/dist/{chunk-HBERBHVX.js → chunk-6MMJEEWP.js} +1 -1
  87. package/dist/{chunk-H5JOEG7I.js → chunk-6Q5ZHGO3.js} +5 -5
  88. package/dist/{chunk-2CHPEOT7.js → chunk-6QMCLUQ5.js} +1 -1
  89. package/dist/{chunk-2UT6JJCS.js → chunk-6Y22TBJC.js} +8 -8
  90. package/dist/{chunk-MKIZYDD5.js → chunk-ADFLWF25.js} +1 -1
  91. package/dist/{chunk-UL5R2TMS.js → chunk-AF23UVEG.js} +1 -1
  92. package/dist/{chunk-ECQAPHH6.js → chunk-AH3GXNV5.js} +12 -12
  93. package/dist/{chunk-27WKZEEY.js → chunk-AKIEAK3Q.js} +2 -2
  94. package/dist/{chunk-PLZRXAW3.js → chunk-BJY6FCKP.js} +2 -2
  95. package/dist/{chunk-3UCMP2AH.js → chunk-C7P5BM7Y.js} +2 -2
  96. package/dist/{chunk-MHEY55HI.js → chunk-CSRFJNBA.js} +2 -2
  97. package/dist/{chunk-RR4ZCKFE.js → chunk-D4U45JIF.js} +2 -2
  98. package/dist/{chunk-YJE7E5OH.js → chunk-DFBBU44U.js} +3 -3
  99. package/dist/{chunk-ASSMRVHT.js → chunk-DH2AP6OA.js} +5 -5
  100. package/dist/{chunk-ENQBKOPX.js → chunk-EU5BJZQI.js} +1 -1
  101. package/dist/{chunk-2S4JJZRQ.js → chunk-FNI4O33A.js} +10 -8
  102. package/dist/{chunk-ZDEKCOOC.js → chunk-FSAVTRDT.js} +1 -1
  103. package/dist/{chunk-UAYL3XDR.js → chunk-GC6ZPFYC.js} +8 -8
  104. package/dist/{chunk-OCWPS7GD.js → chunk-GMRIW7TP.js} +2 -2
  105. package/dist/{chunk-7MJXWOID.js → chunk-IQVNGB2U.js} +11 -11
  106. package/dist/{chunk-2ZDKAE5K.js → chunk-J6OIUWDS.js} +7 -7
  107. package/dist/{chunk-F3T6W2WM.js → chunk-JBY4AIFR.js} +2 -2
  108. package/dist/chunk-JF3RNXXG.js +38 -0
  109. package/dist/{chunk-LDUP2CAO.js → chunk-KCRAAJQ4.js} +3 -3
  110. package/dist/{chunk-FFG4K6ZQ.js → chunk-KFMWKIB5.js} +1 -1
  111. package/dist/{chunk-LR34EGBM.js → chunk-KHJEGBSI.js} +10 -10
  112. package/dist/{chunk-DWZLEWHG.js → chunk-LHDNOOWM.js} +2 -2
  113. package/dist/{chunk-R42CLEYO.js → chunk-MGQUORQ6.js} +2 -2
  114. package/dist/{chunk-N6X66BJY.js → chunk-MLSZZ2YK.js} +2 -2
  115. package/dist/{chunk-RRJTW4Z7.js → chunk-N3GLP7QO.js} +1 -1
  116. package/dist/{chunk-TRCGBAIX.js → chunk-N6CNGZ3K.js} +1 -1
  117. package/dist/{chunk-PYRR7Q5U.js → chunk-NGSCLLWG.js} +1 -1
  118. package/dist/{chunk-BLQ5PYIF.js → chunk-NTMGH3AT.js} +2 -2
  119. package/dist/{chunk-SYH4BLWA.js → chunk-NTODF2QA.js} +1 -1
  120. package/dist/{chunk-WC5ZUP2T.js → chunk-NYSJVPB5.js} +2 -2
  121. package/dist/{chunk-SK6SNUKY.js → chunk-OW6M2VJQ.js} +8 -8
  122. package/dist/{chunk-XCGP42UI.js → chunk-OWM4D6VT.js} +1 -1
  123. package/dist/{chunk-AHKRJPF6.js → chunk-OZWL6VM7.js} +2 -2
  124. package/dist/{chunk-P4X5GQ5K.js → chunk-PCH7FEVS.js} +2 -2
  125. package/dist/{chunk-JEHIPH74.js → chunk-PRUBFXYK.js} +5 -5
  126. package/dist/{chunk-ZPCY3OK6.js → chunk-PY4UT34U.js} +1 -1
  127. package/dist/{chunk-XF77IMBO.js → chunk-Q4HMO7Q3.js} +2 -2
  128. package/dist/{chunk-2TNVXSEJ.js → chunk-R3E5G4ZH.js} +2 -2
  129. package/dist/{chunk-CDKPDMNK.js → chunk-R7DEZVEZ.js} +2 -2
  130. package/dist/{chunk-5UY55BSM.js → chunk-REYDGZWV.js} +3 -3
  131. package/dist/{chunk-FZBYIHVX.js → chunk-RFF2GVAI.js} +1 -1
  132. package/dist/{chunk-S5NO7N32.js → chunk-RUFC47M4.js} +2 -2
  133. package/dist/{chunk-3ECCTNM6.js → chunk-SV7J2FKQ.js} +1 -1
  134. package/dist/{chunk-BRSTXEXO.js → chunk-TF5IRRVE.js} +1 -1
  135. package/dist/{chunk-U36V63TW.js → chunk-TJ35OGZL.js} +1 -1
  136. package/dist/{chunk-IC4RAAMH.js → chunk-TLLEZADI.js} +1 -1
  137. package/dist/{chunk-D6OKEIZN.js → chunk-U4YNXKEQ.js} +1 -1
  138. package/dist/{chunk-3UGFIGCD.js → chunk-UOP32WBF.js} +2 -2
  139. package/dist/{chunk-OPARHXRB.js → chunk-V3SFULRL.js} +1 -1
  140. package/dist/{chunk-XDX722SV.js → chunk-V4CA7BH7.js} +1 -1
  141. package/dist/{chunk-CXXWL5AZ.js → chunk-VLHRF52C.js} +2 -2
  142. package/dist/{chunk-4TM7GV2V.js → chunk-VNMTRKJ5.js} +4 -4
  143. package/dist/{chunk-UL2ITI33.js → chunk-WM6VRWZQ.js} +1 -1
  144. package/dist/{chunk-T2M4FTI2.js → chunk-WMLCHW7S.js} +1 -1
  145. package/dist/{chunk-E5KDQAZB.js → chunk-WUEHDPNX.js} +3 -3
  146. package/dist/{chunk-KO4O6HC7.js → chunk-WXGFBG3G.js} +2 -2
  147. package/dist/{chunk-M66L3RAL.js → chunk-XTSZLGCW.js} +3 -3
  148. package/dist/{chunk-444PPC5Q.js → chunk-Y54GDDMZ.js} +1 -1
  149. package/dist/{chunk-KFIW7WMI.js → chunk-YRJYUPFY.js} +1 -1
  150. package/dist/{chunk-WYU6M7QL.js → chunk-ZGJG55SI.js} +3 -3
  151. package/dist/{chunk-O4T5TBT7.js → chunk-ZHGGRFV5.js} +2 -2
  152. package/dist/combobox/src/ComboBox.css +759 -721
  153. package/dist/combobox/src/ComboBox.js +17 -17
  154. package/dist/combobox/src/index.css +759 -721
  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 +116 -78
  181. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  182. package/dist/hopper-provider/src/index.css +116 -78
  183. package/dist/hopper-provider/src/index.js +1 -1
  184. package/dist/icon-list/src/IconList.css +116 -78
  185. package/dist/icon-list/src/IconList.js +1 -1
  186. package/dist/icon-list/src/index.css +116 -78
  187. package/dist/icon-list/src/index.js +1 -1
  188. package/dist/illustrated-message/src/IllustratedMessage.css +352 -314
  189. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  190. package/dist/illustrated-message/src/index.css +352 -314
  191. package/dist/illustrated-message/src/index.js +1 -1
  192. package/dist/image/src/Image.css +118 -80
  193. package/dist/image/src/Image.js +1 -1
  194. package/dist/image/src/SvgImage.css +116 -78
  195. package/dist/image/src/SvgImage.js +1 -1
  196. package/dist/image/src/index.css +119 -81
  197. package/dist/image/src/index.js +2 -2
  198. package/dist/index.css +1076 -1037
  199. package/dist/index.d.ts +5 -4
  200. package/dist/index.js +80 -79
  201. package/dist/inputs/src/Input.css +119 -81
  202. package/dist/inputs/src/Input.js +1 -1
  203. package/dist/inputs/src/InputGroup.css +121 -83
  204. package/dist/inputs/src/InputGroup.js +1 -1
  205. package/dist/inputs/src/NumberField.css +145 -107
  206. package/dist/inputs/src/NumberField.js +9 -9
  207. package/dist/inputs/src/PasswordField.css +353 -315
  208. package/dist/inputs/src/PasswordField.js +9 -9
  209. package/dist/inputs/src/RemainingCharacterCount.css +118 -80
  210. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  211. package/dist/inputs/src/SearchField.css +359 -321
  212. package/dist/inputs/src/SearchField.js +10 -10
  213. package/dist/inputs/src/TextArea.css +142 -104
  214. package/dist/inputs/src/TextArea.js +8 -8
  215. package/dist/inputs/src/TextField.css +357 -319
  216. package/dist/inputs/src/TextField.js +12 -12
  217. package/dist/inputs/src/index.css +410 -372
  218. package/dist/inputs/src/index.js +16 -16
  219. package/dist/link/src/Link.css +154 -116
  220. package/dist/link/src/Link.js +3 -3
  221. package/dist/link/src/index.css +154 -116
  222. package/dist/link/src/index.js +3 -3
  223. package/dist/list-box/src/ListBox.css +389 -351
  224. package/dist/list-box/src/ListBox.js +7 -7
  225. package/dist/list-box/src/ListBoxItem.css +377 -339
  226. package/dist/list-box/src/ListBoxItem.js +6 -6
  227. package/dist/list-box/src/ListBoxItemSkeleton.css +122 -84
  228. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  229. package/dist/list-box/src/index.css +389 -351
  230. package/dist/list-box/src/index.js +7 -7
  231. package/dist/modal/src/BaseModal.css +130 -92
  232. package/dist/modal/src/BaseModal.js +1 -1
  233. package/dist/modal/src/CustomModal.css +131 -93
  234. package/dist/modal/src/CustomModal.js +2 -2
  235. package/dist/modal/src/Modal.css +372 -334
  236. package/dist/modal/src/Modal.js +8 -8
  237. package/dist/modal/src/index.css +378 -340
  238. package/dist/modal/src/index.js +9 -9
  239. package/dist/overlays/popover/src/Popover.css +670 -632
  240. package/dist/overlays/popover/src/Popover.js +2 -2
  241. package/dist/overlays/popover/src/PopoverBase.css +119 -81
  242. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  243. package/dist/overlays/popover/src/index.css +674 -636
  244. package/dist/overlays/popover/src/index.js +3 -3
  245. package/dist/radio/src/DecorativeRadio.css +142 -104
  246. package/dist/radio/src/DecorativeRadio.js +3 -3
  247. package/dist/radio/src/Radio.css +134 -96
  248. package/dist/radio/src/Radio.js +3 -3
  249. package/dist/radio/src/RadioField.css +121 -83
  250. package/dist/radio/src/RadioField.js +2 -2
  251. package/dist/radio/src/RadioGroup.css +186 -148
  252. package/dist/radio/src/RadioGroup.js +6 -6
  253. package/dist/radio/src/index.css +186 -148
  254. package/dist/radio/src/index.js +10 -10
  255. package/dist/segmented-control/src/SegmentedControl.css +116 -78
  256. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  257. package/dist/segmented-control/src/SegmentedControlItem.css +130 -92
  258. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  259. package/dist/segmented-control/src/index.css +131 -93
  260. package/dist/segmented-control/src/index.js +3 -3
  261. package/dist/select/src/Select.css +703 -665
  262. package/dist/select/src/Select.js +16 -16
  263. package/dist/select/src/SelectValue.css +176 -138
  264. package/dist/select/src/SelectValue.js +2 -2
  265. package/dist/select/src/index.css +703 -665
  266. package/dist/select/src/index.js +16 -16
  267. package/dist/spinner/src/Spinner.css +125 -87
  268. package/dist/spinner/src/Spinner.js +2 -2
  269. package/dist/spinner/src/index.css +125 -87
  270. package/dist/spinner/src/index.js +2 -2
  271. package/dist/switch/src/Switch.css +131 -93
  272. package/dist/switch/src/Switch.js +3 -3
  273. package/dist/switch/src/SwitchField.css +121 -83
  274. package/dist/switch/src/SwitchField.js +2 -2
  275. package/dist/switch/src/index.css +137 -99
  276. package/dist/switch/src/index.js +4 -4
  277. package/dist/tabs/src/Tab.css +529 -490
  278. package/dist/tabs/src/Tab.js +2 -2
  279. package/dist/tabs/src/TabLine.css +117 -79
  280. package/dist/tabs/src/TabLine.js +1 -1
  281. package/dist/tabs/src/TabList.css +124 -86
  282. package/dist/tabs/src/TabList.js +2 -2
  283. package/dist/tabs/src/TabPanel.css +117 -79
  284. package/dist/tabs/src/TabPanel.js +1 -1
  285. package/dist/tabs/src/index.css +540 -501
  286. package/dist/tabs/src/index.js +5 -5
  287. package/dist/tag/src/Tag.css +507 -468
  288. package/dist/tag/src/Tag.js +7 -7
  289. package/dist/tag/src/TagGroup.css +125 -87
  290. package/dist/tag/src/TagGroup.js +6 -6
  291. package/dist/tag/src/index.css +517 -478
  292. package/dist/tag/src/index.js +11 -11
  293. package/dist/tile/src/Tile.css +124 -86
  294. package/dist/tile/src/Tile.js +2 -2
  295. package/dist/tile/src/TileGroup.css +116 -78
  296. package/dist/tile/src/TileGroup.js +1 -1
  297. package/dist/tile/src/index.css +125 -87
  298. package/dist/tile/src/index.js +3 -3
  299. package/dist/toggle-arrow/src/ToggleArrow.css +117 -79
  300. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  301. package/dist/toggle-arrow/src/index.css +117 -79
  302. package/dist/toggle-arrow/src/index.js +1 -1
  303. package/dist/tooltip/src/Tooltip.css +125 -87
  304. package/dist/tooltip/src/Tooltip.js +3 -3
  305. package/dist/tooltip/src/TooltipTrigger.css +115 -77
  306. package/dist/tooltip/src/index.css +125 -87
  307. package/dist/tooltip/src/index.js +3 -3
  308. package/dist/typography/heading/src/Heading.css +115 -77
  309. package/dist/typography/heading/src/Heading.js +1 -1
  310. package/dist/typography/heading/src/index.css +115 -77
  311. package/dist/typography/heading/src/index.js +1 -1
  312. package/dist/typography/label/src/Label.css +97 -59
  313. package/dist/typography/label/src/Label.js +2 -2
  314. package/dist/typography/label/src/index.css +97 -59
  315. package/dist/typography/label/src/index.js +2 -2
  316. package/dist/typography/overline-text/src/OverlineText.css +83 -45
  317. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  318. package/dist/typography/overline-text/src/index.css +83 -45
  319. package/dist/typography/overline-text/src/index.js +1 -1
  320. package/dist/typography/paragraph/src/Paragraph.css +272 -0
  321. package/dist/typography/paragraph/src/Paragraph.d.ts +16 -0
  322. package/dist/typography/paragraph/src/Paragraph.js +7 -0
  323. package/dist/typography/paragraph/src/index.css +272 -0
  324. package/dist/typography/paragraph/src/index.d.ts +5 -0
  325. package/dist/typography/paragraph/src/index.js +7 -0
  326. package/dist/typography/text/src/Text.css +83 -45
  327. package/dist/typography/text/src/Text.js +1 -1
  328. package/dist/typography/text/src/index.css +83 -45
  329. package/dist/typography/text/src/index.js +1 -1
  330. package/dist/utils/src/ClearSlots.css +115 -77
  331. package/dist/utils/src/EnsureTextWrapper.css +115 -77
  332. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  333. package/dist/utils/src/index.css +115 -77
  334. package/dist/utils/src/index.js +2 -2
  335. package/package.json +1 -1
package/dist/buttons/src/EmbeddedButton.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___igVqd {
2
+ .Heading-module__hop-Heading___Wsu0W {
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___igVqd) {
36
+ :where(.Heading-module__hop-Heading___Wsu0W) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,51 +41,120 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___RyB2G) {
44
+ :where(.Heading-module__hop-Heading--xs___0qq2b) {
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___CtIaS) {
50
+ :where(.Heading-module__hop-Heading--sm___A-hGI) {
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___RKhqJ) {
56
+ :where(.Heading-module__hop-Heading--md___HE--R) {
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___ANMvZ) {
62
+ :where(.Heading-module__hop-Heading--lg___-OS8V) {
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___cXo2Z) {
68
+ :where(.Heading-module__hop-Heading--xl___feRIB) {
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___DBhH7) {
74
+ :where(.Heading-module__hop-Heading--2xl___bdjNM) {
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___aIERK) {
80
+ :where(.Heading-module__hop-Heading--3xl___uKkPe) {
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/form/src/Form.module.css/#css-module-data */
88
+ .Form-module__hop-Form___Mw--l {
89
+ display: flex;
90
+ flex-direction: column;
91
+ gap: var(--hop-space-stack-lg);
92
+ }
93
+
94
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
+ .Label-module__hop-Label___JwMYc {
96
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
+ --hop-Label-color: var(--hop-neutral-text-weak);
101
+ }
102
+ :where(.Label-module__hop-Label___JwMYc) {
103
+ font-family: var(--hop-Label-font-family);
104
+ font-size: var(--hop-Label-font-size);
105
+ font-weight: var(--hop-Label-font-weight);
106
+ line-height: var(--hop-Label-line-height);
107
+ color: var(--hop-Label-color);
108
+ }
109
+ :where(.Label-module__hop-Label__indicator___AdVMW) {
110
+ padding-inline-start: var(--hop-space-20);
111
+ }
112
+
113
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
114
+ :where(.OverlineText-module__hop-OverlineText___Ixn7X) {
115
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
116
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
117
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
118
+ --hop-OverlineText-letter-spacing: 0.015rem;
119
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
120
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
121
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
122
+ --font-family: var(--hop-OverlineText-font-family);
123
+ --font-size: var(--hop-OverlineText-font-size);
124
+ --font-weight: var(--hop-OverlineText-font-weight);
125
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
126
+ --line-height: var(--hop-OverlineText-line-height);
127
+ --top-offset: var(--hop-OverlineText-top-offset);
128
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
129
+ box-sizing: border-box;
130
+ font-family: var(--font-family);
131
+ font-size: var(--font-size);
132
+ font-feature-settings: "case";
133
+ font-weight: var(--font-weight);
134
+ line-height: var(--line-height);
135
+ text-transform: uppercase;
136
+ letter-spacing: var(--letter-spacing);
137
+ }
138
+ .OverlineText-module__hop-OverlineText__text___ZNdD1 {
139
+ box-sizing: border-box;
140
+ }
141
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::before,
142
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::after {
143
+ content: "";
144
+ display: block;
145
+ box-sizing: border-box;
146
+ inline-size: 0;
147
+ block-size: 0;
148
+ }
149
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::before {
150
+ margin-block-end: var(--bottom-offset);
151
+ }
152
+ .OverlineText-module__hop-OverlineText__text___ZNdD1::after {
153
+ margin-block-start: var(--top-offset);
154
+ }
155
+
87
156
  /* 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___Fwn4J {
157
+ .Text-module__hop-Text___v3ZK1 {
89
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
90
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
91
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -115,126 +184,95 @@
115
184
  --hop-Text-inherit-size-font-weight: inherit;
116
185
  --hop-Text-inherit-size-line-height: inherit;
117
186
  }
118
- :where(.Text-module__hop-Text___Fwn4J) {
187
+ :where(.Text-module__hop-Text___v3ZK1) {
119
188
  font-family: var(--font-family);
120
189
  font-size: var(--font-size);
121
190
  font-weight: var(--font-weight);
122
191
  line-height: var(--line-height);
123
192
  }
124
- :where(.Text-module__hop-Text--xs___vBBia) {
193
+ :where(.Text-module__hop-Text--xs___Y-odp) {
125
194
  --font-size: var(--hop-Text-xs-font-size);
126
195
  --font-family: var(--hop-Text-xs-font-family);
127
196
  --font-weight: var(--hop-Text-xs-font-weight);
128
197
  --line-height: var(--hop-Text-xs-line-height);
129
198
  }
130
- :where(.Text-module__hop-Text--sm___CuD-V) {
199
+ :where(.Text-module__hop-Text--sm___27mHc) {
131
200
  --font-size: var(--hop-Text-sm-font-size);
132
201
  --font-family: var(--hop-Text-sm-font-family);
133
202
  --font-weight: var(--hop-Text-sm-font-weight);
134
203
  --line-height: var(--hop-Text-sm-line-height);
135
204
  }
136
- :where(.Text-module__hop-Text--md___29Na4) {
205
+ :where(.Text-module__hop-Text--md___4g0lP) {
137
206
  --font-size: var(--hop-Text-md-font-size);
138
207
  --font-family: var(--hop-Text-md-font-family);
139
208
  --font-weight: var(--hop-Text-md-font-weight);
140
209
  --line-height: var(--hop-Text-md-line-height);
141
210
  }
142
- :where(.Text-module__hop-Text--lg___v4hQy) {
211
+ :where(.Text-module__hop-Text--lg___04WEl) {
143
212
  --font-size: var(--hop-Text-lg-font-size);
144
213
  --font-family: var(--hop-Text-lg-font-family);
145
214
  --font-weight: var(--hop-Text-lg-font-weight);
146
215
  --line-height: var(--hop-Text-lg-line-height);
147
216
  }
148
- :where(.Text-module__hop-Text--xl___R5ZqU) {
217
+ :where(.Text-module__hop-Text--xl___q6pxz) {
149
218
  --font-size: var(--hop-Text-xl-font-size);
150
219
  --font-family: var(--hop-Text-xl-font-family);
151
220
  --font-weight: var(--hop-Text-xl-font-weight);
152
221
  --line-height: var(--hop-Text-xl-line-height);
153
222
  }
154
- :where(.Text-module__hop-Text--2xl___vOufo) {
223
+ :where(.Text-module__hop-Text--2xl___-uxum) {
155
224
  --font-size: var(--hop-Text-2xl-font-size);
156
225
  --font-family: var(--hop-Text-2xl-font-family);
157
226
  --font-weight: var(--hop-Text-2xl-font-weight);
158
227
  --line-height: var(--hop-Text-2xl-line-height);
159
228
  }
160
- :where(.Text-module__hop-Text--inherit___mSz8x) {
229
+ :where(.Text-module__hop-Text--inherit___RewNr) {
161
230
  --font-size: var(--hop-Text-inherit-size-font-size);
162
231
  --font-family: var(--hop-Text-inherit-size-font-family);
163
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
164
233
  --line-height: var(--hop-Text-inherit-size-line-height);
165
234
  }
166
235
 
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___FGab2) {
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);
236
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
237
+ .Paragraph-module__hop-Paragraph___zIPGL {
238
+ --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
239
+ --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
240
+ --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
241
+ --hop-Paragraph-lg-margin-bottom: calc(1rem * .75);
242
+ --hop-Paragraph-xl-margin-bottom: calc(1.125rem * .75);
243
+ --hop-Paragraph-2xl-margin-bottom: calc(1.375rem * .75);
244
+ --hop-Paragraph-inherit-margin-bottom: .75em;
245
+ margin: 0;
246
+ margin-block-end: var(--margin-block-end);
247
+ overflow-wrap: break-word;
191
248
  }
192
- .OverlineText-module__hop-OverlineText__text___JGsJy {
193
- box-sizing: border-box;
249
+ .Paragraph-module__hop-Paragraph___zIPGL:last-child {
250
+ --margin-block-end: 0;
194
251
  }
195
- .OverlineText-module__hop-OverlineText__text___JGsJy::before,
196
- .OverlineText-module__hop-OverlineText__text___JGsJy::after {
197
- content: "";
198
- display: block;
199
- box-sizing: border-box;
200
- inline-size: 0;
201
- block-size: 0;
252
+ .Paragraph-module__hop-Paragraph--xs___GnH4z {
253
+ --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
202
254
  }
203
- .OverlineText-module__hop-OverlineText__text___JGsJy::before {
204
- margin-block-end: var(--bottom-offset);
255
+ .Paragraph-module__hop-Paragraph--sm___e5ZpV {
256
+ --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
205
257
  }
206
- .OverlineText-module__hop-OverlineText__text___JGsJy::after {
207
- margin-block-start: var(--top-offset);
258
+ .Paragraph-module__hop-Paragraph--md___0rGEH {
259
+ --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
208
260
  }
209
-
210
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
211
- .Form-module__hop-Form___FyvEO {
212
- display: flex;
213
- flex-direction: column;
214
- gap: var(--hop-space-stack-lg);
261
+ .Paragraph-module__hop-Paragraph--lg___kvkHm {
262
+ --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
215
263
  }
216
-
217
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
218
- .Label-module__hop-Label___y79IZ {
219
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
220
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
221
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
222
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
223
- --hop-Label-color: var(--hop-neutral-text-weak);
264
+ .Paragraph-module__hop-Paragraph--xl___pd3VX {
265
+ --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
224
266
  }
225
- :where(.Label-module__hop-Label___y79IZ) {
226
- font-family: var(--hop-Label-font-family);
227
- font-size: var(--hop-Label-font-size);
228
- font-weight: var(--hop-Label-font-weight);
229
- line-height: var(--hop-Label-line-height);
230
- color: var(--hop-Label-color);
267
+ .Paragraph-module__hop-Paragraph--2xl___0FEsW {
268
+ --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
231
269
  }
232
- :where(.Label-module__hop-Label__indicator___TAshU) {
233
- padding-inline-start: var(--hop-space-20);
270
+ .Paragraph-module__hop-Paragraph--inherit___tEuRz {
271
+ --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
234
272
  }
235
273
 
236
274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
237
- .EmbeddedButton-module__hop-EmbeddedButton___hscHh {
275
+ .EmbeddedButton-module__hop-EmbeddedButton___Klcp7 {
238
276
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
239
277
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
240
278
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -398,7 +436,7 @@
398
436
  outline: none;
399
437
  transition: color var(--transition);
400
438
  }
401
- .EmbeddedButton-module__hop-EmbeddedButton___hscHh::before {
439
+ .EmbeddedButton-module__hop-EmbeddedButton___Klcp7::before {
402
440
  content: "";
403
441
  position: absolute;
404
442
  inset-block-start: 50%;
@@ -411,278 +449,278 @@
411
449
  border-radius: var(--effect-border-radius);
412
450
  transition: background-color var(--transition);
413
451
  }
414
- .EmbeddedButton-module__hop-EmbeddedButton___hscHh[data-square] {
452
+ .EmbeddedButton-module__hop-EmbeddedButton___Klcp7[data-square] {
415
453
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
416
454
  }
417
- .EmbeddedButton-module__hop-EmbeddedButton--md___1RdYJ {
455
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Ao3uu {
418
456
  --inline-size: var(--hop-EmbeddedButton-md-width);
419
457
  --block-size: var(--hop-EmbeddedButton-md-height);
420
458
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
421
459
  }
422
- .EmbeddedButton-module__hop-EmbeddedButton--lg___7D8OD {
460
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___LNoT0 {
423
461
  --inline-size: var(--hop-EmbeddedButton-lg-width);
424
462
  --block-size: var(--hop-EmbeddedButton-lg-height);
425
463
  --focus-ring-offset: 0;
426
464
  }
427
- .EmbeddedButton-module__hop-EmbeddedButton--md___1RdYJ::before {
465
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Ao3uu::before {
428
466
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
429
467
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
430
468
  }
431
- .EmbeddedButton-module__hop-EmbeddedButton--lg___7D8OD::before {
469
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___LNoT0::before {
432
470
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
433
471
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
434
472
  }
435
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___2K0So {
473
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cOd4B {
436
474
  --color: var(--hop-EmbeddedButton-neutral-color);
437
475
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
438
476
  }
439
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___w-hyj {
477
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ee-kv {
440
478
  --color: var(--hop-EmbeddedButton-subdued-color);
441
479
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
442
480
  }
443
- .EmbeddedButton-module__hop-EmbeddedButton--progress___9B8X1 {
481
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jTcpk {
444
482
  --color: var(--hop-EmbeddedButton-progress-color);
445
483
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
446
484
  }
447
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qc8Ny {
485
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___p-eos {
448
486
  --color: var(--hop-EmbeddedButton-positive-color);
449
487
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
450
488
  }
451
- .EmbeddedButton-module__hop-EmbeddedButton--caution___f7hdO {
489
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___m5fam {
452
490
  --color: var(--hop-EmbeddedButton-caution-color);
453
491
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
454
492
  }
455
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TRbPz {
493
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___fjb0r {
456
494
  --color: var(--hop-EmbeddedButton-negative-color);
457
495
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
458
496
  }
459
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NqSb5 {
497
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JXzcU {
460
498
  --color: var(--hop-EmbeddedButton-option1-color);
461
499
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
462
500
  }
463
- .EmbeddedButton-module__hop-EmbeddedButton--option2___SJktH {
501
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___0JbTF {
464
502
  --color: var(--hop-EmbeddedButton-option2-color);
465
503
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
466
504
  }
467
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CWALl {
505
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___MRqwm {
468
506
  --color: var(--hop-EmbeddedButton-option3-color);
469
507
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
470
508
  }
471
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FPycA {
509
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TKUd- {
472
510
  --color: var(--hop-EmbeddedButton-option4-color);
473
511
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
474
512
  }
475
- .EmbeddedButton-module__hop-EmbeddedButton--option5___pZc1z {
513
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___p-Fey {
476
514
  --color: var(--hop-EmbeddedButton-option5-color);
477
515
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
478
516
  }
479
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Fu07U {
517
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___QJdqm {
480
518
  --color: var(--hop-EmbeddedButton-option6-color);
481
519
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
482
520
  }
483
- .EmbeddedButton-module__hop-EmbeddedButton___hscHh[data-selected] {
521
+ .EmbeddedButton-module__hop-EmbeddedButton___Klcp7[data-selected] {
484
522
  --color: var(--hop-EmbeddedButton-selected-color);
485
523
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
486
524
  }
487
- .EmbeddedButton-module__hop-EmbeddedButton___hscHh[data-focus-visible] {
525
+ .EmbeddedButton-module__hop-EmbeddedButton___Klcp7[data-focus-visible] {
488
526
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
489
527
  outline-offset: var(--focus-ring-offset);
490
528
  }
491
- .EmbeddedButton-module__hop-EmbeddedButton___hscHh[data-disabled] {
529
+ .EmbeddedButton-module__hop-EmbeddedButton___Klcp7[data-disabled] {
492
530
  cursor: not-allowed;
493
531
  }
494
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___2K0So[data-hovered] {
532
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cOd4B[data-hovered] {
495
533
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
496
534
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
497
535
  }
498
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___2K0So[data-focus-visible] {
536
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cOd4B[data-focus-visible] {
499
537
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
500
538
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
501
539
  }
502
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___2K0So[data-pressed] {
540
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cOd4B[data-pressed] {
503
541
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
504
542
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
505
543
  }
506
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___2K0So[data-disabled] {
544
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___cOd4B[data-disabled] {
507
545
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
508
546
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
509
547
  }
510
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___w-hyj[data-hovered] {
548
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ee-kv[data-hovered] {
511
549
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
512
550
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
513
551
  }
514
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___w-hyj[data-focus-visible] {
552
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ee-kv[data-focus-visible] {
515
553
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
516
554
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
517
555
  }
518
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___w-hyj[data-pressed] {
556
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ee-kv[data-pressed] {
519
557
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
520
558
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
521
559
  }
522
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___w-hyj[data-disabled] {
560
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___ee-kv[data-disabled] {
523
561
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
524
562
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
525
563
  }
526
- .EmbeddedButton-module__hop-EmbeddedButton--progress___9B8X1[data-hovered] {
564
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jTcpk[data-hovered] {
527
565
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
528
566
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
529
567
  }
530
- .EmbeddedButton-module__hop-EmbeddedButton--progress___9B8X1[data-focus-visible] {
568
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jTcpk[data-focus-visible] {
531
569
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
532
570
  --color: var(--hop-EmbeddedButton-progress-color-focused);
533
571
  }
534
- .EmbeddedButton-module__hop-EmbeddedButton--progress___9B8X1[data-pressed] {
572
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jTcpk[data-pressed] {
535
573
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
536
574
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
537
575
  }
538
- .EmbeddedButton-module__hop-EmbeddedButton--progress___9B8X1[data-disabled] {
576
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jTcpk[data-disabled] {
539
577
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
540
578
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
541
579
  }
542
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qc8Ny[data-hovered] {
580
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___p-eos[data-hovered] {
543
581
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
544
582
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
545
583
  }
546
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qc8Ny[data-focus-visible] {
584
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___p-eos[data-focus-visible] {
547
585
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
548
586
  --color: var(--hop-EmbeddedButton-positive-color-focused);
549
587
  }
550
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qc8Ny[data-pressed] {
588
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___p-eos[data-pressed] {
551
589
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
552
590
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
553
591
  }
554
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Qc8Ny[data-disabled] {
592
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___p-eos[data-disabled] {
555
593
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
556
594
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
557
595
  }
558
- .EmbeddedButton-module__hop-EmbeddedButton--caution___f7hdO[data-hovered] {
596
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___m5fam[data-hovered] {
559
597
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
560
598
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
561
599
  }
562
- .EmbeddedButton-module__hop-EmbeddedButton--caution___f7hdO[data-focus-visible] {
600
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___m5fam[data-focus-visible] {
563
601
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
564
602
  --color: var(--hop-EmbeddedButton-caution-color-focused);
565
603
  }
566
- .EmbeddedButton-module__hop-EmbeddedButton--caution___f7hdO[data-pressed] {
604
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___m5fam[data-pressed] {
567
605
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
568
606
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
569
607
  }
570
- .EmbeddedButton-module__hop-EmbeddedButton--caution___f7hdO[data-disabled] {
608
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___m5fam[data-disabled] {
571
609
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
572
610
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
573
611
  }
574
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TRbPz[data-hovered] {
612
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___fjb0r[data-hovered] {
575
613
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
576
614
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
577
615
  }
578
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TRbPz[data-focus-visible] {
616
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___fjb0r[data-focus-visible] {
579
617
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
580
618
  --color: var(--hop-EmbeddedButton-negative-color-focused);
581
619
  }
582
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TRbPz[data-pressed] {
620
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___fjb0r[data-pressed] {
583
621
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
584
622
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
585
623
  }
586
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TRbPz[data-disabled] {
624
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___fjb0r[data-disabled] {
587
625
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
588
626
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
589
627
  }
590
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NqSb5[data-hovered] {
628
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JXzcU[data-hovered] {
591
629
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
592
630
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
593
631
  }
594
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NqSb5[data-focus-visible] {
632
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JXzcU[data-focus-visible] {
595
633
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
596
634
  --color: var(--hop-EmbeddedButton-option1-color-focused);
597
635
  }
598
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NqSb5[data-pressed] {
636
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JXzcU[data-pressed] {
599
637
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
600
638
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
601
639
  }
602
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NqSb5[data-disabled] {
640
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___JXzcU[data-disabled] {
603
641
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
604
642
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
605
643
  }
606
- .EmbeddedButton-module__hop-EmbeddedButton--option2___SJktH[data-hovered] {
644
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___0JbTF[data-hovered] {
607
645
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
608
646
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
609
647
  }
610
- .EmbeddedButton-module__hop-EmbeddedButton--option2___SJktH[data-focus-visible] {
648
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___0JbTF[data-focus-visible] {
611
649
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
612
650
  --color: var(--hop-EmbeddedButton-option2-color-focused);
613
651
  }
614
- .EmbeddedButton-module__hop-EmbeddedButton--option2___SJktH[data-pressed] {
652
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___0JbTF[data-pressed] {
615
653
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
616
654
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
617
655
  }
618
- .EmbeddedButton-module__hop-EmbeddedButton--option2___SJktH[data-disabled] {
656
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___0JbTF[data-disabled] {
619
657
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
620
658
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
621
659
  }
622
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CWALl[data-hovered] {
660
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___MRqwm[data-hovered] {
623
661
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
624
662
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
625
663
  }
626
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CWALl[data-focus-visible] {
664
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___MRqwm[data-focus-visible] {
627
665
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
628
666
  --color: var(--hop-EmbeddedButton-option3-color-focused);
629
667
  }
630
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CWALl[data-pressed] {
668
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___MRqwm[data-pressed] {
631
669
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
632
670
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
633
671
  }
634
- .EmbeddedButton-module__hop-EmbeddedButton--option3___CWALl[data-disabled] {
672
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___MRqwm[data-disabled] {
635
673
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
636
674
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
637
675
  }
638
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FPycA[data-hovered] {
676
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TKUd-[data-hovered] {
639
677
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
640
678
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
641
679
  }
642
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FPycA[data-focus-visible] {
680
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TKUd-[data-focus-visible] {
643
681
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
644
682
  --color: var(--hop-EmbeddedButton-option4-color-focused);
645
683
  }
646
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FPycA[data-pressed] {
684
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TKUd-[data-pressed] {
647
685
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
648
686
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
649
687
  }
650
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FPycA[data-disabled] {
688
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TKUd-[data-disabled] {
651
689
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
652
690
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
653
691
  }
654
- .EmbeddedButton-module__hop-EmbeddedButton--option5___pZc1z[data-hovered] {
692
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___p-Fey[data-hovered] {
655
693
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
656
694
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
657
695
  }
658
- .EmbeddedButton-module__hop-EmbeddedButton--option5___pZc1z[data-focus-visible] {
696
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___p-Fey[data-focus-visible] {
659
697
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
660
698
  --color: var(--hop-EmbeddedButton-option5-color-focused);
661
699
  }
662
- .EmbeddedButton-module__hop-EmbeddedButton--option5___pZc1z[data-pressed] {
700
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___p-Fey[data-pressed] {
663
701
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
664
702
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
665
703
  }
666
- .EmbeddedButton-module__hop-EmbeddedButton--option5___pZc1z[data-disabled] {
704
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___p-Fey[data-disabled] {
667
705
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
668
706
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
669
707
  }
670
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Fu07U[data-hovered] {
708
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___QJdqm[data-hovered] {
671
709
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
672
710
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
673
711
  }
674
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Fu07U[data-focus-visible] {
712
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___QJdqm[data-focus-visible] {
675
713
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
676
714
  --color: var(--hop-EmbeddedButton-option6-color-focused);
677
715
  }
678
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Fu07U[data-pressed] {
716
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___QJdqm[data-pressed] {
679
717
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
680
718
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
681
719
  }
682
- .EmbeddedButton-module__hop-EmbeddedButton--option6___Fu07U[data-disabled] {
720
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___QJdqm[data-disabled] {
683
721
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
684
722
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
685
723
  }
686
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ZOjkX {
724
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___0MlD7 {
687
725
  position: relative;
688
726
  }