@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/Text/src/Text.css CHANGED
@@ -1,5 +1,5 @@
1
- /* src/Text/src/Text.module.css */
2
- .hop-Text {
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
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.hop-Text) {
33
- font-size: var(--font-size);
32
+ :where(.Text-module__hop-Text___-u1e-) {
34
33
  font-family: var(--font-family);
34
+ font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.hop-Text--xs) {
38
+ :where(.Text-module__hop-Text--xs___P2Mlk) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.hop-Text--sm) {
44
+ :where(.Text-module__hop-Text--sm___DIgJn) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.hop-Text--md) {
50
+ :where(.Text-module__hop-Text--md___EBUtj) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.hop-Text--lg) {
56
+ :where(.Text-module__hop-Text--lg___Au1wj) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.hop-Text--xl) {
62
+ :where(.Text-module__hop-Text--xl___UoQSa) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.hop-Text--2xl) {
68
+ :where(.Text-module__hop-Text--2xl___Nxjf-) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.hop-Text--inherit) {
74
+ :where(.Text-module__hop-Text--inherit___WPX1D) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
package/dist/Text/src/Text.d.ts CHANGED
@@ -3,8 +3,7 @@ import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
3
3
  import { TextProps as TextProps$1 } from 'react-aria-components';
4
4
 
5
5
  declare const GlobalTextCssSelector = "hop-Text";
6
- type RACTextPropsToOmit = "elementType";
7
- interface TextProps extends StyledComponentProps<Omit<TextProps$1, RACTextPropsToOmit>> {
6
+ interface TextProps extends StyledComponentProps<TextProps$1> {
8
7
  /**
9
8
  * The Typography Type Scale to use.
10
9
  * @default "md"
@@ -18,4 +17,4 @@ interface TextProps extends StyledComponentProps<Omit<TextProps$1, RACTextPropsT
18
17
  */
19
18
  declare const _Text: react.ForwardRefExoticComponent<TextProps & react.RefAttributes<HTMLSpanElement>>;
20
19
 
21
- export { GlobalTextCssSelector, type RACTextPropsToOmit, _Text as Text, type TextProps };
20
+ export { GlobalTextCssSelector, _Text as Text, type TextProps };
package/dist/Text/src/Text.js CHANGED
@@ -1,3 +1,6 @@
1
- export { GlobalTextCssSelector, _Text as Text } from '../../chunk-TNWWLZEQ.js';
1
+ export { GlobalTextCssSelector, _Text as Text } from '../../chunk-M6UHXS6K.js';
2
+ import '../../chunk-HXI3MEEK.js';
2
3
  import '../../chunk-OE5BLFZI.js';
4
+ import '../../chunk-M36KANKC.js';
3
5
  import '../../chunk-KVDXQMWI.js';
6
+ import '../../chunk-YSQDPG26.js';
package/dist/Text/src/TextContext.js CHANGED
@@ -1 +1,2 @@
1
1
  export { TextContext } from '../../chunk-OE5BLFZI.js';
2
+ import '../../chunk-YSQDPG26.js';
package/dist/Text/src/index.css CHANGED
@@ -1,5 +1,5 @@
1
- /* src/Text/src/Text.module.css */
2
- .hop-Text {
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
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.hop-Text) {
33
- font-size: var(--font-size);
32
+ :where(.Text-module__hop-Text___-u1e-) {
34
33
  font-family: var(--font-family);
34
+ font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.hop-Text--xs) {
38
+ :where(.Text-module__hop-Text--xs___P2Mlk) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.hop-Text--sm) {
44
+ :where(.Text-module__hop-Text--sm___DIgJn) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.hop-Text--md) {
50
+ :where(.Text-module__hop-Text--md___EBUtj) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.hop-Text--lg) {
56
+ :where(.Text-module__hop-Text--lg___Au1wj) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.hop-Text--xl) {
62
+ :where(.Text-module__hop-Text--xl___UoQSa) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.hop-Text--2xl) {
68
+ :where(.Text-module__hop-Text--2xl___Nxjf-) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.hop-Text--inherit) {
74
+ :where(.Text-module__hop-Text--inherit___WPX1D) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
package/dist/Text/src/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { GlobalTextCssSelector, RACTextPropsToOmit, Text, TextProps } from './Text.js';
1
+ export { GlobalTextCssSelector, Text, TextProps } from './Text.js';
2
2
  export { TextContext } from './TextContext.js';
3
3
  import 'react';
4
4
  import '@hopper-ui/styled-system';
package/dist/Text/src/index.js CHANGED
@@ -1,3 +1,6 @@
1
- export { GlobalTextCssSelector, _Text as Text } from '../../chunk-TNWWLZEQ.js';
1
+ export { GlobalTextCssSelector, _Text as Text } from '../../chunk-M6UHXS6K.js';
2
+ import '../../chunk-HXI3MEEK.js';
2
3
  export { TextContext } from '../../chunk-OE5BLFZI.js';
4
+ import '../../chunk-M36KANKC.js';
3
5
  import '../../chunk-KVDXQMWI.js';
6
+ import '../../chunk-YSQDPG26.js';