@hopper-ui/components 1.4.3 → 1.4.4

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 (320) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Accordion/src/Accordion.css +573 -0
  3. package/dist/Accordion/src/Accordion.d.ts +17 -0
  4. package/dist/Accordion/src/Accordion.js +9 -0
  5. package/dist/Accordion/src/AccordionContext.d.ts +9 -0
  6. package/dist/Accordion/src/AccordionContext.js +2 -0
  7. package/dist/Accordion/src/index.css +573 -0
  8. package/dist/Accordion/src/index.d.ts +6 -0
  9. package/dist/Accordion/src/index.js +9 -0
  10. package/dist/Avatar/src/AnonymousAvatar.css +38 -38
  11. package/dist/Avatar/src/AnonymousAvatar.d.ts +1 -1
  12. package/dist/Avatar/src/AnonymousAvatar.js +4 -4
  13. package/dist/Avatar/src/Avatar.css +56 -56
  14. package/dist/Avatar/src/Avatar.d.ts +1 -1
  15. package/dist/Avatar/src/Avatar.js +5 -5
  16. package/dist/Avatar/src/DeletedAvatar.css +38 -38
  17. package/dist/Avatar/src/DeletedAvatar.d.ts +1 -1
  18. package/dist/Avatar/src/DeletedAvatar.js +4 -4
  19. package/dist/Avatar/src/RichIconAvatarImage.css +38 -38
  20. package/dist/Avatar/src/RichIconAvatarImage.d.ts +1 -1
  21. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  22. package/dist/Avatar/src/index.css +56 -56
  23. package/dist/Avatar/src/index.js +7 -7
  24. package/dist/Badge/src/Badge.css +43 -43
  25. package/dist/Badge/src/Badge.d.ts +1 -1
  26. package/dist/Badge/src/Badge.js +2 -2
  27. package/dist/Badge/src/FloatingBadge.css +38 -38
  28. package/dist/Badge/src/FloatingBadge.d.ts +1 -1
  29. package/dist/Badge/src/FloatingBadge.js +1 -1
  30. package/dist/Badge/src/index.css +53 -53
  31. package/dist/Badge/src/index.js +3 -3
  32. package/dist/Card/src/Card.css +31 -31
  33. package/dist/Card/src/Card.d.ts +1 -1
  34. package/dist/Card/src/Card.js +1 -1
  35. package/dist/Card/src/index.css +31 -31
  36. package/dist/Card/src/index.js +1 -1
  37. package/dist/{ClearButton-DTR1qTbm.d.ts → ClearButton-wcnm_ugx.d.ts} +1 -5
  38. package/dist/ComboBox/src/ComboBox.css +562 -562
  39. package/dist/ComboBox/src/ComboBox.d.ts +1 -1
  40. package/dist/ComboBox/src/ComboBox.js +25 -25
  41. package/dist/ComboBox/src/index.css +562 -562
  42. package/dist/ComboBox/src/index.js +25 -25
  43. package/dist/Disclosure/src/Disclosure.css +44 -46
  44. package/dist/Disclosure/src/Disclosure.d.ts +1 -1
  45. package/dist/Disclosure/src/Disclosure.js +4 -4
  46. package/dist/Disclosure/src/DisclosureHeader.css +52 -48
  47. package/dist/Disclosure/src/DisclosureHeader.d.ts +1 -1
  48. package/dist/Disclosure/src/DisclosureHeader.js +10 -10
  49. package/dist/Disclosure/src/DisclosurePanel.css +38 -38
  50. package/dist/Disclosure/src/DisclosurePanel.d.ts +1 -1
  51. package/dist/Disclosure/src/DisclosurePanel.js +9 -9
  52. package/dist/Disclosure/src/index.css +76 -74
  53. package/dist/Disclosure/src/index.js +14 -14
  54. package/dist/Divider/src/Divider.css +30 -30
  55. package/dist/Divider/src/Divider.d.ts +1 -1
  56. package/dist/Divider/src/Divider.js +1 -1
  57. package/dist/Divider/src/index.css +30 -30
  58. package/dist/Divider/src/index.js +1 -1
  59. package/dist/ErrorMessage/src/ErrorMessage.css +30 -30
  60. package/dist/ErrorMessage/src/ErrorMessage.d.ts +1 -1
  61. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  62. package/dist/ErrorMessage/src/index.css +30 -30
  63. package/dist/ErrorMessage/src/index.js +2 -2
  64. package/dist/Form/src/Form.css +28 -28
  65. package/dist/Form/src/Form.d.ts +1 -1
  66. package/dist/Form/src/Form.js +1 -1
  67. package/dist/Form/src/index.css +28 -28
  68. package/dist/Form/src/index.js +1 -1
  69. package/dist/Header/src/Header.d.ts +1 -1
  70. package/dist/HelperMessage/src/HelperMessage.css +30 -30
  71. package/dist/HelperMessage/src/HelperMessage.d.ts +1 -1
  72. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  73. package/dist/HelperMessage/src/index.css +30 -30
  74. package/dist/HelperMessage/src/index.js +2 -2
  75. package/dist/HopperProvider/src/HopperProvider.d.ts +1 -1
  76. package/dist/IconList/src/IconList.css +29 -29
  77. package/dist/IconList/src/IconList.d.ts +1 -1
  78. package/dist/IconList/src/IconList.js +1 -1
  79. package/dist/IconList/src/index.css +29 -29
  80. package/dist/IconList/src/index.js +1 -1
  81. package/dist/IllustratedMessage/src/IllustratedMessage.css +269 -269
  82. package/dist/IllustratedMessage/src/IllustratedMessage.d.ts +1 -1
  83. package/dist/IllustratedMessage/src/IllustratedMessage.js +2 -2
  84. package/dist/IllustratedMessage/src/index.css +269 -269
  85. package/dist/IllustratedMessage/src/index.js +2 -2
  86. package/dist/Image/src/Image.css +31 -31
  87. package/dist/Image/src/Image.d.ts +1 -1
  88. package/dist/Image/src/Image.js +1 -1
  89. package/dist/Image/src/SvgImage.css +29 -29
  90. package/dist/Image/src/SvgImage.d.ts +1 -1
  91. package/dist/Image/src/SvgImage.js +1 -1
  92. package/dist/Image/src/index.css +32 -32
  93. package/dist/Image/src/index.js +2 -2
  94. package/dist/Link/src/Link.css +50 -50
  95. package/dist/Link/src/Link.d.ts +1 -1
  96. package/dist/Link/src/Link.js +7 -7
  97. package/dist/Link/src/index.css +50 -50
  98. package/dist/Link/src/index.js +7 -7
  99. package/dist/ListBox/src/ListBox.css +275 -275
  100. package/dist/ListBox/src/ListBox.d.ts +1 -1
  101. package/dist/ListBox/src/ListBox.js +12 -12
  102. package/dist/ListBox/src/ListBoxItem.css +263 -263
  103. package/dist/ListBox/src/ListBoxItem.d.ts +1 -1
  104. package/dist/ListBox/src/ListBoxItem.js +11 -11
  105. package/dist/ListBox/src/ListBoxItemSkeleton.css +35 -35
  106. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +1 -1
  107. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  108. package/dist/ListBox/src/index.css +275 -275
  109. package/dist/ListBox/src/index.js +12 -12
  110. package/dist/ListBoxSection/src/ListBoxSection.d.ts +1 -1
  111. package/dist/Select/src/Select.css +566 -566
  112. package/dist/Select/src/Select.d.ts +1 -1
  113. package/dist/Select/src/Select.js +25 -25
  114. package/dist/Select/src/SelectValue.css +62 -62
  115. package/dist/Select/src/SelectValue.d.ts +1 -1
  116. package/dist/Select/src/SelectValue.js +7 -7
  117. package/dist/Select/src/index.css +566 -566
  118. package/dist/Select/src/index.js +25 -25
  119. package/dist/Spinner/src/Spinner.css +38 -38
  120. package/dist/Spinner/src/Spinner.d.ts +1 -1
  121. package/dist/Spinner/src/Spinner.js +2 -2
  122. package/dist/Spinner/src/index.css +38 -38
  123. package/dist/Spinner/src/index.js +2 -2
  124. package/dist/ToggleArrow/src/ToggleArrow.css +30 -30
  125. package/dist/ToggleArrow/src/ToggleArrow.d.ts +0 -2
  126. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  127. package/dist/ToggleArrow/src/index.css +30 -30
  128. package/dist/ToggleArrow/src/index.js +1 -1
  129. package/dist/buttons/src/Button.css +94 -94
  130. package/dist/buttons/src/Button.d.ts +1 -1
  131. package/dist/buttons/src/Button.js +9 -9
  132. package/dist/buttons/src/ButtonGroup.css +39 -39
  133. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  134. package/dist/buttons/src/ButtonGroup.js +2 -2
  135. package/dist/buttons/src/ClearButton.css +99 -99
  136. package/dist/buttons/src/ClearButton.d.ts +1 -1
  137. package/dist/buttons/src/ClearButton.js +2 -2
  138. package/dist/buttons/src/ClearButtonContext.d.ts +1 -1
  139. package/dist/buttons/src/EmbeddedButton.css +99 -99
  140. package/dist/buttons/src/EmbeddedButton.d.ts +1 -1
  141. package/dist/buttons/src/EmbeddedButton.js +1 -1
  142. package/dist/buttons/src/EmbeddedButtonContext.d.ts +1 -1
  143. package/dist/buttons/src/LinkButton.css +103 -103
  144. package/dist/buttons/src/LinkButton.d.ts +2 -1
  145. package/dist/buttons/src/LinkButton.js +7 -7
  146. package/dist/buttons/src/index.css +250 -250
  147. package/dist/buttons/src/index.d.ts +1 -1
  148. package/dist/buttons/src/index.js +15 -15
  149. package/dist/checkbox/src/Checkbox.css +47 -47
  150. package/dist/checkbox/src/Checkbox.d.ts +1 -1
  151. package/dist/checkbox/src/Checkbox.js +7 -7
  152. package/dist/checkbox/src/CheckboxField.css +34 -34
  153. package/dist/checkbox/src/CheckboxField.d.ts +1 -1
  154. package/dist/checkbox/src/CheckboxField.js +3 -3
  155. package/dist/checkbox/src/CheckboxGroup.css +99 -99
  156. package/dist/checkbox/src/CheckboxGroup.d.ts +1 -1
  157. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  158. package/dist/checkbox/src/DecorativeCheckbox.css +55 -55
  159. package/dist/checkbox/src/DecorativeCheckbox.d.ts +0 -2
  160. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  161. package/dist/checkbox/src/index.css +99 -99
  162. package/dist/checkbox/src/index.js +15 -15
  163. package/dist/{chunk-N5YLABIJ.js → chunk-2X2LRNYD.js} +1 -1
  164. package/dist/{chunk-EOIARBSV.js → chunk-3AAGPFDH.js} +1 -1
  165. package/dist/{chunk-L7IZLLCO.js → chunk-4JBPIRZN.js} +6 -6
  166. package/dist/{chunk-KPE6Q72C.js → chunk-4O66BZ6D.js} +3 -3
  167. package/dist/{chunk-NRJ4NIRB.js → chunk-4XZTEP4Q.js} +2 -2
  168. package/dist/{chunk-4CMW6FL7.js → chunk-5EC2BYL7.js} +1 -1
  169. package/dist/{chunk-EWJDG7EF.js → chunk-5JGCU3OG.js} +3 -3
  170. package/dist/{chunk-HBI7M252.js → chunk-5LDARV3U.js} +2 -2
  171. package/dist/{chunk-7JWBRULR.js → chunk-64BCMHW2.js} +1 -1
  172. package/dist/{chunk-ZNZRG3MA.js → chunk-6MY6YECS.js} +2 -2
  173. package/dist/{chunk-P74JVV2E.js → chunk-6ZDC2YFW.js} +2 -2
  174. package/dist/{chunk-OFI3LBBH.js → chunk-6ZYGCRKJ.js} +1 -1
  175. package/dist/{chunk-LWOYB2BH.js → chunk-746EWHEN.js} +6 -6
  176. package/dist/chunk-7IM3UQB4.js +7 -0
  177. package/dist/{chunk-L4AMK7LE.js → chunk-7KB2OZW3.js} +4 -4
  178. package/dist/{chunk-WMXOFQB6.js → chunk-7Z6WJCG6.js} +2 -2
  179. package/dist/{chunk-75S4IAP7.js → chunk-AJYF4K7F.js} +2 -2
  180. package/dist/{chunk-RK2Y6VIU.js → chunk-BJZAXT2F.js} +2 -2
  181. package/dist/{chunk-ZEX4LJ4D.js → chunk-BORQ3ZAL.js} +2 -2
  182. package/dist/{chunk-TGBZ3PQC.js → chunk-BUD4Z25C.js} +10 -10
  183. package/dist/{chunk-RPHNZAFD.js → chunk-BW663SSE.js} +4 -4
  184. package/dist/{chunk-AC5DMOQY.js → chunk-CMG4VD5X.js} +1 -1
  185. package/dist/{chunk-N5Z4BTIW.js → chunk-CZZBGCIX.js} +2 -2
  186. package/dist/{chunk-KXDWYQGK.js → chunk-EV6GK7WQ.js} +4 -4
  187. package/dist/{chunk-U2HXZVHZ.js → chunk-F4Z6ISDK.js} +5 -5
  188. package/dist/{chunk-OHACSOZZ.js → chunk-GJTJWDMN.js} +7 -7
  189. package/dist/{chunk-CYD73F6N.js → chunk-JFHEC3M5.js} +2 -2
  190. package/dist/{chunk-WDKLYX27.js → chunk-JIMLRXXF.js} +2 -2
  191. package/dist/{chunk-QQV3DT6O.js → chunk-JPEUJXYD.js} +6 -6
  192. package/dist/{chunk-QZIFWGGM.js → chunk-KZXK4WRP.js} +7 -7
  193. package/dist/chunk-LT2MDHP5.js +76 -0
  194. package/dist/{chunk-J66EWPPW.js → chunk-LU4ZOPNX.js} +3 -3
  195. package/dist/{chunk-FAC66D35.js → chunk-M6RD5JHJ.js} +7 -7
  196. package/dist/{chunk-SBPPBKQY.js → chunk-MLK5TBAR.js} +2 -2
  197. package/dist/{chunk-ZEWMI5W6.js → chunk-MLNWMBCL.js} +1 -1
  198. package/dist/{chunk-CTSJOSAY.js → chunk-N3R475B6.js} +1 -1
  199. package/dist/{chunk-ODNRQDFF.js → chunk-NCRCC7XA.js} +2 -2
  200. package/dist/{chunk-CLR67UTQ.js → chunk-NFLZWSYR.js} +10 -10
  201. package/dist/{chunk-HQPNYGB7.js → chunk-ONMGC33C.js} +10 -7
  202. package/dist/{chunk-OZXAE722.js → chunk-OUY6UXVS.js} +4 -4
  203. package/dist/{chunk-QVXWBJAZ.js → chunk-PX2R6M5I.js} +1 -1
  204. package/dist/{chunk-RWTLMOQU.js → chunk-Q5E3TQRF.js} +1 -1
  205. package/dist/{chunk-LN2F7IS3.js → chunk-QLFOYPBD.js} +6 -6
  206. package/dist/{chunk-73CBMSHN.js → chunk-R2EYP5QR.js} +7 -7
  207. package/dist/{chunk-KED6JNR3.js → chunk-R2ZIGLJV.js} +3 -3
  208. package/dist/{chunk-B6KA3DJV.js → chunk-SBW6CWYN.js} +10 -10
  209. package/dist/{chunk-RUXFD332.js → chunk-SMLTEO45.js} +2 -2
  210. package/dist/{chunk-F6JYIRDV.js → chunk-SN4PLDSN.js} +1 -1
  211. package/dist/{chunk-4VBLOJ2E.js → chunk-TPRZ7BTR.js} +1 -1
  212. package/dist/{chunk-C6YSH23D.js → chunk-URJ67DGZ.js} +2 -2
  213. package/dist/{chunk-IJRDG3TE.js → chunk-WCRASDES.js} +1 -1
  214. package/dist/{chunk-O3YF6JLI.js → chunk-WFR36XTH.js} +2 -2
  215. package/dist/{chunk-2RMHS4DV.js → chunk-WLLYP5GR.js} +3 -3
  216. package/dist/{chunk-DKHCH65G.js → chunk-WYIF7VLQ.js} +1 -1
  217. package/dist/{chunk-LY3PO4EZ.js → chunk-X323OHPE.js} +3 -3
  218. package/dist/{chunk-S7OM5R4X.js → chunk-XEUVFD47.js} +1 -1
  219. package/dist/{chunk-KP7CTK7L.js → chunk-XY7PAHQB.js} +7 -7
  220. package/dist/{chunk-BJQGWQLI.js → chunk-Z4NZLU64.js} +2 -2
  221. package/dist/{chunk-ANWJKO7G.js → chunk-Z7MJ7PV5.js} +1 -1
  222. package/dist/index.css +1193 -1146
  223. package/dist/index.d.ts +3 -1
  224. package/dist/index.js +85 -83
  225. package/dist/inputs/src/InputGroup.css +265 -265
  226. package/dist/inputs/src/InputGroup.d.ts +1 -1
  227. package/dist/inputs/src/InputGroup.js +1 -1
  228. package/dist/inputs/src/NumberField.css +287 -287
  229. package/dist/inputs/src/NumberField.d.ts +1 -1
  230. package/dist/inputs/src/NumberField.js +11 -11
  231. package/dist/inputs/src/PasswordField.css +275 -275
  232. package/dist/inputs/src/PasswordField.d.ts +2 -2
  233. package/dist/inputs/src/PasswordField.js +10 -10
  234. package/dist/inputs/src/PasswordFieldContext.d.ts +1 -1
  235. package/dist/inputs/src/RemainingCharacterCount.css +31 -31
  236. package/dist/inputs/src/RemainingCharacterCount.d.ts +0 -2
  237. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  238. package/dist/inputs/src/SearchField.css +281 -281
  239. package/dist/inputs/src/SearchField.d.ts +2 -2
  240. package/dist/inputs/src/SearchField.js +11 -11
  241. package/dist/inputs/src/SearchFieldContext.d.ts +1 -1
  242. package/dist/inputs/src/TextArea.css +282 -282
  243. package/dist/inputs/src/TextArea.d.ts +1 -1
  244. package/dist/inputs/src/TextArea.js +10 -10
  245. package/dist/inputs/src/TextField.css +279 -279
  246. package/dist/inputs/src/TextField.d.ts +1 -1
  247. package/dist/inputs/src/TextField.js +15 -15
  248. package/dist/inputs/src/index.css +325 -325
  249. package/dist/inputs/src/index.d.ts +1 -1
  250. package/dist/inputs/src/index.js +22 -22
  251. package/dist/layout/src/Content.d.ts +1 -1
  252. package/dist/layout/src/Flex.d.ts +1 -1
  253. package/dist/layout/src/Footer.d.ts +1 -1
  254. package/dist/layout/src/Grid.d.ts +1 -1
  255. package/dist/layout/src/Inline.d.ts +1 -1
  256. package/dist/layout/src/Stack.d.ts +1 -1
  257. package/dist/overlays/Popover/src/Popover.css +542 -542
  258. package/dist/overlays/Popover/src/Popover.d.ts +1 -1
  259. package/dist/overlays/Popover/src/Popover.js +9 -9
  260. package/dist/overlays/Popover/src/index.css +542 -542
  261. package/dist/overlays/Popover/src/index.js +9 -9
  262. package/dist/radio/src/DecorativeRadio.css +55 -55
  263. package/dist/radio/src/DecorativeRadio.d.ts +0 -2
  264. package/dist/radio/src/DecorativeRadio.js +7 -7
  265. package/dist/radio/src/Radio.css +47 -47
  266. package/dist/radio/src/Radio.d.ts +1 -1
  267. package/dist/radio/src/Radio.js +7 -7
  268. package/dist/radio/src/RadioField.css +34 -34
  269. package/dist/radio/src/RadioField.d.ts +1 -1
  270. package/dist/radio/src/RadioField.js +2 -2
  271. package/dist/radio/src/RadioGroup.css +99 -99
  272. package/dist/radio/src/RadioGroup.d.ts +1 -1
  273. package/dist/radio/src/RadioGroup.js +7 -7
  274. package/dist/radio/src/index.css +99 -99
  275. package/dist/radio/src/index.js +15 -15
  276. package/dist/switch/src/Switch.css +44 -44
  277. package/dist/switch/src/Switch.d.ts +1 -1
  278. package/dist/switch/src/Switch.js +7 -7
  279. package/dist/switch/src/SwitchField.css +34 -34
  280. package/dist/switch/src/SwitchField.d.ts +1 -1
  281. package/dist/switch/src/SwitchField.js +3 -3
  282. package/dist/switch/src/index.css +50 -50
  283. package/dist/switch/src/index.js +9 -9
  284. package/dist/tag/src/Tag.css +391 -391
  285. package/dist/tag/src/Tag.d.ts +1 -1
  286. package/dist/tag/src/Tag.js +11 -11
  287. package/dist/tag/src/TagContext.d.ts +1 -1
  288. package/dist/tag/src/TagGroup.css +38 -38
  289. package/dist/tag/src/TagGroup.d.ts +2 -2
  290. package/dist/tag/src/TagGroup.js +7 -7
  291. package/dist/tag/src/TagGroupContext.d.ts +1 -1
  292. package/dist/tag/src/index.css +401 -401
  293. package/dist/tag/src/index.d.ts +1 -1
  294. package/dist/tag/src/index.js +17 -17
  295. package/dist/typography/Heading/src/Heading.css +28 -28
  296. package/dist/typography/Heading/src/Heading.d.ts +13 -7
  297. package/dist/typography/Heading/src/Heading.js +1 -1
  298. package/dist/typography/Heading/src/index.css +28 -28
  299. package/dist/typography/Heading/src/index.js +1 -1
  300. package/dist/typography/Label/src/Label.css +28 -28
  301. package/dist/typography/Label/src/Label.d.ts +1 -1
  302. package/dist/typography/Label/src/Label.js +2 -2
  303. package/dist/typography/Label/src/index.css +28 -28
  304. package/dist/typography/Label/src/index.js +2 -2
  305. package/dist/typography/OverlineText/src/OverlineText.css +28 -28
  306. package/dist/typography/OverlineText/src/OverlineText.d.ts +1 -1
  307. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  308. package/dist/typography/OverlineText/src/index.css +28 -28
  309. package/dist/typography/OverlineText/src/index.js +1 -1
  310. package/dist/typography/Text/src/Text.css +28 -28
  311. package/dist/typography/Text/src/Text.d.ts +1 -1
  312. package/dist/typography/Text/src/Text.js +1 -1
  313. package/dist/typography/Text/src/index.css +28 -28
  314. package/dist/typography/Text/src/index.js +1 -1
  315. package/dist/utils/src/EnsureTextWrapper.css +28 -28
  316. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  317. package/dist/utils/src/SlotProvider.d.ts +0 -2
  318. package/dist/utils/src/index.css +28 -28
  319. package/dist/utils/src/index.js +8 -8
  320. package/package.json +1 -1
