@hopper-ui/components 1.3.6 → 1.3.8

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 (188) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +21 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +10 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +31 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +753 -768
  27. package/dist/Form/src/Form.js +48 -47
  28. package/dist/Form/src/index.css +753 -768
  29. package/dist/Form/src/index.js +48 -47
  30. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  31. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  32. package/dist/HelperMessage/src/index.css +11 -11
  33. package/dist/HelperMessage/src/index.js +2 -2
  34. package/dist/IconList/src/IconList.css +1 -1
  35. package/dist/IconList/src/IconList.js +1 -1
  36. package/dist/IconList/src/index.css +1 -1
  37. package/dist/IconList/src/index.js +1 -1
  38. package/dist/Link/src/Link.css +31 -31
  39. package/dist/Link/src/Link.js +2 -2
  40. package/dist/Link/src/index.css +31 -31
  41. package/dist/Link/src/index.js +2 -2
  42. package/dist/ListBox/src/ListBox.css +267 -273
  43. package/dist/ListBox/src/ListBox.js +7 -7
  44. package/dist/ListBox/src/ListBoxItem.css +253 -253
  45. package/dist/ListBox/src/ListBoxItem.js +5 -5
  46. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  47. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  48. package/dist/ListBox/src/index.css +267 -273
  49. package/dist/ListBox/src/index.js +7 -7
  50. package/dist/Select/src/Select.css +753 -768
  51. package/dist/Select/src/Select.js +48 -47
  52. package/dist/Select/src/SelectValue.css +60 -60
  53. package/dist/Select/src/SelectValue.js +5 -5
  54. package/dist/Select/src/index.css +753 -768
  55. package/dist/Select/src/index.js +48 -47
  56. package/dist/Spinner/src/Spinner.css +19 -19
  57. package/dist/Spinner/src/Spinner.js +2 -2
  58. package/dist/Spinner/src/index.css +19 -19
  59. package/dist/Spinner/src/index.js +2 -2
  60. package/dist/buttons/src/Button.css +94 -94
  61. package/dist/buttons/src/Button.js +3 -3
  62. package/dist/buttons/src/ButtonGroup.css +11 -11
  63. package/dist/buttons/src/ButtonGroup.js +1 -1
  64. package/dist/buttons/src/ClearButton.css +71 -71
  65. package/dist/buttons/src/ClearButton.js +2 -2
  66. package/dist/buttons/src/EmbeddedButton.css +71 -71
  67. package/dist/buttons/src/EmbeddedButton.js +1 -1
  68. package/dist/buttons/src/index.css +176 -176
  69. package/dist/buttons/src/index.js +6 -6
  70. package/dist/checkbox/src/Checkbox.css +28 -28
  71. package/dist/checkbox/src/Checkbox.js +2 -2
  72. package/dist/checkbox/src/CheckboxField.css +15 -15
  73. package/dist/checkbox/src/CheckboxField.js +1 -1
  74. package/dist/checkbox/src/CheckboxGroup.css +83 -83
  75. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  76. package/dist/checkbox/src/DecorativeCheckbox.css +36 -36
  77. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  78. package/dist/checkbox/src/index.css +83 -83
  79. package/dist/checkbox/src/index.js +5 -5
  80. package/dist/{chunk-MYAC6TLH.js → chunk-2J5HM77N.js} +1 -1
  81. package/dist/{chunk-23GXMA5L.js → chunk-3LUQ6A2L.js} +2 -2
  82. package/dist/{chunk-HXMMNMFV.js → chunk-4ARX267G.js} +2 -2
  83. package/dist/{chunk-7MB63YNF.js → chunk-6FDLX77I.js} +1 -1
  84. package/dist/{chunk-C2IFIGEU.js → chunk-7CIKPH4J.js} +2 -2
  85. package/dist/{chunk-46GSYJ4O.js → chunk-7H4MZKSZ.js} +4 -4
  86. package/dist/{chunk-FE6YBJMN.js → chunk-AC6JVAVX.js} +3 -3
  87. package/dist/{chunk-D7KHPU3U.js → chunk-AGRLOZWN.js} +1 -1
  88. package/dist/{chunk-NKZRZZMH.js → chunk-AJMHHWRN.js} +1 -1
  89. package/dist/chunk-BFVCZF4H.js +52 -0
  90. package/dist/{chunk-DZZ4WWRN.js → chunk-BPFMTXRF.js} +2 -2
  91. package/dist/{chunk-KIZSSIMT.js → chunk-CTTRBWBT.js} +1 -1
  92. package/dist/{chunk-NQYHB7S3.js → chunk-CURG4YI3.js} +3 -3
  93. package/dist/{chunk-5RHMPFIJ.js → chunk-DRG2376D.js} +3 -3
  94. package/dist/{chunk-6W5XVFIS.js → chunk-E4PIETAY.js} +2 -2
  95. package/dist/{chunk-32QBNIEM.js → chunk-FIJ3CLQB.js} +1 -1
  96. package/dist/{chunk-3K2JRC5Y.js → chunk-GMMQYERH.js} +1 -1
  97. package/dist/{chunk-UJVTDWNG.js → chunk-H2L3SQIO.js} +7 -7
  98. package/dist/{chunk-ICGQUOUM.js → chunk-IP4N5EBH.js} +1 -1
  99. package/dist/{chunk-56UB7UOG.js → chunk-J2OCA4O2.js} +1 -1
  100. package/dist/{chunk-NUB4BYRF.js → chunk-JNDKNURH.js} +1 -1
  101. package/dist/{chunk-LDWNFZXA.js → chunk-JURJ6BXP.js} +1 -1
  102. package/dist/{chunk-ODXA2UZN.js → chunk-JVDDMMRS.js} +2 -2
  103. package/dist/{chunk-CGL75FSH.js → chunk-KQ735GKE.js} +5 -5
  104. package/dist/{chunk-QLR77TGC.js → chunk-KXUA2JOW.js} +1 -1
  105. package/dist/{chunk-LEPWFS5L.js → chunk-KZWQ57ZJ.js} +2 -2
  106. package/dist/{chunk-ZSOGDKV5.js → chunk-MBFMR455.js} +1 -1
  107. package/dist/{chunk-4RSRAAPW.js → chunk-MVBXZQAH.js} +2 -2
  108. package/dist/{chunk-OGIBVQFW.js → chunk-NLQW4MJR.js} +1 -1
  109. package/dist/{chunk-PNWMICY7.js → chunk-PEB7PBUB.js} +1 -1
  110. package/dist/{chunk-4U7DCAUG.js → chunk-PWOFOTJR.js} +1 -1
  111. package/dist/{chunk-SSCVAJ2H.js → chunk-QLLCRVCV.js} +12 -21
  112. package/dist/{chunk-7L5HTRIH.js → chunk-R4LPKOSF.js} +2 -2
  113. package/dist/{chunk-CVYYW7J4.js → chunk-RR6N2GZX.js} +2 -2
  114. package/dist/{chunk-G6W6FNEX.js → chunk-THMKXCNG.js} +2 -2
  115. package/dist/{chunk-EUXXCRBZ.js → chunk-TQZKBOSP.js} +1 -1
  116. package/dist/{chunk-RDPNKPZ3.js → chunk-UR26A74E.js} +1 -1
  117. package/dist/{chunk-AAV7H2PI.js → chunk-VMCZQTOI.js} +2 -2
  118. package/dist/{chunk-OMF56Z2Y.js → chunk-XEZVEXWO.js} +1 -1
  119. package/dist/{chunk-R4LJYEOV.js → chunk-XHMXUELC.js} +13 -21
  120. package/dist/{chunk-NZKS5OKD.js → chunk-XJAHZJVO.js} +1 -1
  121. package/dist/{chunk-FU2IY2JF.js → chunk-YHH5TXPG.js} +3 -3
  122. package/dist/{chunk-6XHZ6XI2.js → chunk-Z2VOM3C3.js} +3 -3
  123. package/dist/{chunk-YZ676IC2.js → chunk-Z54LX6IU.js} +3 -3
  124. package/dist/index.css +753 -768
  125. package/dist/index.d.ts +5 -4
  126. package/dist/index.js +48 -47
  127. package/dist/inputs/src/InputGroup.css +191 -191
  128. package/dist/inputs/src/InputGroup.js +1 -1
  129. package/dist/inputs/src/NumberField.css +231 -231
  130. package/dist/inputs/src/NumberField.js +6 -6
  131. package/dist/inputs/src/PasswordField.css +219 -219
  132. package/dist/inputs/src/PasswordField.js +7 -7
  133. package/dist/inputs/src/RemainingCharacterCount.css +241 -0
  134. package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
  135. package/dist/inputs/src/RemainingCharacterCount.js +17 -0
  136. package/dist/inputs/src/SearchField.css +225 -225
  137. package/dist/inputs/src/SearchField.js +8 -8
  138. package/dist/inputs/src/TextArea.css +241 -237
  139. package/dist/inputs/src/TextArea.js +8 -6
  140. package/dist/inputs/src/TextField.css +235 -233
  141. package/dist/inputs/src/TextField.js +10 -8
  142. package/dist/inputs/src/index.css +329 -338
  143. package/dist/inputs/src/index.d.ts +8 -4
  144. package/dist/inputs/src/index.js +14 -12
  145. package/dist/overlays/Popover/src/Popover.css +753 -768
  146. package/dist/overlays/Popover/src/Popover.js +48 -47
  147. package/dist/overlays/Popover/src/index.css +753 -768
  148. package/dist/overlays/Popover/src/index.js +48 -47
  149. package/dist/radio/src/DecorativeRadio.css +36 -36
  150. package/dist/radio/src/DecorativeRadio.js +2 -2
  151. package/dist/radio/src/Radio.css +28 -28
  152. package/dist/radio/src/Radio.js +2 -2
  153. package/dist/radio/src/RadioField.css +15 -15
  154. package/dist/radio/src/RadioField.js +1 -1
  155. package/dist/radio/src/RadioGroup.css +83 -83
  156. package/dist/radio/src/RadioGroup.js +2 -2
  157. package/dist/radio/src/index.css +83 -83
  158. package/dist/radio/src/index.js +6 -6
  159. package/dist/switch/src/Switch.css +25 -25
  160. package/dist/switch/src/Switch.js +2 -2
  161. package/dist/switch/src/SwitchField.css +15 -15
  162. package/dist/switch/src/SwitchField.js +1 -1
  163. package/dist/switch/src/index.css +31 -31
  164. package/dist/switch/src/index.js +3 -3
  165. package/dist/tag/src/Tag.css +323 -323
  166. package/dist/tag/src/Tag.js +5 -5
  167. package/dist/tag/src/TagGroup.css +22 -22
  168. package/dist/tag/src/TagGroup.js +1 -1
  169. package/dist/tag/src/index.css +336 -336
  170. package/dist/tag/src/index.js +6 -6
  171. package/dist/typography/Heading/src/Heading.css +9 -9
  172. package/dist/typography/Heading/src/Heading.js +1 -1
  173. package/dist/typography/Heading/src/index.css +9 -9
  174. package/dist/typography/Heading/src/index.js +1 -1
  175. package/dist/typography/Label/src/Label.css +3 -3
  176. package/dist/typography/Label/src/Label.js +1 -1
  177. package/dist/typography/Label/src/index.css +3 -3
  178. package/dist/typography/Label/src/index.js +1 -1
  179. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  180. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  181. package/dist/typography/OverlineText/src/index.css +6 -6
  182. package/dist/typography/OverlineText/src/index.js +1 -1
  183. package/dist/typography/Text/src/Text.css +9 -9
  184. package/dist/typography/Text/src/Text.js +1 -1
  185. package/dist/typography/Text/src/index.css +9 -9
  186. package/dist/typography/Text/src/index.js +1 -1
  187. package/dist/utils/src/index.js +1 -1
  188. package/package.json +2 -2
