@hopper-ui/components 0.1.1 → 1.0.0

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 (199) hide show
  1. package/CHANGELOG.md +110 -0
  2. package/dist/HopperProvider/src/HopperProvider.d.ts +33 -1
  3. package/dist/HopperProvider/src/HopperProvider.js +2 -1
  4. package/dist/HopperProvider/src/index.d.ts +1 -0
  5. package/dist/HopperProvider/src/index.js +2 -1
  6. package/dist/IconList/src/IconList.css +4 -4
  7. package/dist/IconList/src/IconList.js +2 -1
  8. package/dist/IconList/src/IconListContext.js +1 -0
  9. package/dist/IconList/src/index.css +4 -4
  10. package/dist/IconList/src/index.js +2 -1
  11. package/dist/Label/src/Label.css +11 -11
  12. package/dist/Label/src/Label.js +2 -1
  13. package/dist/Label/src/LabelContext.js +1 -0
  14. package/dist/Label/src/index.css +11 -11
  15. package/dist/Label/src/index.js +2 -1
  16. package/dist/Link/src/Link.css +165 -0
  17. package/dist/Link/src/Link.d.ts +33 -0
  18. package/dist/Link/src/Link.js +11 -0
  19. package/dist/Link/src/LinkContext.d.ts +8 -0
  20. package/dist/Link/src/LinkContext.js +2 -0
  21. package/dist/Link/src/index.css +165 -0
  22. package/dist/Link/src/index.d.ts +5 -0
  23. package/dist/Link/src/index.js +11 -0
  24. package/dist/Spinner/src/Spinner.css +80 -80
  25. package/dist/Spinner/src/Spinner.d.ts +1 -0
  26. package/dist/Spinner/src/Spinner.js +3 -2
  27. package/dist/Spinner/src/SpinnerContext.js +1 -0
  28. package/dist/Spinner/src/index.css +80 -80
  29. package/dist/Spinner/src/index.js +3 -2
  30. package/dist/Text/src/Text.css +11 -11
  31. package/dist/Text/src/Text.d.ts +2 -3
  32. package/dist/Text/src/Text.js +4 -1
  33. package/dist/Text/src/TextContext.js +1 -0
  34. package/dist/Text/src/index.css +11 -11
  35. package/dist/Text/src/index.d.ts +1 -1
  36. package/dist/Text/src/index.js +4 -1
  37. package/dist/buttons/src/Button.css +557 -358
  38. package/dist/buttons/src/Button.d.ts +15 -10
  39. package/dist/buttons/src/Button.js +10 -6
  40. package/dist/buttons/src/ButtonContext.d.ts +6 -2
  41. package/dist/buttons/src/ButtonContext.js +1 -0
  42. package/dist/buttons/src/ButtonGroup.css +38 -0
  43. package/dist/buttons/src/ButtonGroup.d.ts +40 -0
  44. package/dist/buttons/src/ButtonGroup.js +83 -0
  45. package/dist/buttons/src/ButtonGroupContext.d.ts +9 -0
  46. package/dist/buttons/src/ButtonGroupContext.js +2 -0
  47. package/dist/buttons/src/index.css +557 -358
  48. package/dist/buttons/src/index.d.ts +2 -1
  49. package/dist/buttons/src/index.js +10 -6
  50. package/dist/checkbox/src/Checkbox.css +292 -0
  51. package/dist/checkbox/src/Checkbox.d.ts +20 -0
  52. package/dist/checkbox/src/Checkbox.js +11 -0
  53. package/dist/checkbox/src/CheckboxContext.d.ts +8 -0
  54. package/dist/checkbox/src/CheckboxContext.js +2 -0
  55. package/dist/checkbox/src/CheckboxField.css +119 -0
  56. package/dist/checkbox/src/CheckboxField.d.ts +26 -0
  57. package/dist/checkbox/src/CheckboxField.js +7 -0
  58. package/dist/checkbox/src/CheckboxFieldContext.d.ts +10 -0
  59. package/dist/checkbox/src/CheckboxFieldContext.js +2 -0
  60. package/dist/checkbox/src/CheckboxGroup.css +568 -0
  61. package/dist/checkbox/src/CheckboxGroup.d.ts +30 -0
  62. package/dist/checkbox/src/CheckboxGroup.js +12 -0
  63. package/dist/checkbox/src/CheckboxGroupContext.d.ts +8 -0
  64. package/dist/checkbox/src/CheckboxGroupContext.js +2 -0
  65. package/dist/checkbox/src/CheckboxList.d.ts +17 -0
  66. package/dist/checkbox/src/CheckboxList.js +3 -0
  67. package/dist/checkbox/src/CheckboxListContext.d.ts +10 -0
  68. package/dist/checkbox/src/CheckboxListContext.js +2 -0
  69. package/dist/checkbox/src/index.css +568 -0
  70. package/dist/checkbox/src/index.d.ts +13 -0
  71. package/dist/checkbox/src/index.js +20 -0
  72. package/dist/chip/src/Chip.css +261 -0
  73. package/dist/chip/src/Chip.d.ts +27 -0
  74. package/dist/chip/src/Chip.js +10 -0
  75. package/dist/chip/src/ChipContext.d.ts +10 -0
  76. package/dist/chip/src/ChipContext.js +2 -0
  77. package/dist/chip/src/index.css +261 -0
  78. package/dist/chip/src/index.d.ts +7 -0
  79. package/dist/chip/src/index.js +10 -0
  80. package/dist/chunk-2EAZPH3M.js +7 -0
  81. package/dist/chunk-3LRBUQC2.js +43 -0
  82. package/dist/chunk-4AARNXWE.js +101 -0
  83. package/dist/chunk-4VVNSXIB.js +7 -0
  84. package/dist/chunk-5KJ5IKUE.js +69 -0
  85. package/dist/chunk-5MBJWRZD.js +7 -0
  86. package/dist/chunk-7ELZ57E5.js +93 -0
  87. package/dist/chunk-A7TZHALP.js +7 -0
  88. package/dist/chunk-ACVMW6YD.js +7 -0
  89. package/dist/{chunk-YLDA2M2E.js → chunk-ANVMQBBG.js} +2 -1
  90. package/dist/chunk-B7WS4DBA.js +83 -0
  91. package/dist/chunk-BPM4ETTB.js +35 -0
  92. package/dist/{chunk-JGYEQS4H.js → chunk-DFUQTSEV.js} +7 -7
  93. package/dist/chunk-DGLAGYBD.js +7 -0
  94. package/dist/chunk-ESVVLTEN.js +7 -0
  95. package/dist/chunk-FU5CCPLP.js +7 -0
  96. package/dist/chunk-GXKSX5N5.js +104 -0
  97. package/dist/chunk-H5YTU3U7.js +20 -0
  98. package/dist/chunk-H7VJS4MX.js +7 -0
  99. package/dist/chunk-HVRSS5RT.js +186 -0
  100. package/dist/chunk-HXI3MEEK.js +27 -0
  101. package/dist/chunk-I7AMDVGG.js +124 -0
  102. package/dist/{chunk-CMJUZLSA.js → chunk-IYITZANI.js} +7 -7
  103. package/dist/chunk-JHY3TXL4.js +101 -0
  104. package/dist/chunk-M6UHXS6K.js +58 -0
  105. package/dist/chunk-MD6IFXLG.js +57 -0
  106. package/dist/chunk-ME3RBGOT.js +91 -0
  107. package/dist/chunk-N7YDPVZL.js +7 -0
  108. package/dist/chunk-NH3IVMXB.js +43 -0
  109. package/dist/chunk-NKHMUPAP.js +43 -0
  110. package/dist/chunk-OHPGEHL3.js +83 -0
  111. package/dist/chunk-VIHBOZVN.js +92 -0
  112. package/dist/chunk-VJQ7M2BK.js +7 -0
  113. package/dist/chunk-WDUQUPTE.js +7 -0
  114. package/dist/chunk-WTKIUAHI.js +7 -0
  115. package/dist/chunk-YHBJAXUY.js +7 -0
  116. package/dist/chunk-YSQDPG26.js +27 -0
  117. package/dist/chunk-YWUIJ6ZQ.js +83 -0
  118. package/dist/chunk-ZGNK4GWA.js +7 -0
  119. package/dist/{chunk-A2IN7HC4.js → chunk-ZQEB3Y3X.js} +8 -9
  120. package/dist/errorMessage/src/ErrorMessage.css +102 -0
  121. package/dist/errorMessage/src/ErrorMessage.d.ts +20 -0
  122. package/dist/errorMessage/src/ErrorMessage.js +9 -0
  123. package/dist/errorMessage/src/ErrorMessageContext.d.ts +9 -0
  124. package/dist/errorMessage/src/ErrorMessageContext.js +2 -0
  125. package/dist/errorMessage/src/index.css +102 -0
  126. package/dist/errorMessage/src/index.d.ts +6 -0
  127. package/dist/errorMessage/src/index.js +9 -0
  128. package/dist/helperMessage/src/HelperMessage.css +94 -0
  129. package/dist/helperMessage/src/HelperMessage.d.ts +20 -0
  130. package/dist/helperMessage/src/HelperMessage.js +8 -0
  131. package/dist/helperMessage/src/HelperMessageContext.d.ts +9 -0
  132. package/dist/helperMessage/src/HelperMessageContext.js +2 -0
  133. package/dist/helperMessage/src/index.css +94 -0
  134. package/dist/helperMessage/src/index.d.ts +6 -0
  135. package/dist/helperMessage/src/index.js +8 -0
  136. package/dist/{intl → i18n}/src/index.d.ts +1 -0
  137. package/dist/i18n/src/index.js +2 -0
  138. package/dist/i18n/src/useLocalizedString.d.ts +9 -0
  139. package/dist/i18n/src/useLocalizedString.js +2 -0
  140. package/dist/layout/src/Flex.js +1 -0
  141. package/dist/layout/src/Grid.js +1 -1
  142. package/dist/layout/src/Inline.js +1 -0
  143. package/dist/layout/src/Stack.js +1 -0
  144. package/dist/radio/src/Radio.css +293 -0
  145. package/dist/radio/src/Radio.d.ts +20 -0
  146. package/dist/radio/src/Radio.js +11 -0
  147. package/dist/radio/src/RadioContext.d.ts +8 -0
  148. package/dist/radio/src/RadioContext.js +2 -0
  149. package/dist/radio/src/RadioField.css +119 -0
  150. package/dist/radio/src/RadioField.d.ts +26 -0
  151. package/dist/radio/src/RadioField.js +7 -0
  152. package/dist/radio/src/RadioFieldContext.d.ts +10 -0
  153. package/dist/radio/src/RadioFieldContext.js +2 -0
  154. package/dist/radio/src/RadioGroup.css +570 -0
  155. package/dist/radio/src/RadioGroup.d.ts +30 -0
  156. package/dist/radio/src/RadioGroup.js +12 -0
  157. package/dist/radio/src/RadioGroupContext.d.ts +8 -0
  158. package/dist/radio/src/RadioGroupContext.js +2 -0
  159. package/dist/radio/src/RadioList.d.ts +17 -0
  160. package/dist/radio/src/RadioList.js +3 -0
  161. package/dist/radio/src/RadioListContext.d.ts +10 -0
  162. package/dist/radio/src/RadioListContext.js +2 -0
  163. package/dist/radio/src/index.css +570 -0
  164. package/dist/radio/src/index.d.ts +13 -0
  165. package/dist/radio/src/index.js +20 -0
  166. package/dist/switch/src/Switch.css +236 -0
  167. package/dist/switch/src/Switch.d.ts +20 -0
  168. package/dist/switch/src/Switch.js +11 -0
  169. package/dist/switch/src/SwitchContext.d.ts +8 -0
  170. package/dist/switch/src/SwitchContext.js +2 -0
  171. package/dist/switch/src/SwitchField.css +119 -0
  172. package/dist/switch/src/SwitchField.d.ts +26 -0
  173. package/dist/switch/src/SwitchField.js +7 -0
  174. package/dist/switch/src/SwitchFieldContext.d.ts +10 -0
  175. package/dist/switch/src/SwitchFieldContext.js +2 -0
  176. package/dist/switch/src/index.css +276 -0
  177. package/dist/switch/src/index.d.ts +9 -0
  178. package/dist/switch/src/index.js +13 -0
  179. package/dist/utils/src/ClearSlots.d.ts +28 -0
  180. package/dist/utils/src/ClearSlots.js +2 -0
  181. package/dist/utils/src/SlotProvider.js +1 -0
  182. package/dist/utils/src/composeClassnameRenderProps.js +1 -0
  183. package/dist/utils/src/cssModule.js +1 -0
  184. package/dist/utils/src/index.d.ts +7 -2
  185. package/dist/utils/src/index.js +4 -0
  186. package/dist/utils/src/isTextOnlyChildren.js +1 -0
  187. package/dist/utils/src/sizeAdapter.d.ts +1 -1
  188. package/dist/utils/src/types.d.ts +17 -5
  189. package/dist/utils/src/useRenderProps.d.ts +843 -0
  190. package/dist/utils/src/useRenderProps.js +2 -0
  191. package/dist/utils/src/useSlot.d.ts +8 -0
  192. package/dist/utils/src/useSlot.js +2 -0
  193. package/package.json +32 -27
  194. package/dist/chunk-GXUPEV64.js +0 -24
  195. package/dist/chunk-TNWWLZEQ.js +0 -47
  196. package/dist/chunk-Z34Z6LYX.js +0 -141
  197. package/dist/intl/src/index.js +0 -1
  198. package/dist/intl/src/useLocalizedString.d.ts +0 -26
  199. package/dist/intl/src/useLocalizedString.js +0 -1
