@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

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 (217) hide show
  1. package/cjs/avatar/avatar.js +1 -1
  2. package/cjs/avatar/avatar.styles.js +1 -1
  3. package/cjs/button/button-icon.js +1 -1
  4. package/cjs/button/button.js +1 -1
  5. package/cjs/button/button.styles.js +1 -1
  6. package/cjs/card/card.js +1 -1
  7. package/cjs/card/card.styles.js +1 -1
  8. package/cjs/card/index.js +1 -1
  9. package/cjs/card/use-card.js +1 -0
  10. package/cjs/checkbox/checkbox-group.js +1 -1
  11. package/cjs/checkbox/checkbox.styles.js +1 -1
  12. package/cjs/checkbox/use-checkbox-group.js +1 -1
  13. package/cjs/collapse/collapse.styles.js +1 -1
  14. package/cjs/css-baseline/css-baseline.js +1 -1
  15. package/cjs/dropdown/base/dropdown-item-base.js +1 -0
  16. package/cjs/dropdown/dropdown-button.js +1 -0
  17. package/cjs/dropdown/dropdown-context.js +1 -0
  18. package/cjs/dropdown/dropdown-icon.js +1 -0
  19. package/cjs/dropdown/dropdown-item.js +1 -0
  20. package/cjs/dropdown/dropdown-menu.js +1 -0
  21. package/cjs/dropdown/dropdown-section.js +1 -0
  22. package/cjs/dropdown/dropdown-trigger.js +1 -0
  23. package/cjs/dropdown/dropdown-types.js +1 -0
  24. package/cjs/dropdown/dropdown.js +1 -0
  25. package/cjs/dropdown/dropdown.styles.js +1 -0
  26. package/cjs/dropdown/index.js +1 -0
  27. package/cjs/dropdown/use-dropdown.js +1 -0
  28. package/cjs/image/image.js +1 -1
  29. package/cjs/image/image.styles.js +1 -1
  30. package/cjs/index.js +1 -1
  31. package/cjs/input/input.styles.js +1 -1
  32. package/cjs/modal/modal.styles.js +1 -1
  33. package/cjs/pagination/pagination.styles.js +1 -1
  34. package/cjs/popover/popover-content.js +1 -1
  35. package/cjs/popover/popover-trigger.js +1 -1
  36. package/cjs/popover/popover.js +1 -1
  37. package/cjs/popover/popover.styles.js +1 -1
  38. package/cjs/popover/use-popover.js +1 -1
  39. package/cjs/popover/utils.js +1 -1
  40. package/cjs/radio/index.js +1 -1
  41. package/cjs/radio/radio-context.js +1 -1
  42. package/cjs/radio/radio-group.js +1 -1
  43. package/cjs/radio/radio.js +1 -1
  44. package/cjs/radio/radio.styles.js +1 -1
  45. package/cjs/radio/use-radio-group.js +1 -0
  46. package/cjs/radio/use-radio.js +1 -0
  47. package/cjs/snippet/snippet.styles.js +1 -1
  48. package/cjs/switch/switch.styles.js +1 -1
  49. package/cjs/table/table.styles.js +1 -1
  50. package/cjs/theme/colors/gray.js +1 -1
  51. package/cjs/theme/common.js +1 -1
  52. package/cjs/theme/dark-theme.js +1 -1
  53. package/cjs/theme/light-theme.js +1 -1
  54. package/cjs/theme/shared-css.js +1 -0
  55. package/cjs/theme/stitches.config.js +1 -1
  56. package/cjs/tooltip/tooltip.styles.js +1 -1
  57. package/cjs/user/index.js +1 -1
  58. package/cjs/user/user-link.js +1 -1
  59. package/cjs/user/user.js +1 -1
  60. package/cjs/user/user.styles.js +1 -1
  61. package/cjs/utils/checkmark.js +1 -0
  62. package/cjs/utils/color.js +1 -1
  63. package/cjs/utils/dom.js +1 -1
  64. package/cjs/utils/icons.js +1 -1
  65. package/cjs/utils/prop-types.js +1 -1
  66. package/dropdown/package.json +6 -0
  67. package/esm/avatar/avatar.js +1 -1
  68. package/esm/avatar/avatar.styles.js +1 -1
  69. package/esm/button/button-icon.js +1 -1
  70. package/esm/button/button.js +1 -1
  71. package/esm/button/button.styles.js +1 -1
  72. package/esm/card/card.js +1 -1
  73. package/esm/card/card.styles.js +1 -1
  74. package/esm/card/index.js +1 -1
  75. package/esm/card/use-card.js +1 -0
  76. package/esm/checkbox/checkbox-group.js +1 -1
  77. package/esm/checkbox/checkbox.styles.js +1 -1
  78. package/esm/checkbox/use-checkbox-group.js +1 -1
  79. package/esm/collapse/collapse.styles.js +1 -1
  80. package/esm/css-baseline/css-baseline.js +1 -1
  81. package/esm/dropdown/base/dropdown-item-base.js +1 -0
  82. package/esm/dropdown/dropdown-button.js +1 -0
  83. package/esm/dropdown/dropdown-context.js +1 -0
  84. package/esm/dropdown/dropdown-icon.js +1 -0
  85. package/esm/dropdown/dropdown-item.js +1 -0
  86. package/esm/dropdown/dropdown-menu.js +1 -0
  87. package/esm/dropdown/dropdown-section.js +1 -0
  88. package/esm/dropdown/dropdown-trigger.js +1 -0
  89. package/esm/dropdown/dropdown-types.js +1 -0
  90. package/esm/dropdown/dropdown.js +1 -0
  91. package/esm/dropdown/dropdown.styles.js +1 -0
  92. package/esm/dropdown/index.js +1 -0
  93. package/esm/dropdown/use-dropdown.js +1 -0
  94. package/esm/image/image.js +1 -1
  95. package/esm/image/image.styles.js +1 -1
  96. package/esm/index.js +1 -1
  97. package/esm/input/input.styles.js +1 -1
  98. package/esm/modal/modal.styles.js +1 -1
  99. package/esm/pagination/pagination.styles.js +1 -1
  100. package/esm/popover/popover-content.js +1 -1
  101. package/esm/popover/popover-trigger.js +1 -1
  102. package/esm/popover/popover.js +1 -1
  103. package/esm/popover/popover.styles.js +1 -1
  104. package/esm/popover/use-popover.js +1 -1
  105. package/esm/popover/utils.js +1 -1
  106. package/esm/radio/index.js +1 -1
  107. package/esm/radio/radio-context.js +1 -1
  108. package/esm/radio/radio-group.js +1 -1
  109. package/esm/radio/radio.js +1 -1
  110. package/esm/radio/radio.styles.js +1 -1
  111. package/esm/radio/use-radio-group.js +1 -0
  112. package/esm/radio/use-radio.js +1 -0
  113. package/esm/snippet/snippet.styles.js +1 -1
  114. package/esm/switch/switch.styles.js +1 -1
  115. package/esm/table/table.styles.js +1 -1
  116. package/esm/theme/colors/gray.js +1 -1
  117. package/esm/theme/common.js +1 -1
  118. package/esm/theme/dark-theme.js +1 -1
  119. package/esm/theme/light-theme.js +1 -1
  120. package/esm/theme/shared-css.js +1 -0
  121. package/esm/theme/stitches.config.js +1 -1
  122. package/esm/tooltip/tooltip.styles.js +1 -1
  123. package/esm/user/index.js +1 -1
  124. package/esm/user/user-link.js +1 -1
  125. package/esm/user/user.js +1 -1
  126. package/esm/user/user.styles.js +1 -1
  127. package/esm/utils/checkmark.js +1 -0
  128. package/esm/utils/color.js +1 -1
  129. package/esm/utils/dom.js +1 -1
  130. package/esm/utils/icons.js +1 -1
  131. package/esm/utils/prop-types.js +1 -1
  132. package/package.json +6 -1
  133. package/types/avatar/avatar-group.styles.d.ts +150 -6
  134. package/types/avatar/avatar.d.ts +2372 -11
  135. package/types/avatar/avatar.styles.d.ts +2447 -14
  136. package/types/backdrop/backdrop.styles.d.ts +225 -9
  137. package/types/button/button-group.styles.d.ts +75 -3
  138. package/types/button/button-icon.d.ts +79 -5
  139. package/types/button/button.d.ts +5 -3
  140. package/types/button/button.styles.d.ts +1249 -7
  141. package/types/card/card.d.ts +8 -9
  142. package/types/card/card.styles.d.ts +2621 -24
  143. package/types/card/use-card.d.ts +301 -0
  144. package/types/checkbox/checkbox.styles.d.ts +751 -31
  145. package/types/checkbox/use-checkbox-group.d.ts +3 -2
  146. package/types/code/code.styles.d.ts +150 -6
  147. package/types/col/col.styles.d.ts +75 -3
  148. package/types/collapse/collapse.styles.d.ts +450 -18
  149. package/types/container/container.styles.d.ts +75 -3
  150. package/types/divider/divider.styles.d.ts +150 -6
  151. package/types/dropdown/base/dropdown-item-base.d.ts +19 -0
  152. package/types/dropdown/dropdown-button.d.ts +3689 -0
  153. package/types/dropdown/dropdown-context.d.ts +728 -0
  154. package/types/dropdown/dropdown-icon.d.ts +9 -0
  155. package/types/dropdown/dropdown-item.d.ts +31 -0
  156. package/types/dropdown/dropdown-menu.d.ts +30 -0
  157. package/types/dropdown/dropdown-section.d.ts +29 -0
  158. package/types/dropdown/dropdown-trigger.d.ts +11 -0
  159. package/types/dropdown/dropdown-types.d.ts +24 -0
  160. package/types/dropdown/dropdown.d.ts +24 -0
  161. package/types/dropdown/dropdown.styles.d.ts +11869 -0
  162. package/types/dropdown/index.d.ts +9 -0
  163. package/types/dropdown/use-dropdown.d.ts +389 -0
  164. package/types/grid/grid.styles.d.ts +150 -6
  165. package/types/image/image.d.ts +5 -18
  166. package/types/image/image.styles.d.ts +225 -9
  167. package/types/index.d.ts +4 -1
  168. package/types/input/input-password.d.ts +1 -1
  169. package/types/input/input-props.d.ts +2 -2
  170. package/types/input/input.styles.d.ts +825 -33
  171. package/types/link/link.styles.d.ts +150 -6
  172. package/types/loading/loading.styles.d.ts +450 -18
  173. package/types/modal/modal.styles.d.ts +450 -18
  174. package/types/pagination/pagination.styles.d.ts +450 -18
  175. package/types/popover/popover-content.d.ts +1147 -2
  176. package/types/popover/popover-context.d.ts +120 -0
  177. package/types/popover/popover.d.ts +4 -4
  178. package/types/popover/popover.styles.d.ts +1279 -7
  179. package/types/popover/use-popover.d.ts +83 -4
  180. package/types/popover/utils.d.ts +3 -1
  181. package/types/progress/progress.d.ts +1 -1
  182. package/types/progress/progress.styles.d.ts +150 -6
  183. package/types/radio/index.d.ts +2 -2
  184. package/types/radio/radio-context.d.ts +22 -13
  185. package/types/radio/radio-group.d.ts +9 -78
  186. package/types/radio/radio.d.ts +10 -66
  187. package/types/radio/radio.styles.d.ts +2574 -35
  188. package/types/radio/use-radio-group.d.ts +26 -0
  189. package/types/radio/use-radio.d.ts +31 -0
  190. package/types/row/row.styles.d.ts +75 -3
  191. package/types/snippet/snippet.styles.d.ts +300 -12
  192. package/types/spacer/spacer.styles.d.ts +75 -3
  193. package/types/switch/switch.d.ts +1 -1
  194. package/types/switch/switch.styles.d.ts +300 -12
  195. package/types/table/table-column-header.d.ts +75 -3
  196. package/types/table/table-sort-icon.d.ts +75 -3
  197. package/types/table/table.styles.d.ts +1278 -52
  198. package/types/text/text.styles.d.ts +75 -3
  199. package/types/textarea/textarea.d.ts +1 -1
  200. package/types/theme/common.d.ts +127 -6
  201. package/types/theme/dark-theme.d.ts +11 -0
  202. package/types/theme/light-theme.d.ts +7 -0
  203. package/types/theme/shared-css.d.ts +5237 -0
  204. package/types/theme/stitches.config.d.ts +643 -2964
  205. package/types/theme/types.d.ts +3 -0
  206. package/types/tooltip/tooltip.d.ts +1 -1
  207. package/types/tooltip/tooltip.styles.d.ts +300 -12
  208. package/types/user/index.d.ts +1 -1
  209. package/types/user/user-link.d.ts +4 -11
  210. package/types/user/user.styles.d.ts +298 -983
  211. package/types/utils/checkmark.d.ts +19 -0
  212. package/types/utils/color.d.ts +1 -0
  213. package/types/utils/dom.d.ts +5 -2
  214. package/types/utils/drip.d.ts +76 -4
  215. package/types/utils/prop-types.d.ts +4 -0
  216. package/umd/nextui.js +6269 -3172
  217. package/umd/nextui.min.js +1 -1
