@hopper-ui/components 1.0.13 → 1.2.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 (209) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +1 -1
  3. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  4. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  5. package/dist/Avatar/src/Avatar.css +37 -37
  6. package/dist/Avatar/src/Avatar.js +3 -3
  7. package/dist/Avatar/src/AvatarContext.d.ts +1 -1
  8. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  9. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  10. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  11. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  12. package/dist/Avatar/src/index.css +37 -37
  13. package/dist/Avatar/src/index.js +5 -5
  14. package/dist/Badge/src/Badge.css +10 -10
  15. package/dist/Badge/src/Badge.js +2 -2
  16. package/dist/Badge/src/index.css +10 -10
  17. package/dist/Badge/src/index.js +2 -2
  18. package/dist/Divider/src/Divider.css +2 -2
  19. package/dist/Divider/src/Divider.js +1 -1
  20. package/dist/Divider/src/index.css +2 -2
  21. package/dist/Divider/src/index.js +1 -1
  22. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  23. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  24. package/dist/ErrorMessage/src/index.css +11 -11
  25. package/dist/ErrorMessage/src/index.js +2 -2
  26. package/dist/Form/src/Form.css +4111 -0
  27. package/dist/Form/src/Form.d.ts +28 -0
  28. package/dist/Form/src/Form.js +114 -0
  29. package/dist/Form/src/FormContext.d.ts +8 -0
  30. package/dist/Form/src/FormContext.js +2 -0
  31. package/dist/Form/src/index.css +4111 -0
  32. package/dist/Form/src/index.d.ts +5 -0
  33. package/dist/Form/src/index.js +114 -0
  34. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  35. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  36. package/dist/HelperMessage/src/index.css +11 -11
  37. package/dist/HelperMessage/src/index.js +2 -2
  38. package/dist/IconList/src/IconList.css +1 -1
  39. package/dist/IconList/src/IconList.js +1 -1
  40. package/dist/IconList/src/index.css +1 -1
  41. package/dist/IconList/src/index.js +1 -1
  42. package/dist/Link/src/Link.css +31 -31
  43. package/dist/Link/src/Link.js +3 -3
  44. package/dist/Link/src/index.css +31 -31
  45. package/dist/Link/src/index.js +3 -3
  46. package/dist/ListBox/src/ListBox.css +369 -169
  47. package/dist/ListBox/src/ListBox.js +15 -14
  48. package/dist/ListBox/src/ListBoxItem.css +425 -225
  49. package/dist/ListBox/src/ListBoxItem.js +14 -13
  50. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  51. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  52. package/dist/ListBox/src/index.css +369 -169
  53. package/dist/ListBox/src/index.js +15 -14
  54. package/dist/Spinner/src/Spinner.css +19 -19
  55. package/dist/Spinner/src/Spinner.js +2 -2
  56. package/dist/Spinner/src/index.css +19 -19
  57. package/dist/Spinner/src/index.js +2 -2
  58. package/dist/buttons/src/Button.css +94 -94
  59. package/dist/buttons/src/Button.js +6 -6
  60. package/dist/buttons/src/ButtonGroup.css +11 -11
  61. package/dist/buttons/src/ButtonGroup.js +1 -1
  62. package/dist/buttons/src/ClearButton.css +375 -28
  63. package/dist/buttons/src/ClearButton.js +3 -3
  64. package/dist/buttons/src/EmbeddedButton.css +375 -28
  65. package/dist/buttons/src/EmbeddedButton.d.ts +9 -0
  66. package/dist/buttons/src/EmbeddedButton.js +1 -1
  67. package/dist/buttons/src/index.css +480 -133
  68. package/dist/buttons/src/index.js +9 -9
  69. package/dist/checkbox/src/Checkbox.css +31 -31
  70. package/dist/checkbox/src/Checkbox.js +3 -3
  71. package/dist/checkbox/src/CheckboxField.css +15 -15
  72. package/dist/checkbox/src/CheckboxField.js +1 -1
  73. package/dist/checkbox/src/CheckboxGroup.css +62 -59
  74. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  75. package/dist/checkbox/src/index.css +62 -59
  76. package/dist/checkbox/src/index.js +6 -6
  77. package/dist/{chunk-KARK64JC.js → chunk-2XO5CZBO.js} +2 -2
  78. package/dist/{chunk-DZHRELLA.js → chunk-354H4FNA.js} +1 -1
  79. package/dist/{chunk-ZXDN2IRM.js → chunk-5IB23E3O.js} +6 -2
  80. package/dist/{chunk-WCLGYVXV.js → chunk-BKCMCC7V.js} +1 -1
  81. package/dist/{chunk-5WWMVQI4.js → chunk-CEUQHDEQ.js} +1 -1
  82. package/dist/{chunk-AMXRADUV.js → chunk-CKKLDA5J.js} +2 -2
  83. package/dist/{chunk-UGHMX7QX.js → chunk-COIGQP33.js} +3 -3
  84. package/dist/{chunk-NHM3MQI3.js → chunk-EJUIYBAC.js} +3 -3
  85. package/dist/chunk-EURJK4ZT.js +7 -0
  86. package/dist/{chunk-YEYNRBMQ.js → chunk-F4H76S4H.js} +6 -2
  87. package/dist/{chunk-44KY7MFF.js → chunk-FA4IXLWZ.js} +19 -8
  88. package/dist/chunk-FOD7XUSJ.js +150 -0
  89. package/dist/{chunk-W34MMJ2L.js → chunk-FOKTHCFK.js} +3 -3
  90. package/dist/chunk-HCRWIU7V.js +276 -0
  91. package/dist/chunk-IU6XMS2X.js +21 -0
  92. package/dist/{chunk-JN2FF2IX.js → chunk-IUOLKHYQ.js} +1 -1
  93. package/dist/{chunk-2MUGMKNO.js → chunk-IXWYHDGU.js} +1 -1
  94. package/dist/{chunk-SSMGKQ27.js → chunk-J44DIB5J.js} +3 -3
  95. package/dist/{chunk-GH5LAOQU.js → chunk-JJ4EFTES.js} +1 -1
  96. package/dist/{chunk-RGGVZKNN.js → chunk-L5KI4ZCL.js} +2 -2
  97. package/dist/{chunk-AYPCLDGU.js → chunk-M3K4IYX6.js} +1 -1
  98. package/dist/chunk-MHQZXLKW.js +7 -0
  99. package/dist/{chunk-IEE2HHGR.js → chunk-MJHMFANK.js} +1 -1
  100. package/dist/{chunk-CXIH6I5X.js → chunk-PFABSIDM.js} +1 -1
  101. package/dist/{chunk-ERE2XRQA.js → chunk-PQXVL3YJ.js} +1 -1
  102. package/dist/{chunk-CCIVRIKG.js → chunk-Q63YLWI6.js} +16 -3
  103. package/dist/{chunk-JLUFMLGV.js → chunk-RQKU3XDG.js} +1 -1
  104. package/dist/chunk-RWAVMW7T.js +70 -0
  105. package/dist/{chunk-TNVYVDLF.js → chunk-S5CK32KM.js} +6 -4
  106. package/dist/{chunk-LDORNYHF.js → chunk-SZSQZ4C7.js} +3 -3
  107. package/dist/{chunk-UPR32DV5.js → chunk-T6MAOVLH.js} +2 -2
  108. package/dist/{chunk-B42AJF74.js → chunk-TCOZUCPD.js} +142 -159
  109. package/dist/{chunk-M4IVTAHY.js → chunk-TG623HPA.js} +7 -5
  110. package/dist/{chunk-723W7LGB.js → chunk-U56LEEEA.js} +6 -6
  111. package/dist/{chunk-THQZBL4T.js → chunk-UT4CSUUM.js} +1 -1
  112. package/dist/{chunk-MVWQVBTK.js → chunk-V5Q245NH.js} +4 -2
  113. package/dist/chunk-VISBUD2K.js +172 -0
  114. package/dist/{chunk-QTV45NTY.js → chunk-VYKPDMP3.js} +3 -3
  115. package/dist/{chunk-CS2RAWQB.js → chunk-W2BQZEW6.js} +4 -4
  116. package/dist/{chunk-SW7LHIQ2.js → chunk-W474WFOP.js} +21 -9
  117. package/dist/{chunk-ESRYOELK.js → chunk-X253QCYD.js} +3 -2
  118. package/dist/{chunk-PAYZGXTT.js → chunk-XT2MZWEV.js} +1 -1
  119. package/dist/{chunk-SNWJJ3FF.js → chunk-XUJNQNB3.js} +1 -1
  120. package/dist/chunk-Z57VHYOF.js +22 -0
  121. package/dist/i18n/src/index.js +1 -1
  122. package/dist/i18n/src/useLocalizedString.js +1 -1
  123. package/dist/index.css +1625 -707
  124. package/dist/index.d.ts +9 -3
  125. package/dist/index.js +56 -50
  126. package/dist/inputs/src/InputGroup.css +78 -39
  127. package/dist/inputs/src/InputGroup.d.ts +10 -1
  128. package/dist/inputs/src/InputGroup.js +1 -1
  129. package/dist/inputs/src/NumberField.css +129 -90
  130. package/dist/inputs/src/NumberField.d.ts +1 -0
  131. package/dist/inputs/src/NumberField.js +18 -172
  132. package/dist/inputs/src/PasswordField.css +588 -199
  133. package/dist/inputs/src/PasswordField.d.ts +1 -0
  134. package/dist/inputs/src/PasswordField.js +9 -9
  135. package/dist/inputs/src/SearchField.css +594 -205
  136. package/dist/inputs/src/SearchField.d.ts +1 -0
  137. package/dist/inputs/src/SearchField.js +10 -10
  138. package/dist/inputs/src/TextArea.css +469 -0
  139. package/dist/inputs/src/TextArea.d.ts +62 -0
  140. package/dist/inputs/src/TextArea.js +23 -0
  141. package/dist/inputs/src/TextAreaContext.d.ts +8 -0
  142. package/dist/inputs/src/TextAreaContext.js +2 -0
  143. package/dist/inputs/src/TextField.css +589 -200
  144. package/dist/inputs/src/TextField.d.ts +2 -0
  145. package/dist/inputs/src/TextField.js +11 -11
  146. package/dist/inputs/src/index.css +948 -368
  147. package/dist/inputs/src/index.d.ts +4 -0
  148. package/dist/inputs/src/index.js +20 -13
  149. package/dist/overlays/Popover/src/Popover.css +1625 -707
  150. package/dist/overlays/Popover/src/Popover.js +56 -50
  151. package/dist/overlays/Popover/src/index.css +1625 -707
  152. package/dist/overlays/Popover/src/index.js +56 -50
  153. package/dist/radio/src/Radio.css +31 -31
  154. package/dist/radio/src/Radio.js +3 -3
  155. package/dist/radio/src/RadioField.css +15 -15
  156. package/dist/radio/src/RadioField.js +1 -1
  157. package/dist/radio/src/RadioGroup.css +62 -59
  158. package/dist/radio/src/RadioGroup.js +3 -3
  159. package/dist/radio/src/index.css +62 -59
  160. package/dist/radio/src/index.js +9 -9
  161. package/dist/switch/src/Switch.css +25 -25
  162. package/dist/switch/src/Switch.js +3 -3
  163. package/dist/switch/src/SwitchField.css +15 -15
  164. package/dist/switch/src/SwitchField.js +1 -1
  165. package/dist/switch/src/index.css +31 -31
  166. package/dist/switch/src/index.js +4 -4
  167. package/dist/tag/src/Tag.css +1041 -2241
  168. package/dist/tag/src/Tag.d.ts +6 -1
  169. package/dist/tag/src/Tag.js +8 -96
  170. package/dist/tag/src/TagGroup.css +24 -21
  171. package/dist/tag/src/TagGroup.d.ts +7 -2
  172. package/dist/tag/src/TagGroup.js +1 -1
  173. package/dist/tag/src/index.css +1104 -2205
  174. package/dist/tag/src/index.js +10 -91
  175. package/dist/typography/Heading/src/Heading.css +9 -9
  176. package/dist/typography/Heading/src/Heading.js +1 -1
  177. package/dist/typography/Heading/src/index.css +9 -9
  178. package/dist/typography/Heading/src/index.js +1 -1
  179. package/dist/typography/Label/src/Label.css +5 -2
  180. package/dist/typography/Label/src/Label.d.ts +8 -0
  181. package/dist/typography/Label/src/Label.js +2 -1
  182. package/dist/typography/Label/src/index.css +5 -2
  183. package/dist/typography/Label/src/index.js +2 -1
  184. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  185. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  186. package/dist/typography/OverlineText/src/index.css +6 -6
  187. package/dist/typography/OverlineText/src/index.js +1 -1
  188. package/dist/typography/Text/src/Text.css +9 -9
  189. package/dist/typography/Text/src/Text.js +1 -1
  190. package/dist/typography/Text/src/index.css +9 -9
  191. package/dist/typography/Text/src/index.js +1 -1
  192. package/dist/utils/src/index.d.ts +2 -0
  193. package/dist/utils/src/index.js +4 -2
  194. package/dist/utils/src/useFontFaceReady.d.ts +3 -0
  195. package/dist/utils/src/useFontFaceReady.js +2 -0
  196. package/dist/utils/src/useTruncatedText.d.ts +3 -0
  197. package/dist/utils/src/useTruncatedText.js +2 -0
  198. package/package.json +3 -3
  199. package/dist/Chip/src/Chip.css +0 -261
  200. package/dist/Chip/src/Chip.d.ts +0 -27
  201. package/dist/Chip/src/Chip.js +0 -10
  202. package/dist/Chip/src/ChipContext.d.ts +0 -10
  203. package/dist/Chip/src/ChipContext.js +0 -2
  204. package/dist/Chip/src/index.css +0 -261
  205. package/dist/Chip/src/index.d.ts +0 -7
  206. package/dist/Chip/src/index.js +0 -10
  207. package/dist/chunk-632B5YBQ.js +0 -7
  208. package/dist/chunk-I2YZLGRE.js +0 -43
  209. package/dist/chunk-RXZQB35O.js +0 -105
