@hopper-ui/components 1.3.7 → 1.3.9

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 (205) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +237 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +184 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +237 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +237 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +184 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +205 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +237 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +215 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/ComboBox/src/ComboBox.css +5135 -0
  19. package/dist/ComboBox/src/ComboBox.d.ts +90 -0
  20. package/dist/ComboBox/src/ComboBox.js +124 -0
  21. package/dist/ComboBox/src/ComboBoxContext.d.ts +16 -0
  22. package/dist/ComboBox/src/ComboBoxContext.js +2 -0
  23. package/dist/ComboBox/src/index.css +5135 -0
  24. package/dist/ComboBox/src/index.d.ts +12 -0
  25. package/dist/ComboBox/src/index.js +124 -0
  26. package/dist/Divider/src/Divider.css +229 -2
  27. package/dist/Divider/src/Divider.js +1 -1
  28. package/dist/Divider/src/index.css +229 -2
  29. package/dist/Divider/src/index.js +1 -1
  30. package/dist/ErrorMessage/src/ErrorMessage.css +158 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  32. package/dist/ErrorMessage/src/index.css +158 -11
  33. package/dist/ErrorMessage/src/index.js +2 -2
  34. package/dist/Form/src/Form.css +896 -894
  35. package/dist/Form/src/Form.js +70 -68
  36. package/dist/Form/src/index.css +896 -894
  37. package/dist/Form/src/index.js +70 -68
  38. package/dist/HelperMessage/src/HelperMessage.css +158 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  40. package/dist/HelperMessage/src/index.css +158 -11
  41. package/dist/HelperMessage/src/index.js +2 -2
  42. package/dist/IconList/src/IconList.css +228 -1
  43. package/dist/IconList/src/IconList.js +1 -1
  44. package/dist/IconList/src/index.css +228 -1
  45. package/dist/IconList/src/index.js +1 -1
  46. package/dist/Link/src/Link.css +184 -37
  47. package/dist/Link/src/Link.js +3 -3
  48. package/dist/Link/src/index.css +184 -37
  49. package/dist/Link/src/index.js +3 -3
  50. package/dist/ListBox/src/ListBox.css +398 -346
  51. package/dist/ListBox/src/ListBox.js +7 -8
  52. package/dist/ListBox/src/ListBoxItem.css +391 -306
  53. package/dist/ListBox/src/ListBoxItem.js +5 -5
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
  55. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  56. package/dist/ListBox/src/index.css +398 -346
  57. package/dist/ListBox/src/index.js +7 -8
  58. package/dist/Select/src/Select.css +961 -959
  59. package/dist/Select/src/Select.js +70 -68
  60. package/dist/Select/src/SelectValue.css +197 -191
  61. package/dist/Select/src/SelectValue.js +5 -5
  62. package/dist/Select/src/index.css +961 -959
  63. package/dist/Select/src/index.js +70 -68
  64. package/dist/Spinner/src/Spinner.css +166 -19
  65. package/dist/Spinner/src/Spinner.js +2 -2
  66. package/dist/Spinner/src/index.css +166 -19
  67. package/dist/Spinner/src/index.js +2 -2
  68. package/dist/buttons/src/Button.css +247 -100
  69. package/dist/buttons/src/Button.js +4 -4
  70. package/dist/buttons/src/ButtonGroup.css +238 -11
  71. package/dist/buttons/src/ButtonGroup.js +2 -2
  72. package/dist/buttons/src/ClearButton.css +298 -71
  73. package/dist/buttons/src/ClearButton.js +2 -2
  74. package/dist/buttons/src/EmbeddedButton.css +298 -71
  75. package/dist/buttons/src/EmbeddedButton.js +1 -1
  76. package/dist/buttons/src/index.css +329 -182
  77. package/dist/buttons/src/index.js +8 -8
  78. package/dist/checkbox/src/Checkbox.css +181 -34
  79. package/dist/checkbox/src/Checkbox.js +2 -2
  80. package/dist/checkbox/src/CheckboxField.css +162 -15
  81. package/dist/checkbox/src/CheckboxField.js +1 -1
  82. package/dist/checkbox/src/CheckboxGroup.css +233 -105
  83. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  84. package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
  85. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  86. package/dist/checkbox/src/index.css +233 -105
  87. package/dist/checkbox/src/index.js +8 -8
  88. package/dist/{chunk-IZUZUN6Z.js → chunk-2GYC6ADT.js} +5 -5
  89. package/dist/{chunk-MJ24AAEX.js → chunk-2SF7BBJT.js} +1 -1
  90. package/dist/{chunk-ZVOVNXPJ.js → chunk-2WK465I4.js} +1 -1
  91. package/dist/chunk-2ZXF62AA.js +52 -0
  92. package/dist/{chunk-DSUR3NPA.js → chunk-3O74ORYF.js} +3 -3
  93. package/dist/{chunk-LULNSRRY.js → chunk-4EUVVRTY.js} +1 -1
  94. package/dist/{chunk-BZC3DOXC.js → chunk-4FVIH73F.js} +2 -2
  95. package/dist/{chunk-SRT6TJ7K.js → chunk-4PBFVO5S.js} +1 -1
  96. package/dist/chunk-4XHTP4GX.js +7 -0
  97. package/dist/{chunk-PGYHBNCP.js → chunk-54U727IV.js} +2 -2
  98. package/dist/{chunk-IA343FCT.js → chunk-5TH7VHRH.js} +3 -3
  99. package/dist/{chunk-FKFP4LFR.js → chunk-6KHTQTRF.js} +1 -1
  100. package/dist/{chunk-2LS24P2S.js → chunk-6U6JI3L3.js} +1 -1
  101. package/dist/{chunk-VZAUDQPW.js → chunk-7LTA4KPO.js} +3 -3
  102. package/dist/chunk-A3E76SDY.js +9 -0
  103. package/dist/{chunk-WD3GLWJA.js → chunk-ANO4F3LJ.js} +2 -2
  104. package/dist/{chunk-JZGG67JQ.js → chunk-B2O3ZCYC.js} +1 -1
  105. package/dist/{chunk-SZIBBFKI.js → chunk-BGOYDN4M.js} +2 -2
  106. package/dist/{chunk-MDI3RFZS.js → chunk-CZRCXQFS.js} +1 -1
  107. package/dist/{chunk-PVLUQZAG.js → chunk-E4JB7I3F.js} +2 -2
  108. package/dist/{chunk-4PCMNJTD.js → chunk-ENHK4K3U.js} +2 -2
  109. package/dist/{chunk-5LGDXMKZ.js → chunk-FBABNQTM.js} +3 -3
  110. package/dist/{chunk-BUI76FPU.js → chunk-GDVP2QEZ.js} +1 -1
  111. package/dist/{chunk-DNFIKL5N.js → chunk-GIMOHY5C.js} +2 -2
  112. package/dist/{chunk-FSRORCX7.js → chunk-HCJLAF2O.js} +4 -4
  113. package/dist/{chunk-T2DEFREG.js → chunk-HI2SHIGG.js} +1 -1
  114. package/dist/{chunk-PJLVJG4E.js → chunk-I55EPFTM.js} +2 -2
  115. package/dist/{chunk-JKE2GH2D.js → chunk-JX5YYFB3.js} +2 -2
  116. package/dist/{chunk-VMSIQERT.js → chunk-KOT3ULJY.js} +2 -2
  117. package/dist/{chunk-F4XYXAPX.js → chunk-KQQCELPA.js} +1 -1
  118. package/dist/chunk-KSKIQSYM.js +260 -0
  119. package/dist/{chunk-5CR5V44E.js → chunk-MLHAFFJQ.js} +1 -1
  120. package/dist/{chunk-DCTC6KDW.js → chunk-N66DZLL6.js} +2 -2
  121. package/dist/{chunk-HIF2U66B.js → chunk-NQD2OQEG.js} +1 -1
  122. package/dist/{chunk-MTQURD2G.js → chunk-PAW7CB3K.js} +2 -2
  123. package/dist/{chunk-CWP3RDUT.js → chunk-Q6SYCTJD.js} +2 -2
  124. package/dist/{chunk-BNBUTFBN.js → chunk-RDLI353P.js} +1 -1
  125. package/dist/{chunk-DMAM2GFN.js → chunk-S6AH3YTH.js} +14 -22
  126. package/dist/{chunk-C4W3WI5F.js → chunk-TMGUYWTR.js} +2 -2
  127. package/dist/{chunk-JGOXWGEG.js → chunk-TRDXTYZD.js} +3 -3
  128. package/dist/{chunk-LXWDXMVL.js → chunk-UJXKUNEW.js} +42 -33
  129. package/dist/{chunk-AWYN6573.js → chunk-UR3NK3LV.js} +1 -1
  130. package/dist/{chunk-AHMI7DHJ.js → chunk-VC3HSOGC.js} +3 -3
  131. package/dist/{chunk-Z63VLZM2.js → chunk-VQKJXEPU.js} +2 -2
  132. package/dist/{chunk-YFJWAPT5.js → chunk-XHW2Z6AX.js} +1 -1
  133. package/dist/{chunk-YUMDUDZX.js → chunk-XQFICAVB.js} +4 -8
  134. package/dist/{chunk-PQTB3F7K.js → chunk-YQDRT547.js} +12 -21
  135. package/dist/index.css +896 -894
  136. package/dist/index.d.ts +13 -11
  137. package/dist/index.js +70 -68
  138. package/dist/inputs/src/InputGroup.css +344 -197
  139. package/dist/inputs/src/InputGroup.js +1 -1
  140. package/dist/inputs/src/NumberField.css +336 -336
  141. package/dist/inputs/src/NumberField.js +6 -6
  142. package/dist/inputs/src/PasswordField.css +354 -354
  143. package/dist/inputs/src/PasswordField.js +7 -7
  144. package/dist/inputs/src/RemainingCharacterCount.css +241 -0
  145. package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
  146. package/dist/inputs/src/RemainingCharacterCount.js +17 -0
  147. package/dist/inputs/src/SearchField.css +360 -360
  148. package/dist/inputs/src/SearchField.js +8 -8
  149. package/dist/inputs/src/TextArea.css +346 -342
  150. package/dist/inputs/src/TextArea.js +8 -6
  151. package/dist/inputs/src/TextField.css +370 -368
  152. package/dist/inputs/src/TextField.js +11 -9
  153. package/dist/inputs/src/index.css +464 -473
  154. package/dist/inputs/src/index.d.ts +8 -4
  155. package/dist/inputs/src/index.js +18 -16
  156. package/dist/overlays/Popover/src/Popover.css +896 -894
  157. package/dist/overlays/Popover/src/Popover.js +70 -68
  158. package/dist/overlays/Popover/src/index.css +896 -894
  159. package/dist/overlays/Popover/src/index.js +70 -68
  160. package/dist/radio/src/DecorativeRadio.css +189 -42
  161. package/dist/radio/src/DecorativeRadio.js +2 -2
  162. package/dist/radio/src/Radio.css +181 -34
  163. package/dist/radio/src/Radio.js +2 -2
  164. package/dist/radio/src/RadioField.css +162 -15
  165. package/dist/radio/src/RadioField.js +1 -1
  166. package/dist/radio/src/RadioGroup.css +227 -99
  167. package/dist/radio/src/RadioGroup.js +2 -2
  168. package/dist/radio/src/index.css +233 -105
  169. package/dist/radio/src/index.js +8 -8
  170. package/dist/switch/src/Switch.css +178 -31
  171. package/dist/switch/src/Switch.js +2 -2
  172. package/dist/switch/src/SwitchField.css +162 -15
  173. package/dist/switch/src/SwitchField.js +2 -2
  174. package/dist/switch/src/index.css +184 -37
  175. package/dist/switch/src/index.js +4 -4
  176. package/dist/tag/src/Tag.css +464 -360
  177. package/dist/tag/src/Tag.js +5 -5
  178. package/dist/tag/src/TagGroup.css +166 -38
  179. package/dist/tag/src/TagGroup.js +2 -2
  180. package/dist/tag/src/TagList.css +226 -0
  181. package/dist/tag/src/index.css +474 -389
  182. package/dist/tag/src/index.js +9 -9
  183. package/dist/typography/Heading/src/Heading.css +151 -9
  184. package/dist/typography/Heading/src/Heading.js +1 -1
  185. package/dist/typography/Heading/src/index.css +151 -9
  186. package/dist/typography/Heading/src/index.js +1 -1
  187. package/dist/typography/Label/src/Label.css +211 -3
  188. package/dist/typography/Label/src/Label.js +1 -1
  189. package/dist/typography/Label/src/index.css +211 -3
  190. package/dist/typography/Label/src/index.js +1 -1
  191. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  192. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  193. package/dist/typography/OverlineText/src/index.css +190 -6
  194. package/dist/typography/OverlineText/src/index.js +1 -1
  195. package/dist/typography/Text/src/Text.css +156 -9
  196. package/dist/typography/Text/src/Text.js +1 -1
  197. package/dist/typography/Text/src/index.css +156 -9
  198. package/dist/typography/Text/src/index.js +1 -1
  199. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  200. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  201. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  202. package/dist/utils/src/index.css +226 -0
  203. package/dist/utils/src/index.d.ts +11 -10
  204. package/dist/utils/src/index.js +13 -2
  205. package/package.json +2 -2
