@hopper-ui/components 1.5.14 → 1.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (335) hide show
  1. package/CHANGELOG.md +6 -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-DWZLEWHG.js → chunk-242I76V4.js} +2 -2
  73. package/dist/{chunk-2TNVXSEJ.js → chunk-2HSYA3UO.js} +2 -2
  74. package/dist/{chunk-D6OKEIZN.js → chunk-2HYNJ4RG.js} +1 -1
  75. package/dist/{chunk-O4T5TBT7.js → chunk-2SWBJ2RA.js} +2 -2
  76. package/dist/{chunk-CAMLJNPG.js → chunk-2XIGNRNN.js} +1 -1
  77. package/dist/{chunk-GFZIITQD.js → chunk-2Z6HG7MH.js} +1 -1
  78. package/dist/{chunk-4TM7GV2V.js → chunk-345ZW6DW.js} +4 -4
  79. package/dist/{chunk-PYRR7Q5U.js → chunk-3ITCXFNF.js} +1 -1
  80. package/dist/{chunk-UL5R2TMS.js → chunk-3NPO6GHQ.js} +1 -1
  81. package/dist/{chunk-T2M4FTI2.js → chunk-4GWBYMMR.js} +1 -1
  82. package/dist/{chunk-5UY55BSM.js → chunk-4IBYIHH3.js} +3 -3
  83. package/dist/{chunk-AHKRJPF6.js → chunk-5BAVMEBR.js} +2 -2
  84. package/dist/{chunk-HBERBHVX.js → chunk-5G7E5FCW.js} +1 -1
  85. package/dist/{chunk-XDX722SV.js → chunk-5QTTGCUO.js} +1 -1
  86. package/dist/{chunk-ENQBKOPX.js → chunk-66AUOYN3.js} +1 -1
  87. package/dist/{chunk-XF77IMBO.js → chunk-67UHV6JT.js} +2 -2
  88. package/dist/{chunk-N6X66BJY.js → chunk-6REG5UM7.js} +2 -2
  89. package/dist/{chunk-TRCGBAIX.js → chunk-7TD2BOOW.js} +1 -1
  90. package/dist/{chunk-ZRL67NPK.js → chunk-A2ATFLHB.js} +3 -3
  91. package/dist/{chunk-SYH4BLWA.js → chunk-AM5OWO4O.js} +1 -1
  92. package/dist/{chunk-UAYL3XDR.js → chunk-AZM46V7S.js} +8 -8
  93. package/dist/{chunk-2CHPEOT7.js → chunk-BBUO6JNY.js} +1 -1
  94. package/dist/{chunk-GLVS3EMV.js → chunk-BEZV2TV5.js} +1 -1
  95. package/dist/{chunk-444PPC5Q.js → chunk-BLZPFFRT.js} +1 -1
  96. package/dist/{chunk-EQEKYYIB.js → chunk-BOVMXXMP.js} +2 -2
  97. package/dist/chunk-BVHIN4FH.js +38 -0
  98. package/dist/{chunk-CDKPDMNK.js → chunk-C37ZYXWY.js} +2 -2
  99. package/dist/{chunk-PLZRXAW3.js → chunk-CXAKQC6F.js} +2 -2
  100. package/dist/{chunk-XR6SC252.js → chunk-D2XT5TOS.js} +5 -5
  101. package/dist/{chunk-7MJXWOID.js → chunk-DEKL4OBV.js} +11 -11
  102. package/dist/{chunk-M66L3RAL.js → chunk-DP2RSYCZ.js} +3 -3
  103. package/dist/{chunk-MKIZYDD5.js → chunk-DU73AY3A.js} +1 -1
  104. package/dist/{chunk-BRSTXEXO.js → chunk-EAB222LC.js} +1 -1
  105. package/dist/{chunk-2ZDKAE5K.js → chunk-ECH7SUOC.js} +7 -7
  106. package/dist/{chunk-ZPCY3OK6.js → chunk-ECZI3JMD.js} +1 -1
  107. package/dist/{chunk-LR34EGBM.js → chunk-EJAFDM3W.js} +10 -10
  108. package/dist/{chunk-SK6SNUKY.js → chunk-EPPRW6WY.js} +8 -8
  109. package/dist/{chunk-E5KDQAZB.js → chunk-EWAUG4KW.js} +3 -3
  110. package/dist/{chunk-3UCMP2AH.js → chunk-FKKZBPRC.js} +2 -2
  111. package/dist/{chunk-RRJTW4Z7.js → chunk-FMBBP2JM.js} +1 -1
  112. package/dist/{chunk-3UGFIGCD.js → chunk-GOTGYG72.js} +2 -2
  113. package/dist/{chunk-XCGP42UI.js → chunk-IGIUSB45.js} +1 -1
  114. package/dist/{chunk-H5JOEG7I.js → chunk-IMLQDPAT.js} +5 -5
  115. package/dist/{chunk-RR4ZCKFE.js → chunk-IYNP25HA.js} +2 -2
  116. package/dist/{chunk-2MMOUDFD.js → chunk-JVJ7HW2B.js} +2 -2
  117. package/dist/{chunk-TDAEMXEE.js → chunk-JZ6NPRCQ.js} +1 -1
  118. package/dist/{chunk-GDDLFLKV.js → chunk-K7QK3SIY.js} +1 -1
  119. package/dist/{chunk-MODYINI5.js → chunk-L4VDO4RJ.js} +3 -3
  120. package/dist/{chunk-F3T6W2WM.js → chunk-L7IPSOT5.js} +2 -2
  121. package/dist/{chunk-OPARHXRB.js → chunk-LACODOC2.js} +1 -1
  122. package/dist/{chunk-2UT6JJCS.js → chunk-LZOVDVUN.js} +8 -8
  123. package/dist/{chunk-IC4RAAMH.js → chunk-M2V7QIEJ.js} +1 -1
  124. package/dist/{chunk-WYU6M7QL.js → chunk-M45IYAP6.js} +3 -3
  125. package/dist/{chunk-R42CLEYO.js → chunk-M4CEDZGQ.js} +2 -2
  126. package/dist/{chunk-ASSMRVHT.js → chunk-MJVZCFBR.js} +5 -5
  127. package/dist/{chunk-P4X5GQ5K.js → chunk-MMYSMCOC.js} +2 -2
  128. package/dist/{chunk-JVN5ZGV3.js → chunk-MURITCIV.js} +1 -1
  129. package/dist/{chunk-KO4O6HC7.js → chunk-N7HVLMON.js} +2 -2
  130. package/dist/{chunk-FZBYIHVX.js → chunk-ODTKK5LR.js} +1 -1
  131. package/dist/{chunk-JEHIPH74.js → chunk-OMJOBHXJ.js} +5 -5
  132. package/dist/{chunk-U36V63TW.js → chunk-PHIFUBIQ.js} +1 -1
  133. package/dist/{chunk-CXXWL5AZ.js → chunk-PLUMP3FI.js} +2 -2
  134. package/dist/{chunk-2S4JJZRQ.js → chunk-Q65D7GMU.js} +6 -6
  135. package/dist/{chunk-THQ4OAEL.js → chunk-R252LAT3.js} +5 -5
  136. package/dist/{chunk-ECQAPHH6.js → chunk-SYZBLISX.js} +12 -12
  137. package/dist/{chunk-BLQ5PYIF.js → chunk-TWP4PKNE.js} +2 -2
  138. package/dist/{chunk-WC5ZUP2T.js → chunk-UG5NRLHP.js} +2 -2
  139. package/dist/{chunk-3ECCTNM6.js → chunk-UTN67TJM.js} +1 -1
  140. package/dist/{chunk-UL2ITI33.js → chunk-VZCB6LQU.js} +1 -1
  141. package/dist/{chunk-MHEY55HI.js → chunk-WAHZ3SFK.js} +2 -2
  142. package/dist/{chunk-DP23X6HZ.js → chunk-WXM5D73O.js} +1 -1
  143. package/dist/{chunk-KFIW7WMI.js → chunk-YAEJRROD.js} +1 -1
  144. package/dist/{chunk-27WKZEEY.js → chunk-YAU2APH4.js} +2 -2
  145. package/dist/{chunk-YJE7E5OH.js → chunk-YDSIFPYF.js} +3 -3
  146. package/dist/{chunk-OCWPS7GD.js → chunk-YUKKPIQM.js} +2 -2
  147. package/dist/{chunk-ZDEKCOOC.js → chunk-Z4KKM2YZ.js} +1 -1
  148. package/dist/{chunk-FFG4K6ZQ.js → chunk-ZDPSSA4N.js} +1 -1
  149. package/dist/{chunk-LDUP2CAO.js → chunk-ZF2VIHIL.js} +3 -3
  150. package/dist/{chunk-S5NO7N32.js → chunk-ZTX23M7T.js} +2 -2
  151. package/dist/{chunk-VCXZZ25L.js → chunk-ZYWNDGPO.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 +1075 -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 +528 -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 +539 -501
  286. package/dist/tabs/src/index.js +5 -5
  287. package/dist/tag/src/Tag.css +506 -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 +516 -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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @hopper-ui/components
2
2
 
3
+ ## 1.5.15
4
+
5
+ ### Patch Changes
6
+
7
+ - 054ae18: Created a Paragraph Component
8
+
3
9
  ## 1.5.14
4
10
 
5
11
  ### Patch Changes
@@ -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___ymJPS {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___igVqd) {
36
+ :where(.Heading-module__hop-Heading___ymJPS) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,51 +41,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___bHqez) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___CtIaS) {
50
+ :where(.Heading-module__hop-Heading--sm___Mxwzr) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___RKhqJ) {
56
+ :where(.Heading-module__hop-Heading--md___aCDuc) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___ANMvZ) {
62
+ :where(.Heading-module__hop-Heading--lg___9qCBi) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___cXo2Z) {
68
+ :where(.Heading-module__hop-Heading--xl___kA1HN) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___DBhH7) {
74
+ :where(.Heading-module__hop-Heading--2xl___-CQ08) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___aIERK) {
80
+ :where(.Heading-module__hop-Heading--3xl___gFWn8) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
84
84
  --line-height: var(--hop-Heading-3xl-line-height);
85
85
  }