@@ -39,6 +39,13 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
39
39
  lg: string;
40
40
  xl: string;
41
41
  };
42
+ dropShadows: {
43
+ xs: string;
44
+ sm: string;
45
+ md: string;
46
+ lg: string;
47
+ xl: string;
48
+ };
42
49
  colors: {
43
50
  text: string;
44
51
  link: string;
@@ -180,6 +187,16 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
180
187
  errorSolidHover: string;
181
188
  errorSolidContrast: string;
182
189
  errorShadow: string;
190
+ neutralLight: string;
191
+ neutralLightHover: string;
192
+ neutralLightActive: string;
193
+ neutralLightContrast: string;
194
+ neutral: string;
195
+ neutralBorder: string;
196
+ neutralBorderHover: string;
197
+ neutralSolidHover: string;
198
+ neutralSolidContrast: string;
199
+ neutralShadow: string;
183
200
  gradient: string;
184
201
  accents0: string;
185
202
  accents1: string;
@@ -198,13 +215,20 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
198
215
  mono: string;
199
216
  };
200
217
  fontSizes: {
201
- tiny: string;
202
218
  xs: string;
203
- base: string;
204
219
  sm: string;
220
+ base: string;
205
221
  md: string;
206
222
  lg: string;
207
223
  xl: string;
224
+ xl2: string;
225
+ xl3: string;
226
+ xl4: string;
227
+ xl5: string;
228
+ xl6: string;
229
+ xl7: string;
230
+ xl8: string;
231
+ xl9: string;
208
232
  };
