@hopper-ui/components 1.3.33 → 1.3.35

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 (268) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +44 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +62 -55
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +44 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +44 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +62 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +49 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +44 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +59 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Card/src/Card.css +39 -30
  19. package/dist/Card/src/Card.js +2 -2
  20. package/dist/Card/src/index.css +39 -30
  21. package/dist/Card/src/index.js +2 -2
  22. package/dist/ComboBox/src/ComboBox.css +578 -570
  23. package/dist/ComboBox/src/ComboBox.d.ts +1 -0
  24. package/dist/ComboBox/src/ComboBox.js +30 -25
  25. package/dist/ComboBox/src/ComboBoxContext.d.ts +1 -0
  26. package/dist/ComboBox/src/index.css +578 -570
  27. package/dist/ComboBox/src/index.d.ts +1 -0
  28. package/dist/ComboBox/src/index.js +30 -25
  29. package/dist/Disclosure/src/Disclosure.css +305 -0
  30. package/dist/Disclosure/src/Disclosure.d.ts +16 -0
  31. package/dist/Disclosure/src/Disclosure.js +9 -0
  32. package/dist/Disclosure/src/DisclosureContext.d.ts +8 -0
  33. package/dist/Disclosure/src/DisclosureContext.js +2 -0
  34. package/dist/Disclosure/src/DisclosureHeader.css +405 -0
  35. package/dist/Disclosure/src/DisclosureHeader.d.ts +21 -0
  36. package/dist/Disclosure/src/DisclosureHeader.js +22 -0
  37. package/dist/Disclosure/src/DisclosureHeaderContext.d.ts +9 -0
  38. package/dist/Disclosure/src/DisclosureHeaderContext.js +2 -0
  39. package/dist/Disclosure/src/DisclosurePanel.css +292 -0
  40. package/dist/Disclosure/src/DisclosurePanel.d.ts +15 -0
  41. package/dist/Disclosure/src/DisclosurePanel.js +22 -0
  42. package/dist/Disclosure/src/DisclosurePanelContext.d.ts +8 -0
  43. package/dist/Disclosure/src/DisclosurePanelContext.js +2 -0
  44. package/dist/Disclosure/src/index.css +526 -0
  45. package/dist/Disclosure/src/index.d.ts +10 -0
  46. package/dist/Disclosure/src/index.js +27 -0
  47. package/dist/Divider/src/Divider.css +36 -29
  48. package/dist/Divider/src/Divider.js +1 -1
  49. package/dist/Divider/src/index.css +36 -29
  50. package/dist/Divider/src/index.js +1 -1
  51. package/dist/ErrorMessage/src/ErrorMessage.css +36 -29
  52. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  53. package/dist/ErrorMessage/src/index.css +36 -29
  54. package/dist/ErrorMessage/src/index.js +2 -2
  55. package/dist/Form/src/Form.css +28 -5005
  56. package/dist/Form/src/Form.d.ts +6 -3
  57. package/dist/Form/src/Form.js +2 -28
  58. package/dist/Form/src/FormContext.d.ts +3 -3
  59. package/dist/Form/src/FormContext.js +1 -1
  60. package/dist/Form/src/index.css +28 -5005
  61. package/dist/Form/src/index.d.ts +1 -1
  62. package/dist/Form/src/index.js +2 -28
  63. package/dist/HelperMessage/src/HelperMessage.css +36 -29
  64. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  65. package/dist/HelperMessage/src/index.css +36 -29
  66. package/dist/HelperMessage/src/index.js +2 -2
  67. package/dist/IconList/src/IconList.css +35 -28
  68. package/dist/IconList/src/IconList.js +1 -1
  69. package/dist/IconList/src/index.css +35 -28
  70. package/dist/IconList/src/index.js +1 -1
  71. package/dist/Link/src/Link.css +56 -49
  72. package/dist/Link/src/Link.js +9 -7
  73. package/dist/Link/src/index.css +56 -49
  74. package/dist/Link/src/index.js +9 -7
  75. package/dist/ListBox/src/ListBox.css +281 -274
  76. package/dist/ListBox/src/ListBox.js +16 -14
  77. package/dist/ListBox/src/ListBoxItem.css +269 -262
  78. package/dist/ListBox/src/ListBoxItem.js +13 -11
  79. package/dist/ListBox/src/ListBoxItemSkeleton.css +41 -34
  80. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  81. package/dist/ListBox/src/index.css +281 -274
  82. package/dist/ListBox/src/index.js +16 -14
  83. package/dist/ListBoxSection/src/ListBoxSection.d.ts +19 -0
  84. package/dist/ListBoxSection/src/ListBoxSection.js +3 -0
  85. package/dist/ListBoxSection/src/ListBoxSectionContext.d.ts +9 -0
  86. package/dist/ListBoxSection/src/ListBoxSectionContext.js +2 -0
  87. package/dist/ListBoxSection/src/index.d.ts +6 -0
  88. package/dist/ListBoxSection/src/index.js +3 -0
  89. package/dist/Select/src/Select.css +582 -564
  90. package/dist/Select/src/Select.d.ts +1 -0
  91. package/dist/Select/src/Select.js +32 -27
  92. package/dist/Select/src/SelectContext.d.ts +1 -0
  93. package/dist/Select/src/SelectValue.css +68 -61
  94. package/dist/Select/src/SelectValue.js +7 -5
  95. package/dist/Select/src/index.css +582 -564
  96. package/dist/Select/src/index.d.ts +1 -0
  97. package/dist/Select/src/index.js +32 -27
  98. package/dist/Spinner/src/Spinner.css +44 -37
  99. package/dist/Spinner/src/Spinner.js +2 -2
  100. package/dist/Spinner/src/index.css +44 -37
  101. package/dist/Spinner/src/index.js +2 -2
  102. package/dist/ToggleArrow/src/ToggleArrow.css +243 -0
  103. package/dist/ToggleArrow/src/ToggleArrow.d.ts +21 -0
  104. package/dist/ToggleArrow/src/ToggleArrow.js +4 -0
  105. package/dist/ToggleArrow/src/ToggleArrowContext.d.ts +10 -0
  106. package/dist/ToggleArrow/src/ToggleArrowContext.js +2 -0
  107. package/dist/ToggleArrow/src/index.css +243 -0
  108. package/dist/ToggleArrow/src/index.d.ts +7 -0
  109. package/dist/ToggleArrow/src/index.js +4 -0
  110. package/dist/buttons/src/Button.css +100 -93
  111. package/dist/buttons/src/Button.js +11 -9
  112. package/dist/buttons/src/ButtonGroup.css +45 -38
  113. package/dist/buttons/src/ButtonGroup.js +1 -1
  114. package/dist/buttons/src/ClearButton.css +105 -98
  115. package/dist/buttons/src/ClearButton.js +2 -2
  116. package/dist/buttons/src/EmbeddedButton.css +105 -98
  117. package/dist/buttons/src/EmbeddedButton.js +1 -1
  118. package/dist/buttons/src/LinkButton.css +109 -102
  119. package/dist/buttons/src/LinkButton.js +10 -8
  120. package/dist/buttons/src/index.css +256 -249
  121. package/dist/buttons/src/index.js +15 -13
  122. package/dist/checkbox/src/Checkbox.css +53 -46
  123. package/dist/checkbox/src/Checkbox.js +10 -8
  124. package/dist/checkbox/src/CheckboxField.css +93 -86
  125. package/dist/checkbox/src/CheckboxField.js +4 -2
  126. package/dist/checkbox/src/CheckboxGroup.css +105 -98
  127. package/dist/checkbox/src/CheckboxGroup.js +9 -7
  128. package/dist/checkbox/src/DecorativeCheckbox.css +61 -54
  129. package/dist/checkbox/src/DecorativeCheckbox.js +10 -8
  130. package/dist/checkbox/src/index.css +105 -98
  131. package/dist/checkbox/src/index.js +17 -15
  132. package/dist/{chunk-6SOC4ZCP.js → chunk-2HHYW5O7.js} +2 -2
  133. package/dist/{chunk-DPGUTB2Z.js → chunk-2VRVLS4A.js} +2 -2
  134. package/dist/{chunk-JGHJ2M26.js → chunk-3THUO6AY.js} +18 -10
  135. package/dist/{chunk-WUXVBNRQ.js → chunk-5LMIPWJ4.js} +8 -6
  136. package/dist/{chunk-5L4SRFMM.js → chunk-5MVIPFJG.js} +2 -2
  137. package/dist/{chunk-OQ5ANYTP.js → chunk-6LK7QKDE.js} +5 -3
  138. package/dist/{chunk-7W2MXYXZ.js → chunk-6XXPLEOU.js} +7 -5
  139. package/dist/chunk-7CJXILRD.js +7 -0
  140. package/dist/chunk-AYW3VAZY.js +79 -0
  141. package/dist/{chunk-VHQQVD4Y.js → chunk-BVZYQJKK.js} +7 -5
  142. package/dist/{chunk-ROBSHFBH.js → chunk-CGHAMVQH.js} +2 -2
  143. package/dist/{chunk-NLZXVLBW.js → chunk-DZJSSJVJ.js} +9 -9
  144. package/dist/{chunk-Z2UVDVEE.js → chunk-EJGX57JX.js} +2 -2
  145. package/dist/{chunk-CWGQSZVV.js → chunk-EPSUB3U3.js} +8 -6
  146. package/dist/{chunk-VB4KGI6T.js → chunk-F7F57LOT.js} +1 -1
  147. package/dist/chunk-FSXFF7TJ.js +124 -0
  148. package/dist/{chunk-BYOQKF3I.js → chunk-FUSWS7EZ.js} +2 -2
  149. package/dist/{chunk-ECAM35AM.js → chunk-G34IZZZR.js} +6 -4
  150. package/dist/{chunk-YGEF3D4F.js → chunk-G3XUMSZ4.js} +3 -3
  151. package/dist/chunk-GFRTCF4B.js +7 -0
  152. package/dist/{chunk-JA3U74ZK.js → chunk-IAHBYEON.js} +1 -1
  153. package/dist/chunk-IXXQUPXA.js +67 -0
  154. package/dist/chunk-J6WBI2I2.js +7 -0
  155. package/dist/{chunk-JTHUJSFK.js → chunk-JJ6IB366.js} +2 -2
  156. package/dist/{chunk-GCPJ72ES.js → chunk-KM6OVMUI.js} +1 -1
  157. package/dist/{chunk-HLWX7CML.js → chunk-LL362RG6.js} +2 -2
  158. package/dist/{chunk-7TNFRZPO.js → chunk-M4HNTQU7.js} +1 -1
  159. package/dist/{chunk-TUQXINCS.js → chunk-MAO7KM3A.js} +2 -2
  160. package/dist/{chunk-UBXBQMCI.js → chunk-MGZMC7Q2.js} +1 -1
  161. package/dist/{chunk-ETR3U3FY.js → chunk-MI3FZZRE.js} +1 -1
  162. package/dist/{chunk-5V32JYKM.js → chunk-MM727X5U.js} +1 -1
  163. package/dist/chunk-MUAXK42C.js +7 -0
  164. package/dist/{chunk-YQXI64TQ.js → chunk-NEVRDLRS.js} +8 -2
  165. package/dist/{chunk-Z2LRCDGL.js → chunk-NGJP7SMI.js} +5 -3
  166. package/dist/{chunk-ZV45TYGR.js → chunk-OQSYJW5D.js} +9 -7
  167. package/dist/{chunk-WOSZZL62.js → chunk-P7VQVTDQ.js} +8 -6
  168. package/dist/{chunk-EURJK4ZT.js → chunk-Q7NXUUB3.js} +1 -1
  169. package/dist/{chunk-ZWNZNKIJ.js → chunk-QBOXEWTP.js} +2 -2
  170. package/dist/{chunk-MAMRCWYC.js → chunk-QKJUME2B.js} +1 -1
  171. package/dist/{chunk-PSIGABQ5.js → chunk-QZTLUJBL.js} +1 -1
  172. package/dist/{chunk-Z5GLI3AC.js → chunk-RBU6S27I.js} +10 -8
  173. package/dist/{chunk-DRVU56LK.js → chunk-RFVQDNIT.js} +19 -11
  174. package/dist/chunk-RLDIAT4F.js +7 -0
  175. package/dist/chunk-RTABBR2E.js +68 -0
  176. package/dist/{chunk-5N6R4USJ.js → chunk-SDNIPJPM.js} +1 -1
  177. package/dist/{chunk-O44XKAD6.js → chunk-SYXSGWNE.js} +6 -4
  178. package/dist/{chunk-VDEBLHQC.js → chunk-TBZB627Y.js} +8 -6
  179. package/dist/{chunk-DJWMHKN5.js → chunk-TP3LLTP7.js} +6 -6
  180. package/dist/{chunk-NDJTJNFH.js → chunk-UKPQDNTE.js} +2 -2
  181. package/dist/{chunk-NOY3G4YX.js → chunk-USO7PAIT.js} +1 -1
  182. package/dist/{chunk-YXAAHLMF.js → chunk-VK743S4L.js} +7 -5
  183. package/dist/{chunk-R5756BNI.js → chunk-X3G7OJKA.js} +3 -3
  184. package/dist/chunk-XJPH3TL7.js +50 -0
  185. package/dist/{chunk-JCJA22ZN.js → chunk-XJUDFLDF.js} +4 -2
  186. package/dist/{chunk-SVBLMLJM.js → chunk-XYU4RE35.js} +1 -1
  187. package/dist/{chunk-JQDHDPWX.js → chunk-YGFDJWW6.js} +3 -3
  188. package/dist/{chunk-HXO6663T.js → chunk-YSL6C4TP.js} +2 -2
  189. package/dist/{chunk-MYDEFJS3.js → chunk-ZFGFRLWN.js} +1 -1
  190. package/dist/{chunk-TQKARZW6.js → chunk-ZJCGRPXS.js} +2 -2
  191. package/dist/{chunk-BCUIZE4G.js → chunk-ZTSBOPRT.js} +1 -1
  192. package/dist/{chunk-6URDOTFT.js → chunk-ZUSVLWHC.js} +6 -6
  193. package/dist/index.css +1244 -957
  194. package/dist/index.d.ts +9 -3
  195. package/dist/index.js +85 -77
  196. package/dist/inputs/src/InputGroup.css +271 -264
  197. package/dist/inputs/src/InputGroup.js +1 -1
  198. package/dist/inputs/src/NumberField.css +293 -286
  199. package/dist/inputs/src/NumberField.js +14 -12
  200. package/dist/inputs/src/PasswordField.css +281 -274
  201. package/dist/inputs/src/PasswordField.js +13 -11
  202. package/dist/inputs/src/RemainingCharacterCount.css +37 -30
  203. package/dist/inputs/src/RemainingCharacterCount.js +7 -5
  204. package/dist/inputs/src/SearchField.css +287 -280
  205. package/dist/inputs/src/SearchField.js +14 -12
  206. package/dist/inputs/src/TextArea.css +288 -281
  207. package/dist/inputs/src/TextArea.js +13 -11
  208. package/dist/inputs/src/TextField.css +285 -278
  209. package/dist/inputs/src/TextField.js +17 -15
  210. package/dist/inputs/src/index.css +331 -324
  211. package/dist/inputs/src/index.js +25 -23
  212. package/dist/overlays/Popover/src/Popover.css +548 -541
  213. package/dist/overlays/Popover/src/Popover.js +12 -10
  214. package/dist/overlays/Popover/src/index.css +548 -541
  215. package/dist/overlays/Popover/src/index.js +12 -10
  216. package/dist/radio/src/DecorativeRadio.css +61 -54
  217. package/dist/radio/src/DecorativeRadio.js +9 -7
  218. package/dist/radio/src/Radio.css +53 -46
  219. package/dist/radio/src/Radio.js +9 -7
  220. package/dist/radio/src/RadioField.css +40 -33
  221. package/dist/radio/src/RadioField.js +2 -2
  222. package/dist/radio/src/RadioGroup.css +105 -98
  223. package/dist/radio/src/RadioGroup.js +9 -7
  224. package/dist/radio/src/index.css +105 -98
  225. package/dist/radio/src/index.js +17 -15
  226. package/dist/switch/src/Switch.css +50 -43
  227. package/dist/switch/src/Switch.js +9 -7
  228. package/dist/switch/src/SwitchField.css +40 -33
  229. package/dist/switch/src/SwitchField.js +2 -2
  230. package/dist/switch/src/index.css +56 -49
  231. package/dist/switch/src/index.js +10 -8
  232. package/dist/tag/src/Tag.css +397 -390
  233. package/dist/tag/src/Tag.js +12 -10
  234. package/dist/tag/src/TagGroup.css +44 -37
  235. package/dist/tag/src/TagGroup.js +9 -7
  236. package/dist/tag/src/index.css +407 -400
  237. package/dist/tag/src/index.js +18 -16
  238. package/dist/typography/Heading/src/Heading.css +34 -27
  239. package/dist/typography/Heading/src/Heading.js +1 -1
  240. package/dist/typography/Heading/src/index.css +34 -27
  241. package/dist/typography/Heading/src/index.js +1 -1
  242. package/dist/typography/Label/src/Label.css +34 -27
  243. package/dist/typography/Label/src/Label.js +3 -1
  244. package/dist/typography/Label/src/index.css +34 -27
  245. package/dist/typography/Label/src/index.js +3 -1
  246. package/dist/typography/OverlineText/src/OverlineText.css +34 -27
  247. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  248. package/dist/typography/OverlineText/src/index.css +34 -27
  249. package/dist/typography/OverlineText/src/index.js +1 -1
  250. package/dist/typography/Text/src/Text.css +34 -27
  251. package/dist/typography/Text/src/Text.js +1 -1
  252. package/dist/typography/Text/src/index.css +34 -27
  253. package/dist/typography/Text/src/index.js +1 -1
  254. package/dist/utils/src/EnsureTextWrapper.css +34 -27
  255. package/dist/utils/src/EnsureTextWrapper.d.ts +1 -1
  256. package/dist/utils/src/EnsureTextWrapper.js +7 -5
  257. package/dist/utils/src/index.css +34 -27
  258. package/dist/utils/src/index.js +7 -5
  259. package/dist/utils/src/types.d.ts +1 -1
  260. package/package.json +9 -9
  261. package/dist/Section/src/Section.d.ts +0 -19
  262. package/dist/Section/src/Section.js +0 -3
  263. package/dist/Section/src/SectionContext.d.ts +0 -9
  264. package/dist/Section/src/SectionContext.js +0 -2
  265. package/dist/Section/src/index.d.ts +0 -6
  266. package/dist/Section/src/index.js +0 -3
  267. package/dist/chunk-5H5AZJPQ.js +0 -7
  268. package/dist/chunk-GDB7JQ3D.js +0 -153