@@ -1,23 +1,23 @@
1
- export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-FSRORCX7.js';
2
- export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-DCTC6KDW.js';
3
- export { TagContext } from '../../chunk-EWMWQ2MC.js';
4
- export { TagGroupContext } from '../../chunk-LCAS3YQV.js';
5
1
  export { GlobalTagListCssSelector, _TagList as TagList } from '../../chunk-WWRB4K4M.js';
2
+ export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-HCJLAF2O.js';
3
+ export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-N66DZLL6.js';
6
4
  export { TagListContext } from '../../chunk-XLKYXKWE.js';
7
- import '../../chunk-AWYN6573.js';
5
+ export { TagContext } from '../../chunk-EWMWQ2MC.js';
6
+ export { TagGroupContext } from '../../chunk-LCAS3YQV.js';
7
+ import '../../chunk-UR3NK3LV.js';
8
8
  import '../../chunk-DXVKHP4V.js';
9
- import '../../chunk-SRT6TJ7K.js';
9
+ import '../../chunk-4PBFVO5S.js';
10
10
  import '../../chunk-O7IJYNVQ.js';
11
11
  import '../../chunk-QCA3ZR56.js';
12
- import '../../chunk-PGYHBNCP.js';
12
+ import '../../chunk-54U727IV.js';
13
13
  import '../../chunk-4ZYV2XLW.js';