package/dist/errorMessage/src/index.css ADDED
@@ -0,0 +1,102 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
2
+ .Text-module__hop-Text___-u1e- {
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___-u1e-) {
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___P2Mlk) {
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___DIgJn) {
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___EBUtj) {
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___Au1wj) {
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___UoQSa) {
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___Nxjf-) {
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___WPX1D) {
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/errorMessage/src/ErrorMessage.module.css/#css-module-data */
82
+ .ErrorMessage-module__hop-ErrorMessage___ByQ5V {
83
+ --hop-ErrorMessage-color: var(--hop-danger-text-weak);
84
+ --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
85
+ --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
86
+ --hop-ErrorMessage-font-weight: var(--hop-body-xs-font-weight);
87
+ --hop-ErrorMessage-line-height: var(--hop-body-xs-line-height);
88
+ --hop-ErrorMessage-column-gap: var(--hop-space-inline-xs);
89
+ display: flex;
90
+ column-gap: var(--hop-ErrorMessage-column-gap);
91
+ align-items: center;
92
+ box-sizing: border-box;
93
+ font-family: var(--hop-ErrorMessage-font-family);
94
+ font-size: var(--hop-ErrorMessage-font-size);
95
+ font-weight: var(--hop-ErrorMessage-font-weight);
96
+ line-height: var(--hop-ErrorMessage-line-height);
97
+ color: var(--hop-ErrorMessage-color);
98
+ }
99
+ .ErrorMessage-module__hop-ErrorMessage__icon___Z0oW9 {
100
+ flex: 0 0 auto;
101
+ align-self: flex-start;
102
+ }
package/dist/errorMessage/src/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export { ErrorMessage, ErrorMessageProps, GlobalErrorMessageCssSelector } from './ErrorMessage.js';
2
+ export { ErrorMessageContext } from './ErrorMessageContext.js';
3
+ import 'react';
4
+ import '@hopper-ui/styled-system';
5
+ import 'react-aria-components';
6
+ import '../../Text/src/Text.js';
package/dist/errorMessage/src/index.js ADDED
@@ -0,0 +1,9 @@
1
+ export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-5KJ5IKUE.js';
2
+ export { ErrorMessageContext } from '../../chunk-ACVMW6YD.js';
3
+ import '../../chunk-NH3IVMXB.js';
4
+ import '../../chunk-M6UHXS6K.js';
5
+ import '../../chunk-HXI3MEEK.js';
6
+ import '../../chunk-OE5BLFZI.js';
7
+ import '../../chunk-M36KANKC.js';
8
+ import '../../chunk-KVDXQMWI.js';
9
+ import '../../chunk-YSQDPG26.js';
package/dist/helperMessage/src/HelperMessage.css ADDED
@@ -0,0 +1,94 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
2
+ .Text-module__hop-Text___-u1e- {
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___-u1e-) {
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___P2Mlk) {
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___DIgJn) {
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___EBUtj) {
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___Au1wj) {
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___UoQSa) {
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___Nxjf-) {
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___WPX1D) {
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/helperMessage/src/HelperMessage.module.css/#css-module-data */
82
+ .HelperMessage-module__hop-HelperMessage___1YNO0 {
83
+ --hop-HelperMessage-color: var(--hop-neutral-text-weak);
84
+ --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
85
+ display: flex;
86
+ column-gap: var(--hop-HelperMessage-column-gap);
87
+ align-items: center;
88
+ box-sizing: border-box;
89
+ color: var(--hop-HelperMessage-color);
90
+ }
91
+ .HelperMessage-module__hop-HelperMessage__icon___c7iS1 {
92
+ flex: 0 0 auto;
93
+ align-self: flex-start;
94
+ }
package/dist/helperMessage/src/HelperMessage.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import * as react from 'react';
2
+ import { StyledComponentProps } from '@hopper-ui/styled-system';
3
+ import { TextProps } from '../../Text/src/Text.js';
4
+ import 'react-aria-components';
5
+
6
+ declare const GlobalHelperMessageCssSelector = "hop-HelperMessage";
7
+ interface HelperMessageProps extends StyledComponentProps<Omit<TextProps, "size">> {
8
+ /**
9
+ * Whether or not to hide the helper message icon.
10
+ */
11
+ hideIcon?: boolean;
12
+ }
13
+ /**
14
+ * The HelperMessage component is used to display auxiliary text to guide users in the interface.
15
+ *
16
+ * [View Documentation](TODO)
17
+ */
18
+ declare const _HelperMessage: react.ForwardRefExoticComponent<HelperMessageProps & react.RefAttributes<HTMLSpanElement>>;
19
+
20
+ export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage, type HelperMessageProps };
package/dist/helperMessage/src/HelperMessage.js ADDED
@@ -0,0 +1,8 @@
1
+ export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from '../../chunk-MD6IFXLG.js';
2
+ import '../../chunk-ESVVLTEN.js';
3
+ import '../../chunk-M6UHXS6K.js';
4
+ import '../../chunk-HXI3MEEK.js';
5
+ import '../../chunk-OE5BLFZI.js';
6
+ import '../../chunk-M36KANKC.js';
7
+ import '../../chunk-KVDXQMWI.js';
8
+ import '../../chunk-YSQDPG26.js';
package/dist/helperMessage/src/HelperMessageContext.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { HelperMessageProps } from './HelperMessage.js';
2
+ import * as react from 'react';
3
+ import { ContextValue } from 'react-aria-components';
4
+ import '@hopper-ui/styled-system';
5
+ import '../../Text/src/Text.js';
6
+
7
+ declare const HelperMessageContext: react.Context<ContextValue<HelperMessageProps, HTMLSpanElement>>;
8
+
9
+ export { HelperMessageContext };
package/dist/helperMessage/src/HelperMessageContext.js ADDED
@@ -0,0 +1,2 @@
1
+ export { HelperMessageContext } from '../../chunk-ESVVLTEN.js';
2
+ import '../../chunk-YSQDPG26.js';
package/dist/helperMessage/src/index.css ADDED
@@ -0,0 +1,94 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
2
+ .Text-module__hop-Text___-u1e- {
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___-u1e-) {
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___P2Mlk) {
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___DIgJn) {
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___EBUtj) {
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___Au1wj) {
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___UoQSa) {
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___Nxjf-) {
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___WPX1D) {
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/helperMessage/src/HelperMessage.module.css/#css-module-data */
82
+ .HelperMessage-module__hop-HelperMessage___1YNO0 {
83
+ --hop-HelperMessage-color: var(--hop-neutral-text-weak);
84
+ --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
85
+ display: flex;
86
+ column-gap: var(--hop-HelperMessage-column-gap);
87
+ align-items: center;
88
+ box-sizing: border-box;
89
+ color: var(--hop-HelperMessage-color);
90
+ }
91
+ .HelperMessage-module__hop-HelperMessage__icon___c7iS1 {
92
+ flex: 0 0 auto;
93
+ align-self: flex-start;
94
+ }
package/dist/helperMessage/src/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export { GlobalHelperMessageCssSelector, HelperMessage, HelperMessageProps } from './HelperMessage.js';
2
+ export { HelperMessageContext } from './HelperMessageContext.js';
3
+ import 'react';
4
+ import '@hopper-ui/styled-system';
5
+ import '../../Text/src/Text.js';
6
+ import 'react-aria-components';
package/dist/helperMessage/src/index.js ADDED
@@ -0,0 +1,8 @@
1
+ export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from '../../chunk-MD6IFXLG.js';
2
+ export { HelperMessageContext } from '../../chunk-ESVVLTEN.js';
3
+ import '../../chunk-M6UHXS6K.js';
4
+ import '../../chunk-HXI3MEEK.js';
5
+ import '../../chunk-OE5BLFZI.js';
6
+ import '../../chunk-M36KANKC.js';
7
+ import '../../chunk-KVDXQMWI.js';
8
+ import '../../chunk-YSQDPG26.js';
package/dist/{intl → i18n}/src/index.d.ts RENAMED
@@ -1 +1,2 @@
1
1
  export { useLocalizedString } from './useLocalizedString.js';
2
+ import 'react-aria';
package/dist/i18n/src/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { useLocalizedString } from '../../chunk-BPM4ETTB.js';
2
+ import '../../chunk-YSQDPG26.js';
package/dist/i18n/src/useLocalizedString.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { LocalizedStringFormatter } from 'react-aria';
2
+
3
+ /**
4
+ * This hook is used to get the localized string formatter.
5
+ * It uses the resources from the component package.
6
+ */
7
+ declare function useLocalizedString(): LocalizedStringFormatter;
8
+
9
+ export { useLocalizedString };
package/dist/i18n/src/useLocalizedString.js ADDED
@@ -0,0 +1,2 @@
1
+ export { useLocalizedString } from '../../chunk-BPM4ETTB.js';
2
+ import '../../chunk-YSQDPG26.js';
package/dist/layout/src/Flex.js CHANGED
@@ -1 +1,2 @@
1
1
  export { _Flex as Flex } from '../../chunk-TVFC2MJ4.js';
2
+ import '../../chunk-YSQDPG26.js';
package/dist/layout/src/Grid.js CHANGED
@@ -1,8 +1,8 @@
1
+ import '../../chunk-YSQDPG26.js';
1
2
  import { Div, getSizingValue } from '@hopper-ui/styled-system';
2
3
  import { forwardRef } from 'react';
3
4
  import { jsx } from 'react/jsx-runtime';
4
5
 
5
- // src/layout/src/Grid.tsx
6
6
  function Grid(props, ref) {
7
7
  const {
8
8
  autoRows,
package/dist/layout/src/Inline.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { _Flex } from '../../chunk-TVFC2MJ4.js';
2
+ import '../../chunk-YSQDPG26.js';
2
3
  import { forwardRef } from 'react';
3
4
  import { jsx } from 'react/jsx-runtime';
4
5
 
package/dist/layout/src/Stack.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { _Flex } from '../../chunk-TVFC2MJ4.js';
2
+ import '../../chunk-YSQDPG26.js';
2
3
  import { forwardRef } from 'react';
3
4
  import { jsx } from 'react/jsx-runtime';
4
5