package/dist/ToggleArrow/src/ToggleArrow.css ADDED
@@ -0,0 +1,243 @@
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___kTk6X {
3
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
6
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
7
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
8
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
9
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
10
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
11
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
12
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
13
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
14
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
15
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
16
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
17
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
18
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
19
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
20
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
21
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
22
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
23
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
24
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
25
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
26
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
27
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
28
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
29
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
30
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
31
+ --hop-Heading-inherit-size-font-size: inherit;
32
+ --hop-Heading-inherit-size-font-family: inherit;
33
+ --hop-Heading-inherit-size-font-weight: inherit;
34
+ --hop-Heading-inherit-size-line-height: inherit;
35
+ }
36
+ :where(.Heading-module__hop-Heading___kTk6X) {
37
+ margin: 0;
38
+ font-family: var(--font-family);
39
+ font-size: var(--font-size);
40
+ font-weight: var(--font-weight);
41
+ line-height: var(--line-height);
42
+ }
43
+ :where(.Heading-module__hop-Heading--xs___YkbL6) {
44
+ --font-size: var(--hop-Heading-xs-font-size);
45
+ --font-family: var(--hop-Heading-xs-font-family);
46
+ --font-weight: var(--hop-Heading-xs-font-weight);
47
+ --line-height: var(--hop-Heading-xs-line-height);
48
+ }
49
+ :where(.Heading-module__hop-Heading--sm___blSam) {
50
+ --font-size: var(--hop-Heading-sm-font-size);
51
+ --font-family: var(--hop-Heading-sm-font-family);
52
+ --font-weight: var(--hop-Heading-sm-font-weight);
53
+ --line-height: var(--hop-Heading-sm-line-height);
54
+ }
55
+ :where(.Heading-module__hop-Heading--md___y4meX) {
56
+ --font-size: var(--hop-Heading-md-font-size);
57
+ --font-family: var(--hop-Heading-md-font-family);
58
+ --font-weight: var(--hop-Heading-md-font-weight);
59
+ --line-height: var(--hop-Heading-md-line-height);
60
+ }
61
+ :where(.Heading-module__hop-Heading--lg___uBzEA) {
62
+ --font-size: var(--hop-Heading-lg-font-size);
63
+ --font-family: var(--hop-Heading-lg-font-family);
64
+ --font-weight: var(--hop-Heading-lg-font-weight);
65
+ --line-height: var(--hop-Heading-lg-line-height);
66
+ }
67
+ :where(.Heading-module__hop-Heading--xl___GpG4F) {
68
+ --font-size: var(--hop-Heading-xl-font-size);
69
+ --font-family: var(--hop-Heading-xl-font-family);
70
+ --font-weight: var(--hop-Heading-xl-font-weight);
71
+ --line-height: var(--hop-Heading-xl-line-height);
72
+ }
73
+ :where(.Heading-module__hop-Heading--2xl___MTCAL) {
74
+ --font-size: var(--hop-Heading-2xl-font-size);
75
+ --font-family: var(--hop-Heading-2xl-font-family);
76
+ --font-weight: var(--hop-Heading-2xl-font-weight);
77
+ --line-height: var(--hop-Heading-2xl-line-height);
78
+ }
79
+ :where(.Heading-module__hop-Heading--3xl___rWxe6) {
80
+ --font-size: var(--hop-Heading-3xl-font-size);
81
+ --font-family: var(--hop-Heading-3xl-font-family);
82
+ --font-weight: var(--hop-Heading-3xl-font-weight);
83
+ --line-height: var(--hop-Heading-3xl-line-height);
84
+ }
85
+
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___9GSuR {
88
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
91
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
92
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
93
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
94
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
95
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
96
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
97
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
98
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
99
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
100
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
101
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
102
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
103
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
104
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
105
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
106
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
107
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
108
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
109
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
110
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
111
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
112
+ --hop-Text-inherit-size-font-size: inherit;
113
+ --hop-Text-inherit-size-font-family: inherit;
114
+ --hop-Text-inherit-size-font-weight: inherit;
115
+ --hop-Text-inherit-size-line-height: inherit;
116
+ }
117
+ :where(.Text-module__hop-Text___9GSuR) {
118
+ font-family: var(--font-family);
119
+ font-size: var(--font-size);
120
+ font-weight: var(--font-weight);
121
+ line-height: var(--line-height);
122
+ }
123
+ :where(.Text-module__hop-Text--xs___oFNpU) {
124
+ --font-size: var(--hop-Text-xs-font-size);
125
+ --font-family: var(--hop-Text-xs-font-family);
126
+ --font-weight: var(--hop-Text-xs-font-weight);
127
+ --line-height: var(--hop-Text-xs-line-height);
128
+ }
129
+ :where(.Text-module__hop-Text--sm___FaLG3) {
130
+ --font-size: var(--hop-Text-sm-font-size);
131
+ --font-family: var(--hop-Text-sm-font-family);
132
+ --font-weight: var(--hop-Text-sm-font-weight);
133
+ --line-height: var(--hop-Text-sm-line-height);
134
+ }
135
+ :where(.Text-module__hop-Text--md___pW7zQ) {
136
+ --font-size: var(--hop-Text-md-font-size);
137
+ --font-family: var(--hop-Text-md-font-family);
138
+ --font-weight: var(--hop-Text-md-font-weight);
139
+ --line-height: var(--hop-Text-md-line-height);
140
+ }
141
+ :where(.Text-module__hop-Text--lg___8efIV) {
142
+ --font-size: var(--hop-Text-lg-font-size);
143
+ --font-family: var(--hop-Text-lg-font-family);
144
+ --font-weight: var(--hop-Text-lg-font-weight);
145
+ --line-height: var(--hop-Text-lg-line-height);
146
+ }
147
+ :where(.Text-module__hop-Text--xl___R-9rB) {
148
+ --font-size: var(--hop-Text-xl-font-size);
149
+ --font-family: var(--hop-Text-xl-font-family);
150
+ --font-weight: var(--hop-Text-xl-font-weight);
151
+ --line-height: var(--hop-Text-xl-line-height);
152
+ }
153
+ :where(.Text-module__hop-Text--2xl___OTgcy) {
154
+ --font-size: var(--hop-Text-2xl-font-size);
155
+ --font-family: var(--hop-Text-2xl-font-family);
156
+ --font-weight: var(--hop-Text-2xl-font-weight);
157
+ --line-height: var(--hop-Text-2xl-line-height);
158
+ }
159
+ :where(.Text-module__hop-Text--inherit___5e8-3) {
160
+ --font-size: var(--hop-Text-inherit-size-font-size);
161
+ --font-family: var(--hop-Text-inherit-size-font-family);
162
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
163
+ --line-height: var(--hop-Text-inherit-size-line-height);
164
+ }
165
+
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___D-RLi) {
168
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
171
+ --hop-OverlineText-letter-spacing: 0.015rem;
172
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
173
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
174
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
175
+ --font-family: var(--hop-OverlineText-font-family);
176
+ --font-size: var(--hop-OverlineText-font-size);
177
+ --font-weight: var(--hop-OverlineText-font-weight);
178
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
179
+ --line-height: var(--hop-OverlineText-line-height);
180
+ --top-offset: var(--hop-OverlineText-top-offset);
181
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
182
+ box-sizing: border-box;
183
+ font-family: var(--font-family);
184
+ font-size: var(--font-size);
185
+ font-feature-settings: "case";
186
+ font-weight: var(--font-weight);
187
+ line-height: var(--line-height);
188
+ text-transform: uppercase;
189
+ letter-spacing: var(--letter-spacing);
190
+ }
191
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp {
192
+ box-sizing: border-box;
193
+ }
194
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::before,
195
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
196
+ content: "";
197
+ display: block;
198
+ box-sizing: border-box;
199
+ inline-size: 0;
200
+ block-size: 0;
201
+ }
202
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::before {
203
+ margin-block-end: var(--bottom-offset);
204
+ }
205
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
206
+ margin-block-start: var(--top-offset);
207
+ }
208
+
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___OXHm7 {
211
+ display: flex;
212
+ flex-direction: column;
213
+ gap: var(--hop-space-stack-lg);
214
+ }
215
+
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___WAgRk {
218
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
219
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
220
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
221
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
222
+ --hop-Label-color: var(--hop-neutral-text-weak);
223
+ }
224
+ :where(.Label-module__hop-Label___WAgRk) {
225
+ font-family: var(--hop-Label-font-family);
226
+ font-size: var(--hop-Label-font-size);
227
+ font-weight: var(--hop-Label-font-weight);
228
+ line-height: var(--hop-Label-line-height);
229
+ color: var(--hop-Label-color);
230
+ }
231
+ :where(.Label-module__hop-Label__indicator___KrKa0) {
232
+ padding-inline-start: var(--hop-space-20);
233
+ }
234
+
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___ZWmVx {
237
+ --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
238
+ position: relative;
239
+ transition: transform var(--transition);
240
+ }
241
+ .ToggleArrow-module__hop-ToggleArrow___ZWmVx[data-expanded] {
242
+ transform: rotate(-180deg);
243
+ }
package/dist/ToggleArrow/src/ToggleArrow.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import * as react from 'react';
2
+ import { StyledComponentProps } from '@hopper-ui/styled-system';
3
+ import { BaseComponentDOMProps } from '../../utils/src/types.js';
4
+ import '@react-types/shared';
5
+ import 'react-aria-components';
6
+
7
+ declare const GlobalToggleArrowCssSelector = "hop-ToggleArrow";
8
+ interface ToggleArrowProps extends Omit<StyledComponentProps<BaseComponentDOMProps>, "children"> {
9
+ /**
10
+ * Whether the arrow is in an expanded state.
11
+ */
12
+ isExpanded?: boolean;
13
+ }
14
+ /**
15
+ * A simple arrow icon for expanding and collapsing content.
16
+ *
17
+ * [View Documentation](TODO)
18
+ */
19
+ declare const _ToggleArrow: react.ForwardRefExoticComponent<ToggleArrowProps & react.RefAttributes<SVGSVGElement>>;
20
+
21
+ export { GlobalToggleArrowCssSelector, _ToggleArrow as ToggleArrow, type ToggleArrowProps };
package/dist/ToggleArrow/src/ToggleArrow.js ADDED
@@ -0,0 +1,4 @@
1
+ export { GlobalToggleArrowCssSelector, _ToggleArrow as ToggleArrow } from '../../chunk-XJPH3TL7.js';
2
+ import '../../chunk-J6WBI2I2.js';
3
+ import '../../chunk-KVDXQMWI.js';
4
+ import '../../chunk-JSBRDJBE.js';
package/dist/ToggleArrow/src/ToggleArrowContext.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { ToggleArrowProps } from './ToggleArrow.js';
2
+ import * as react from 'react';
3
+ import { ContextValue } from 'react-aria-components';
4
+ import '@hopper-ui/styled-system';
5
+ import '../../utils/src/types.js';
6
+ import '@react-types/shared';
7
+
8
+ declare const ToggleArrowContext: react.Context<ContextValue<ToggleArrowProps, SVGSVGElement>>;
9
+
10
+ export { ToggleArrowContext };
package/dist/ToggleArrow/src/ToggleArrowContext.js ADDED
@@ -0,0 +1,2 @@
1
+ export { ToggleArrowContext } from '../../chunk-J6WBI2I2.js';
2
+ import '../../chunk-JSBRDJBE.js';
package/dist/ToggleArrow/src/index.css ADDED
@@ -0,0 +1,243 @@
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___kTk6X {
3
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
6
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
7
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
8
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
9
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
10
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
11
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
12
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
13
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
14
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
15
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
16
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
17
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
18
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
19
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
20
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
21
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
22
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
23
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
24
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
25
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
26
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
27
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
28
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
29
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
30
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
31
+ --hop-Heading-inherit-size-font-size: inherit;
32
+ --hop-Heading-inherit-size-font-family: inherit;
33
+ --hop-Heading-inherit-size-font-weight: inherit;
34
+ --hop-Heading-inherit-size-line-height: inherit;
35
+ }
36
+ :where(.Heading-module__hop-Heading___kTk6X) {
37
+ margin: 0;
38
+ font-family: var(--font-family);
39
+ font-size: var(--font-size);
40
+ font-weight: var(--font-weight);
41
+ line-height: var(--line-height);
42
+ }
43
+ :where(.Heading-module__hop-Heading--xs___YkbL6) {
44
+ --font-size: var(--hop-Heading-xs-font-size);
45
+ --font-family: var(--hop-Heading-xs-font-family);
46
+ --font-weight: var(--hop-Heading-xs-font-weight);
47
+ --line-height: var(--hop-Heading-xs-line-height);
48
+ }
49
+ :where(.Heading-module__hop-Heading--sm___blSam) {
50
+ --font-size: var(--hop-Heading-sm-font-size);
51
+ --font-family: var(--hop-Heading-sm-font-family);
52
+ --font-weight: var(--hop-Heading-sm-font-weight);
53
+ --line-height: var(--hop-Heading-sm-line-height);
54
+ }
55
+ :where(.Heading-module__hop-Heading--md___y4meX) {
56
+ --font-size: var(--hop-Heading-md-font-size);
57
+ --font-family: var(--hop-Heading-md-font-family);
58
+ --font-weight: var(--hop-Heading-md-font-weight);
59
+ --line-height: var(--hop-Heading-md-line-height);
60
+ }
61
+ :where(.Heading-module__hop-Heading--lg___uBzEA) {
62
+ --font-size: var(--hop-Heading-lg-font-size);
63
+ --font-family: var(--hop-Heading-lg-font-family);
64
+ --font-weight: var(--hop-Heading-lg-font-weight);
65
+ --line-height: var(--hop-Heading-lg-line-height);
66
+ }
67
+ :where(.Heading-module__hop-Heading--xl___GpG4F) {
68
+ --font-size: var(--hop-Heading-xl-font-size);
69
+ --font-family: var(--hop-Heading-xl-font-family);
70
+ --font-weight: var(--hop-Heading-xl-font-weight);
71
+ --line-height: var(--hop-Heading-xl-line-height);
72
+ }
73
+ :where(.Heading-module__hop-Heading--2xl___MTCAL) {
74
+ --font-size: var(--hop-Heading-2xl-font-size);
75
+ --font-family: var(--hop-Heading-2xl-font-family);
76
+ --font-weight: var(--hop-Heading-2xl-font-weight);
77
+ --line-height: var(--hop-Heading-2xl-line-height);
78
+ }
79
+ :where(.Heading-module__hop-Heading--3xl___rWxe6) {
80
+ --font-size: var(--hop-Heading-3xl-font-size);
81
+ --font-family: var(--hop-Heading-3xl-font-family);
82
+ --font-weight: var(--hop-Heading-3xl-font-weight);
83
+ --line-height: var(--hop-Heading-3xl-line-height);
84
+ }
85
+
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___9GSuR {
88
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
91
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
92
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
93
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
94
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
95
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
96
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
97
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
98
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
99
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
100
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
101
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
102
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
103
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
104
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
105
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
106
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
107
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
108
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
109
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
110
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
111
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
112
+ --hop-Text-inherit-size-font-size: inherit;
113
+ --hop-Text-inherit-size-font-family: inherit;
114
+ --hop-Text-inherit-size-font-weight: inherit;
115
+ --hop-Text-inherit-size-line-height: inherit;
116
+ }
117
+ :where(.Text-module__hop-Text___9GSuR) {
118
+ font-family: var(--font-family);
119
+ font-size: var(--font-size);
120
+ font-weight: var(--font-weight);
121
+ line-height: var(--line-height);
122
+ }
123
+ :where(.Text-module__hop-Text--xs___oFNpU) {
124
+ --font-size: var(--hop-Text-xs-font-size);
125
+ --font-family: var(--hop-Text-xs-font-family);
126
+ --font-weight: var(--hop-Text-xs-font-weight);
127
+ --line-height: var(--hop-Text-xs-line-height);
128
+ }
129
+ :where(.Text-module__hop-Text--sm___FaLG3) {
130
+ --font-size: var(--hop-Text-sm-font-size);
131
+ --font-family: var(--hop-Text-sm-font-family);
132
+ --font-weight: var(--hop-Text-sm-font-weight);
133
+ --line-height: var(--hop-Text-sm-line-height);
134
+ }
135
+ :where(.Text-module__hop-Text--md___pW7zQ) {
136
+ --font-size: var(--hop-Text-md-font-size);
137
+ --font-family: var(--hop-Text-md-font-family);
138
+ --font-weight: var(--hop-Text-md-font-weight);
139
+ --line-height: var(--hop-Text-md-line-height);
140
+ }
141
+ :where(.Text-module__hop-Text--lg___8efIV) {
142
+ --font-size: var(--hop-Text-lg-font-size);
143
+ --font-family: var(--hop-Text-lg-font-family);
144
+ --font-weight: var(--hop-Text-lg-font-weight);
145
+ --line-height: var(--hop-Text-lg-line-height);
146
+ }
147
+ :where(.Text-module__hop-Text--xl___R-9rB) {
148
+ --font-size: var(--hop-Text-xl-font-size);
149
+ --font-family: var(--hop-Text-xl-font-family);
150
+ --font-weight: var(--hop-Text-xl-font-weight);
151
+ --line-height: var(--hop-Text-xl-line-height);
152
+ }
153
+ :where(.Text-module__hop-Text--2xl___OTgcy) {
154
+ --font-size: var(--hop-Text-2xl-font-size);
155
+ --font-family: var(--hop-Text-2xl-font-family);
156
+ --font-weight: var(--hop-Text-2xl-font-weight);
157
+ --line-height: var(--hop-Text-2xl-line-height);
158
+ }
159
+ :where(.Text-module__hop-Text--inherit___5e8-3) {
160
+ --font-size: var(--hop-Text-inherit-size-font-size);
161
+ --font-family: var(--hop-Text-inherit-size-font-family);
162
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
163
+ --line-height: var(--hop-Text-inherit-size-line-height);
164
+ }
165
+
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___D-RLi) {
168
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
171
+ --hop-OverlineText-letter-spacing: 0.015rem;
172
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
173
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
174
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
175
+ --font-family: var(--hop-OverlineText-font-family);
176
+ --font-size: var(--hop-OverlineText-font-size);
177
+ --font-weight: var(--hop-OverlineText-font-weight);
178
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
179
+ --line-height: var(--hop-OverlineText-line-height);
180
+ --top-offset: var(--hop-OverlineText-top-offset);
181
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
182
+ box-sizing: border-box;
183
+ font-family: var(--font-family);
184
+ font-size: var(--font-size);
185
+ font-feature-settings: "case";
186
+ font-weight: var(--font-weight);
187
+ line-height: var(--line-height);
188
+ text-transform: uppercase;
189
+ letter-spacing: var(--letter-spacing);
190
+ }
191
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp {
192
+ box-sizing: border-box;
193
+ }
194
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::before,
195
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
196
+ content: "";
197
+ display: block;
198
+ box-sizing: border-box;
199
+ inline-size: 0;
200
+ block-size: 0;
201
+ }
202
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::before {
203
+ margin-block-end: var(--bottom-offset);
204
+ }
205
+ .OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
206
+ margin-block-start: var(--top-offset);
207
+ }
208
+
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___OXHm7 {
211
+ display: flex;
212
+ flex-direction: column;
213
+ gap: var(--hop-space-stack-lg);
214
+ }
215
+
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___WAgRk {
218
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
219
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
220
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
221
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
222
+ --hop-Label-color: var(--hop-neutral-text-weak);
223
+ }
224
+ :where(.Label-module__hop-Label___WAgRk) {
225
+ font-family: var(--hop-Label-font-family);
226
+ font-size: var(--hop-Label-font-size);
227
+ font-weight: var(--hop-Label-font-weight);
228
+ line-height: var(--hop-Label-line-height);
229
+ color: var(--hop-Label-color);
230
+ }
231
+ :where(.Label-module__hop-Label__indicator___KrKa0) {
232
+ padding-inline-start: var(--hop-space-20);
233
+ }
234
+
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___ZWmVx {
237
+ --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
238
+ position: relative;
239
+ transition: transform var(--transition);
240
+ }
241
+ .ToggleArrow-module__hop-ToggleArrow___ZWmVx[data-expanded] {
242
+ transform: rotate(-180deg);
243
+ }
package/dist/ToggleArrow/src/index.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export { GlobalToggleArrowCssSelector, ToggleArrow, ToggleArrowProps } from './ToggleArrow.js';
2
+ export { ToggleArrowContext } from './ToggleArrowContext.js';
3
+ import 'react';
4
+ import '@hopper-ui/styled-system';
5
+ import '../../utils/src/types.js';
6
+ import '@react-types/shared';
7
+ import 'react-aria-components';
package/dist/ToggleArrow/src/index.js ADDED
@@ -0,0 +1,4 @@
1
+ export { GlobalToggleArrowCssSelector, _ToggleArrow as ToggleArrow } from '../../chunk-XJPH3TL7.js';
2
+ export { ToggleArrowContext } from '../../chunk-J6WBI2I2.js';
3
+ import '../../chunk-KVDXQMWI.js';
4
+ import '../../chunk-JSBRDJBE.js';