@hopper-ui/components 1.3.30 → 1.3.32

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 (218) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Card/src/Card.css +247 -0
  19. package/dist/Card/src/Card.d.ts +22 -0
  20. package/dist/Card/src/Card.js +7 -0
  21. package/dist/Card/src/CardContext.d.ts +10 -0
  22. package/dist/Card/src/CardContext.js +2 -0
  23. package/dist/Card/src/index.css +247 -0
  24. package/dist/Card/src/index.d.ts +7 -0
  25. package/dist/Card/src/index.js +7 -0
  26. package/dist/ComboBox/src/ComboBox.css +562 -2120
  27. package/dist/ComboBox/src/ComboBox.js +25 -96
  28. package/dist/ComboBox/src/index.css +562 -2120
  29. package/dist/ComboBox/src/index.js +25 -96
  30. package/dist/Divider/src/Divider.css +29 -29
  31. package/dist/Divider/src/Divider.js +1 -1
  32. package/dist/Divider/src/index.css +29 -29
  33. package/dist/Divider/src/index.js +1 -1
  34. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  35. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  36. package/dist/ErrorMessage/src/index.css +29 -29
  37. package/dist/ErrorMessage/src/index.js +2 -2
  38. package/dist/Form/src/Form.css +1593 -1836
  39. package/dist/Form/src/Form.js +11 -102
  40. package/dist/Form/src/index.css +1593 -1836
  41. package/dist/Form/src/index.js +11 -102
  42. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  43. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  44. package/dist/HelperMessage/src/index.css +29 -29
  45. package/dist/HelperMessage/src/index.js +2 -2
  46. package/dist/IconList/src/IconList.css +28 -28
  47. package/dist/IconList/src/IconList.js +1 -1
  48. package/dist/IconList/src/index.css +28 -28
  49. package/dist/IconList/src/index.js +1 -1
  50. package/dist/Link/src/Link.css +49 -49
  51. package/dist/Link/src/Link.js +8 -8
  52. package/dist/Link/src/index.css +49 -49
  53. package/dist/Link/src/index.js +8 -8
  54. package/dist/ListBox/src/ListBox.css +274 -274
  55. package/dist/ListBox/src/ListBox.js +14 -14
  56. package/dist/ListBox/src/ListBoxItem.css +262 -262
  57. package/dist/ListBox/src/ListBoxItem.js +13 -13
  58. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  59. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  60. package/dist/ListBox/src/index.css +274 -274
  61. package/dist/ListBox/src/index.js +14 -14
  62. package/dist/Select/src/Select.css +597 -2154
  63. package/dist/Select/src/Select.js +27 -96
  64. package/dist/Select/src/SelectValue.css +61 -61
  65. package/dist/Select/src/SelectValue.js +6 -6
  66. package/dist/Select/src/index.css +566 -2123
  67. package/dist/Select/src/index.d.ts +1 -1
  68. package/dist/Select/src/index.js +27 -96
  69. package/dist/Spinner/src/Spinner.css +37 -37
  70. package/dist/Spinner/src/Spinner.js +2 -2
  71. package/dist/Spinner/src/index.css +37 -37
  72. package/dist/Spinner/src/index.js +2 -2
  73. package/dist/buttons/src/Button.css +93 -93
  74. package/dist/buttons/src/Button.js +10 -10
  75. package/dist/buttons/src/ButtonGroup.css +38 -38
  76. package/dist/buttons/src/ButtonGroup.js +2 -2
  77. package/dist/buttons/src/ClearButton.css +98 -98
  78. package/dist/buttons/src/ClearButton.js +2 -2
  79. package/dist/buttons/src/EmbeddedButton.css +98 -98
  80. package/dist/buttons/src/EmbeddedButton.js +1 -1
  81. package/dist/buttons/src/LinkButton.css +102 -102
  82. package/dist/buttons/src/LinkButton.js +9 -9
  83. package/dist/buttons/src/index.css +249 -249
  84. package/dist/buttons/src/index.js +17 -17
  85. package/dist/checkbox/src/Checkbox.css +46 -46
  86. package/dist/checkbox/src/Checkbox.js +9 -9
  87. package/dist/checkbox/src/CheckboxField.css +33 -33
  88. package/dist/checkbox/src/CheckboxField.js +2 -2
  89. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  90. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  91. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  92. package/dist/checkbox/src/DecorativeCheckbox.js +9 -9
  93. package/dist/checkbox/src/index.css +98 -98
  94. package/dist/checkbox/src/index.js +16 -16
  95. package/dist/{chunk-T62GNS7A.js → chunk-2PIWQBQ7.js} +2 -2
  96. package/dist/{chunk-QXOFUM6L.js → chunk-2ZAWI3VO.js} +1 -1
  97. package/dist/chunk-425TRLX5.js +71 -0
  98. package/dist/{chunk-44XBQWFL.js → chunk-4XMDZ5QF.js} +1 -1
  99. package/dist/{chunk-6RCOGX6X.js → chunk-52EKMM7G.js} +3 -3
  100. package/dist/{chunk-SJTPZSVU.js → chunk-5TE4QKZ2.js} +2 -2
  101. package/dist/{chunk-FWIQZGWG.js → chunk-5YGTZWHS.js} +1 -1
  102. package/dist/{chunk-ZZVFZ7I7.js → chunk-6XSOF5IT.js} +3 -3
  103. package/dist/{chunk-NPJBY3QK.js → chunk-77K422AK.js} +1 -1
  104. package/dist/{chunk-4YZZWHBM.js → chunk-7ITDXJPN.js} +6 -6
  105. package/dist/{chunk-WR3P4XWE.js → chunk-7OZNJCXL.js} +6 -6
  106. package/dist/chunk-7RTEFFZS.js +159 -0
  107. package/dist/{chunk-J2GXT52N.js → chunk-B2PZHGGT.js} +2 -2
  108. package/dist/{chunk-J4ZUH2ZP.js → chunk-BAX352BZ.js} +1 -1
  109. package/dist/{chunk-LFCEYG5R.js → chunk-F3GTLFKR.js} +1 -1
  110. package/dist/{chunk-2JMXBZHI.js → chunk-FXB7BBJB.js} +2 -2
  111. package/dist/{chunk-VLVEXVWZ.js → chunk-HPEGBHAQ.js} +1 -1
  112. package/dist/{chunk-CVMHGZQE.js → chunk-JHZLRSJY.js} +1 -1
  113. package/dist/{chunk-5MYQ7W33.js → chunk-JZV3EU5P.js} +5 -5
  114. package/dist/{chunk-UO5QJHXD.js → chunk-KXZYWFM3.js} +5 -5
  115. package/dist/{chunk-TMVKRT2P.js → chunk-MCSPPEQN.js} +1 -1
  116. package/dist/{chunk-VAKUV6QI.js → chunk-MMCWVCOD.js} +2 -2
  117. package/dist/{chunk-2MYELF25.js → chunk-MOIFFJJ3.js} +1 -1
  118. package/dist/{chunk-SFMVHFVH.js → chunk-MY7R6ZMF.js} +2 -2
  119. package/dist/{chunk-NE3BRLPL.js → chunk-N7ORIARY.js} +2 -2
  120. package/dist/{chunk-FVH4W7VW.js → chunk-OAUTLKSG.js} +7 -7
  121. package/dist/{chunk-47FKFZ4S.js → chunk-OEMWDVBB.js} +3 -3
  122. package/dist/{chunk-2SXSYPWT.js → chunk-OFYHUD3N.js} +2 -2
  123. package/dist/{chunk-WUZ4LSNY.js → chunk-PME32XAH.js} +6 -6
  124. package/dist/chunk-PR6Q2XJD.js +270 -0
  125. package/dist/{chunk-DZHNBZQQ.js → chunk-QDIICTRS.js} +2 -2
  126. package/dist/{chunk-CY7GW4SB.js → chunk-SMNKMZIC.js} +9 -9
  127. package/dist/{chunk-YWNQJ4FB.js → chunk-SWQEWYNM.js} +1 -1
  128. package/dist/{chunk-KUEXWJCI.js → chunk-U7NERCPG.js} +6 -6
  129. package/dist/{chunk-GRQTYLL6.js → chunk-UEZ6JMBX.js} +2 -2
  130. package/dist/{chunk-7Q6MXAW6.js → chunk-UJAYZEVR.js} +2 -2
  131. package/dist/{chunk-L5FDVVDI.js → chunk-UOVCHVGX.js} +4 -4
  132. package/dist/chunk-UYDOZLJW.js +153 -0
  133. package/dist/{chunk-HQPE2NHR.js → chunk-UYXVO6TB.js} +1 -1
  134. package/dist/chunk-V2EQFVTJ.js +7 -0
  135. package/dist/{chunk-LXWLN4DS.js → chunk-VYFGV7LF.js} +3 -3
  136. package/dist/{chunk-DOKGX5N4.js → chunk-VYNPGUH2.js} +1 -1
  137. package/dist/{chunk-5TIGRW6E.js → chunk-WJ6YDFFC.js} +1 -1
  138. package/dist/{chunk-3SNUQFBZ.js → chunk-WXP3P4KY.js} +3 -3
  139. package/dist/{chunk-4I7NFPPR.js → chunk-X5SCISRD.js} +2 -2
  140. package/dist/{chunk-6S4ZOYNF.js → chunk-XDJMIWOT.js} +4 -4
  141. package/dist/{chunk-MBX35AGZ.js → chunk-XTY7LASB.js} +3 -3
  142. package/dist/{chunk-S5NKOTEO.js → chunk-Y75VH6OP.js} +1 -1
  143. package/dist/chunk-YTKE4ERV.js +205 -0
  144. package/dist/{chunk-PHGFB7Z7.js → chunk-ZTS67CFU.js} +23 -14
  145. package/dist/{chunk-64EU3M5O.js → chunk-ZUL2DWRU.js} +2 -2
  146. package/dist/index.css +1022 -996
  147. package/dist/index.d.ts +4 -2
  148. package/dist/index.js +88 -80
  149. package/dist/inputs/src/InputGroup.css +264 -264
  150. package/dist/inputs/src/InputGroup.js +1 -1
  151. package/dist/inputs/src/NumberField.css +286 -286
  152. package/dist/inputs/src/NumberField.js +12 -12
  153. package/dist/inputs/src/PasswordField.css +274 -274
  154. package/dist/inputs/src/PasswordField.js +12 -12
  155. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  156. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  157. package/dist/inputs/src/SearchField.css +280 -280
  158. package/dist/inputs/src/SearchField.js +13 -13
  159. package/dist/inputs/src/TextArea.css +281 -281
  160. package/dist/inputs/src/TextArea.js +12 -12
  161. package/dist/inputs/src/TextField.css +278 -278
  162. package/dist/inputs/src/TextField.js +15 -15
  163. package/dist/inputs/src/index.css +324 -324
  164. package/dist/inputs/src/index.js +24 -24
  165. package/dist/overlays/Popover/src/Popover.css +2150 -3870
  166. package/dist/overlays/Popover/src/Popover.d.ts +1 -1
  167. package/dist/overlays/Popover/src/Popover.js +11 -106
  168. package/dist/overlays/Popover/src/PopoverContext.d.ts +1 -1
  169. package/dist/overlays/Popover/src/index.css +2150 -3870
  170. package/dist/overlays/Popover/src/index.d.ts +1 -1
  171. package/dist/overlays/Popover/src/index.js +12 -106
  172. package/dist/radio/src/DecorativeRadio.css +54 -54
  173. package/dist/radio/src/DecorativeRadio.js +8 -8
  174. package/dist/radio/src/Radio.css +46 -46
  175. package/dist/radio/src/Radio.js +8 -8
  176. package/dist/radio/src/RadioField.css +33 -33
  177. package/dist/radio/src/RadioField.js +2 -2
  178. package/dist/radio/src/RadioGroup.css +98 -98
  179. package/dist/radio/src/RadioGroup.js +6 -6
  180. package/dist/radio/src/index.css +98 -98
  181. package/dist/radio/src/index.js +14 -14
  182. package/dist/switch/src/Switch.css +43 -43
  183. package/dist/switch/src/Switch.js +8 -8
  184. package/dist/switch/src/SwitchField.css +33 -33
  185. package/dist/switch/src/SwitchField.d.ts +8 -3
  186. package/dist/switch/src/SwitchField.js +4 -2
  187. package/dist/switch/src/index.css +49 -49
  188. package/dist/switch/src/index.js +10 -10
  189. package/dist/tag/src/Tag.css +390 -390
  190. package/dist/tag/src/Tag.js +11 -11
  191. package/dist/tag/src/TagGroup.css +37 -37
  192. package/dist/tag/src/TagGroup.js +3 -3
  193. package/dist/tag/src/TagList.css +27 -27
  194. package/dist/tag/src/index.css +400 -400
  195. package/dist/tag/src/index.js +15 -15
  196. package/dist/typography/Heading/src/Heading.css +27 -27
  197. package/dist/typography/Heading/src/Heading.js +1 -1
  198. package/dist/typography/Heading/src/index.css +27 -27
  199. package/dist/typography/Heading/src/index.js +1 -1
  200. package/dist/typography/Label/src/Label.css +27 -27
  201. package/dist/typography/Label/src/Label.js +1 -1
  202. package/dist/typography/Label/src/index.css +27 -27
  203. package/dist/typography/Label/src/index.js +1 -1
  204. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  205. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  206. package/dist/typography/OverlineText/src/index.css +27 -27
  207. package/dist/typography/OverlineText/src/index.js +1 -1
  208. package/dist/typography/Text/src/Text.css +27 -27
  209. package/dist/typography/Text/src/Text.js +1 -1
  210. package/dist/typography/Text/src/index.css +27 -27
  211. package/dist/typography/Text/src/index.js +1 -1
  212. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  213. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  214. package/dist/utils/src/index.css +27 -27
  215. package/dist/utils/src/index.js +7 -7
  216. package/package.json +2 -1
  217. package/dist/chunk-UCAG6OQL.js +0 -1155
  218. /package/dist/{chunk-LJXTJRSB.js → chunk-DBIN32YS.js} +0 -0
