@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
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import type { AriaRadioGroupProps } from '@react-types/radio';
3
+ import type { NormalSizes, SimpleColors } from '../utils/prop-types';
4
+ interface Props extends AriaRadioGroupProps {
5
+ size?: NormalSizes;
6
+ color?: SimpleColors;
7
+ labelColor?: SimpleColors;
8
+ }
9
+ declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
10
+ export declare type UseRadioGroupProps = Props & NativeAttrs;
11
+ /**
12
+ * @internal
13
+ */
14
+ export declare const useRadioGroup: (props: UseRadioGroupProps) => {
15
+ size: "xs" | "sm" | "md" | "lg" | "xl";
16
+ color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
17
+ orientation: import("@react-types/shared").Orientation;
18
+ labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
19
+ isRequired: boolean | undefined;
20
+ validationState: import("@react-types/shared").ValidationState | undefined;
21
+ radioGroupState: import("@react-stately/radio").RadioGroupState;
22
+ radioGroupProps: Omit<React.HTMLAttributes<HTMLElement>, "css">;
23
+ labelProps: Omit<React.HTMLAttributes<HTMLElement>, "css">;
24
+ };
25
+ export declare type UseRadioGroupReturn = ReturnType<typeof useRadioGroup>;
26
+ export {};
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import type { AriaRadioProps } from '@react-types/radio';
3
+ import type { NormalSizes, SimpleColors } from '../utils/prop-types';
4
+ interface Props extends AriaRadioProps {
5
+ isSquared?: boolean;
6
+ disableAnimation?: boolean;
7
+ size?: NormalSizes;
8
+ color?: SimpleColors;
9
+ labelColor?: SimpleColors;
10
+ }
11
+ declare type NativeAttrs = Omit<React.InputHTMLAttributes<unknown>, keyof Props>;
12
+ export declare type UseRadioProps = Props & NativeAttrs;
13
+ /**
14
+ * @internal
15
+ */
16
+ export declare const useRadio: (props: UseRadioProps) => {
17
+ size: "xs" | "sm" | "md" | "lg" | "xl";
18
+ color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
19
+ inputRef: React.RefObject<HTMLInputElement>;
20
+ autoFocus: boolean | undefined;
21
+ isDisabled: boolean;
22
+ labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
23
+ isInvalid: boolean;
24
+ isHovered: boolean;
25
+ isSquared: boolean;
26
+ disableAnimation: boolean;
27
+ inputProps: React.InputHTMLAttributes<HTMLElement>;
28
+ hoverProps: React.HTMLAttributes<HTMLElement>;
29
+ };
30
+ export declare type UseRadioReturn = ReturnType<typeof useRadio>;
31
+ export {};
@@ -41,6 +41,13 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
41
41
  lg: string;
42
42
  xl: string;
43
43
  };
44
+ dropShadows: {
45
+ xs: string;
46
+ sm: string;
47
+ md: string;
48
+ lg: string;
49
+ xl: string;
50
+ };
44
51
  colors: {
45
52
  text: string;
46
53
  link: string;
@@ -182,6 +189,16 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
182
189
  errorSolidHover: string;
183
190
  errorSolidContrast: string;
184
191
  errorShadow: string;
192
+ neutralLight: string;
193
+ neutralLightHover: string;
194
+ neutralLightActive: string;
195
+ neutralLightContrast: string;
196
+ neutral: string;
197
+ neutralBorder: string;
198
+ neutralBorderHover: string;
199
+ neutralSolidHover: string;
200
+ neutralSolidContrast: string;
201
+ neutralShadow: string;
185
202
  gradient: string;
186
203
  accents0: string;
187
204
  accents1: string;
@@ -200,13 +217,20 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
200
217
  mono: string;
201
218
  };
202
219
  fontSizes: {
203
- tiny: string;
204
220
  xs: string;
205
- base: string;
206
221
  sm: string;
222
+ base: string;
207
223
  md: string;
208
224
  lg: string;
209
225
  xl: string;
226
+ xl2: string;
227
+ xl3: string;
228
+ xl4: string;
229
+ xl5: string;
230
+ xl6: string;
231
+ xl7: string;
232
+ xl8: string;
233
+ xl9: string;
210
234
  };
211
235
  fontWeights: {
212
236
  hairline: number;
@@ -222,9 +246,18 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
222
246
  lineHeights: {
223
247
  xs: number;
224
248
  sm: number;
249
+ base: number;
225
250
  md: number;
226
251
  lg: number;
227
252
  xl: number;
253
+ xl2: number;
254
+ xl3: number;
255
+ xl4: number;
256
+ xl5: number;
257
+ xl6: number;
258
+ xl7: number;
259
+ xl8: number;
260
+ xl9: number;
228
261
  };
229
262
  letterSpacings: {
230
263
  tighter: string;
@@ -309,6 +342,7 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
309
342
  avatar: string;
310
343
  link: string;
311
344
  card: string;
345
+ dropdownItem: string;
312
346
  };
313
347
  breakpoints: {
314
348
  xs: string;
@@ -684,7 +718,9 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
684
718
  readonly [$$PropertyValue]: "backgroundColor";
685
719
  }) => {
686
720
  bf: string;
687
- bg: string;
721
+ bg: {
722
+ readonly [$$PropertyValue]: "backgroundColor";
723
+ };
688
724
  };
689
725
  bgColor: (value: {
690
726
  readonly [$$PropertyValue]: "backgroundColor";
@@ -762,6 +798,32 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
762
798
  readonly [$$PropertyValue]: "boxShadow";
763
799
  };
764
800
  };
801
+ ds: (value: {
802
+ readonly [$$PropertyValue]: "boxShadow";
803
+ }) => {
804
+ dropShadow: {
805
+ readonly [$$PropertyValue]: "boxShadow";
806
+ };
807
+ };
808
+ shadow: (value: {
809
+ readonly [$$PropertyValue]: "boxShadow";
810
+ }) => {
811
+ boxShadow: {
812
+ readonly [$$PropertyValue]: "boxShadow";
813
+ };
814
+ };
815
+ dshadow: (value: {
816
+ readonly [$$PropertyValue]: "boxShadow";
817
+ }) => {
818
+ dropShadow: {
819
+ readonly [$$PropertyValue]: "boxShadow";
820
+ };
821
+ };
822
+ dropShadow: (value: {
823
+ readonly [$$PropertyValue]: "boxShadow";
824
+ }) => {
825
+ filter: string;
826
+ };
765
827
  normalShadow: (value: {
766
828
  readonly [$$PropertyValue]: "backgroundColor";
767
829
  }) => {
@@ -965,6 +1027,16 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
965
1027
  readonly [$$PropertyValue]: "textDecorationLine";
966
1028
  };
967
1029
  };
1030
+ truncateText: (value: {
1031
+ readonly [$$PropertyValue]: "width";
1032
+ }) => {
1033
+ maxWidth: {
1034
+ readonly [$$PropertyValue]: "width";
1035
+ };
1036
+ whiteSpace: string;
1037
+ overflow: string;
1038
+ textOverflow: string;
1039
+ };
968
1040
  textGradient: (value: {
969
1041
  readonly [$$PropertyValue]: "backgroundImage";
970
1042
  }) => {