14
14
  import '../../chunk-TFVDF4YH.js';
15
15
  import '../../chunk-ZWU6DRRZ.js';
16
- import '../../chunk-HZKFQ33E.js';
17
16
  import '../../chunk-DHVVYSLB.js';
17
+ import '../../chunk-HZKFQ33E.js';
18
18
  import '../../chunk-FAE27DLF.js';
19
19
  import '../../chunk-CQDLZ42T.js';
20
- import '../../chunk-F4XYXAPX.js';
20
+ import '../../chunk-KQQCELPA.js';
21
21
  import '../../chunk-X6SER3TZ.js';
22
22
  import '../../chunk-HXI3MEEK.js';
23
23
  import '../../chunk-AES7QBQE.js';
@@ -1,5 +1,147 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
+ .Text-module__hop-Text___aPHsZ {
3
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
6
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
7
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
8
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
9
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
10
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
11
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
12
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
13
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
14
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
15
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
16
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
17
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
18
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
19
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
20
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
21
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
22
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
23
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
24
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
25
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
26
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
27
+ --hop-Text-inherit-size-font-size: inherit;
28
+ --hop-Text-inherit-size-font-family: inherit;
29
+ --hop-Text-inherit-size-font-weight: inherit;
30
+ --hop-Text-inherit-size-line-height: inherit;
31
+ }
32
+ :where(.Text-module__hop-Text___aPHsZ) {
33
+ font-family: var(--font-family);
34
+ font-size: var(--font-size);
35
+ font-weight: var(--font-weight);
36
+ line-height: var(--line-height);
37
+ }
38
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
39
+ --font-size: var(--hop-Text-xs-font-size);
40
+ --font-family: var(--hop-Text-xs-font-family);
41
+ --font-weight: var(--hop-Text-xs-font-weight);
42
+ --line-height: var(--hop-Text-xs-line-height);
43
+ }
44
+ :where(.Text-module__hop-Text--sm___FPZs6) {
45
+ --font-size: var(--hop-Text-sm-font-size);
46
+ --font-family: var(--hop-Text-sm-font-family);
47
+ --font-weight: var(--hop-Text-sm-font-weight);
48
+ --line-height: var(--hop-Text-sm-line-height);
49
+ }
50
+ :where(.Text-module__hop-Text--md___wwFGu) {
51
+ --font-size: var(--hop-Text-md-font-size);
52
+ --font-family: var(--hop-Text-md-font-family);
53
+ --font-weight: var(--hop-Text-md-font-weight);
54
+ --line-height: var(--hop-Text-md-line-height);
55
+ }
56
+ :where(.Text-module__hop-Text--lg___eP1l5) {
57
+ --font-size: var(--hop-Text-lg-font-size);
58
+ --font-family: var(--hop-Text-lg-font-family);
59
+ --font-weight: var(--hop-Text-lg-font-weight);
60
+ --line-height: var(--hop-Text-lg-line-height);
61
+ }
62
+ :where(.Text-module__hop-Text--xl___MX4B5) {
63
+ --font-size: var(--hop-Text-xl-font-size);
64
+ --font-family: var(--hop-Text-xl-font-family);
65
+ --font-weight: var(--hop-Text-xl-font-weight);
66
+ --line-height: var(--hop-Text-xl-line-height);
67
+ }
68
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
69
+ --font-size: var(--hop-Text-2xl-font-size);
70
+ --font-family: var(--hop-Text-2xl-font-family);
71
+ --font-weight: var(--hop-Text-2xl-font-weight);
72
+ --line-height: var(--hop-Text-2xl-line-height);
73
+ }
74
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
75
+ --font-size: var(--hop-Text-inherit-size-font-size);
76
+ --font-family: var(--hop-Text-inherit-size-font-family);
77
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
78
+ --line-height: var(--hop-Text-inherit-size-line-height);
79
+ }
80
+
81
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
82
+ :where(.OverlineText-module__hop-OverlineText___XDVrN) {
83
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
84
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
85
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
86
+ --hop-OverlineText-letter-spacing: 0.015rem;
87
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
88
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
89
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
90
+ --font-family: var(--hop-OverlineText-font-family);
91
+ --font-size: var(--hop-OverlineText-font-size);
92
+ --font-weight: var(--hop-OverlineText-font-weight);
93
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
94
+ --line-height: var(--hop-OverlineText-line-height);
95
+ --top-offset: var(--hop-OverlineText-top-offset);
96
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
97
+ box-sizing: border-box;
98
+ font-family: var(--font-family);
99
+ font-size: var(--font-size);
100
+ font-feature-settings: "case";
101
+ font-weight: var(--font-weight);
102
+ line-height: var(--line-height);
103
+ text-transform: uppercase;
104
+ letter-spacing: var(--letter-spacing);
105
+ }
106
+ .OverlineText-module__hop-OverlineText__text___nGtRo {
107
+ box-sizing: border-box;
108
+ }
109
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before,
110
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
111
+ content: "";
112
+ display: block;
113
+ box-sizing: border-box;
114
+ inline-size: 0;
115
+ block-size: 0;
116
+ }
117
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before {
118
+ margin-block-end: var(--bottom-offset);
119
+ }
120
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
121
+ margin-block-start: var(--top-offset);
122
+ }
123
+
124
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
125
+ .Label-module__hop-Label___1zcVv {
126
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
127
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
128
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
129
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
130
+ --hop-Label-color: var(--hop-neutral-text-weak);
131
+ }
132
+ :where(.Label-module__hop-Label___1zcVv) {
133
+ font-family: var(--hop-Label-font-family);
134
+ font-size: var(--hop-Label-font-size);
135
+ font-weight: var(--hop-Label-font-weight);
136
+ line-height: var(--hop-Label-line-height);
137
+ color: var(--hop-Label-color);
138
+ }
139
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
140
+ padding-inline-start: var(--hop-space-20);
141
+ }
142
+
1
143
  /* 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___byI5a {
144
+ .Heading-module__hop-Heading___qL-Ga {
3
145
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
146
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
147
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +175,50 @@
33
175
  --hop-Heading-inherit-size-font-weight: inherit;
34
176
  --hop-Heading-inherit-size-line-height: inherit;
35
177
  }
36
- :where(.Heading-module__hop-Heading___byI5a) {
178
+ :where(.Heading-module__hop-Heading___qL-Ga) {
37
179
  margin: 0;
38
180
  font-family: var(--font-family);
39
181
  font-size: var(--font-size);
40
182
  font-weight: var(--font-weight);
41
183
  line-height: var(--line-height);
42
184
  }
43
- :where(.Heading-module__hop-Heading--xs___S-Spm) {
185
+ :where(.Heading-module__hop-Heading--xs___emC4g) {
44
186
  --font-size: var(--hop-Heading-xs-font-size);
45
187
  --font-family: var(--hop-Heading-xs-font-family);
46
188
  --font-weight: var(--hop-Heading-xs-font-weight);
47
189
  --line-height: var(--hop-Heading-xs-line-height);
48
190
  }
49
- :where(.Heading-module__hop-Heading--sm___eYVWY) {
191
+ :where(.Heading-module__hop-Heading--sm___0rHcs) {
50
192
  --font-size: var(--hop-Heading-sm-font-size);
51
193
  --font-family: var(--hop-Heading-sm-font-family);
52
194
  --font-weight: var(--hop-Heading-sm-font-weight);
53
195
  --line-height: var(--hop-Heading-sm-line-height);
54
196
  }
55
- :where(.Heading-module__hop-Heading--md___Trt4d) {
197
+ :where(.Heading-module__hop-Heading--md___lrBIc) {
56
198
  --font-size: var(--hop-Heading-md-font-size);
57
199
  --font-family: var(--hop-Heading-md-font-family);
58
200
  --font-weight: var(--hop-Heading-md-font-weight);
59
201
  --line-height: var(--hop-Heading-md-line-height);
60
202
  }
61
- :where(.Heading-module__hop-Heading--lg___8RulN) {
203
+ :where(.Heading-module__hop-Heading--lg___9cuPI) {
62
204
  --font-size: var(--hop-Heading-lg-font-size);
63
205
  --font-family: var(--hop-Heading-lg-font-family);
64
206
  --font-weight: var(--hop-Heading-lg-font-weight);
65
207
  --line-height: var(--hop-Heading-lg-line-height);
66
208
  }
67
- :where(.Heading-module__hop-Heading--xl___XLAp5) {
209
+ :where(.Heading-module__hop-Heading--xl___WkYun) {
68
210
  --font-size: var(--hop-Heading-xl-font-size);
69
211
  --font-family: var(--hop-Heading-xl-font-family);
70
212
  --font-weight: var(--hop-Heading-xl-font-weight);
71
213
  --line-height: var(--hop-Heading-xl-line-height);
72
214
  }
73
- :where(.Heading-module__hop-Heading--2xl___ghz3S) {
215
+ :where(.Heading-module__hop-Heading--2xl___RaYLz) {
74
216
  --font-size: var(--hop-Heading-2xl-font-size);
75
217
  --font-family: var(--hop-Heading-2xl-font-family);
76
218
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
219
  --line-height: var(--hop-Heading-2xl-line-height);
78
220
  }
79
- :where(.Heading-module__hop-Heading--3xl___sTxzT) {
221
+ :where(.Heading-module__hop-Heading--3xl___e1oE9) {
80
222
  --font-size: var(--hop-Heading-3xl-font-size);
81
223
  --font-family: var(--hop-Heading-3xl-font-family);
82
224
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -1,4 +1,4 @@
1
- export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-YFJWAPT5.js';
1
+ export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-XHW2Z6AX.js';
2
2
  import '../../../chunk-TXZ6BMFR.js';
3
3
  import '../../../chunk-KVDXQMWI.js';
4
4
  import '../../../chunk-JSBRDJBE.js';
@@ -1,5 +1,147 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
+ .Text-module__hop-Text___aPHsZ {
3
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
6
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
7
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
8
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
9
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
10
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
11
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
12
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
13
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
14
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
15
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
16
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
17
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
18
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
19
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
20
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
21
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
22
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
23
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
24
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
25
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
26
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
27
+ --hop-Text-inherit-size-font-size: inherit;
28
+ --hop-Text-inherit-size-font-family: inherit;
29
+ --hop-Text-inherit-size-font-weight: inherit;
30
+ --hop-Text-inherit-size-line-height: inherit;
31
+ }
32
+ :where(.Text-module__hop-Text___aPHsZ) {
33
+ font-family: var(--font-family);
34
+ font-size: var(--font-size);
35
+ font-weight: var(--font-weight);
36
+ line-height: var(--line-height);
37
+ }
38
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
39
+ --font-size: var(--hop-Text-xs-font-size);
40
+ --font-family: var(--hop-Text-xs-font-family);
41
+ --font-weight: var(--hop-Text-xs-font-weight);
42
+ --line-height: var(--hop-Text-xs-line-height);
43
+ }
44
+ :where(.Text-module__hop-Text--sm___FPZs6) {
45
+ --font-size: var(--hop-Text-sm-font-size);
46
+ --font-family: var(--hop-Text-sm-font-family);
47
+ --font-weight: var(--hop-Text-sm-font-weight);
48
+ --line-height: var(--hop-Text-sm-line-height);
49
+ }
50
+ :where(.Text-module__hop-Text--md___wwFGu) {
51
+ --font-size: var(--hop-Text-md-font-size);
52
+ --font-family: var(--hop-Text-md-font-family);
53
+ --font-weight: var(--hop-Text-md-font-weight);
54
+ --line-height: var(--hop-Text-md-line-height);
55
+ }
56
+ :where(.Text-module__hop-Text--lg___eP1l5) {
57
+ --font-size: var(--hop-Text-lg-font-size);
58
+ --font-family: var(--hop-Text-lg-font-family);
59
+ --font-weight: var(--hop-Text-lg-font-weight);
60
+ --line-height: var(--hop-Text-lg-line-height);
61
+ }
62
+ :where(.Text-module__hop-Text--xl___MX4B5) {
63
+ --font-size: var(--hop-Text-xl-font-size);
64
+ --font-family: var(--hop-Text-xl-font-family);
65
+ --font-weight: var(--hop-Text-xl-font-weight);
66
+ --line-height: var(--hop-Text-xl-line-height);
67
+ }
68
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
69
+ --font-size: var(--hop-Text-2xl-font-size);
70
+ --font-family: var(--hop-Text-2xl-font-family);
71
+ --font-weight: var(--hop-Text-2xl-font-weight);
72
+ --line-height: var(--hop-Text-2xl-line-height);
73
+ }
74
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
75
+ --font-size: var(--hop-Text-inherit-size-font-size);
76
+ --font-family: var(--hop-Text-inherit-size-font-family);
77
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
78
+ --line-height: var(--hop-Text-inherit-size-line-height);
79
+ }
80
+
81
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
82
+ :where(.OverlineText-module__hop-OverlineText___XDVrN) {
83
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
84
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
85
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
86
+ --hop-OverlineText-letter-spacing: 0.015rem;
87
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
88
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
89
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
90
+ --font-family: var(--hop-OverlineText-font-family);
91
+ --font-size: var(--hop-OverlineText-font-size);
92
+ --font-weight: var(--hop-OverlineText-font-weight);
93
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
94
+ --line-height: var(--hop-OverlineText-line-height);
95
+ --top-offset: var(--hop-OverlineText-top-offset);
96
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
97
+ box-sizing: border-box;
98
+ font-family: var(--font-family);
99
+ font-size: var(--font-size);
100
+ font-feature-settings: "case";
101
+ font-weight: var(--font-weight);
102
+ line-height: var(--line-height);
103
+ text-transform: uppercase;
104
+ letter-spacing: var(--letter-spacing);
105
+ }
106
+ .OverlineText-module__hop-OverlineText__text___nGtRo {
107
+ box-sizing: border-box;
108
+ }
109
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before,
110
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
111
+ content: "";
112
+ display: block;
113
+ box-sizing: border-box;
114
+ inline-size: 0;
115
+ block-size: 0;
116
+ }
117
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before {
118
+ margin-block-end: var(--bottom-offset);
119
+ }
120
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
121
+ margin-block-start: var(--top-offset);
122
+ }
123
+
124
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
125
+ .Label-module__hop-Label___1zcVv {
126
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
127
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
128
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
129
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
130
+ --hop-Label-color: var(--hop-neutral-text-weak);
131
+ }
132
+ :where(.Label-module__hop-Label___1zcVv) {
133
+ font-family: var(--hop-Label-font-family);
134
+ font-size: var(--hop-Label-font-size);
135
+ font-weight: var(--hop-Label-font-weight);
136
+ line-height: var(--hop-Label-line-height);
137
+ color: var(--hop-Label-color);
138
+ }
139
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
140
+ padding-inline-start: var(--hop-space-20);
141
+ }
142
+
1
143
  /* 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___byI5a {
144
+ .Heading-module__hop-Heading___qL-Ga {
3
145
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
146
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
147
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +175,50 @@
33
175
  --hop-Heading-inherit-size-font-weight: inherit;
34
176
  --hop-Heading-inherit-size-line-height: inherit;
35
177
  }
36
- :where(.Heading-module__hop-Heading___byI5a) {
178
+ :where(.Heading-module__hop-Heading___qL-Ga) {
37
179
  margin: 0;
38
180
  font-family: var(--font-family);
39
181
  font-size: var(--font-size);
40
182
  font-weight: var(--font-weight);
41
183
  line-height: var(--line-height);
42
184
  }
43
- :where(.Heading-module__hop-Heading--xs___S-Spm) {
185
+ :where(.Heading-module__hop-Heading--xs___emC4g) {
44
186
  --font-size: var(--hop-Heading-xs-font-size);
45
187
  --font-family: var(--hop-Heading-xs-font-family);
46
188
  --font-weight: var(--hop-Heading-xs-font-weight);
47
189
  --line-height: var(--hop-Heading-xs-line-height);
48
190
  }
49
- :where(.Heading-module__hop-Heading--sm___eYVWY) {
191
+ :where(.Heading-module__hop-Heading--sm___0rHcs) {
50
192
  --font-size: var(--hop-Heading-sm-font-size);
51
193
  --font-family: var(--hop-Heading-sm-font-family);
52
194
  --font-weight: var(--hop-Heading-sm-font-weight);
53
195
  --line-height: var(--hop-Heading-sm-line-height);
54
196
  }
55
- :where(.Heading-module__hop-Heading--md___Trt4d) {
197
+ :where(.Heading-module__hop-Heading--md___lrBIc) {
56
198
  --font-size: var(--hop-Heading-md-font-size);
57
199
  --font-family: var(--hop-Heading-md-font-family);
58
200
  --font-weight: var(--hop-Heading-md-font-weight);
59
201
  --line-height: var(--hop-Heading-md-line-height);
60
202
  }
61
- :where(.Heading-module__hop-Heading--lg___8RulN) {
203
+ :where(.Heading-module__hop-Heading--lg___9cuPI) {
62
204
  --font-size: var(--hop-Heading-lg-font-size);
63
205
  --font-family: var(--hop-Heading-lg-font-family);
64
206
  --font-weight: var(--hop-Heading-lg-font-weight);
65
207
  --line-height: var(--hop-Heading-lg-line-height);
66
208
  }
67
- :where(.Heading-module__hop-Heading--xl___XLAp5) {
209
+ :where(.Heading-module__hop-Heading--xl___WkYun) {
68
210
  --font-size: var(--hop-Heading-xl-font-size);
69
211
  --font-family: var(--hop-Heading-xl-font-family);
70
212
  --font-weight: var(--hop-Heading-xl-font-weight);
71
213
  --line-height: var(--hop-Heading-xl-line-height);
72
214
  }
73
- :where(.Heading-module__hop-Heading--2xl___ghz3S) {
215
+ :where(.Heading-module__hop-Heading--2xl___RaYLz) {
74
216
  --font-size: var(--hop-Heading-2xl-font-size);
75
217
  --font-family: var(--hop-Heading-2xl-font-family);
76
218
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
219
  --line-height: var(--hop-Heading-2xl-line-height);
78
220
  }
79
- :where(.Heading-module__hop-Heading--3xl___sTxzT) {
221
+ :where(.Heading-module__hop-Heading--3xl___e1oE9) {
80
222
  --font-size: var(--hop-Heading-3xl-font-size);
81
223
  --font-family: var(--hop-Heading-3xl-font-family);
82
224
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -1,4 +1,4 @@
1
- export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-YFJWAPT5.js';
1
+ export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-XHW2Z6AX.js';
2
2
  export { HeadingContext } from '../../../chunk-TXZ6BMFR.js';
3
3
  import '../../../chunk-KVDXQMWI.js';
4
4
  import '../../../chunk-JSBRDJBE.js';