86
86
 
87
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
+ .Form-module__hop-Form___x-Zbq {
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___vqWZR {
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___vqWZR) {
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___7V-DK) {
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___cuiG5) {
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___oymrp {
139
+ box-sizing: border-box;
140
+ }
141
+ .OverlineText-module__hop-OverlineText__text___oymrp::before,
142
+ .OverlineText-module__hop-OverlineText__text___oymrp::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___oymrp::before {
150
+ margin-block-end: var(--bottom-offset);
151
+ }
152
+ .OverlineText-module__hop-OverlineText__text___oymrp::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___lZZnA {
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,136 +184,105 @@
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___lZZnA) {
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___-Helr) {
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___n4DcX) {
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___VdH5f) {
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___oTyML) {
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___71mU0) {
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___xt-EK) {
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___wMzVg) {
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___5zmqY {
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___5zmqY: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___ZDU9Y {
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___hsTk4 {
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___7LlNR {
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___MHwuY {
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___a6CHb {
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___N-pjK {
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___7n8lu {
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/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
237
- .ToggleArrow-module__hop-ToggleArrow___-b5H5 {
275
+ .ToggleArrow-module__hop-ToggleArrow___z-LM- {
238
276
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
239
277
  position: relative;
240
278
  transition: transform var(--transition);
241
279
  }
242
- .ToggleArrow-module__hop-ToggleArrow___-b5H5[data-expanded] {
280
+ .ToggleArrow-module__hop-ToggleArrow___z-LM-[data-expanded] {
243
281
  transform: rotate(-180deg);
244
282
  }
245
283
 
246
284
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/disclosure/src/Disclosure.module.css/#css-module-data */
247
- .Disclosure-module__hop-Disclosure___14-YY {
285
+ .Disclosure-module__hop-Disclosure___bNgQ- {
248
286
  --hop-Disclosure-panel-padding: 0;
249
287
  --hop-Disclosure-panel-padding-expanded: var(--hop-space-inset-md) 0;
250
288
  --hop-Disclosure-panel-background-color: none;
@@ -271,32 +309,32 @@
271
309
  box-shadow: var(--box-shadow);
272
310
  interpolate-size: allow-keywords;
273
311
  }
274
- .Disclosure-module__hop-Disclosure___14-YY:has(.Disclosure-module__hop-Disclosure__header___2rF99) {
312
+ .Disclosure-module__hop-Disclosure___bNgQ-:has(.Disclosure-module__hop-Disclosure__header___8J-0U) {
275
313
  --border-radius: var(--hop-Disclosure-standalone-border-radius);
276
314
  --box-shadow: var(--hop-Disclosure-standalone-box-shadow);
277
315
  --panel-background-color: var(--hop-Disclosure-with-header-panel-background-color);
278
316
  }
279
- .Disclosure-module__hop-Disclosure___14-YY[data-expanded] {
317
+ .Disclosure-module__hop-Disclosure___bNgQ-[data-expanded] {
280
318
  --panel-padding: var(--hop-Disclosure-panel-padding-expanded);
281
319
  }
282
- .Disclosure-module__hop-Disclosure___14-YY:has(.Disclosure-module__hop-Disclosure__header___2rF99)[data-expanded] {
320
+ .Disclosure-module__hop-Disclosure___bNgQ-:has(.Disclosure-module__hop-Disclosure__header___8J-0U)[data-expanded] {
283
321
  --panel-border-size: var(--hop-Disclosure-standalone-panel-border-size-expanded);
284
322
  --panel-padding: var(--hop-Disclosure-with-header-panel-padding);
285
323
  }
286
- .Disclosure-module__hop-Disclosure--inline___4zmco:has(.Disclosure-module__hop-Disclosure__header___2rF99) {
324
+ .Disclosure-module__hop-Disclosure--inline___Jclzu:has(.Disclosure-module__hop-Disclosure__header___8J-0U) {
287
325
  --border-radius: var(--hop-Disclosure-inline-border-radius);
288
326
  --box-shadow: var(--hop-Disclosure-inline-box-shadow);
289
327
  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size);
290
328
  --panel-border-color: var(--hop-Disclosure-inline-panel-border-color);
291
329
  }
292
- .Disclosure-module__hop-Disclosure--inline___4zmco:has(.Disclosure-module__hop-Disclosure__header___2rF99)[data-expanded] {
330
+ .Disclosure-module__hop-Disclosure--inline___Jclzu:has(.Disclosure-module__hop-Disclosure__header___8J-0U)[data-expanded] {
293
331
  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size-expanded);
294
332
  }
295
- .Disclosure-module__hop-Disclosure___14-YY[data-disabled] {
333
+ .Disclosure-module__hop-Disclosure___bNgQ-[data-disabled] {
296
334
  --box-shadow: var(--hop-Disclosure-box-shadow-disabled);
297
335
  --panel-border-color: var(--hop-Disclosure-panel-border-color-disabled);
298
336
  }
299
- .Disclosure-module__hop-Disclosure__panel___9XCw0 {
337
+ .Disclosure-module__hop-Disclosure__panel___oeSqR {
300
338
  padding: var(--panel-padding);
301
339
  background-color: var(--panel-background-color);
302
340
  border: solid var(--panel-border-color);
@@ -304,7 +342,7 @@
304
342
  }
305
343
 
306
344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/disclosure/src/DisclosureHeader.module.css/#css-module-data */
307
- .DisclosureHeader-module__hop-DisclosureHeader___LQhl- {
345
+ .DisclosureHeader-module__hop-DisclosureHeader___x-6wV {
308
346
  --hop-DisclosureHeader-padding: var(--hop-space-inset-md);
309
347
  --hop-DisclosureHeader-icon-margin-inline-end: var(--hop-space-inline-md);
310
348
  --hop-DisclosureHeader-toggle-arrow-margin-inline-start: var(--hop-space-inline-md);
@@ -372,7 +410,7 @@
372
410
  display: flex;
373
411
  box-sizing: border-box;
374
412
  }
375
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a {
413
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID {
376
414
  cursor: var(--cursor);
377
415
  display: grid;
378
416
  grid-template-areas: "icon content toggle-arrow";
@@ -395,33 +433,33 @@
395
433
  transition: var(--transition);
396
434
  }
397
435
  @supports (interpolate-size: allow-keywords) {
398
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a {
436
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID {
399
437
  --transition:
400
438
  color var(--transition-info),
401
439
  background-color var(--transition-info),
402
440
  border-radius var(--border-radius-transition-info);
403
441
  }
404
442
  }
405
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a[data-expanded] {
443
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID[data-expanded] {
406
444
  --background-color: var(--hop-DisclosureHeader-background-color-expanded);
407
445
  --color: var(--hop-DisclosureHeader-color-expanded);
408
446
  --icon-color: var(--hop-DisclosureHeader-icon-color-expanded);
409
447
  --border-radius: var(--hop-DisclosureHeader-standalone-border-radius-expanded);
410
448
  --border-radius-transition-info: var(--hop-DisclosureHeader-border-radius-transition-expanded);
411
449
  }
412
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a[data-hovered] {
450
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID[data-hovered] {
413
451
  --background-color: var(--hop-DisclosureHeader-background-color-hovered);
414
452
  --color: var(--hop-DisclosureHeader-color-hovered);
415
453
  --icon-color: var(--hop-DisclosureHeader-icon-color-hovered);
416
454
  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-hovered);
417
455
  }
418
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a[data-pressed] {
456
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID[data-pressed] {
419
457
  --background-color: var(--hop-DisclosureHeader-background-color-pressed);
420
458
  --color: var(--hop-DisclosureHeader-color-pressed);
421
459
  --icon-color: var(--hop-DisclosureHeader-icon-color-pressed);
422
460
  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-pressed);
423
461
  }
424
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a[data-focus-visible] {
462
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID[data-focus-visible] {
425
463
  --background-color: var(--hop-DisclosureHeader-background-color-focused);
426
464
  --color: var(--hop-DisclosureHeader-color-focused);
427
465
  --icon-color: var(--hop-DisclosureHeader-icon-color-focused);
@@ -429,22 +467,22 @@
429
467
  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-focused);
430
468
  --outline-offset: var(--hop-DisclosureHeader-outline-offset-focused);
431
469
  }
432
- .DisclosureHeader-module__hop-DisclosureHeader__button--inline___LgFb- {
470
+ .DisclosureHeader-module__hop-DisclosureHeader__button--inline___ZYvex {
433
471
  --outline-size: var(--hop-DisclosureHeader-inline-outline-size);
434
472
  --outline-color: var(--hop-DisclosureHeader-inline-outline-color);
435
473
  --border-size: var(--hop-DisclosureHeader-inline-border-size);
436
474
  --border-color: var(--hop-DisclosureHeader-inline-border-color);
437
475
  --border-radius: var(--hop-DisclosureHeader-inline-border-radius);
438
476
  }
439
- .DisclosureHeader-module__hop-DisclosureHeader__button--inline___LgFb-[data-expanded] {
477
+ .DisclosureHeader-module__hop-DisclosureHeader__button--inline___ZYvex[data-expanded] {
440
478
  --border-radius: var(--hop-DisclosureHeader-inline-border-radius-expanded);
441
479
  }
442
- .DisclosureHeader-module__hop-DisclosureHeader__button--inline___LgFb-[data-focus-visible] {
480
+ .DisclosureHeader-module__hop-DisclosureHeader__button--inline___ZYvex[data-focus-visible] {
443
481
  --outline-size: var(--hop-DisclosureHeader-inline-outline-size-focused);
444
482
  --outline-color: var(--hop-DisclosureHeader-inline-outline-color-focused);
445
483
  --outline-offset: var(--hop-DisclosureHeader-outline-offset-focused);
446
484
  }
447
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a[data-disabled] {
485
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID[data-disabled] {
448
486
  --background-color: var(--hop-DisclosureHeader-background-color-disabled);
449
487
  --color: var(--hop-DisclosureHeader-color-disabled);
450
488
  --cursor: not-allowed;
@@ -452,25 +490,25 @@
452
490
  --description-color: var(--hop-DisclosureHeader-description-color-disabled);
453
491
  --border-color: var(--hop-DisclosureHeader-standalone-border-color-disabled);
454
492
  }
455
- .DisclosureHeader-module__hop-DisclosureHeader__button___OIE6a > * {
493
+ .DisclosureHeader-module__hop-DisclosureHeader__button___5w3ID > * {
456
494
  grid-area: content;
457
495
  }
458
- .DisclosureHeader-module__hop-DisclosureHeader__icon___sh8-E {
496
+ .DisclosureHeader-module__hop-DisclosureHeader__icon___9cJPA {
459
497
  grid-area: icon;
460
498
  box-sizing: border-box;
461
499
  margin-inline-end: var(--hop-DisclosureHeader-icon-margin-inline-end);
462
500
  color: var(--icon-color);
463
501
  }
464
- .DisclosureHeader-module__hop-DisclosureHeader__title___--9ym {
502
+ .DisclosureHeader-module__hop-DisclosureHeader__title___drtlG {
465
503
  flex: 0 1 auto;
466
504
  }
467
- .DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___XhHxs {
505
+ .DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___ArqO9 {
468
506
  grid-area: toggle-arrow;
469
507
  margin-inline-start: var(--hop-DisclosureHeader-toggle-arrow-margin-inline-start);
470
508
  }
471
509
 
472
510
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/disclosure/src/DisclosurePanel.module.css/#css-module-data */
473
- .DisclosurePanel-module__hop-DisclosurePanel___FBGEb {
511
+ .DisclosurePanel-module__hop-DisclosurePanel___nd0Xq {
474
512
  --hop-DisclosurePanel-text-color: var(--hop-neutral-text-weak);
475
513
  --hop-DisclosurePanel-standalone-border-radius: 0 0 var(--hop-shape-rounded-md) var(--hop-shape-rounded-md);
476
514
  --hop-DisclosurePanel-inline-border-radius: 0;
@@ -487,7 +525,7 @@
487
525
  border-radius: var(--border-radius);
488
526
  }
489
527
  @supports (interpolate-size: allow-keywords) {
490
- .DisclosurePanel-module__hop-DisclosurePanel___FBGEb {
528
+ .DisclosurePanel-module__hop-DisclosurePanel___nd0Xq {
491
529
  transition:
492
530
  block-size var(--transition),
493
531
  content-visibility var(--transition),
@@ -496,7 +534,7 @@
496
534
  }
497
535
  }
498
536
  @supports (interpolate-size: allow-keywords) {
499
- .DisclosurePanel-module__hop-DisclosurePanel___FBGEb[aria-hidden=true] {
537
+ .DisclosurePanel-module__hop-DisclosurePanel___nd0Xq[aria-hidden=true] {
500
538
  transition:
501
539
  block-size var(--transition),
502
540
  content-visibility var(--transition),
@@ -506,30 +544,30 @@
506
544
  transition-behavior: allow-discrete;
507
545
  }
508
546
  }
509
- .DisclosurePanel-module__hop-DisclosurePanel___FBGEb[aria-hidden=true] {
547
+ .DisclosurePanel-module__hop-DisclosurePanel___nd0Xq[aria-hidden=true] {
510
548
  --block-size: 0;
511
549
  }
512
- .DisclosurePanel-module__hop-DisclosurePanel___FBGEb[aria-hidden=false] {
550
+ .DisclosurePanel-module__hop-DisclosurePanel___nd0Xq[aria-hidden=false] {
513
551
  display: block;
514
552
  }
515
- .DisclosurePanel-module__hop-DisclosurePanel--inline___S-BUZ {
553
+ .DisclosurePanel-module__hop-DisclosurePanel--inline___Fb2ys {
516
554
  --border-radius: var(--hop-DisclosurePanel-inline-border-radius);
517
555
  }
518
- .DisclosurePanel-module__hop-DisclosurePanel--disabled___yVS4Z {
556
+ .DisclosurePanel-module__hop-DisclosurePanel--disabled___ikGRr {
519
557
  --color: var(--hop-DisclosurePanel-color-disabled);
520
558
  }
521
- .DisclosurePanel-module__hop-DisclosurePanel__text___C2I5z {
559
+ .DisclosurePanel-module__hop-DisclosurePanel__text___yv0xj {
522
560
  color: var(--color);
523
561
  }
524
- .DisclosurePanel-module__hop-DisclosurePanel__text___C2I5z:first-child {
562
+ .DisclosurePanel-module__hop-DisclosurePanel__text___yv0xj:first-child {
525
563
  margin-block-start: 0;
526
564
  }
527
- .DisclosurePanel-module__hop-DisclosurePanel__text___C2I5z:last-child {
565
+ .DisclosurePanel-module__hop-DisclosurePanel__text___yv0xj:last-child {
528
566
  margin-block-end: 0;
529
567
  }
530
568
 
531
569
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/accordion/src/Accordion.module.css/#css-module-data */
532
- .Accordion-module__hop-Accordion___-jj6I {
570
+ .Accordion-module__hop-Accordion___ZdMiS {
533
571
  --hop-Accordion-standalone-border-size: var(--hop-space-10);
534
572
  --hop-Accordion-standalone-border-color: var(--hop-neutral-border-weak);
535
573
  --hop-Accordion-standalone-border-radius: var(--hop-shape-rounded-md);
@@ -553,7 +591,7 @@
553
591
  border-radius: var(--border-radius);
554
592
  box-shadow: var(--box-shadow);
555
593
  }
556
- .Accordion-module__hop-Accordion--inline___56gJI {
594
+ .Accordion-module__hop-Accordion--inline___pvT5D {
557
595
  --border-size: var(--hop-Accordion-inline-border-size);
558
596
  --border-color: var(--hop-Accordion-inline-border-color);
559
597
  --border-radius: var(--hop-Accordion-inline-border-radius);
@@ -561,14 +599,14 @@
561
599
  --disclosure-border-radius-size: var(--hop-Accordion-inline-disclosure-border-radius-size);
562
600
  --disclosure-last-child-border-block-end-size: var(--hop-Accordion-inline-disclosure-last-child-border-block-end-size);
563
601
  }
564
- .Accordion-module__hop-Accordion__disclosure___s7iam:first-child .Accordion-module__hop-Accordion__disclosure-header___mhjup button[slot=trigger] {
602
+ .Accordion-module__hop-Accordion__disclosure___2q9gW:first-child .Accordion-module__hop-Accordion__disclosure-header___UbUbf button[slot=trigger] {
565
603
  border-start-start-radius: var(--disclosure-border-radius-size);
566
604
  border-start-end-radius: var(--disclosure-border-radius-size);
567
605
  }
568
- .Accordion-module__hop-Accordion__disclosure___s7iam:last-child:not([data-expanded]) .Accordion-module__hop-Accordion__disclosure-header___mhjup button[slot=trigger] {
606
+ .Accordion-module__hop-Accordion__disclosure___2q9gW:last-child:not([data-expanded]) .Accordion-module__hop-Accordion__disclosure-header___UbUbf button[slot=trigger] {
569
607
  border-end-start-radius: var(--disclosure-border-radius-size);
570
608
  border-end-end-radius: var(--disclosure-border-radius-size);
571
609
  }
572
- .Accordion-module__hop-Accordion__disclosure___s7iam:last-child .Accordion-module__hop-Accordion__disclosure-panel___-HIFl {
610
+ .Accordion-module__hop-Accordion__disclosure___2q9gW:last-child .Accordion-module__hop-Accordion__disclosure-panel___IR3Tk {
573
611
  border-block-end-width: var(--disclosure-last-child-border-block-end-size);
574
612
  }
@@ -1,4 +1,4 @@
1
- export { _Accordion as Accordion, GlobalAccordionCssSelector } from '../../chunk-2CHPEOT7.js';
1
+ export { _Accordion as Accordion, GlobalAccordionCssSelector } from '../../chunk-BBUO6JNY.js';
2
2
  import '../../chunk-CPAFY34U.js';
3
3
  import '../../chunk-U4HRZ6DN.js';
4
4
  import '../../chunk-5XY5L6ZN.js';