@hopper-ui/components 0.1.0 → 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 (211) hide show
  1. package/CHANGELOG.md +117 -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 +6 -6
  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 +6 -6
  10. package/dist/IconList/src/index.js +2 -1
  11. package/dist/Label/src/Label.css +70 -70
  12. package/dist/Label/src/Label.js +3 -2
  13. package/dist/Label/src/LabelContext.js +1 -0
  14. package/dist/Label/src/index.css +70 -70
  15. package/dist/Label/src/index.js +3 -2
  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 +124 -124
  25. package/dist/Spinner/src/Spinner.d.ts +1 -0
  26. package/dist/Spinner/src/Spinner.js +5 -4
  27. package/dist/Spinner/src/SpinnerContext.js +1 -0
  28. package/dist/Spinner/src/index.css +124 -124
  29. package/dist/Spinner/src/index.js +5 -4
  30. package/dist/Text/src/Text.css +67 -67
  31. package/dist/Text/src/Text.d.ts +2 -3
  32. package/dist/Text/src/Text.js +5 -2
  33. package/dist/Text/src/TextContext.js +1 -0
  34. package/dist/Text/src/index.css +67 -67
  35. package/dist/Text/src/index.d.ts +1 -1
  36. package/dist/Text/src/index.js +5 -2
  37. package/dist/buttons/src/Button.css +634 -435
  38. package/dist/buttons/src/Button.d.ts +15 -10
  39. package/dist/buttons/src/Button.js +13 -9
  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 +634 -435
  48. package/dist/buttons/src/index.d.ts +2 -1
  49. package/dist/buttons/src/index.js +13 -9
  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-SEU4CGZD.js → chunk-65JPI4FL.js} +1 -1
  87. package/dist/chunk-7ELZ57E5.js +93 -0
  88. package/dist/chunk-A7TZHALP.js +7 -0
  89. package/dist/chunk-ACVMW6YD.js +7 -0
  90. package/dist/{chunk-YLDA2M2E.js → chunk-ANVMQBBG.js} +2 -1
  91. package/dist/chunk-B7WS4DBA.js +83 -0
  92. package/dist/chunk-BPM4ETTB.js +35 -0
  93. package/dist/{chunk-QIOYM2XJ.js → chunk-DFUQTSEV.js} +13 -13
  94. package/dist/chunk-DGLAGYBD.js +7 -0
  95. package/dist/chunk-ESVVLTEN.js +7 -0
  96. package/dist/chunk-FU5CCPLP.js +7 -0
  97. package/dist/chunk-GXKSX5N5.js +104 -0
  98. package/dist/chunk-H5YTU3U7.js +20 -0
  99. package/dist/chunk-H7VJS4MX.js +7 -0
  100. package/dist/chunk-HVRSS5RT.js +186 -0
  101. package/dist/chunk-HXI3MEEK.js +27 -0
  102. package/dist/chunk-I7AMDVGG.js +124 -0
  103. package/dist/{chunk-XCKF6EU7.js → chunk-IYITZANI.js} +9 -9
  104. package/dist/chunk-JHY3TXL4.js +101 -0
  105. package/dist/{chunk-6BEVZRUL.js → chunk-KVDXQMWI.js} +1 -1
  106. package/dist/chunk-M6UHXS6K.js +58 -0
  107. package/dist/chunk-MD6IFXLG.js +57 -0
  108. package/dist/chunk-ME3RBGOT.js +91 -0
  109. package/dist/chunk-N7YDPVZL.js +7 -0
  110. package/dist/chunk-NH3IVMXB.js +43 -0
  111. package/dist/chunk-NKHMUPAP.js +43 -0
  112. package/dist/chunk-OHPGEHL3.js +83 -0
  113. package/dist/chunk-VIHBOZVN.js +92 -0
  114. package/dist/chunk-VJQ7M2BK.js +7 -0
  115. package/dist/chunk-WDUQUPTE.js +7 -0
  116. package/dist/chunk-WTKIUAHI.js +7 -0
  117. package/dist/chunk-YHBJAXUY.js +7 -0
  118. package/dist/chunk-YSQDPG26.js +27 -0
  119. package/dist/chunk-YWUIJ6ZQ.js +83 -0
  120. package/dist/chunk-ZGNK4GWA.js +7 -0
  121. package/dist/{chunk-XQ3GUEBN.js → chunk-ZQEB3Y3X.js} +8 -9
  122. package/dist/{chunk-7QUHQYCR.js → chunk-ZWU6DRRZ.js} +1 -1
  123. package/dist/errorMessage/src/ErrorMessage.css +102 -0
  124. package/dist/errorMessage/src/ErrorMessage.d.ts +20 -0
  125. package/dist/errorMessage/src/ErrorMessage.js +9 -0
  126. package/dist/errorMessage/src/ErrorMessageContext.d.ts +9 -0
  127. package/dist/errorMessage/src/ErrorMessageContext.js +2 -0
  128. package/dist/errorMessage/src/index.css +102 -0
  129. package/dist/errorMessage/src/index.d.ts +6 -0
  130. package/dist/errorMessage/src/index.js +9 -0
  131. package/dist/helperMessage/src/HelperMessage.css +94 -0
  132. package/dist/helperMessage/src/HelperMessage.d.ts +20 -0
  133. package/dist/helperMessage/src/HelperMessage.js +8 -0
  134. package/dist/helperMessage/src/HelperMessageContext.d.ts +9 -0
  135. package/dist/helperMessage/src/HelperMessageContext.js +2 -0
  136. package/dist/helperMessage/src/index.css +94 -0
  137. package/dist/helperMessage/src/index.d.ts +6 -0
  138. package/dist/helperMessage/src/index.js +8 -0
  139. package/dist/{intl → i18n}/src/index.d.ts +1 -0
  140. package/dist/i18n/src/index.js +2 -0
  141. package/dist/i18n/src/useLocalizedString.d.ts +9 -0
  142. package/dist/i18n/src/useLocalizedString.js +2 -0
  143. package/dist/layout/src/Flex.js +1 -0
  144. package/dist/layout/src/Grid.js +1 -1
  145. package/dist/layout/src/Inline.js +1 -0
  146. package/dist/layout/src/Stack.js +1 -0
  147. package/dist/radio/src/Radio.css +293 -0
  148. package/dist/radio/src/Radio.d.ts +20 -0
  149. package/dist/radio/src/Radio.js +11 -0
  150. package/dist/radio/src/RadioContext.d.ts +8 -0
  151. package/dist/radio/src/RadioContext.js +2 -0
  152. package/dist/radio/src/RadioField.css +119 -0
  153. package/dist/radio/src/RadioField.d.ts +26 -0
  154. package/dist/radio/src/RadioField.js +7 -0
  155. package/dist/radio/src/RadioFieldContext.d.ts +10 -0
  156. package/dist/radio/src/RadioFieldContext.js +2 -0
  157. package/dist/radio/src/RadioGroup.css +570 -0
  158. package/dist/radio/src/RadioGroup.d.ts +30 -0
  159. package/dist/radio/src/RadioGroup.js +12 -0
  160. package/dist/radio/src/RadioGroupContext.d.ts +8 -0
  161. package/dist/radio/src/RadioGroupContext.js +2 -0
  162. package/dist/radio/src/RadioList.d.ts +17 -0
  163. package/dist/radio/src/RadioList.js +3 -0
  164. package/dist/radio/src/RadioListContext.d.ts +10 -0
  165. package/dist/radio/src/RadioListContext.js +2 -0
  166. package/dist/radio/src/index.css +570 -0
  167. package/dist/radio/src/index.d.ts +13 -0
  168. package/dist/radio/src/index.js +20 -0
  169. package/dist/switch/src/Switch.css +236 -0
  170. package/dist/switch/src/Switch.d.ts +20 -0
  171. package/dist/switch/src/Switch.js +11 -0
  172. package/dist/switch/src/SwitchContext.d.ts +8 -0
  173. package/dist/switch/src/SwitchContext.js +2 -0
  174. package/dist/switch/src/SwitchField.css +119 -0
  175. package/dist/switch/src/SwitchField.d.ts +26 -0
  176. package/dist/switch/src/SwitchField.js +7 -0
  177. package/dist/switch/src/SwitchFieldContext.d.ts +10 -0
  178. package/dist/switch/src/SwitchFieldContext.js +2 -0
  179. package/dist/switch/src/index.css +276 -0
  180. package/dist/switch/src/index.d.ts +9 -0
  181. package/dist/switch/src/index.js +13 -0
  182. package/dist/utils/src/ClearSlots.d.ts +28 -0
  183. package/dist/utils/src/ClearSlots.js +2 -0
  184. package/dist/utils/src/SlotProvider.js +1 -0
  185. package/dist/utils/src/composeClassnameRenderProps.js +2 -0
  186. package/dist/utils/src/cssModule.js +2 -0
  187. package/dist/utils/src/index.d.ts +11 -6
  188. package/dist/utils/src/index.js +8 -4
  189. package/dist/utils/src/isTextOnlyChildren.js +2 -0
  190. package/dist/utils/src/{size-adapter.d.ts → sizeAdapter.d.ts} +1 -1
  191. package/dist/utils/src/sizeAdapter.js +1 -0
  192. package/dist/utils/src/types.d.ts +17 -5
  193. package/dist/utils/src/useRenderProps.d.ts +843 -0
  194. package/dist/utils/src/useRenderProps.js +2 -0
  195. package/dist/utils/src/useSlot.d.ts +8 -0
  196. package/dist/utils/src/useSlot.js +2 -0
  197. package/package.json +32 -27
  198. package/dist/chunk-GXUPEV64.js +0 -24
  199. package/dist/chunk-WROQHGG5.js +0 -141
  200. package/dist/chunk-WRWNRVTG.js +0 -47
  201. package/dist/intl/src/index.js +0 -1
  202. package/dist/intl/src/useLocalizedString.d.ts +0 -26
  203. package/dist/intl/src/useLocalizedString.js +0 -1
  204. package/dist/utils/src/compose-classname-render-props.js +0 -1
  205. package/dist/utils/src/css-module.js +0 -1
  206. package/dist/utils/src/is-text-only-children.js +0 -1
  207. package/dist/utils/src/size-adapter.js +0 -1
  208. /package/dist/{chunk-D57ZIX5W.js → chunk-LQICWONC.js} +0 -0
  209. /package/dist/utils/src/{compose-classname-render-props.d.ts → composeClassnameRenderProps.d.ts} +0 -0
  210. /package/dist/utils/src/{css-module.d.ts → cssModule.d.ts} +0 -0
  211. /package/dist/utils/src/{is-text-only-children.d.ts → isTextOnlyChildren.d.ts} +0 -0