209
233
  fontWeights: {
210
234
  hairline: number;
@@ -220,9 +244,18 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
220
244
  lineHeights: {
221
245
  xs: number;
222
246
  sm: number;
247
+ base: number;
223
248
  md: number;
224
249
  lg: number;
225
250
  xl: number;
251
+ xl2: number;
252
+ xl3: number;
253
+ xl4: number;
254
+ xl5: number;
255
+ xl6: number;
256
+ xl7: number;
257
+ xl8: number;
258
+ xl9: number;
226
259
  };
227
260
  letterSpacings: {
228
261
  tighter: string;
@@ -307,6 +340,7 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
307
340
  avatar: string;
308
341
  link: string;
309
342
  card: string;
343
+ dropdownItem: string;
310
344
  };
311
345
  breakpoints: {
312
346
  xs: string;
@@ -682,7 +716,9 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
682
716
  readonly [$$PropertyValue]: "backgroundColor";
683
717
  }) => {
684
718
  bf: string;
685
- bg: string;
719
+ bg: {
720
+ readonly [$$PropertyValue]: "backgroundColor";
721
+ };
686
722
  };
687
723
  bgColor: (value: {
688
724
  readonly [$$PropertyValue]: "backgroundColor";
@@ -760,6 +796,32 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
760
796
  readonly [$$PropertyValue]: "boxShadow";
761
797
  };
762
798
  };