package/dist/Disclosure/src/DisclosureHeader.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___dCY9U {
2
+ .Heading-module__hop-Heading___wDf1Z {
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,50 +33,50 @@
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___dCY9U) {
36
+ :where(.Heading-module__hop-Heading___wDf1Z) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___CNyZb) {
43
+ :where(.Heading-module__hop-Heading--xs___D4nwg) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___0L-NH) {
49
+ :where(.Heading-module__hop-Heading--sm___Js6v2) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___VKVD-) {
55
+ :where(.Heading-module__hop-Heading--md___7ENJr) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___Rho-r) {
61
+ :where(.Heading-module__hop-Heading--lg___f-kfi) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___V-fBY) {
67
+ :where(.Heading-module__hop-Heading--xl___53iBa) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___buwXT) {
73
+ :where(.Heading-module__hop-Heading--2xl___v-MqN) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___9-KXf) {
79
+ :where(.Heading-module__hop-Heading--3xl___tGTLn) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___m1Nn4 {
87
+ .Text-module__hop-Text___gPVWn {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___m1Nn4) {
117
+ :where(.Text-module__hop-Text___gPVWn) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___GYWYN) {
123
+ :where(.Text-module__hop-Text--xs___ryAs-) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___nckmD) {
129
+ :where(.Text-module__hop-Text--sm___4LJCF) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___a9ujG) {
135
+ :where(.Text-module__hop-Text--md___Wj9mM) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___vcYRI) {
141
+ :where(.Text-module__hop-Text--lg___lN1CJ) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___okEd-) {
147
+ :where(.Text-module__hop-Text--xl___2jE4T) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___a0ZNY) {
153
+ :where(.Text-module__hop-Text--2xl___x5T-v) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___Jg-xF) {
159
+ :where(.Text-module__hop-Text--inherit___YuJYO) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___ietsP) {
167
+ :where(.OverlineText-module__hop-OverlineText___u7rES) {
168
168
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
169
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
170
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,62 +188,62 @@
188
188
  text-transform: uppercase;
189
189
  letter-spacing: var(--letter-spacing);
190
190
  }
191
- .OverlineText-module__hop-OverlineText__text___M1cCG {
191
+ .OverlineText-module__hop-OverlineText__text___bgk5b {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___M1cCG::before,
195
- .OverlineText-module__hop-OverlineText__text___M1cCG::after {
194
+ .OverlineText-module__hop-OverlineText__text___bgk5b::before,
195
+ .OverlineText-module__hop-OverlineText__text___bgk5b::after {
196
196
  content: "";
197
197
  display: block;
198
198
  box-sizing: border-box;
199
199
  inline-size: 0;
200
200
  block-size: 0;
201
201
  }
202
- .OverlineText-module__hop-OverlineText__text___M1cCG::before {
202
+ .OverlineText-module__hop-OverlineText__text___bgk5b::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___M1cCG::after {
205
+ .OverlineText-module__hop-OverlineText__text___bgk5b::after {
206
206
  margin-block-start: var(--top-offset);
207
207
  }
208
208
 
209
209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
210
- .Form-module__hop-Form___6XUMw {
210
+ .Form-module__hop-Form___WvZ0Y {
211
211
  display: flex;
212
212
  flex-direction: column;
213
213
  gap: var(--hop-space-stack-lg);
214
214
  }
215
215
 
216
216
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
217
- .Label-module__hop-Label___IYhKA {
217
+ .Label-module__hop-Label___NQL0y {
218
218
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
219
219
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
220
220
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
221
221
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
222
222
  --hop-Label-color: var(--hop-neutral-text-weak);
223
223
  }
224
- :where(.Label-module__hop-Label___IYhKA) {
224
+ :where(.Label-module__hop-Label___NQL0y) {
225
225
  font-family: var(--hop-Label-font-family);
226
226
  font-size: var(--hop-Label-font-size);
227
227
  font-weight: var(--hop-Label-font-weight);
228
228
  line-height: var(--hop-Label-line-height);
229
229
  color: var(--hop-Label-color);
230
230
  }
231
- :where(.Label-module__hop-Label__indicator___Mp25l) {
231
+ :where(.Label-module__hop-Label__indicator___zXYpW) {
232
232
  padding-inline-start: var(--hop-space-20);
233
233
  }
234
234
 
235
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ToggleArrow/src/ToggleArrow.module.css/#css-module-data */
236
- .ToggleArrow-module__hop-ToggleArrow___f8B70 {
236
+ .ToggleArrow-module__hop-ToggleArrow___eMBlJ {
237
237
  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
238
238
  position: relative;
239
239
  transition: transform var(--transition);
240
240
  }
241
- .ToggleArrow-module__hop-ToggleArrow___f8B70[data-expanded] {
241
+ .ToggleArrow-module__hop-ToggleArrow___eMBlJ[data-expanded] {
242
242
  transform: rotate(-180deg);
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Disclosure/src/DisclosureHeader.module.css/#css-module-data */
246
- .DisclosureHeader-module__hop-DisclosureHeader___Zb6CT {
246
+ .DisclosureHeader-module__hop-DisclosureHeader___QpuJs {
247
247
  --hop-DisclosureHeader-padding: var(--hop-space-inset-md);
248
248
  --hop-DisclosureHeader-icon-margin-inline-end: var(--hop-space-inline-md);
249
249
  --hop-DisclosureHeader-toggle-arrow-margin-inline-start: var(--hop-space-inline-md);
@@ -260,8 +260,8 @@
260
260
  --hop-DisclosureHeader-standalone-border-radius: var(--hop-shape-rounded-md);
261
261
  --hop-DisclosureHeader-inline-outline-size: 0;
262
262
  --hop-DisclosureHeader-inline-outline-color: transparent;
263
- --hop-DisclosureHeader-inline-border-size: 0 0 var(--hop-space-10) 0;
264
- --hop-DisclosureHeader-inline-border-color: var(--hop-neutral-border-weak);
263
+ --hop-DisclosureHeader-inline-border-size: 0;
264
+ --hop-DisclosureHeader-inline-border-color: transparent;
265
265
  --hop-DisclosureHeader-inline-border-radius: 0;
266
266
  --hop-DisclosureHeader-background-color-expanded: var(--hop-neutral-surface);
267
267
  --hop-DisclosureHeader-color-expanded: var(--hop-neutral-text);
@@ -286,6 +286,7 @@
286
286
  --hop-DisclosureHeader-standalone-outline-color-focused: var(--hop-primary-border-focus);
287
287
  --hop-DisclosureHeader-inline-outline-size-focused: var(--hop-space-20);
288
288
  --hop-DisclosureHeader-inline-outline-color-focused: var(--hop-primary-border-focus);
289
+ --hop-DisclosureHeader-outline-offset-focused: calc(-1 * var(--hop-space-20));
289
290
  --hop-DisclosureHeader-background-color-disabled: var(--hop-neutral-surface-disabled);
290
291
  --hop-DisclosureHeader-color-disabled: var(--hop-neutral-text-disabled);
291
292
  --hop-DisclosureHeader-icon-color-disabled: var(--hop-neutral-icon-disabled);
@@ -299,6 +300,7 @@
299
300
  --description-color: var(--hop-DisclosureHeader-description-color);
300
301
  --outline-size: var(--hop-DisclosureHeader-standalone-outline-size);
301
302
  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color);
303
+ --outline-offset: var(--hop-DisclosureHeader-outline-offset);
302
304
  --border-radius: var(--hop-DisclosureHeader-standalone-border-radius);
303
305
  --transition-info: var(--hop-easing-duration-2) var(--hop-easing-productive);
304
306
  --border-radius-transition-info: var(--hop-DisclosureHeader-border-radius-transition);
@@ -309,7 +311,7 @@
309
311
  display: flex;
310
312
  box-sizing: border-box;
311
313
  }
312
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco {
314
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD {
313
315
  cursor: var(--cursor);
314
316
  display: grid;
315
317
  grid-template-areas: "icon content toggle-arrow";
@@ -328,58 +330,60 @@
328
330
  border-width: var(--border-size);
329
331
  border-radius: var(--border-radius);
330
332
  outline: var(--outline-size) solid var(--outline-color);
331
- outline-offset: var(--hop-DisclosureHeader-outline-offset);
333
+ outline-offset: var(--outline-offset);
332
334
  transition: var(--transition);
333
335
  }
334
336
  @supports (interpolate-size: allow-keywords) {
335
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco {
337
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD {
336
338
  --transition:
337
339
  color var(--transition-info),
338
340
  background-color var(--transition-info),
339
341
  border-radius var(--border-radius-transition-info);
340
342
  }
341
343
  }
342
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco[data-expanded] {
344
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD[data-expanded] {
343
345
  --background-color: var(--hop-DisclosureHeader-background-color-expanded);
344
346
  --color: var(--hop-DisclosureHeader-color-expanded);
345
347
  --icon-color: var(--hop-DisclosureHeader-icon-color-expanded);
346
348
  --border-radius: var(--hop-DisclosureHeader-standalone-border-radius-expanded);
347
349
  --border-radius-transition-info: var(--hop-DisclosureHeader-border-radius-transition-expanded);
348
350
  }
349
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco[data-hovered] {
351
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD[data-hovered] {
350
352
  --background-color: var(--hop-DisclosureHeader-background-color-hovered);
351
353
  --color: var(--hop-DisclosureHeader-color-hovered);
352
354
  --icon-color: var(--hop-DisclosureHeader-icon-color-hovered);
353
355
  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-hovered);
354
356
  }
355
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco[data-pressed] {
357
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD[data-pressed] {
356
358
  --background-color: var(--hop-DisclosureHeader-background-color-pressed);
357
359
  --color: var(--hop-DisclosureHeader-color-pressed);
358
360
  --icon-color: var(--hop-DisclosureHeader-icon-color-pressed);
359
361
  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-pressed);
360
362
  }
361
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco[data-focus-visible] {
363
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD[data-focus-visible] {
362
364
  --background-color: var(--hop-DisclosureHeader-background-color-focused);
363
365
  --color: var(--hop-DisclosureHeader-color-focused);
364
366
  --icon-color: var(--hop-DisclosureHeader-icon-color-focused);
365
367
  --outline-size: var(--hop-DisclosureHeader-standalone-outline-size-focused);
366
368
  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-focused);
369
+ --outline-offset: var(--hop-DisclosureHeader-outline-offset-focused);
367
370
  }
368
- .DisclosureHeader-module__hop-DisclosureHeader__button--inline___ErRDZ {
371
+ .DisclosureHeader-module__hop-DisclosureHeader__button--inline___yppoJ {
369
372
  --outline-size: var(--hop-DisclosureHeader-inline-outline-size);
370
373
  --outline-color: var(--hop-DisclosureHeader-inline-outline-color);
371
374
  --border-size: var(--hop-DisclosureHeader-inline-border-size);
372
375
  --border-color: var(--hop-DisclosureHeader-inline-border-color);
373
376
  --border-radius: var(--hop-DisclosureHeader-inline-border-radius);
374
377
  }
375
- .DisclosureHeader-module__hop-DisclosureHeader__button--inline___ErRDZ[data-expanded] {
378
+ .DisclosureHeader-module__hop-DisclosureHeader__button--inline___yppoJ[data-expanded] {
376
379
  --border-radius: var(--hop-DisclosureHeader-inline-border-radius-expanded);
377
380
  }
378
- .DisclosureHeader-module__hop-DisclosureHeader__button--inline___ErRDZ[data-focus-visible] {
381
+ .DisclosureHeader-module__hop-DisclosureHeader__button--inline___yppoJ[data-focus-visible] {
379
382
  --outline-size: var(--hop-DisclosureHeader-inline-outline-size-focused);
380
383
  --outline-color: var(--hop-DisclosureHeader-inline-outline-color-focused);
384
+ --outline-offset: var(--hop-DisclosureHeader-outline-offset-focused);
381
385
  }
382
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco[data-disabled] {
386
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD[data-disabled] {
383
387
  --background-color: var(--hop-DisclosureHeader-background-color-disabled);
384
388
  --color: var(--hop-DisclosureHeader-color-disabled);
385
389
  --cursor: not-allowed;
@@ -387,19 +391,19 @@
387
391
  --description-color: var(--hop-DisclosureHeader-description-color-disabled);
388
392
  --border-color: var(--hop-DisclosureHeader-standalone-border-color-disabled);
389
393
  }
390
- .DisclosureHeader-module__hop-DisclosureHeader__button___kWIco > * {
394
+ .DisclosureHeader-module__hop-DisclosureHeader__button___JMDqD > * {
391
395
  grid-area: content;
392
396
  }
393
- .DisclosureHeader-module__hop-DisclosureHeader__icon___qInjJ {
397
+ .DisclosureHeader-module__hop-DisclosureHeader__icon___49ML4 {
394
398
  grid-area: icon;
395
399
  box-sizing: border-box;
396
400
  margin-inline-end: var(--hop-DisclosureHeader-icon-margin-inline-end);
397
401
  color: var(--icon-color);
398
402
  }
399
- .DisclosureHeader-module__hop-DisclosureHeader__title___M-vTD {
403
+ .DisclosureHeader-module__hop-DisclosureHeader__title___lrVYZ {
400
404
  flex: 0 1 auto;
401
405
  }
402
- .DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___fo7LF {
406
+ .DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___udWDN {
403
407
  grid-area: toggle-arrow;
404
408
  margin-inline-start: var(--hop-DisclosureHeader-toggle-arrow-margin-inline-start);
405
409
  }
package/dist/Disclosure/src/DisclosureHeader.d.ts CHANGED
@@ -14,7 +14,7 @@ interface DisclosureHeaderProps extends HeadingProps {
14
14
  /**
15
15
  * DisclosureHeader is the main header element that users interact with to expand or collapse the associated panel.
16
16
  *
17
- * [View Documentation](TODO)
17
+ * [View Documentation](https://hopper.workleap.design/components/Disclosure)
18
18
  */
19
19
  declare const _DisclosureHeader: react.ForwardRefExoticComponent<DisclosureHeaderProps & react.RefAttributes<HTMLHeadingElement>>;
20
20
 
package/dist/Disclosure/src/DisclosureHeader.js CHANGED
@@ -1,19 +1,19 @@
1
- export { _DisclosureHeader as DisclosureHeader, GlobalDisclosureHeaderCssSelector } from '../../chunk-KXDWYQGK.js';
2
- import '../../chunk-MUAXK42C.js';
3
- import '../../chunk-GFRTCF4B.js';
4
- import '../../chunk-CTSJOSAY.js';
1
+ export { _DisclosureHeader as DisclosureHeader, GlobalDisclosureHeaderCssSelector } from '../../chunk-EV6GK7WQ.js';
2
+ import '../../chunk-N3R475B6.js';
5
3
  import '../../chunk-DBIN32YS.js';
6
- import '../../chunk-AC5DMOQY.js';
7
- import '../../chunk-RK2Y6VIU.js';
4
+ import '../../chunk-CMG4VD5X.js';
5
+ import '../../chunk-BJZAXT2F.js';
8
6
  import '../../chunk-QCA3ZR56.js';
9
7
  import '../../chunk-TFVDF4YH.js';
10
8
  import '../../chunk-TXZ6BMFR.js';
11
- import '../../chunk-IJRDG3TE.js';
9
+ import '../../chunk-WCRASDES.js';
12
10
  import '../../chunk-Q7NXUUB3.js';
13
- import '../../chunk-J6WBI2I2.js';
14
- import '../../chunk-ZEWMI5W6.js';
11
+ import '../../chunk-MLNWMBCL.js';
15
12
  import '../../chunk-WPNVVGFW.js';
16
- import '../../chunk-OFI3LBBH.js';
13
+ import '../../chunk-J6WBI2I2.js';
14
+ import '../../chunk-GFRTCF4B.js';
15
+ import '../../chunk-MUAXK42C.js';
16
+ import '../../chunk-6ZYGCRKJ.js';
17
17
  import '../../chunk-X6SER3TZ.js';
18
18
  import '../../chunk-HXI3MEEK.js';
19
19
  import '../../chunk-65JPI4FL.js';
package/dist/Disclosure/src/DisclosurePanel.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___dCY9U {
2
+ .Heading-module__hop-Heading___wDf1Z {
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,50 +33,50 @@
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___dCY9U) {
36
+ :where(.Heading-module__hop-Heading___wDf1Z) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___CNyZb) {
43
+ :where(.Heading-module__hop-Heading--xs___D4nwg) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___0L-NH) {
49
+ :where(.Heading-module__hop-Heading--sm___Js6v2) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___VKVD-) {
55
+ :where(.Heading-module__hop-Heading--md___7ENJr) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___Rho-r) {
61
+ :where(.Heading-module__hop-Heading--lg___f-kfi) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___V-fBY) {
67
+ :where(.Heading-module__hop-Heading--xl___53iBa) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___buwXT) {
73
+ :where(.Heading-module__hop-Heading--2xl___v-MqN) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___9-KXf) {
79
+ :where(.Heading-module__hop-Heading--3xl___tGTLn) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___m1Nn4 {
87
+ .Text-module__hop-Text___gPVWn {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___m1Nn4) {
117
+ :where(.Text-module__hop-Text___gPVWn) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___GYWYN) {
123
+ :where(.Text-module__hop-Text--xs___ryAs-) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___nckmD) {
129
+ :where(.Text-module__hop-Text--sm___4LJCF) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___a9ujG) {
135
+ :where(.Text-module__hop-Text--md___Wj9mM) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___vcYRI) {
141
+ :where(.Text-module__hop-Text--lg___lN1CJ) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___okEd-) {
147
+ :where(.Text-module__hop-Text--xl___2jE4T) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___a0ZNY) {
153
+ :where(.Text-module__hop-Text--2xl___x5T-v) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___Jg-xF) {
159
+ :where(.Text-module__hop-Text--inherit___YuJYO) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___ietsP) {
167
+ :where(.OverlineText-module__hop-OverlineText___u7rES) {
168
168
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
169
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
170
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,52 +188,52 @@
188
188
  text-transform: uppercase;
189
189
  letter-spacing: var(--letter-spacing);
190
190
  }
191
- .OverlineText-module__hop-OverlineText__text___M1cCG {
191
+ .OverlineText-module__hop-OverlineText__text___bgk5b {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___M1cCG::before,
195
- .OverlineText-module__hop-OverlineText__text___M1cCG::after {
194
+ .OverlineText-module__hop-OverlineText__text___bgk5b::before,
195
+ .OverlineText-module__hop-OverlineText__text___bgk5b::after {
196
196
  content: "";
197
197
  display: block;
198
198
  box-sizing: border-box;
199
199
  inline-size: 0;
200
200
  block-size: 0;
201
201
  }
202
- .OverlineText-module__hop-OverlineText__text___M1cCG::before {
202
+ .OverlineText-module__hop-OverlineText__text___bgk5b::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___M1cCG::after {
205
+ .OverlineText-module__hop-OverlineText__text___bgk5b::after {
206
206
  margin-block-start: var(--top-offset);
207
207
  }
208
208
 
209
209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
210
- .Label-module__hop-Label___IYhKA {
210
+ .Label-module__hop-Label___NQL0y {
211
211
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
212
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
213
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
214
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
215
  --hop-Label-color: var(--hop-neutral-text-weak);
216
216
  }
217
- :where(.Label-module__hop-Label___IYhKA) {
217
+ :where(.Label-module__hop-Label___NQL0y) {
218
218
  font-family: var(--hop-Label-font-family);
219
219
  font-size: var(--hop-Label-font-size);
220
220
  font-weight: var(--hop-Label-font-weight);
221
221
  line-height: var(--hop-Label-line-height);
222
222
  color: var(--hop-Label-color);
223
223
  }
224
- :where(.Label-module__hop-Label__indicator___Mp25l) {
224
+ :where(.Label-module__hop-Label__indicator___zXYpW) {
225
225
  padding-inline-start: var(--hop-space-20);
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
229
- .Form-module__hop-Form___6XUMw {
229
+ .Form-module__hop-Form___WvZ0Y {
230
230
  display: flex;
231
231
  flex-direction: column;
232
232
  gap: var(--hop-space-stack-lg);
233
233
  }
234
234
 
235
235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Disclosure/src/DisclosurePanel.module.css/#css-module-data */
236
- .DisclosurePanel-module__hop-DisclosurePanel___aiq34 {
236
+ .DisclosurePanel-module__hop-DisclosurePanel___gTEHn {
237
237
  --hop-DisclosurePanel-text-color: var(--hop-neutral-text-weak);
238
238
  --hop-DisclosurePanel-standalone-border-radius: 0 0 var(--hop-shape-rounded-md) var(--hop-shape-rounded-md);
239
239
  --hop-DisclosurePanel-inline-border-radius: 0;
@@ -250,7 +250,7 @@
250
250
  border-radius: var(--border-radius);
251
251
  }
252
252
  @supports (interpolate-size: allow-keywords) {
253
- .DisclosurePanel-module__hop-DisclosurePanel___aiq34 {
253
+ .DisclosurePanel-module__hop-DisclosurePanel___gTEHn {
254
254
  transition:
255
255
  block-size var(--transition),
256
256
  content-visibility var(--transition),
@@ -259,7 +259,7 @@
259
259
  }
260
260
  }
261
261
  @supports (interpolate-size: allow-keywords) {
262
- .DisclosurePanel-module__hop-DisclosurePanel___aiq34[aria-hidden=true] {
262
+ .DisclosurePanel-module__hop-DisclosurePanel___gTEHn[aria-hidden=true] {
263
263
  transition:
264
264
  block-size var(--transition),
265
265
  content-visibility var(--transition),
@@ -269,24 +269,24 @@
269
269
  transition-behavior: allow-discrete;
270
270
  }
271
271
  }
272
- .DisclosurePanel-module__hop-DisclosurePanel___aiq34[aria-hidden=true] {
272
+ .DisclosurePanel-module__hop-DisclosurePanel___gTEHn[aria-hidden=true] {
273
273
  --block-size: 0;
274
274
  }
275
- .DisclosurePanel-module__hop-DisclosurePanel___aiq34[aria-hidden=false] {
275
+ .DisclosurePanel-module__hop-DisclosurePanel___gTEHn[aria-hidden=false] {
276
276
  display: block;
277
277
  }
278
- .DisclosurePanel-module__hop-DisclosurePanel--inline___m00KP {
278
+ .DisclosurePanel-module__hop-DisclosurePanel--inline___VwxUw {
279
279
  --border-radius: var(--hop-DisclosurePanel-inline-border-radius);
280
280
  }
281
- .DisclosurePanel-module__hop-DisclosurePanel--disabled___Mm-Fc {
281
+ .DisclosurePanel-module__hop-DisclosurePanel--disabled___Z7PVi {
282
282
  --color: var(--hop-DisclosurePanel-color-disabled);
283
283
  }
284
- .DisclosurePanel-module__hop-DisclosurePanel__text___Qk1oZ {
284
+ .DisclosurePanel-module__hop-DisclosurePanel__text___eWYZY {
285
285
  color: var(--color);
286
286
  }
287
- .DisclosurePanel-module__hop-DisclosurePanel__text___Qk1oZ:first-child {
287
+ .DisclosurePanel-module__hop-DisclosurePanel__text___eWYZY:first-child {
288
288
  margin-block-start: 0;
289
289
  }
290
- .DisclosurePanel-module__hop-DisclosurePanel__text___Qk1oZ:last-child {
290
+ .DisclosurePanel-module__hop-DisclosurePanel__text___eWYZY:last-child {
291
291
  margin-block-end: 0;
292
292
  }
package/dist/Disclosure/src/DisclosurePanel.d.ts CHANGED
@@ -8,7 +8,7 @@ interface DisclosurePanelProps extends StyledComponentProps<DisclosurePanelProps
8
8
  /**
9
9
  * The DisclosurePanel is a collapsible container that displays detailed content when expanded, helping organize information efficiently.
10
10
  *
11
- * [View Documentation](TODO)
11
+ * [View Documentation](https://hopper.workleap.design/components/Disclosure)
12
12
  */
13
13
  declare const _DisclosurePanel: react.ForwardRefExoticComponent<DisclosurePanelProps & react.RefAttributes<HTMLDivElement>>;
14
14