package/dist/Link/src/Link.css ADDED
@@ -0,0 +1,165 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
2
+ .IconList-module__hop-IconList___eJ4Sl {
3
+ --hop-IconList-gap: var(--hop-space-inline-xs);
4
+ display: flex;
5
+ flex-wrap: wrap;
6
+ gap: var(--hop-IconList-gap);
7
+ box-sizing: border-box;
8
+ }
9
+
10
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
11
+ .Text-module__hop-Text___-u1e- {
12
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
13
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
14
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
15
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
16
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
17
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
18
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
19
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
20
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
21
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
22
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
23
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
24
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
25
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
26
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
27
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
28
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
29
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
30
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
31
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
32
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
33
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
34
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
35
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
36
+ --hop-Text-inherit-size-font-size: inherit;
37
+ --hop-Text-inherit-size-font-family: inherit;
38
+ --hop-Text-inherit-size-font-weight: inherit;
39
+ --hop-Text-inherit-size-line-height: inherit;
40
+ }
41
+ :where(.Text-module__hop-Text___-u1e-) {
42
+ font-family: var(--font-family);
43
+ font-size: var(--font-size);
44
+ font-weight: var(--font-weight);
45
+ line-height: var(--line-height);
46
+ }
47
+ :where(.Text-module__hop-Text--xs___P2Mlk) {
48
+ --font-size: var(--hop-Text-xs-font-size);
49
+ --font-family: var(--hop-Text-xs-font-family);
50
+ --font-weight: var(--hop-Text-xs-font-weight);
51
+ --line-height: var(--hop-Text-xs-line-height);
52
+ }
53
+ :where(.Text-module__hop-Text--sm___DIgJn) {
54
+ --font-size: var(--hop-Text-sm-font-size);
55
+ --font-family: var(--hop-Text-sm-font-family);
56
+ --font-weight: var(--hop-Text-sm-font-weight);
57
+ --line-height: var(--hop-Text-sm-line-height);
58
+ }
59
+ :where(.Text-module__hop-Text--md___EBUtj) {
60
+ --font-size: var(--hop-Text-md-font-size);
61
+ --font-family: var(--hop-Text-md-font-family);
62
+ --font-weight: var(--hop-Text-md-font-weight);
63
+ --line-height: var(--hop-Text-md-line-height);
64
+ }
65
+ :where(.Text-module__hop-Text--lg___Au1wj) {
66
+ --font-size: var(--hop-Text-lg-font-size);
67
+ --font-family: var(--hop-Text-lg-font-family);
68
+ --font-weight: var(--hop-Text-lg-font-weight);
69
+ --line-height: var(--hop-Text-lg-line-height);
70
+ }
71
+ :where(.Text-module__hop-Text--xl___UoQSa) {
72
+ --font-size: var(--hop-Text-xl-font-size);
73
+ --font-family: var(--hop-Text-xl-font-family);
74
+ --font-weight: var(--hop-Text-xl-font-weight);
75
+ --line-height: var(--hop-Text-xl-line-height);
76
+ }
77
+ :where(.Text-module__hop-Text--2xl___Nxjf-) {
78
+ --font-size: var(--hop-Text-2xl-font-size);
79
+ --font-family: var(--hop-Text-2xl-font-family);
80
+ --font-weight: var(--hop-Text-2xl-font-weight);
81
+ --line-height: var(--hop-Text-2xl-line-height);
82
+ }
83
+ :where(.Text-module__hop-Text--inherit___WPX1D) {
84
+ --font-size: var(--hop-Text-inherit-size-font-size);
85
+ --font-family: var(--hop-Text-inherit-size-font-family);
86
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
87
+ --line-height: var(--hop-Text-inherit-size-line-height);
88
+ }
89
+
90
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
91
+ .Link-module__hop-Link___pvGQC {
92
+ --hop-Link-border-radius: var(--hop-shape-rounded-sm);
93
+ --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
94
+ --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
95
+ --hop-Link-column-gap: var(--hop-space-inline-xs);
96
+ --hop-Link-primary-text-color: var(--hop-primary-text);
97
+ --hop-Link-primary-text-disabled-color: var(--hop-primary-text-disabled);
98
+ --hop-Link-primary-text-hover-color: var(--hop-primary-text-hover);
99
+ --hop-Link-primary-text-pressed-color: var(--hop-primary-text-press);
100
+ --hop-Link-neutral-text-color: var(--hop-neutral-text);
101
+ --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
102
+ --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
103
+ --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
104
+ cursor: pointer;
105
+ display: inline-flex;
106
+ column-gap: var(--hop-Link-column-gap);
107
+ align-items: center;
108
+ box-sizing: border-box;
109
+ inline-size: fit-content;
110
+ text-decoration: none;
111
+ text-underline-offset: 0.125rem;
112
+ border-radius: var(--hop-Link-border-radius);
113
+ outline: none;
114
+ outline-offset: 0.125rem;
115
+ }
116
+ .Link-module__hop-Link___pvGQC[data-focus-visible] {
117
+ outline: 0.125rem solid var(--hop-Link-focus-ring-color);
118
+ }
119
+ .Link-module__hop-Link___pvGQC[data-disabled] {
120
+ cursor: default;
121
+ }
122
+ .Link-module__hop-Link--quiet___RRkch[data-focus-visible],
123
+ .Link-module__hop-Link--quiet___RRkch[data-hovered] {
124
+ text-decoration: underline;
125
+ }
126
+ .Link-module__hop-Link___pvGQC:not(.Link-module__hop-Link--quiet___RRkch) {
127
+ text-decoration: underline;
128
+ }
129
+ .Link-module__hop-Link--primary___XGqPo {
130
+ color: var(--hop-Link-primary-text-color);
131
+ }
132
+ .Link-module__hop-Link--primary___XGqPo[data-disabled] {
133
+ color: var(--hop-Link-primary-text-disabled-color);
134
+ }
135
+ .Link-module__hop-Link--primary___XGqPo:not([data-disabled])[data-focus-visible],
136
+ .Link-module__hop-Link--primary___XGqPo:not([data-disabled])[data-hovered] {
137
+ color: var(--hop-Link-primary-text-hover-color);
138
+ }
139
+ .Link-module__hop-Link--primary___XGqPo:not([data-disabled])[data-pressed] {
140
+ color: var(--hop-Link-primary-text-pressed-color);
141
+ }
142
+ .Link-module__hop-Link--secondary___VfX7X {
143
+ color: var(--hop-Link-neutral-text-color);
144
+ }
145
+ .Link-module__hop-Link--secondary___VfX7X[data-disabled] {
146
+ color: var(--hop-Link-neutral-text-disabled-color);
147
+ }
148
+ .Link-module__hop-Link--secondary___VfX7X:not([data-disabled])[data-focus-visible],
149
+ .Link-module__hop-Link--secondary___VfX7X:not([data-disabled])[data-hovered] {
150
+ color: var(--hop-Link-neutral-text-hover-color);
151
+ }
152
+ .Link-module__hop-Link--secondary___VfX7X:not([data-disabled])[data-pressed] {
153
+ color: var(--hop-Link-neutral-text-pressed-color);
154
+ }
155
+ .Link-module__hop-Link__icon___ckEZL,
156
+ .Link-module__hop-Link__icon-list___8jaym {
157
+ order: 2;
158
+ }
159
+ .Link-module__hop-Link__text___uXUoO {
160
+ order: 1;
161
+ }
162
+ .Link-module__hop-Link__start-icon___ZImUS,
163
+ .Link-module__hop-Link__start-icon-list___yfs8D {
164
+ order: 0;
165
+ }
package/dist/Link/src/Link.d.ts ADDED
@@ -0,0 +1,33 @@
1
+ import * as react from 'react';
2
+ import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
3
+ import { LinkProps as LinkProps$1 } from 'react-aria-components';
4
+
5
+ declare const GlobalLinkCssSelector = "hop-Link";
6
+ interface LinkProps extends StyledComponentProps<LinkProps$1> {
7
+ /**
8
+ * The visual style of the link.
9
+ * @default "primary"
10
+ */
11
+ variant?: "primary" | "secondary";
12
+ /**
13
+ * Size of the link.
14
+ * @default "inherit"
15
+ */
16
+ size?: ResponsiveProp<"inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
17
+ /**
18
+ * Whether the link should be displayed with a quiet style.
19
+ */
20
+ isQuiet?: boolean;
21
+ /**
22
+ * Whether the link should open in a new tab.
23
+ */
24
+ isExternal?: boolean;
25
+ }
26
+ /**
27
+ * Links allow users to navigate to a different location. They can be presented inline inside a paragraph, as standalone text or as an image.
28
+ *
29
+ * [View Documentation](TODO)
30
+ */
31
+ declare const _Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
32
+
33
+ export { GlobalLinkCssSelector, _Link as Link, type LinkProps };
package/dist/Link/src/Link.js ADDED
@@ -0,0 +1,11 @@
1
+ export { GlobalLinkCssSelector, _Link as Link } from '../../chunk-I7AMDVGG.js';
2
+ import '../../chunk-ZWU6DRRZ.js';
3
+ import '../../chunk-4VVNSXIB.js';
4
+ import '../../chunk-65JPI4FL.js';
5
+ import '../../chunk-M6UHXS6K.js';
6
+ import '../../chunk-HXI3MEEK.js';
7
+ import '../../chunk-OE5BLFZI.js';
8
+ import '../../chunk-M36KANKC.js';
9
+ import '../../chunk-DHVVYSLB.js';
10
+ import '../../chunk-KVDXQMWI.js';
11
+ import '../../chunk-YSQDPG26.js';
package/dist/Link/src/LinkContext.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { LinkProps } from './Link.js';
2
+ import * as react from 'react';
3
+ import { ContextValue } from 'react-aria-components';
4
+ import '@hopper-ui/styled-system';
5
+
6
+ declare const LinkContext: react.Context<ContextValue<LinkProps, HTMLAnchorElement>>;
7
+
8
+ export { LinkContext };
package/dist/Link/src/LinkContext.js ADDED
@@ -0,0 +1,2 @@
1
+ export { LinkContext } from '../../chunk-4VVNSXIB.js';
2
+ import '../../chunk-YSQDPG26.js';
package/dist/Link/src/index.css ADDED
@@ -0,0 +1,165 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
2
+ .IconList-module__hop-IconList___eJ4Sl {
3
+ --hop-IconList-gap: var(--hop-space-inline-xs);
4
+ display: flex;
5
+ flex-wrap: wrap;
6
+ gap: var(--hop-IconList-gap);
7
+ box-sizing: border-box;
8
+ }
9
+
10
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
11
+ .Text-module__hop-Text___-u1e- {
12
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
13
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
14
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
15
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
16
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
17
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
18
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
19
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
20
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
21
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
22
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
23
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
24
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
25
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
26
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
27
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
28
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
29
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
30
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
31
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
32
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
33
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
34
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
35
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
36
+ --hop-Text-inherit-size-font-size: inherit;
37
+ --hop-Text-inherit-size-font-family: inherit;
38
+ --hop-Text-inherit-size-font-weight: inherit;
39
+ --hop-Text-inherit-size-line-height: inherit;
40
+ }
41
+ :where(.Text-module__hop-Text___-u1e-) {
42
+ font-family: var(--font-family);
43
+ font-size: var(--font-size);
44
+ font-weight: var(--font-weight);
45
+ line-height: var(--line-height);
46
+ }
47
+ :where(.Text-module__hop-Text--xs___P2Mlk) {
48
+ --font-size: var(--hop-Text-xs-font-size);
49
+ --font-family: var(--hop-Text-xs-font-family);
50
+ --font-weight: var(--hop-Text-xs-font-weight);
51
+ --line-height: var(--hop-Text-xs-line-height);
52
+ }
53
+ :where(.Text-module__hop-Text--sm___DIgJn) {
54
+ --font-size: var(--hop-Text-sm-font-size);
55
+ --font-family: var(--hop-Text-sm-font-family);
56
+ --font-weight: var(--hop-Text-sm-font-weight);
57
+ --line-height: var(--hop-Text-sm-line-height);
58
+ }
59
+ :where(.Text-module__hop-Text--md___EBUtj) {
60
+ --font-size: var(--hop-Text-md-font-size);
61
+ --font-family: var(--hop-Text-md-font-family);
62
+ --font-weight: var(--hop-Text-md-font-weight);
63
+ --line-height: var(--hop-Text-md-line-height);
64
+ }
65
+ :where(.Text-module__hop-Text--lg___Au1wj) {
66
+ --font-size: var(--hop-Text-lg-font-size);
67
+ --font-family: var(--hop-Text-lg-font-family);
68
+ --font-weight: var(--hop-Text-lg-font-weight);
69
+ --line-height: var(--hop-Text-lg-line-height);
70
+ }
71
+ :where(.Text-module__hop-Text--xl___UoQSa) {
72
+ --font-size: var(--hop-Text-xl-font-size);
73
+ --font-family: var(--hop-Text-xl-font-family);
74
+ --font-weight: var(--hop-Text-xl-font-weight);
75
+ --line-height: var(--hop-Text-xl-line-height);
76
+ }
77
+ :where(.Text-module__hop-Text--2xl___Nxjf-) {
78
+ --font-size: var(--hop-Text-2xl-font-size);
79
+ --font-family: var(--hop-Text-2xl-font-family);
80
+ --font-weight: var(--hop-Text-2xl-font-weight);
81
+ --line-height: var(--hop-Text-2xl-line-height);
82
+ }
83
+ :where(.Text-module__hop-Text--inherit___WPX1D) {
84
+ --font-size: var(--hop-Text-inherit-size-font-size);
85
+ --font-family: var(--hop-Text-inherit-size-font-family);
86
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
87
+ --line-height: var(--hop-Text-inherit-size-line-height);
88
+ }
89
+
90
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
91
+ .Link-module__hop-Link___pvGQC {
92
+ --hop-Link-border-radius: var(--hop-shape-rounded-sm);
93
+ --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
94
+ --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
95
+ --hop-Link-column-gap: var(--hop-space-inline-xs);
96
+ --hop-Link-primary-text-color: var(--hop-primary-text);
97
+ --hop-Link-primary-text-disabled-color: var(--hop-primary-text-disabled);
98
+ --hop-Link-primary-text-hover-color: var(--hop-primary-text-hover);
99
+ --hop-Link-primary-text-pressed-color: var(--hop-primary-text-press);
100
+ --hop-Link-neutral-text-color: var(--hop-neutral-text);
101
+ --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
102
+ --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
103
+ --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
104
+ cursor: pointer;
105
+ display: inline-flex;
106
+ column-gap: var(--hop-Link-column-gap);
107
+ align-items: center;
108
+ box-sizing: border-box;
109
+ inline-size: fit-content;
110
+ text-decoration: none;
111
+ text-underline-offset: 0.125rem;
112
+ border-radius: var(--hop-Link-border-radius);
113
+ outline: none;
114
+ outline-offset: 0.125rem;
115
+ }
116
+ .Link-module__hop-Link___pvGQC[data-focus-visible] {
117
+ outline: 0.125rem solid var(--hop-Link-focus-ring-color);
118
+ }
119
+ .Link-module__hop-Link___pvGQC[data-disabled] {
120
+ cursor: default;
121
+ }
122
+ .Link-module__hop-Link--quiet___RRkch[data-focus-visible],
123
+ .Link-module__hop-Link--quiet___RRkch[data-hovered] {
124
+ text-decoration: underline;
125
+ }
126
+ .Link-module__hop-Link___pvGQC:not(.Link-module__hop-Link--quiet___RRkch) {
127
+ text-decoration: underline;
128
+ }
129
+ .Link-module__hop-Link--primary___XGqPo {
130
+ color: var(--hop-Link-primary-text-color);
131
+ }
132
+ .Link-module__hop-Link--primary___XGqPo[data-disabled] {
133
+ color: var(--hop-Link-primary-text-disabled-color);
134
+ }
135
+ .Link-module__hop-Link--primary___XGqPo:not([data-disabled])[data-focus-visible],
136
+ .Link-module__hop-Link--primary___XGqPo:not([data-disabled])[data-hovered] {
137
+ color: var(--hop-Link-primary-text-hover-color);
138
+ }
139
+ .Link-module__hop-Link--primary___XGqPo:not([data-disabled])[data-pressed] {
140
+ color: var(--hop-Link-primary-text-pressed-color);
141
+ }
142
+ .Link-module__hop-Link--secondary___VfX7X {
143
+ color: var(--hop-Link-neutral-text-color);
144
+ }
145
+ .Link-module__hop-Link--secondary___VfX7X[data-disabled] {
146
+ color: var(--hop-Link-neutral-text-disabled-color);
147
+ }
148
+ .Link-module__hop-Link--secondary___VfX7X:not([data-disabled])[data-focus-visible],
149
+ .Link-module__hop-Link--secondary___VfX7X:not([data-disabled])[data-hovered] {
150
+ color: var(--hop-Link-neutral-text-hover-color);
151
+ }
152
+ .Link-module__hop-Link--secondary___VfX7X:not([data-disabled])[data-pressed] {
153
+ color: var(--hop-Link-neutral-text-pressed-color);
154
+ }
155
+ .Link-module__hop-Link__icon___ckEZL,
156
+ .Link-module__hop-Link__icon-list___8jaym {
157
+ order: 2;
158
+ }
159
+ .Link-module__hop-Link__text___uXUoO {
160
+ order: 1;
161
+ }
162
+ .Link-module__hop-Link__start-icon___ZImUS,
163
+ .Link-module__hop-Link__start-icon-list___yfs8D {
164
+ order: 0;
165
+ }
package/dist/Link/src/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export { GlobalLinkCssSelector, Link, LinkProps } from './Link.js';
2
+ export { LinkContext } from './LinkContext.js';
3
+ import 'react';
4
+ import '@hopper-ui/styled-system';
5
+ import 'react-aria-components';
package/dist/Link/src/index.js ADDED
@@ -0,0 +1,11 @@
1
+ export { GlobalLinkCssSelector, _Link as Link } from '../../chunk-I7AMDVGG.js';
2
+ import '../../chunk-ZWU6DRRZ.js';
3
+ export { LinkContext } from '../../chunk-4VVNSXIB.js';
4
+ import '../../chunk-65JPI4FL.js';
5
+ import '../../chunk-M6UHXS6K.js';
6
+ import '../../chunk-HXI3MEEK.js';
7
+ import '../../chunk-OE5BLFZI.js';
8
+ import '../../chunk-M36KANKC.js';
9
+ import '../../chunk-DHVVYSLB.js';
10
+ import '../../chunk-KVDXQMWI.js';
11
+ import '../../chunk-YSQDPG26.js';