799
+ ds: (value: {
800
+ readonly [$$PropertyValue]: "boxShadow";
801
+ }) => {
802
+ dropShadow: {
803
+ readonly [$$PropertyValue]: "boxShadow";
804
+ };
805
+ };
806
+ shadow: (value: {
807
+ readonly [$$PropertyValue]: "boxShadow";
808
+ }) => {
809
+ boxShadow: {
810
+ readonly [$$PropertyValue]: "boxShadow";
811
+ };
812
+ };
813
+ dshadow: (value: {
814
+ readonly [$$PropertyValue]: "boxShadow";
815
+ }) => {
816
+ dropShadow: {
817
+ readonly [$$PropertyValue]: "boxShadow";
818
+ };
819
+ };
820
+ dropShadow: (value: {
821
+ readonly [$$PropertyValue]: "boxShadow";
822
+ }) => {
823
+ filter: string;
824
+ };
763
825
  normalShadow: (value: {
764
826
  readonly [$$PropertyValue]: "backgroundColor";
765
827
  }) => {
@@ -963,6 +1025,16 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
963
1025
  readonly [$$PropertyValue]: "textDecorationLine";
964
1026
  };
965
1027
  };
1028
+ truncateText: (value: {
1029
+ readonly [$$PropertyValue]: "width";
1030
+ }) => {
1031
+ maxWidth: {
1032
+ readonly [$$PropertyValue]: "width";
1033
+ };
1034
+ whiteSpace: string;
1035
+ overflow: string;
1036
+ textOverflow: string;
1037
+ };
966
1038
  textGradient: (value: {
967
1039
  readonly [$$PropertyValue]: "backgroundImage";
968
1040
  }) => {
@@ -1019,6 +1091,13 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1019
1091
  lg: string;
1020
1092
  xl: string;
1021
1093
  };