@@ -1,261 +0,0 @@
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___RdFGP {
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/typography/Text/src/Text.module.css/#css-module-data */
11
- .Text-module__hop-Text___XGciL {
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___XGciL) {
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___8DcIm) {
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___B0mGK) {
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___QwBMo) {
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___BAtSv) {
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___QUy6V) {
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___DFqJ4) {
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___WkAxg) {
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/Chip/src/Chip.module.css/#css-module-data */
91
- .Chip-module__hop-Chip___Sfput {
92
- --hop-Chip-border-size: 0.0625rem;
93
- --hop-Chip-border-radius: var(--hop-shape-pill);
94
- --hop-Chip-column-gap: var(--hop-space-inline-xs);
95
- --hop-Chip-xs-block-size: 1rem;
96
- --hop-Chip-xs-padding-inline: var(--hop-space-inset-sm);
97
- --hop-Chip-sm-block-size: 1.25rem;
98
- --hop-Chip-sm-padding-inline: var(--hop-space-inset-sm);
99
- --hop-Chip-md-block-size: 1.5rem;
100
- --hop-Chip-md-padding-inline: var(--hop-space-inset-sm);
101
- --hop-Chip-lg-block-size: 2rem;
102
- --hop-Chip-lg-padding-inline: var(--hop-space-inset-md);
103
- --hop-Chip-neutral-border-color: var(--hop-neutral-border-weak);
104
- --hop-Chip-neutral-background-color: var(--hop-neutral-surface);
105
- --hop-Chip-neutral-text-color: var(--hop-neutral-text);
106
- --hop-Chip-progress-border-color: transparent;
107
- --hop-Chip-progress-background-color: var(--hop-status-progress-surface);
108
- --hop-Chip-progress-text-color: var(--hop-status-progress-text);
109
- --hop-Chip-positive-border-color: transparent;
110
- --hop-Chip-positive-background-color: var(--hop-status-positive-surface);
111
- --hop-Chip-positive-text-color: var(--hop-status-positive-text);
112
- --hop-Chip-caution-border-color: transparent;
113
- --hop-Chip-caution-background-color: var(--hop-status-caution-surface);
114
- --hop-Chip-caution-text-color: var(--hop-status-caution-text);
115
- --hop-Chip-negative-border-color: transparent;
116
- --hop-Chip-negative-background-color: var(--hop-status-negative-surface);
117
- --hop-Chip-negative-text-color: var(--hop-status-negative-text);
118
- --hop-Chip-option1-border-color: transparent;
119
- --hop-Chip-option1-background-color: var(--hop-status-option1-surface);
120
- --hop-Chip-option1-text-color: var(--hop-status-option1-text);
121
- --hop-Chip-option2-border-color: transparent;
122
- --hop-Chip-option2-background-color: var(--hop-status-option2-surface);
123
- --hop-Chip-option2-text-color: var(--hop-status-option2-text);
124
- --hop-Chip-option3-border-color: transparent;
125
- --hop-Chip-option3-background-color: var(--hop-status-option3-surface);
126
- --hop-Chip-option3-text-color: var(--hop-status-option3-text);
127
- --hop-Chip-option4-border-color: transparent;
128
- --hop-Chip-option4-background-color: var(--hop-status-option4-surface);
129
- --hop-Chip-option4-text-color: var(--hop-status-option4-text);
130
- --hop-Chip-option5-border-color: transparent;
131
- --hop-Chip-option5-background-color: var(--hop-status-option5-surface);
132
- --hop-Chip-option5-text-color: var(--hop-status-option5-text);
133
- --hop-Chip-option6-border-color: transparent;
134
- --hop-Chip-option6-background-color: var(--hop-status-option6-surface);
135
- --hop-Chip-option6-text-color: var(--hop-status-option6-text);
136
- --hop-Chip-inactive-border-color: transparent;
137
- --hop-Chip-inactive-background-color: var(--hop-status-inactive-surface);
138
- --hop-Chip-inactive-text-color: var(--hop-status-inactive-text);
139
- --hop-Chip-disabled-border-color: var(--hop-neutral-border-weak);
140
- --hop-Chip-disabled-background-color: var(--hop-neutral-surface-disabled);
141
- --hop-Chip-disabled-text-color: var(--hop-neutral-text-disabled);
142
- --border-radius: var(--hop-Chip-border-radius);
143
- --border-size: var(--hop-Chip-border-size);
144
- --column-gap: var(--hop-Chip-column-gap);
145
- overflow: hidden;
146
- display: inline-flex;
147
- column-gap: var(--column-gap);
148
- align-items: center;
149
- justify-content: center;
150
- box-sizing: border-box;
151
- inline-size: max-content;
152
- max-inline-size: 100%;
153
- block-size: var(--block-size);
154
- padding-inline: var(--padding-inline);
155
- color: var(--text-color);
156
- white-space: nowrap;
157
- background-color: var(--background-color);
158
- border: var(--border-size) solid var(--border-color);
159
- border-radius: var(--border-radius);
160
- }
161
- .Chip-module__hop-Chip--xs___1FBWu {
162
- --block-size: var(--hop-Chip-xs-block-size);
163
- --padding-inline: var(--hop-Chip-xs-padding-inline);
164
- }
165
- .Chip-module__hop-Chip--sm___GsR-j {
166
- --block-size: var(--hop-Chip-sm-block-size);
167
- --padding-inline: var(--hop-Chip-sm-padding-inline);
168
- }
169
- .Chip-module__hop-Chip--md___p7p8Z {
170
- --block-size: var(--hop-Chip-md-block-size);
171
- --padding-inline: var(--hop-Chip-md-padding-inline);
172
- }
173
- .Chip-module__hop-Chip--lg___LwB3r {
174
- --block-size: var(--hop-Chip-lg-block-size);
175
- --padding-inline: var(--hop-Chip-lg-padding-inline);
176
- }
177
- .Chip-module__hop-Chip--neutral___zDurk {
178
- --border-color: var(--hop-Chip-neutral-border-color);
179
- --background-color: var(--hop-Chip-neutral-background-color);
180
- --text-color: var(--hop-Chip-neutral-text-color);
181
- }
182
- .Chip-module__hop-Chip--progress___60Zzw {
183
- --border-color: var(--hop-Chip-progress-border-color);
184
- --background-color: var(--hop-Chip-progress-background-color);
185
- --text-color: var(--hop-Chip-progress-text-color);
186
- }
187
- .Chip-module__hop-Chip--positive___VYm5D {
188
- --border-color: var(--hop-Chip-positive-border-color);
189
- --background-color: var(--hop-Chip-positive-background-color);
190
- --text-color: var(--hop-Chip-positive-text-color);
191
- }
192
- .Chip-module__hop-Chip--caution___DOCwd {
193
- --border-color: var(--hop-Chip-caution-border-color);
194
- --background-color: var(--hop-Chip-caution-background-color);
195
- --text-color: var(--hop-Chip-caution-text-color);
196
- }
197
- .Chip-module__hop-Chip--negative___gE3rS {
198
- --border-color: var(--hop-Chip-negative-border-color);
199
- --background-color: var(--hop-Chip-negative-background-color);
200
- --text-color: var(--hop-Chip-negative-text-color);
201
- }
202
- .Chip-module__hop-Chip--option1___lfsAR {
203
- --border-color: var(--hop-Chip-option1-border-color);
204
- --background-color: var(--hop-Chip-option1-background-color);
205
- --text-color: var(--hop-Chip-option1-text-color);
206
- }
207
- .Chip-module__hop-Chip--option2___5XFUk {
208
- --border-color: var(--hop-Chip-option2-border-color);
209
- --background-color: var(--hop-Chip-option2-background-color);
210
- --text-color: var(--hop-Chip-option2-text-color);
211
- }
212
- .Chip-module__hop-Chip--option3___M686T {
213
- --border-color: var(--hop-Chip-option3-border-color);
214
- --background-color: var(--hop-Chip-option3-background-color);
215
- --text-color: var(--hop-Chip-option3-text-color);
216
- }
217
- .Chip-module__hop-Chip--option4___cQSS7 {
218
- --border-color: var(--hop-Chip-option4-border-color);
219
- --background-color: var(--hop-Chip-option4-background-color);
220
- --text-color: var(--hop-Chip-option4-text-color);
221
- }
222
- .Chip-module__hop-Chip--option5___Ge8nG {
223
- --border-color: var(--hop-Chip-option5-border-color);
224
- --background-color: var(--hop-Chip-option5-background-color);
225
- --text-color: var(--hop-Chip-option5-text-color);
226
- }
227
- .Chip-module__hop-Chip--option6___mtUEM {
228
- --border-color: var(--hop-Chip-option6-border-color);
229
- --background-color: var(--hop-Chip-option6-background-color);
230
- --text-color: var(--hop-Chip-option6-text-color);
231
- }
232
- .Chip-module__hop-Chip--inactive___XPGCu {
233
- --border-color: var(--hop-Chip-inactive-border-color);
234
- --background-color: var(--hop-Chip-inactive-background-color);
235
- --text-color: var(--hop-Chip-inactive-text-color);
236
- }
237
- .Chip-module__hop-Chip--disabled___acT3L {
238
- --border-color: var(--hop-Chip-disabled-border-color);
239
- --background-color: var(--hop-Chip-disabled-background-color);
240
- --text-color: var(--hop-Chip-disabled-text-color);
241
- }
242
- .Chip-module__hop-Chip__icon___SGwtj,
243
- .Chip-module__hop-Chip__icon-list___3-ZPq {
244
- flex: 0 0 auto;
245
- flex-wrap: nowrap;
246
- order: 1;
247
- }
248
- .Chip-module__hop-Chip__text___YOY-X {
249
- overflow: hidden;
250
- flex: 1 1 auto;
251
- order: 2;
252
- min-inline-size: 0;
253
- text-align: center;
254
- text-overflow: ellipsis;
255
- }
256
- .Chip-module__hop-Chip__end-icon___Y--iM,
257
- .Chip-module__hop-Chip__end-icon-list___Xo8tF {
258
- flex: 0 0 auto;
259
- flex-wrap: nowrap;
260
- order: 3;
261
- }
@@ -1,27 +0,0 @@
1
- import * as react from 'react';
2
- import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
3
- import { BaseComponentProps } from '../../utils/src/types.js';
4
- import '@react-types/shared';
5
- import 'react-aria-components';
6
-
7
- declare const GlobalChipCssSelector = "hop-Chip";
8
- interface ChipProps extends StyledSystemProps, BaseComponentProps {
9
- /**
10
- * A Chip can vary in size.
11
- * @default "md"
12
- */
13
- size?: ResponsiveProp<"xs" | "sm" | "md" | "lg">;
14
- /**
15
- * The visual style of the Chip.
16
- * @default "neutral"
17
- */
18
- variant?: "neutral" | "progress" | "positive" | "caution" | "negative" | "option1" | "option2" | "option3" | "option4" | "option5" | "option6" | "inactive" | "disabled";
19
- }
20
- /**
21
- * Use Chip to label, categorize, or organize items using keywords that describe them.
22
- *
23
- * [View Documentation](TODO)
24
- */
25
- declare const _Chip: react.ForwardRefExoticComponent<ChipProps & react.RefAttributes<HTMLSpanElement>>;
26
-
27
- export { _Chip as Chip, type ChipProps, GlobalChipCssSelector };
@@ -1,10 +0,0 @@
1
- export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-RXZQB35O.js';
2
- import '../../chunk-ZWU6DRRZ.js';
3
- import '../../chunk-DHVVYSLB.js';
4
- import '../../chunk-632B5YBQ.js';
5
- import '../../chunk-PAYZGXTT.js';
6
- import '../../chunk-X6SER3TZ.js';
7
- import '../../chunk-HXI3MEEK.js';
8
- import '../../chunk-M36KANKC.js';
9
- import '../../chunk-KVDXQMWI.js';
10
- import '../../chunk-JSBRDJBE.js';
@@ -1,10 +0,0 @@
1
- import { ChipProps } from './Chip.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 ChipContext: react.Context<ContextValue<ChipProps, HTMLSpanElement>>;
9
-
10
- export { ChipContext };
@@ -1,2 +0,0 @@
1
- export { ChipContext } from '../../chunk-632B5YBQ.js';
2
- import '../../chunk-JSBRDJBE.js';
@@ -1,261 +0,0 @@
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___RdFGP {
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/typography/Text/src/Text.module.css/#css-module-data */
11
- .Text-module__hop-Text___XGciL {
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___XGciL) {
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___8DcIm) {
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___B0mGK) {
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___QwBMo) {
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___BAtSv) {
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___QUy6V) {
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___DFqJ4) {
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___WkAxg) {
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/Chip/src/Chip.module.css/#css-module-data */
91
- .Chip-module__hop-Chip___Sfput {
92
- --hop-Chip-border-size: 0.0625rem;
93
- --hop-Chip-border-radius: var(--hop-shape-pill);
94
- --hop-Chip-column-gap: var(--hop-space-inline-xs);
95
- --hop-Chip-xs-block-size: 1rem;
96
- --hop-Chip-xs-padding-inline: var(--hop-space-inset-sm);
97
- --hop-Chip-sm-block-size: 1.25rem;
98
- --hop-Chip-sm-padding-inline: var(--hop-space-inset-sm);
99
- --hop-Chip-md-block-size: 1.5rem;
100
- --hop-Chip-md-padding-inline: var(--hop-space-inset-sm);
101
- --hop-Chip-lg-block-size: 2rem;
102
- --hop-Chip-lg-padding-inline: var(--hop-space-inset-md);
103
- --hop-Chip-neutral-border-color: var(--hop-neutral-border-weak);
104
- --hop-Chip-neutral-background-color: var(--hop-neutral-surface);
105
- --hop-Chip-neutral-text-color: var(--hop-neutral-text);
106
- --hop-Chip-progress-border-color: transparent;
107
- --hop-Chip-progress-background-color: var(--hop-status-progress-surface);
108
- --hop-Chip-progress-text-color: var(--hop-status-progress-text);
109
- --hop-Chip-positive-border-color: transparent;
110
- --hop-Chip-positive-background-color: var(--hop-status-positive-surface);
111
- --hop-Chip-positive-text-color: var(--hop-status-positive-text);
112
- --hop-Chip-caution-border-color: transparent;
113
- --hop-Chip-caution-background-color: var(--hop-status-caution-surface);
114
- --hop-Chip-caution-text-color: var(--hop-status-caution-text);
115
- --hop-Chip-negative-border-color: transparent;
116
- --hop-Chip-negative-background-color: var(--hop-status-negative-surface);
117
- --hop-Chip-negative-text-color: var(--hop-status-negative-text);
118
- --hop-Chip-option1-border-color: transparent;
119
- --hop-Chip-option1-background-color: var(--hop-status-option1-surface);
120
- --hop-Chip-option1-text-color: var(--hop-status-option1-text);
121
- --hop-Chip-option2-border-color: transparent;
122
- --hop-Chip-option2-background-color: var(--hop-status-option2-surface);
123
- --hop-Chip-option2-text-color: var(--hop-status-option2-text);
124
- --hop-Chip-option3-border-color: transparent;
125
- --hop-Chip-option3-background-color: var(--hop-status-option3-surface);
126
- --hop-Chip-option3-text-color: var(--hop-status-option3-text);
127
- --hop-Chip-option4-border-color: transparent;
128
- --hop-Chip-option4-background-color: var(--hop-status-option4-surface);
129
- --hop-Chip-option4-text-color: var(--hop-status-option4-text);
130
- --hop-Chip-option5-border-color: transparent;
131
- --hop-Chip-option5-background-color: var(--hop-status-option5-surface);
132
- --hop-Chip-option5-text-color: var(--hop-status-option5-text);
133
- --hop-Chip-option6-border-color: transparent;
134
- --hop-Chip-option6-background-color: var(--hop-status-option6-surface);
135
- --hop-Chip-option6-text-color: var(--hop-status-option6-text);
136
- --hop-Chip-inactive-border-color: transparent;
137
- --hop-Chip-inactive-background-color: var(--hop-status-inactive-surface);
138
- --hop-Chip-inactive-text-color: var(--hop-status-inactive-text);
139
- --hop-Chip-disabled-border-color: var(--hop-neutral-border-weak);
140
- --hop-Chip-disabled-background-color: var(--hop-neutral-surface-disabled);
141
- --hop-Chip-disabled-text-color: var(--hop-neutral-text-disabled);
142
- --border-radius: var(--hop-Chip-border-radius);
143
- --border-size: var(--hop-Chip-border-size);
144
- --column-gap: var(--hop-Chip-column-gap);
145
- overflow: hidden;
146
- display: inline-flex;
147
- column-gap: var(--column-gap);
148
- align-items: center;
149
- justify-content: center;
150
- box-sizing: border-box;
151
- inline-size: max-content;
152
- max-inline-size: 100%;
153
- block-size: var(--block-size);
154
- padding-inline: var(--padding-inline);
155
- color: var(--text-color);
156
- white-space: nowrap;
157
- background-color: var(--background-color);
158
- border: var(--border-size) solid var(--border-color);
159
- border-radius: var(--border-radius);
160
- }
161
- .Chip-module__hop-Chip--xs___1FBWu {
162
- --block-size: var(--hop-Chip-xs-block-size);
163
- --padding-inline: var(--hop-Chip-xs-padding-inline);
164
- }
165
- .Chip-module__hop-Chip--sm___GsR-j {
166
- --block-size: var(--hop-Chip-sm-block-size);
167
- --padding-inline: var(--hop-Chip-sm-padding-inline);
168
- }
169
- .Chip-module__hop-Chip--md___p7p8Z {
170
- --block-size: var(--hop-Chip-md-block-size);
171
- --padding-inline: var(--hop-Chip-md-padding-inline);
172
- }
173
- .Chip-module__hop-Chip--lg___LwB3r {
174
- --block-size: var(--hop-Chip-lg-block-size);
175
- --padding-inline: var(--hop-Chip-lg-padding-inline);
176
- }
177
- .Chip-module__hop-Chip--neutral___zDurk {
178
- --border-color: var(--hop-Chip-neutral-border-color);
179
- --background-color: var(--hop-Chip-neutral-background-color);
180
- --text-color: var(--hop-Chip-neutral-text-color);
181
- }
182
- .Chip-module__hop-Chip--progress___60Zzw {
183
- --border-color: var(--hop-Chip-progress-border-color);
184
- --background-color: var(--hop-Chip-progress-background-color);
185
- --text-color: var(--hop-Chip-progress-text-color);
186
- }
187
- .Chip-module__hop-Chip--positive___VYm5D {
188
- --border-color: var(--hop-Chip-positive-border-color);
189
- --background-color: var(--hop-Chip-positive-background-color);
190
- --text-color: var(--hop-Chip-positive-text-color);
191
- }
192
- .Chip-module__hop-Chip--caution___DOCwd {
193
- --border-color: var(--hop-Chip-caution-border-color);
194
- --background-color: var(--hop-Chip-caution-background-color);
195
- --text-color: var(--hop-Chip-caution-text-color);
196
- }
197
- .Chip-module__hop-Chip--negative___gE3rS {
198
- --border-color: var(--hop-Chip-negative-border-color);
199
- --background-color: var(--hop-Chip-negative-background-color);
200
- --text-color: var(--hop-Chip-negative-text-color);
201
- }
202
- .Chip-module__hop-Chip--option1___lfsAR {
203
- --border-color: var(--hop-Chip-option1-border-color);
204
- --background-color: var(--hop-Chip-option1-background-color);
205
- --text-color: var(--hop-Chip-option1-text-color);
206
- }
207
- .Chip-module__hop-Chip--option2___5XFUk {
208
- --border-color: var(--hop-Chip-option2-border-color);
209
- --background-color: var(--hop-Chip-option2-background-color);
210
- --text-color: var(--hop-Chip-option2-text-color);
211
- }
212
- .Chip-module__hop-Chip--option3___M686T {
213
- --border-color: var(--hop-Chip-option3-border-color);
214
- --background-color: var(--hop-Chip-option3-background-color);
215
- --text-color: var(--hop-Chip-option3-text-color);
216
- }
217
- .Chip-module__hop-Chip--option4___cQSS7 {
218
- --border-color: var(--hop-Chip-option4-border-color);
219
- --background-color: var(--hop-Chip-option4-background-color);
220
- --text-color: var(--hop-Chip-option4-text-color);
221
- }
222
- .Chip-module__hop-Chip--option5___Ge8nG {
223
- --border-color: var(--hop-Chip-option5-border-color);
224
- --background-color: var(--hop-Chip-option5-background-color);
225
- --text-color: var(--hop-Chip-option5-text-color);
226
- }
227
- .Chip-module__hop-Chip--option6___mtUEM {
228
- --border-color: var(--hop-Chip-option6-border-color);
229
- --background-color: var(--hop-Chip-option6-background-color);
230
- --text-color: var(--hop-Chip-option6-text-color);
231
- }
232
- .Chip-module__hop-Chip--inactive___XPGCu {
233
- --border-color: var(--hop-Chip-inactive-border-color);
234
- --background-color: var(--hop-Chip-inactive-background-color);
235
- --text-color: var(--hop-Chip-inactive-text-color);
236
- }
237
- .Chip-module__hop-Chip--disabled___acT3L {
238
- --border-color: var(--hop-Chip-disabled-border-color);
239
- --background-color: var(--hop-Chip-disabled-background-color);
240
- --text-color: var(--hop-Chip-disabled-text-color);
241
- }
242
- .Chip-module__hop-Chip__icon___SGwtj,
243
- .Chip-module__hop-Chip__icon-list___3-ZPq {
244
- flex: 0 0 auto;
245
- flex-wrap: nowrap;
246
- order: 1;
247
- }
248
- .Chip-module__hop-Chip__text___YOY-X {
249
- overflow: hidden;
250
- flex: 1 1 auto;
251
- order: 2;
252
- min-inline-size: 0;
253
- text-align: center;
254
- text-overflow: ellipsis;
255
- }
256
- .Chip-module__hop-Chip__end-icon___Y--iM,
257
- .Chip-module__hop-Chip__end-icon-list___Xo8tF {
258
- flex: 0 0 auto;
259
- flex-wrap: nowrap;
260
- order: 3;
261
- }
@@ -1,7 +0,0 @@
1
- export { Chip, ChipProps, GlobalChipCssSelector } from './Chip.js';
2
- export { ChipContext } from './ChipContext.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';
@@ -1,10 +0,0 @@
1
- export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-RXZQB35O.js';
2
- import '../../chunk-ZWU6DRRZ.js';
3
- import '../../chunk-DHVVYSLB.js';
4
- export { ChipContext } from '../../chunk-632B5YBQ.js';
5
- import '../../chunk-PAYZGXTT.js';
6
- import '../../chunk-X6SER3TZ.js';
7
- import '../../chunk-HXI3MEEK.js';
8
- import '../../chunk-M36KANKC.js';
9
- import '../../chunk-KVDXQMWI.js';
10
- import '../../chunk-JSBRDJBE.js';
@@ -1,7 +0,0 @@
1
- import { createContext } from 'react';
2
-
3
- // src/Chip/src/ChipContext.ts
4
- var ChipContext = createContext({});
5
- ChipContext.displayName = "ChipContext";
6
-
7
- export { ChipContext };
@@ -1,43 +0,0 @@
1
- import { LabelContext } from './chunk-QCA3ZR56.js';
2
- import { cssModule } from './chunk-KVDXQMWI.js';
3
- import { useStyledSystem } from '@hopper-ui/styled-system';
4
- import clsx from 'clsx';
5
- import { forwardRef } from 'react';
6
- import { useContextProps, Label as Label$1 } from 'react-aria-components';
7
- import { jsx } from 'react/jsx-runtime';
8
-
9
- // css-module:./Label.module.css#css-module
10
- var Label_module_default = { "hop-Label": "Label-module__hop-Label___PodEd" };
11
- var GlobalLabelCssSelector = "hop-Label";
12
- function Label(props, ref) {
13
- [props, ref] = useContextProps(props, ref, LabelContext);
14
- const { stylingProps, ...ownProps } = useStyledSystem(props);
15
- const { className, children, style, ...otherProps } = ownProps;
16
- const classNames = clsx(
17
- className,
18
- GlobalLabelCssSelector,
19
- cssModule(
20
- Label_module_default,
21
- "hop-Label"
22
- ),
23
- stylingProps.className
24
- );
25
- const mergedStyles = {
26
- ...stylingProps.style,
27
- ...style
28
- };
29
- return /* @__PURE__ */ jsx(
30
- Label$1,
31
- {
32
- ...otherProps,
33
- ref,
34
- className: classNames,
35
- style: mergedStyles,
36
- children
37
- }
38
- );
39
- }
40
- var _Label = forwardRef(Label);
41
- _Label.displayName = "Label";
42
-
43
- export { GlobalLabelCssSelector, _Label };