package/dist/inputs/src/PasswordField.js CHANGED
@@ -1,20 +1,20 @@
1
- export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from '../../chunk-5RHMPFIJ.js';
1
+ export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from '../../chunk-DRG2376D.js';
2
2
  import '../../chunk-QW45G6K4.js';
3
- import '../../chunk-ZSOGDKV5.js';
3
+ import '../../chunk-MBFMR455.js';
4
4
  import '../../chunk-6BFSSZCY.js';
5
- import '../../chunk-NKZRZZMH.js';
5
+ import '../../chunk-AJMHHWRN.js';
6
6
  import '../../chunk-O7IJYNVQ.js';
7
7
  import '../../chunk-LJXTJRSB.js';
8
- import '../../chunk-LDWNFZXA.js';
8
+ import '../../chunk-JURJ6BXP.js';
9
9
  import '../../chunk-TXZ6BMFR.js';
10
- import '../../chunk-D7KHPU3U.js';
10
+ import '../../chunk-AGRLOZWN.js';
11
11
  import '../../chunk-QCA3ZR56.js';
12
12
  import '../../chunk-TFVDF4YH.js';
13
13
  import '../../chunk-HZKFQ33E.js';
14
14
  import '../../chunk-FAE27DLF.js';
15
- import '../../chunk-EUXXCRBZ.js';
15
+ import '../../chunk-TQZKBOSP.js';
16
16
  import '../../chunk-WPNVVGFW.js';