1094
+ dropShadows: {
1095
+ xs: string;
1096
+ sm: string;
1097
+ md: string;
1098
+ lg: string;
1099
+ xl: string;
1100
+ };
1022
1101
  colors: {
1023
1102
  text: string;
1024
1103
  link: string;
@@ -1160,6 +1239,16 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1160
1239
  errorSolidHover: string;
1161
1240
  errorSolidContrast: string;
1162
1241
  errorShadow: string;
1242
+ neutralLight: string;
1243
+ neutralLightHover: string;
1244
+ neutralLightActive: string;
1245
+ neutralLightContrast: string;
1246
+ neutral: string;
1247
+ neutralBorder: string;
1248
+ neutralBorderHover: string;
1249
+ neutralSolidHover: string;
1250
+ neutralSolidContrast: string;
1251
+ neutralShadow: string;
1163
1252
  gradient: string;
1164
1253
  accents0: string;
1165
1254
  accents1: string;
@@ -1178,13 +1267,20 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1178
1267
  mono: string;
1179
1268
  };
1180
1269
  fontSizes: {
1181
- tiny: string;
1182
1270
  xs: string;
1183
- base: string;
1184
1271
  sm: string;
1272
+ base: string;
1185
1273
  md: string;
1186
1274
  lg: string;
1187
1275
  xl: string;
1276
+ xl2: string;
1277
+ xl3: string;
1278
+ xl4: string;
1279
+ xl5: string;
1280
+ xl6: string;
1281
+ xl7: string;
1282
+ xl8: string;
1283
+ xl9: string;
1188
1284
  };
1189
1285
  fontWeights: {
1190
1286
  hairline: number;
@@ -1200,9 +1296,18 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1200
1296
  lineHeights: {
1201
1297
  xs: number;
1202
1298
  sm: number;
1299
+ base: number;
1203
1300
  md: number;
1204
1301
  lg: number;
1205
1302
  xl: number;
1303
+ xl2: number;
1304
+ xl3: number;
1305
+ xl4: number;
1306
+ xl5: number;
1307
+ xl6: number;
1308
+ xl7: number;
1309
+ xl8: number;
1310
+ xl9: number;
1206
1311
  };
1207
1312
  letterSpacings: {
1208
1313
  tighter: string;
@@ -1287,6 +1392,7 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1287
1392
  avatar: string;
1288
1393
  link: string;
1289
1394
  card: string;
1395
+ dropdownItem: string;
1290
1396
  };
1291
1397
  breakpoints: {
1292
1398
  xs: string;
@@ -1662,7 +1768,9 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1662
1768
  readonly [$$PropertyValue]: "backgroundColor";
1663
1769
  }) => {
1664
1770
  bf: string;
1665
- bg: string;
1771
+ bg: {
1772
+ readonly [$$PropertyValue]: "backgroundColor";
1773
+ };
1666
1774
  };
1667
1775
  bgColor: (value: {
1668
1776
  readonly [$$PropertyValue]: "backgroundColor";
@@ -1740,6 +1848,32 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1740
1848
  readonly [$$PropertyValue]: "boxShadow";
1741
1849
  };
1742
1850
  };
1851
+ ds: (value: {
1852
+ readonly [$$PropertyValue]: "boxShadow";
1853
+ }) => {
1854
+ dropShadow: {
1855
+ readonly [$$PropertyValue]: "boxShadow";
1856
+ };
1857
+ };
1858
+ shadow: (value: {
1859
+ readonly [$$PropertyValue]: "boxShadow";
1860
+ }) => {
1861
+ boxShadow: {
1862
+ readonly [$$PropertyValue]: "boxShadow";
1863
+ };
1864
+ };
1865
+ dshadow: (value: {
1866
+ readonly [$$PropertyValue]: "boxShadow";
1867
+ }) => {
1868
+ dropShadow: {
1869
+ readonly [$$PropertyValue]: "boxShadow";
1870
+ };
1871
+ };
1872
+ dropShadow: (value: {
1873
+ readonly [$$PropertyValue]: "boxShadow";
1874
+ }) => {
1875
+ filter: string;
1876
+ };
1743
1877
  normalShadow: (value: {
1744
1878
  readonly [$$PropertyValue]: "backgroundColor";
1745
1879
  }) => {
@@ -1943,6 +2077,16 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
1943
2077
  readonly [$$PropertyValue]: "textDecorationLine";
1944
2078
  };
1945
2079
  };
2080
+ truncateText: (value: {
2081
+ readonly [$$PropertyValue]: "width";
2082
+ }) => {
2083
+ maxWidth: {
2084
+ readonly [$$PropertyValue]: "width";
2085
+ };
2086
+ whiteSpace: string;
2087
+ overflow: string;
2088
+ textOverflow: string;
2089
+ };
1946
2090
  textGradient: (value: {
1947
2091
  readonly [$$PropertyValue]: "backgroundImage";
1948
2092
  }) => {