package/dist/Card/src/Card.css ADDED
@@ -0,0 +1,247 @@
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___yXCh3 {
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___yXCh3) {
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___cgxRO) {
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___9XWSE) {
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___dSJp9) {
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___7BQM-) {
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___mc-2D) {
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___b9d1O) {
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___mSP0w) {
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___mlsmJ {
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___mlsmJ) {
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___4g9Hm) {
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___w-WWU) {
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___FHx98) {
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___N-Ov9) {
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___O0xxj) {
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___7cgXw) {
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___CD7Gr) {
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___5ke-P) {
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___WdEoR {
192
+ box-sizing: border-box;
193
+ }
194
+ .OverlineText-module__hop-OverlineText__text___WdEoR::before,
195
+ .OverlineText-module__hop-OverlineText__text___WdEoR::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___WdEoR::before {
203
+ margin-block-end: var(--bottom-offset);
204
+ }
205
+ .OverlineText-module__hop-OverlineText__text___WdEoR::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___BRqtH {
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___BRqtH) {
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___78Snn) {
225
+ padding-inline-start: var(--hop-space-20);
226
+ }
227
+
228
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Card/src/Card.module.css/#css-module-data */
229
+ .Card-module__hop-Card___95mWR {
230
+ --hop-Card-border-radius: var(--hop-shape-rounded-md);
231
+ --hop-Card-border-size: 0.0625rem;
232
+ --hop-Card-main-border: var(--hop-Card-border-size) solid var(--hop-neutral-border-weak);
233
+ --hop-Card-main-background-color: var(--hop-neutral-surface);
234
+ --hop-Card-second-level-border: var(--hop-Card-border-size) solid var(--hop-neutral-surface-weakest);
235
+ --hop-Card-second-level-background-color: var(--hop-neutral-surface-weakest);
236
+ background-color: var(--background-color);
237
+ border: var(--border);
238
+ border-radius: var(--hop-Card-border-radius);
239
+ }
240
+ .Card-module__hop-Card--main___smNQ8 {
241
+ --background-color: var(--hop-Card-main-background-color);
242
+ --border: var(--hop-Card-main-border);
243
+ }
244
+ .Card-module__hop-Card--second-level___VQ5lc {
245
+ --background-color: var(--hop-Card-second-level-background-color);
246
+ --border: var(--hop-Card-second-level-border);
247
+ }
package/dist/Card/src/Card.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import * as react from 'react';
2
+ import { StyledComponentProps } from '@hopper-ui/styled-system';
3
+ import { BaseComponentDOMProps } from '../../utils/src/types.js';
4
+ import '@react-types/shared';
5
+ import 'react-aria-components';
6
+
7
+ declare const GlobalCardCssSelector = "hop-Card";
8
+ interface CardProps extends StyledComponentProps<BaseComponentDOMProps> {
9
+ /**
10
+ * The visual style of the card.
11
+ * @default "main"
12
+ */
13
+ variant?: "main" | "second-level";
14
+ }
15
+ /**
16
+ * Cards are used to group similar concepts and tasks to make it easier for users to scan, read and get things done.
17
+ *
18
+ * [View Documentation](TODO)
19
+ */
20
+ declare const _Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLElement>>;
21
+
22
+ export { _Card as Card, type CardProps, GlobalCardCssSelector };
package/dist/Card/src/Card.js ADDED
@@ -0,0 +1,7 @@
1
+ export { _Card as Card, GlobalCardCssSelector } from '../../chunk-425TRLX5.js';
2
+ import '../../chunk-I67NHYK4.js';
3
+ import '../../chunk-IXB2WK56.js';
4
+ import '../../chunk-V2EQFVTJ.js';
5
+ import '../../chunk-M36KANKC.js';
6
+ import '../../chunk-KVDXQMWI.js';
7
+ import '../../chunk-JSBRDJBE.js';
package/dist/Card/src/CardContext.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { CardProps } from './Card.js';
2
+ import * as react from 'react';
3
+ import { ContextValue } from 'react-aria-components';
4
+ import '@hopper-ui/styled-system';
5
+ import '../../utils/src/types.js';
6
+ import '@react-types/shared';
7
+
8
+ declare const CardContext: react.Context<ContextValue<CardProps, HTMLElement>>;
9
+
10
+ export { CardContext };
package/dist/Card/src/CardContext.js ADDED
@@ -0,0 +1,2 @@
1
+ export { CardContext } from '../../chunk-V2EQFVTJ.js';
2
+ import '../../chunk-JSBRDJBE.js';
package/dist/Card/src/index.css ADDED
@@ -0,0 +1,247 @@
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___yXCh3 {
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___yXCh3) {
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___cgxRO) {
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___9XWSE) {
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___dSJp9) {
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___7BQM-) {
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___mc-2D) {
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___b9d1O) {
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___mSP0w) {
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___mlsmJ {
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___mlsmJ) {
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___4g9Hm) {
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___w-WWU) {
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___FHx98) {
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___N-Ov9) {
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___O0xxj) {
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___7cgXw) {
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___CD7Gr) {
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___5ke-P) {
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___WdEoR {
192
+ box-sizing: border-box;
193
+ }
194
+ .OverlineText-module__hop-OverlineText__text___WdEoR::before,
195
+ .OverlineText-module__hop-OverlineText__text___WdEoR::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___WdEoR::before {
203
+ margin-block-end: var(--bottom-offset);
204
+ }
205
+ .OverlineText-module__hop-OverlineText__text___WdEoR::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___BRqtH {
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___BRqtH) {
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___78Snn) {
225
+ padding-inline-start: var(--hop-space-20);
226
+ }
227
+
228
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Card/src/Card.module.css/#css-module-data */
229
+ .Card-module__hop-Card___95mWR {
230
+ --hop-Card-border-radius: var(--hop-shape-rounded-md);
231
+ --hop-Card-border-size: 0.0625rem;
232
+ --hop-Card-main-border: var(--hop-Card-border-size) solid var(--hop-neutral-border-weak);
233
+ --hop-Card-main-background-color: var(--hop-neutral-surface);
234
+ --hop-Card-second-level-border: var(--hop-Card-border-size) solid var(--hop-neutral-surface-weakest);
235
+ --hop-Card-second-level-background-color: var(--hop-neutral-surface-weakest);
236
+ background-color: var(--background-color);
237
+ border: var(--border);
238
+ border-radius: var(--hop-Card-border-radius);
239
+ }
240
+ .Card-module__hop-Card--main___smNQ8 {
241
+ --background-color: var(--hop-Card-main-background-color);
242
+ --border: var(--hop-Card-main-border);
243
+ }
244
+ .Card-module__hop-Card--second-level___VQ5lc {
245
+ --background-color: var(--hop-Card-second-level-background-color);
246
+ --border: var(--hop-Card-second-level-border);
247
+ }
package/dist/Card/src/index.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export { Card, CardProps, GlobalCardCssSelector } from './Card.js';
2
+ export { CardContext } from './CardContext.js';
3
+ import 'react';
4
+ import '@hopper-ui/styled-system';
5
+ import '../../utils/src/types.js';
6
+ import '@react-types/shared';
7
+ import 'react-aria-components';
package/dist/Card/src/index.js ADDED
@@ -0,0 +1,7 @@
1
+ export { _Card as Card, GlobalCardCssSelector } from '../../chunk-425TRLX5.js';
2
+ import '../../chunk-I67NHYK4.js';
3
+ import '../../chunk-IXB2WK56.js';
4
+ export { CardContext } from '../../chunk-V2EQFVTJ.js';
5
+ import '../../chunk-M36KANKC.js';
6
+ import '../../chunk-KVDXQMWI.js';
7
+ import '../../chunk-JSBRDJBE.js';