@hopper-ui/components 1.1.0 → 1.2.1

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 (198) hide show
  1. package/CHANGELOG.md +18 -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 +13 -12
  48. package/dist/ListBox/src/ListBoxItem.css +425 -225
  49. package/dist/ListBox/src/ListBoxItem.js +10 -9
  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 +13 -12
  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-UMD6RDUS.js → chunk-2DPE3H3G.js} +1 -1
  78. package/dist/{chunk-BLQ72S4U.js → chunk-462UBJV3.js} +1 -1
  79. package/dist/{chunk-KA6KVIVV.js → chunk-4APVXEPA.js} +3 -3
  80. package/dist/{chunk-RD6VCI72.js → chunk-4H7PKEMJ.js} +20 -8
  81. package/dist/{chunk-BGRKDTCG.js → chunk-55AWCUQF.js} +1 -1
  82. package/dist/{chunk-QY6U3R3W.js → chunk-6WKRP4MN.js} +3 -2
  83. package/dist/{chunk-WAUGFWZA.js → chunk-AGRQ7UGN.js} +2 -2
  84. package/dist/{chunk-Q52NUBN7.js → chunk-BN32T6QQ.js} +2 -2
  85. package/dist/{chunk-I6OII2RA.js → chunk-C7XRB2J6.js} +3 -3
  86. package/dist/{chunk-FQO2QRSC.js → chunk-CSE22YXO.js} +1 -1
  87. package/dist/{chunk-ICDMJUNE.js → chunk-CXWMHWSS.js} +1 -1
  88. package/dist/{chunk-TGXZJJJA.js → chunk-DZKJZSTQ.js} +6 -2
  89. package/dist/chunk-EURJK4ZT.js +7 -0
  90. package/dist/{chunk-GXFFLWNF.js → chunk-F47GZGT7.js} +1 -1
  91. package/dist/{chunk-YEYNRBMQ.js → chunk-F4H76S4H.js} +6 -2
  92. package/dist/{chunk-VVY3ONWS.js → chunk-F4KQUFXI.js} +1 -1
  93. package/dist/{chunk-VFYGHX3N.js → chunk-IUFABTFZ.js} +1 -1
  94. package/dist/chunk-J6YYPRGY.js +150 -0
  95. package/dist/chunk-J7BXE7WN.js +172 -0
  96. package/dist/{chunk-6MSRPPI6.js → chunk-K7DU4YR4.js} +1 -1
  97. package/dist/{chunk-XHZ4R2MB.js → chunk-LXCCS4SA.js} +4 -4
  98. package/dist/{chunk-6CDXS774.js → chunk-MFFXNI66.js} +6 -6
  99. package/dist/{chunk-YE7RARJB.js → chunk-MX5BW5VE.js} +1 -1
  100. package/dist/{chunk-BXPZ6HPC.js → chunk-PUNJWQAN.js} +142 -159
  101. package/dist/{chunk-TKB5Q2WX.js → chunk-QGC3OX7W.js} +1 -1
  102. package/dist/{chunk-GCJT5PQ4.js → chunk-RLDQEH6F.js} +7 -5
  103. package/dist/{chunk-TVV4RMFR.js → chunk-RYZNMKWB.js} +1 -1
  104. package/dist/{chunk-PQV24MM4.js → chunk-SPFANCCV.js} +3 -3
  105. package/dist/{chunk-ZNGSZW7M.js → chunk-T7QJEHL7.js} +3 -3
  106. package/dist/{chunk-YRUBXLBX.js → chunk-TFELIWJO.js} +6 -3
  107. package/dist/{chunk-6PH4IIEW.js → chunk-THUFFPGX.js} +1 -1
  108. package/dist/{chunk-P7UUQGGF.js → chunk-TM4R5NO7.js} +2 -2
  109. package/dist/{chunk-6K6W32Q7.js → chunk-VQC5F6I7.js} +6 -4
  110. package/dist/{chunk-AT7ZY6GA.js → chunk-WQSVNGFJ.js} +1 -1
  111. package/dist/{chunk-SR3GAXY5.js → chunk-WYBQCRQB.js} +2 -2
  112. package/dist/{chunk-XGI4LDIF.js → chunk-XI3BX2TP.js} +4 -4
  113. package/dist/chunk-XUCH26RT.js +70 -0
  114. package/dist/{chunk-CXCOSGTO.js → chunk-YWIDJ55Q.js} +4 -2
  115. package/dist/{chunk-BQZQTNI6.js → chunk-YXD3IR3T.js} +1 -1
  116. package/dist/{chunk-A7HLXFSP.js → chunk-ZEXXNE5U.js} +9 -7
  117. package/dist/{chunk-TMWNNF4J.js → chunk-ZPPQJKHC.js} +3 -3
  118. package/dist/i18n/src/index.js +1 -1
  119. package/dist/i18n/src/useLocalizedString.js +1 -1
  120. package/dist/index.css +1521 -694
  121. package/dist/index.d.ts +5 -3
  122. package/dist/index.js +47 -45
  123. package/dist/inputs/src/InputGroup.css +14 -14
  124. package/dist/inputs/src/InputGroup.d.ts +2 -1
  125. package/dist/inputs/src/InputGroup.js +1 -1
  126. package/dist/inputs/src/NumberField.css +65 -62
  127. package/dist/inputs/src/NumberField.d.ts +1 -0
  128. package/dist/inputs/src/NumberField.js +18 -173
  129. package/dist/inputs/src/PasswordField.css +524 -174
  130. package/dist/inputs/src/PasswordField.d.ts +1 -0
  131. package/dist/inputs/src/PasswordField.js +9 -9
  132. package/dist/inputs/src/SearchField.css +530 -180
  133. package/dist/inputs/src/SearchField.d.ts +1 -0
  134. package/dist/inputs/src/SearchField.js +10 -10
  135. package/dist/inputs/src/TextArea.css +59 -56
  136. package/dist/inputs/src/TextArea.js +8 -8
  137. package/dist/inputs/src/TextField.css +525 -175
  138. package/dist/inputs/src/TextField.d.ts +2 -0
  139. package/dist/inputs/src/TextField.js +11 -11
  140. package/dist/inputs/src/index.css +694 -205
  141. package/dist/inputs/src/index.d.ts +2 -0
  142. package/dist/inputs/src/index.js +17 -14
  143. package/dist/overlays/Popover/src/Popover.css +1521 -694
  144. package/dist/overlays/Popover/src/Popover.js +47 -45
  145. package/dist/overlays/Popover/src/index.css +1521 -694
  146. package/dist/overlays/Popover/src/index.js +47 -45
  147. package/dist/radio/src/Radio.css +31 -31
  148. package/dist/radio/src/Radio.js +3 -3
  149. package/dist/radio/src/RadioField.css +15 -15
  150. package/dist/radio/src/RadioField.js +1 -1
  151. package/dist/radio/src/RadioGroup.css +62 -59
  152. package/dist/radio/src/RadioGroup.js +1 -1
  153. package/dist/radio/src/index.css +62 -59
  154. package/dist/radio/src/index.js +6 -6
  155. package/dist/switch/src/Switch.css +25 -25
  156. package/dist/switch/src/Switch.js +3 -3
  157. package/dist/switch/src/SwitchField.css +15 -15
  158. package/dist/switch/src/SwitchField.js +1 -1
  159. package/dist/switch/src/index.css +31 -31
  160. package/dist/switch/src/index.js +4 -4
  161. package/dist/tag/src/Tag.css +1041 -2332
  162. package/dist/tag/src/Tag.d.ts +6 -1
  163. package/dist/tag/src/Tag.js +7 -99
  164. package/dist/tag/src/TagGroup.css +24 -21
  165. package/dist/tag/src/TagGroup.d.ts +7 -2
  166. package/dist/tag/src/TagGroup.js +1 -1
  167. package/dist/tag/src/index.css +1104 -2296
  168. package/dist/tag/src/index.js +9 -94
  169. package/dist/typography/Heading/src/Heading.css +9 -9
  170. package/dist/typography/Heading/src/Heading.js +1 -1
  171. package/dist/typography/Heading/src/index.css +9 -9
  172. package/dist/typography/Heading/src/index.js +1 -1
  173. package/dist/typography/Label/src/Label.css +5 -2
  174. package/dist/typography/Label/src/Label.d.ts +8 -0
  175. package/dist/typography/Label/src/Label.js +2 -1
  176. package/dist/typography/Label/src/index.css +5 -2
  177. package/dist/typography/Label/src/index.js +2 -1
  178. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  179. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  180. package/dist/typography/OverlineText/src/index.css +6 -6
  181. package/dist/typography/OverlineText/src/index.js +1 -1
  182. package/dist/typography/Text/src/Text.css +9 -9
  183. package/dist/typography/Text/src/Text.js +1 -1
  184. package/dist/typography/Text/src/index.css +9 -9
  185. package/dist/typography/Text/src/index.js +1 -1
  186. package/dist/utils/src/index.js +1 -1
  187. package/package.json +3 -3
  188. package/dist/Chip/src/Chip.css +0 -261
  189. package/dist/Chip/src/Chip.d.ts +0 -27
  190. package/dist/Chip/src/Chip.js +0 -10
  191. package/dist/Chip/src/ChipContext.d.ts +0 -10
  192. package/dist/Chip/src/ChipContext.js +0 -2
  193. package/dist/Chip/src/index.css +0 -261
  194. package/dist/Chip/src/index.d.ts +0 -7
  195. package/dist/Chip/src/index.js +0 -10
  196. package/dist/chunk-632B5YBQ.js +0 -7
  197. package/dist/chunk-7VS566A2.js +0 -43
  198. package/dist/chunk-OETAIO6N.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___omUb3 {
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___HnTiu {
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___HnTiu) {
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___ndb-c) {
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___cv0bL) {
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___daNZS) {
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___ByUWL) {
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___Udc-p) {
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___sxc7S) {
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___WU81u) {
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___HJaWb {
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___vDJkg {
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___Y0X6y {
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___9c4ot {
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___jcVXN {
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___lts0u {
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___yTDza {
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___djDT1 {
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___eDhbs {
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___HIDOw {
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___Ma4Tf {
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___Fo9R4 {
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___-c7Pd {
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___oIso5 {
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___hnJ7c {
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___6CcZr {
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___Rt57r {
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___T2I5e {
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___qZOEC,
243
- .Chip-module__hop-Chip__icon-list___L2RkJ {
244
- flex: 0 0 auto;
245
- flex-wrap: nowrap;
246
- order: 1;
247
- }
248
- .Chip-module__hop-Chip__text___vvk79 {
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___LObTV,
257
- .Chip-module__hop-Chip__end-icon-list___52z52 {
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-OETAIO6N.js';
2
- import '../../chunk-ZWU6DRRZ.js';
3
- import '../../chunk-DHVVYSLB.js';
4
- import '../../chunk-632B5YBQ.js';
5
- import '../../chunk-6MSRPPI6.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___omUb3 {
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___HnTiu {
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___HnTiu) {
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___ndb-c) {
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___cv0bL) {
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___daNZS) {
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___ByUWL) {
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___Udc-p) {
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___sxc7S) {
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___WU81u) {
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___HJaWb {
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___vDJkg {
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___Y0X6y {
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___9c4ot {
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___jcVXN {
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___lts0u {
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___yTDza {
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___djDT1 {
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___eDhbs {
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___HIDOw {
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___Ma4Tf {
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___Fo9R4 {
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___-c7Pd {
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___oIso5 {
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___hnJ7c {
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___6CcZr {
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___Rt57r {
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___T2I5e {
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___qZOEC,
243
- .Chip-module__hop-Chip__icon-list___L2RkJ {
244
- flex: 0 0 auto;
245
- flex-wrap: nowrap;
246
- order: 1;
247
- }
248
- .Chip-module__hop-Chip__text___vvk79 {
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___LObTV,
257
- .Chip-module__hop-Chip__end-icon-list___52z52 {
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-OETAIO6N.js';
2
- import '../../chunk-ZWU6DRRZ.js';
3
- import '../../chunk-DHVVYSLB.js';
4
- export { ChipContext } from '../../chunk-632B5YBQ.js';
5
- import '../../chunk-6MSRPPI6.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___5okv4" };
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 };