17
- import '../../chunk-MYAC6TLH.js';
17
+ import '../../chunk-2J5HM77N.js';
18
18
  import '../../chunk-X6SER3TZ.js';
19
19
  import '../../chunk-HXI3MEEK.js';
20
20
  import '../../chunk-65JPI4FL.js';
package/dist/inputs/src/RemainingCharacterCount.css ADDED
@@ -0,0 +1,241 @@
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___n97SR {
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___n97SR) {
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___mTtTP) {
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___eo32f) {
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___IrFcX) {
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___7r13U) {
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___TkxTV) {
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___JATsN) {
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___7Xm3l) {
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___jadPy {
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___jadPy) {
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___253D0) {
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___8aHpz) {
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___qNltd) {
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___1A-Db) {
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___DBJXl) {
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___9vwXN) {
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___PWsD3) {
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___JXNg5) {
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___74jxg {
192
+ box-sizing: border-box;
193
+ }
194
+ .OverlineText-module__hop-OverlineText__text___74jxg::before,
195
+ .OverlineText-module__hop-OverlineText__text___74jxg::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___74jxg::before {
203
+ margin-block-end: var(--bottom-offset);
204
+ }
205
+ .OverlineText-module__hop-OverlineText__text___74jxg::after {
206
+ margin-block-start: var(--top-offset);
207
+ }
208
+
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___I1lcR {
211
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
+ --hop-Label-color: var(--hop-neutral-text-weak);
216
+ }
217
+ :where(.Label-module__hop-Label___I1lcR) {
218
+ font-family: var(--hop-Label-font-family);
219
+ font-size: var(--hop-Label-font-size);
220
+ font-weight: var(--hop-Label-font-weight);
221
+ line-height: var(--hop-Label-line-height);
222
+ color: var(--hop-Label-color);
223
+ }
224
+ :where(.Label-module__hop-Label__indicator___bMR5H) {
225
+ padding-inline-start: var(--hop-space-20);
226
+ }
227
+
228
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
229
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY {
230
+ --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
231
+ --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
232
+ --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
233
+ --char-count-color: var(--hop-RemainingCharacterCount-color);
234
+ color: var(--char-count-color);
235
+ }
236
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-invalid] {
237
+ --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
238
+ }
239
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-disabled] {
240
+ --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
241
+ }
package/dist/inputs/src/RemainingCharacterCount.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import * as react from 'react';
2
+ import { ComponentProps } from 'react';
3
+ import { StyledSystemProps } from '@hopper-ui/styled-system';
4
+ import { Text as _Text } from '../../typography/Text/src/Text.js';
5
+ import { RenderProps } from '../../utils/src/types.js';
6
+ import 'react-aria-components';
7
+ import '@react-types/shared';
8
+
9
+ interface RemainingCharacterCountRenderProps {
10
+ isDisabled: boolean;
11
+ isInvalid: boolean;
12
+ }
13
+ interface RemainingCharacterCountProps extends Omit<ComponentProps<typeof _Text>, "children" | "className" | "style">, StyledSystemProps, Omit<RenderProps<RemainingCharacterCountRenderProps>, "children"> {
14
+ count: number;
15
+ isDisabled?: boolean;
16
+ isInvalid?: boolean;
17
+ }
18
+ /**
19
+ * The RemainingCharacterCount component displays the number of characters remaining within a Text component.
20
+ *
21
+ * [View Documentation](TODO)
22
+ */
23
+ declare const _RemainingCharacterCount: react.ForwardRefExoticComponent<Omit<RemainingCharacterCountProps, "ref"> & react.RefAttributes<HTMLElement>>;
24
+
25
+ export { _RemainingCharacterCount as RemainingCharacterCount, type RemainingCharacterCountProps };
package/dist/inputs/src/RemainingCharacterCount.js ADDED
@@ -0,0 +1,17 @@
1
+ export { _RemainingCharacterCount as RemainingCharacterCount } from '../../chunk-BFVCZF4H.js';
2
+ import '../../chunk-LJXTJRSB.js';
3
+ import '../../chunk-JURJ6BXP.js';
4
+ import '../../chunk-TXZ6BMFR.js';
5
+ import '../../chunk-AGRLOZWN.js';
6
+ import '../../chunk-QCA3ZR56.js';
7
+ import '../../chunk-TFVDF4YH.js';
8
+ import '../../chunk-TQZKBOSP.js';
9
+ import '../../chunk-WPNVVGFW.js';
10
+ import '../../chunk-2J5HM77N.js';
11
+ import '../../chunk-X6SER3TZ.js';
12
+ import '../../chunk-HXI3MEEK.js';
13
+ import '../../chunk-NH3IVMXB.js';
14
+ import '../../chunk-65JPI4FL.js';
15
+ import '../../chunk-M36KANKC.js';
16
+ import '../../chunk-KVDXQMWI.js';
17
+ import '../../chunk-JSBRDJBE.js';