@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.
- package/cjs/avatar/avatar.js +1 -1
- package/cjs/avatar/avatar.styles.js +1 -1
- package/cjs/button/button-icon.js +1 -1
- package/cjs/button/button.js +1 -1
- package/cjs/button/button.styles.js +1 -1
- package/cjs/card/card.js +1 -1
- package/cjs/card/card.styles.js +1 -1
- package/cjs/card/index.js +1 -1
- package/cjs/card/use-card.js +1 -0
- package/cjs/checkbox/checkbox-group.js +1 -1
- package/cjs/checkbox/checkbox.styles.js +1 -1
- package/cjs/checkbox/use-checkbox-group.js +1 -1
- package/cjs/collapse/collapse.styles.js +1 -1
- package/cjs/css-baseline/css-baseline.js +1 -1
- package/cjs/dropdown/base/dropdown-item-base.js +1 -0
- package/cjs/dropdown/dropdown-button.js +1 -0
- package/cjs/dropdown/dropdown-context.js +1 -0
- package/cjs/dropdown/dropdown-icon.js +1 -0
- package/cjs/dropdown/dropdown-item.js +1 -0
- package/cjs/dropdown/dropdown-menu.js +1 -0
- package/cjs/dropdown/dropdown-section.js +1 -0
- package/cjs/dropdown/dropdown-trigger.js +1 -0
- package/cjs/dropdown/dropdown-types.js +1 -0
- package/cjs/dropdown/dropdown.js +1 -0
- package/cjs/dropdown/dropdown.styles.js +1 -0
- package/cjs/dropdown/index.js +1 -0
- package/cjs/dropdown/use-dropdown.js +1 -0
- package/cjs/image/image.js +1 -1
- package/cjs/image/image.styles.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/input/input.styles.js +1 -1
- package/cjs/modal/modal.styles.js +1 -1
- package/cjs/pagination/pagination.styles.js +1 -1
- package/cjs/popover/popover-content.js +1 -1
- package/cjs/popover/popover-trigger.js +1 -1
- package/cjs/popover/popover.js +1 -1
- package/cjs/popover/popover.styles.js +1 -1
- package/cjs/popover/use-popover.js +1 -1
- package/cjs/popover/utils.js +1 -1
- package/cjs/radio/index.js +1 -1
- package/cjs/radio/radio-context.js +1 -1
- package/cjs/radio/radio-group.js +1 -1
- package/cjs/radio/radio.js +1 -1
- package/cjs/radio/radio.styles.js +1 -1
- package/cjs/radio/use-radio-group.js +1 -0
- package/cjs/radio/use-radio.js +1 -0
- package/cjs/snippet/snippet.styles.js +1 -1
- package/cjs/switch/switch.styles.js +1 -1
- package/cjs/table/table.styles.js +1 -1
- package/cjs/theme/colors/gray.js +1 -1
- package/cjs/theme/common.js +1 -1
- package/cjs/theme/dark-theme.js +1 -1
- package/cjs/theme/light-theme.js +1 -1
- package/cjs/theme/shared-css.js +1 -0
- package/cjs/theme/stitches.config.js +1 -1
- package/cjs/tooltip/tooltip.styles.js +1 -1
- package/cjs/user/index.js +1 -1
- package/cjs/user/user-link.js +1 -1
- package/cjs/user/user.js +1 -1
- package/cjs/user/user.styles.js +1 -1
- package/cjs/utils/checkmark.js +1 -0
- package/cjs/utils/color.js +1 -1
- package/cjs/utils/dom.js +1 -1
- package/cjs/utils/icons.js +1 -1
- package/cjs/utils/prop-types.js +1 -1
- package/dropdown/package.json +6 -0
- package/esm/avatar/avatar.js +1 -1
- package/esm/avatar/avatar.styles.js +1 -1
- package/esm/button/button-icon.js +1 -1
- package/esm/button/button.js +1 -1
- package/esm/button/button.styles.js +1 -1
- package/esm/card/card.js +1 -1
- package/esm/card/card.styles.js +1 -1
- package/esm/card/index.js +1 -1
- package/esm/card/use-card.js +1 -0
- package/esm/checkbox/checkbox-group.js +1 -1
- package/esm/checkbox/checkbox.styles.js +1 -1
- package/esm/checkbox/use-checkbox-group.js +1 -1
- package/esm/collapse/collapse.styles.js +1 -1
- package/esm/css-baseline/css-baseline.js +1 -1
- package/esm/dropdown/base/dropdown-item-base.js +1 -0
- package/esm/dropdown/dropdown-button.js +1 -0
- package/esm/dropdown/dropdown-context.js +1 -0
- package/esm/dropdown/dropdown-icon.js +1 -0
- package/esm/dropdown/dropdown-item.js +1 -0
- package/esm/dropdown/dropdown-menu.js +1 -0
- package/esm/dropdown/dropdown-section.js +1 -0
- package/esm/dropdown/dropdown-trigger.js +1 -0
- package/esm/dropdown/dropdown-types.js +1 -0
- package/esm/dropdown/dropdown.js +1 -0
- package/esm/dropdown/dropdown.styles.js +1 -0
- package/esm/dropdown/index.js +1 -0
- package/esm/dropdown/use-dropdown.js +1 -0
- package/esm/image/image.js +1 -1
- package/esm/image/image.styles.js +1 -1
- package/esm/index.js +1 -1
- package/esm/input/input.styles.js +1 -1
- package/esm/modal/modal.styles.js +1 -1
- package/esm/pagination/pagination.styles.js +1 -1
- package/esm/popover/popover-content.js +1 -1
- package/esm/popover/popover-trigger.js +1 -1
- package/esm/popover/popover.js +1 -1
- package/esm/popover/popover.styles.js +1 -1
- package/esm/popover/use-popover.js +1 -1
- package/esm/popover/utils.js +1 -1
- package/esm/radio/index.js +1 -1
- package/esm/radio/radio-context.js +1 -1
- package/esm/radio/radio-group.js +1 -1
- package/esm/radio/radio.js +1 -1
- package/esm/radio/radio.styles.js +1 -1
- package/esm/radio/use-radio-group.js +1 -0
- package/esm/radio/use-radio.js +1 -0
- package/esm/snippet/snippet.styles.js +1 -1
- package/esm/switch/switch.styles.js +1 -1
- package/esm/table/table.styles.js +1 -1
- package/esm/theme/colors/gray.js +1 -1
- package/esm/theme/common.js +1 -1
- package/esm/theme/dark-theme.js +1 -1
- package/esm/theme/light-theme.js +1 -1
- package/esm/theme/shared-css.js +1 -0
- package/esm/theme/stitches.config.js +1 -1
- package/esm/tooltip/tooltip.styles.js +1 -1
- package/esm/user/index.js +1 -1
- package/esm/user/user-link.js +1 -1
- package/esm/user/user.js +1 -1
- package/esm/user/user.styles.js +1 -1
- package/esm/utils/checkmark.js +1 -0
- package/esm/utils/color.js +1 -1
- package/esm/utils/dom.js +1 -1
- package/esm/utils/icons.js +1 -1
- package/esm/utils/prop-types.js +1 -1
- package/package.json +6 -1
- package/types/avatar/avatar-group.styles.d.ts +150 -6
- package/types/avatar/avatar.d.ts +2372 -11
- package/types/avatar/avatar.styles.d.ts +2447 -14
- package/types/backdrop/backdrop.styles.d.ts +225 -9
- package/types/button/button-group.styles.d.ts +75 -3
- package/types/button/button-icon.d.ts +79 -5
- package/types/button/button.d.ts +5 -3
- package/types/button/button.styles.d.ts +1249 -7
- package/types/card/card.d.ts +8 -9
- package/types/card/card.styles.d.ts +2621 -24
- package/types/card/use-card.d.ts +301 -0
- package/types/checkbox/checkbox.styles.d.ts +751 -31
- package/types/checkbox/use-checkbox-group.d.ts +3 -2
- package/types/code/code.styles.d.ts +150 -6
- package/types/col/col.styles.d.ts +75 -3
- package/types/collapse/collapse.styles.d.ts +450 -18
- package/types/container/container.styles.d.ts +75 -3
- package/types/divider/divider.styles.d.ts +150 -6
- package/types/dropdown/base/dropdown-item-base.d.ts +19 -0
- package/types/dropdown/dropdown-button.d.ts +3689 -0
- package/types/dropdown/dropdown-context.d.ts +728 -0
- package/types/dropdown/dropdown-icon.d.ts +9 -0
- package/types/dropdown/dropdown-item.d.ts +31 -0
- package/types/dropdown/dropdown-menu.d.ts +30 -0
- package/types/dropdown/dropdown-section.d.ts +29 -0
- package/types/dropdown/dropdown-trigger.d.ts +11 -0
- package/types/dropdown/dropdown-types.d.ts +24 -0
- package/types/dropdown/dropdown.d.ts +24 -0
- package/types/dropdown/dropdown.styles.d.ts +11869 -0
- package/types/dropdown/index.d.ts +9 -0
- package/types/dropdown/use-dropdown.d.ts +389 -0
- package/types/grid/grid.styles.d.ts +150 -6
- package/types/image/image.d.ts +5 -18
- package/types/image/image.styles.d.ts +225 -9
- package/types/index.d.ts +4 -1
- package/types/input/input-password.d.ts +1 -1
- package/types/input/input-props.d.ts +2 -2
- package/types/input/input.styles.d.ts +825 -33
- package/types/link/link.styles.d.ts +150 -6
- package/types/loading/loading.styles.d.ts +450 -18
- package/types/modal/modal.styles.d.ts +450 -18
- package/types/pagination/pagination.styles.d.ts +450 -18
- package/types/popover/popover-content.d.ts +1147 -2
- package/types/popover/popover-context.d.ts +120 -0
- package/types/popover/popover.d.ts +4 -4
- package/types/popover/popover.styles.d.ts +1279 -7
- package/types/popover/use-popover.d.ts +83 -4
- package/types/popover/utils.d.ts +3 -1
- package/types/progress/progress.d.ts +1 -1
- package/types/progress/progress.styles.d.ts +150 -6
- package/types/radio/index.d.ts +2 -2
- package/types/radio/radio-context.d.ts +22 -13
- package/types/radio/radio-group.d.ts +9 -78
- package/types/radio/radio.d.ts +10 -66
- package/types/radio/radio.styles.d.ts +2574 -35
- package/types/radio/use-radio-group.d.ts +26 -0
- package/types/radio/use-radio.d.ts +31 -0
- package/types/row/row.styles.d.ts +75 -3
- package/types/snippet/snippet.styles.d.ts +300 -12
- package/types/spacer/spacer.styles.d.ts +75 -3
- package/types/switch/switch.d.ts +1 -1
- package/types/switch/switch.styles.d.ts +300 -12
- package/types/table/table-column-header.d.ts +75 -3
- package/types/table/table-sort-icon.d.ts +75 -3
- package/types/table/table.styles.d.ts +1278 -52
- package/types/text/text.styles.d.ts +75 -3
- package/types/textarea/textarea.d.ts +1 -1
- package/types/theme/common.d.ts +127 -6
- package/types/theme/dark-theme.d.ts +11 -0
- package/types/theme/light-theme.d.ts +7 -0
- package/types/theme/shared-css.d.ts +5237 -0
- package/types/theme/stitches.config.d.ts +643 -2964
- package/types/theme/types.d.ts +3 -0
- package/types/tooltip/tooltip.d.ts +1 -1
- package/types/tooltip/tooltip.styles.d.ts +300 -12
- package/types/user/index.d.ts +1 -1
- package/types/user/user-link.d.ts +4 -11
- package/types/user/user.styles.d.ts +298 -983
- package/types/utils/checkmark.d.ts +19 -0
- package/types/utils/color.d.ts +1 -0
- package/types/utils/dom.d.ts +5 -2
- package/types/utils/drip.d.ts +76 -4
- package/types/utils/prop-types.d.ts +4 -0
- package/umd/nextui.js +6269 -3172
- 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:
|
|
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
|
}) => {
|