@zuzjs/ui 1.0.2 → 1.0.4
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/dist/bin.cjs +7 -5
- package/dist/bin.js +6 -4
- package/dist/chunk-AOMKZOJG.js +6 -0
- package/dist/chunk-EGGWXLB2.cjs +7 -0
- package/dist/css/styles.css +1 -1
- package/dist/index.cjs +7 -7
- package/dist/index.d.cts +32 -21
- package/dist/index.d.ts +32 -21
- package/dist/index.js +6 -6
- package/package.json +1 -1
- package/dist/chunk-4GN6AE4D.js +0 -6
- package/dist/chunk-BZ4B5RMW.cjs +0 -7
package/dist/index.d.cts
CHANGED
|
@@ -48,7 +48,7 @@ declare const Position: {
|
|
|
48
48
|
readonly Right: "right";
|
|
49
49
|
};
|
|
50
50
|
declare const Variant: {
|
|
51
|
-
readonly
|
|
51
|
+
readonly XSmall: "xs";
|
|
52
52
|
readonly Small: "sm";
|
|
53
53
|
readonly Medium: "md";
|
|
54
54
|
readonly Large: "lg";
|
|
@@ -70,23 +70,23 @@ declare const DATATYPE: {
|
|
|
70
70
|
readonly File: "FILE";
|
|
71
71
|
};
|
|
72
72
|
declare const FORMVALIDATION_STYLE: {
|
|
73
|
-
Dots:
|
|
73
|
+
readonly Dots: "DOTS";
|
|
74
74
|
};
|
|
75
75
|
declare const FORMVALIDATION: {
|
|
76
|
-
IPV4:
|
|
77
|
-
IPV6:
|
|
78
|
-
Email:
|
|
79
|
-
Uri:
|
|
80
|
-
Password:
|
|
81
|
-
MatchField:
|
|
82
|
-
Pattern:
|
|
83
|
-
GreaterThan:
|
|
76
|
+
readonly IPV4: "IPV4";
|
|
77
|
+
readonly IPV6: "IPV6";
|
|
78
|
+
readonly Email: "EMAIL";
|
|
79
|
+
readonly Uri: "URI";
|
|
80
|
+
readonly Password: "PASSWORD";
|
|
81
|
+
readonly MatchField: "MATCHFIELD";
|
|
82
|
+
readonly Pattern: "*";
|
|
83
|
+
readonly GreaterThan: "GREATER_THAN";
|
|
84
84
|
};
|
|
85
85
|
declare const ALERT: {
|
|
86
|
-
Success:
|
|
87
|
-
Error:
|
|
88
|
-
Warning:
|
|
89
|
-
Info:
|
|
86
|
+
readonly Success: "success";
|
|
87
|
+
readonly Error: "error";
|
|
88
|
+
readonly Warning: "warning";
|
|
89
|
+
readonly Info: "info";
|
|
90
90
|
};
|
|
91
91
|
declare const TRANSITION_CURVES: {
|
|
92
92
|
readonly Spring: "SPRING";
|
|
@@ -746,10 +746,6 @@ interface DrawerHandler {
|
|
|
746
746
|
declare const Drawer: react.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & react.RefAttributes<DrawerHandler>>;
|
|
747
747
|
|
|
748
748
|
declare const SVGIcons: {
|
|
749
|
-
[ALERT.Info]: react_jsx_runtime.JSX.Element;
|
|
750
|
-
[ALERT.Warning]: react_jsx_runtime.JSX.Element;
|
|
751
|
-
[ALERT.Error]: react_jsx_runtime.JSX.Element;
|
|
752
|
-
[ALERT.Success]: react_jsx_runtime.JSX.Element;
|
|
753
749
|
colorSchemeLight: react_jsx_runtime.JSX.Element;
|
|
754
750
|
colorSchemeSystem: react_jsx_runtime.JSX.Element;
|
|
755
751
|
colorSchemeDark: react_jsx_runtime.JSX.Element;
|
|
@@ -760,6 +756,10 @@ declare const SVGIcons: {
|
|
|
760
756
|
eye: react_jsx_runtime.JSX.Element;
|
|
761
757
|
eyeSlash: react_jsx_runtime.JSX.Element;
|
|
762
758
|
check: react_jsx_runtime.JSX.Element;
|
|
759
|
+
info: react_jsx_runtime.JSX.Element;
|
|
760
|
+
warning: react_jsx_runtime.JSX.Element;
|
|
761
|
+
error: react_jsx_runtime.JSX.Element;
|
|
762
|
+
success: react_jsx_runtime.JSX.Element;
|
|
763
763
|
layers: react_jsx_runtime.JSX.Element;
|
|
764
764
|
play: react_jsx_runtime.JSX.Element;
|
|
765
765
|
pause: react_jsx_runtime.JSX.Element;
|
|
@@ -908,7 +908,7 @@ type IconProps = Omit<BoxProps, `name`> & {
|
|
|
908
908
|
ref?: Ref<HTMLDivElement>;
|
|
909
909
|
name: string | ReactNode;
|
|
910
910
|
pathCount?: number;
|
|
911
|
-
|
|
911
|
+
variant?: ValueOf<typeof Variant>;
|
|
912
912
|
color?: string;
|
|
913
913
|
};
|
|
914
914
|
|
|
@@ -1029,7 +1029,7 @@ declare const ProgressBar: react.ForwardRefExoticComponent<Omit<ProgressBarProps
|
|
|
1029
1029
|
|
|
1030
1030
|
type RadioProps = Props<"input"> & {
|
|
1031
1031
|
type?: ValueOf<typeof RADIO>;
|
|
1032
|
-
|
|
1032
|
+
variant?: ValueOf<typeof Variant>;
|
|
1033
1033
|
onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
|
|
1034
1034
|
};
|
|
1035
1035
|
interface RadioHandler {
|
|
@@ -1039,7 +1039,7 @@ interface RadioHandler {
|
|
|
1039
1039
|
|
|
1040
1040
|
declare const Radio: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof ZuzProps> & {
|
|
1041
1041
|
type?: ValueOf<typeof RADIO>;
|
|
1042
|
-
|
|
1042
|
+
variant?: ValueOf<typeof Variant>;
|
|
1043
1043
|
onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
|
|
1044
1044
|
} & react.RefAttributes<RadioHandler>>;
|
|
1045
1045
|
|
|
@@ -1649,6 +1649,17 @@ interface ThemeConfig {
|
|
|
1649
1649
|
group?: GroupProps & {
|
|
1650
1650
|
fx?: animationProps;
|
|
1651
1651
|
};
|
|
1652
|
+
/**
|
|
1653
|
+
* Dialog Default Settings
|
|
1654
|
+
*/
|
|
1655
|
+
dialog?: Omit<DialogProps, `id` | `title` | `message` | `action` | `onShow` | `onHide`>;
|
|
1656
|
+
/**
|
|
1657
|
+
* Dialog Default Settings
|
|
1658
|
+
*/
|
|
1659
|
+
drawer?: Omit<DrawerProps, `as` | `children` | `onClose`>;
|
|
1660
|
+
/**
|
|
1661
|
+
* App Level Spinner Conf
|
|
1662
|
+
*/
|
|
1652
1663
|
spinner?: {
|
|
1653
1664
|
type?: ValueOf<typeof SPINNER>;
|
|
1654
1665
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ declare const Position: {
|
|
|
48
48
|
readonly Right: "right";
|
|
49
49
|
};
|
|
50
50
|
declare const Variant: {
|
|
51
|
-
readonly
|
|
51
|
+
readonly XSmall: "xs";
|
|
52
52
|
readonly Small: "sm";
|
|
53
53
|
readonly Medium: "md";
|
|
54
54
|
readonly Large: "lg";
|
|
@@ -70,23 +70,23 @@ declare const DATATYPE: {
|
|
|
70
70
|
readonly File: "FILE";
|
|
71
71
|
};
|
|
72
72
|
declare const FORMVALIDATION_STYLE: {
|
|
73
|
-
Dots:
|
|
73
|
+
readonly Dots: "DOTS";
|
|
74
74
|
};
|
|
75
75
|
declare const FORMVALIDATION: {
|
|
76
|
-
IPV4:
|
|
77
|
-
IPV6:
|
|
78
|
-
Email:
|
|
79
|
-
Uri:
|
|
80
|
-
Password:
|
|
81
|
-
MatchField:
|
|
82
|
-
Pattern:
|
|
83
|
-
GreaterThan:
|
|
76
|
+
readonly IPV4: "IPV4";
|
|
77
|
+
readonly IPV6: "IPV6";
|
|
78
|
+
readonly Email: "EMAIL";
|
|
79
|
+
readonly Uri: "URI";
|
|
80
|
+
readonly Password: "PASSWORD";
|
|
81
|
+
readonly MatchField: "MATCHFIELD";
|
|
82
|
+
readonly Pattern: "*";
|
|
83
|
+
readonly GreaterThan: "GREATER_THAN";
|
|
84
84
|
};
|
|
85
85
|
declare const ALERT: {
|
|
86
|
-
Success:
|
|
87
|
-
Error:
|
|
88
|
-
Warning:
|
|
89
|
-
Info:
|
|
86
|
+
readonly Success: "success";
|
|
87
|
+
readonly Error: "error";
|
|
88
|
+
readonly Warning: "warning";
|
|
89
|
+
readonly Info: "info";
|
|
90
90
|
};
|
|
91
91
|
declare const TRANSITION_CURVES: {
|
|
92
92
|
readonly Spring: "SPRING";
|
|
@@ -746,10 +746,6 @@ interface DrawerHandler {
|
|
|
746
746
|
declare const Drawer: react.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & react.RefAttributes<DrawerHandler>>;
|
|
747
747
|
|
|
748
748
|
declare const SVGIcons: {
|
|
749
|
-
[ALERT.Info]: react_jsx_runtime.JSX.Element;
|
|
750
|
-
[ALERT.Warning]: react_jsx_runtime.JSX.Element;
|
|
751
|
-
[ALERT.Error]: react_jsx_runtime.JSX.Element;
|
|
752
|
-
[ALERT.Success]: react_jsx_runtime.JSX.Element;
|
|
753
749
|
colorSchemeLight: react_jsx_runtime.JSX.Element;
|
|
754
750
|
colorSchemeSystem: react_jsx_runtime.JSX.Element;
|
|
755
751
|
colorSchemeDark: react_jsx_runtime.JSX.Element;
|
|
@@ -760,6 +756,10 @@ declare const SVGIcons: {
|
|
|
760
756
|
eye: react_jsx_runtime.JSX.Element;
|
|
761
757
|
eyeSlash: react_jsx_runtime.JSX.Element;
|
|
762
758
|
check: react_jsx_runtime.JSX.Element;
|
|
759
|
+
info: react_jsx_runtime.JSX.Element;
|
|
760
|
+
warning: react_jsx_runtime.JSX.Element;
|
|
761
|
+
error: react_jsx_runtime.JSX.Element;
|
|
762
|
+
success: react_jsx_runtime.JSX.Element;
|
|
763
763
|
layers: react_jsx_runtime.JSX.Element;
|
|
764
764
|
play: react_jsx_runtime.JSX.Element;
|
|
765
765
|
pause: react_jsx_runtime.JSX.Element;
|
|
@@ -908,7 +908,7 @@ type IconProps = Omit<BoxProps, `name`> & {
|
|
|
908
908
|
ref?: Ref<HTMLDivElement>;
|
|
909
909
|
name: string | ReactNode;
|
|
910
910
|
pathCount?: number;
|
|
911
|
-
|
|
911
|
+
variant?: ValueOf<typeof Variant>;
|
|
912
912
|
color?: string;
|
|
913
913
|
};
|
|
914
914
|
|
|
@@ -1029,7 +1029,7 @@ declare const ProgressBar: react.ForwardRefExoticComponent<Omit<ProgressBarProps
|
|
|
1029
1029
|
|
|
1030
1030
|
type RadioProps = Props<"input"> & {
|
|
1031
1031
|
type?: ValueOf<typeof RADIO>;
|
|
1032
|
-
|
|
1032
|
+
variant?: ValueOf<typeof Variant>;
|
|
1033
1033
|
onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
|
|
1034
1034
|
};
|
|
1035
1035
|
interface RadioHandler {
|
|
@@ -1039,7 +1039,7 @@ interface RadioHandler {
|
|
|
1039
1039
|
|
|
1040
1040
|
declare const Radio: react.ForwardRefExoticComponent<ZuzProps & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof ZuzProps> & {
|
|
1041
1041
|
type?: ValueOf<typeof RADIO>;
|
|
1042
|
-
|
|
1042
|
+
variant?: ValueOf<typeof Variant>;
|
|
1043
1043
|
onSwitch?: (checked: boolean, value: string | number | readonly string[]) => void;
|
|
1044
1044
|
} & react.RefAttributes<RadioHandler>>;
|
|
1045
1045
|
|
|
@@ -1649,6 +1649,17 @@ interface ThemeConfig {
|
|
|
1649
1649
|
group?: GroupProps & {
|
|
1650
1650
|
fx?: animationProps;
|
|
1651
1651
|
};
|
|
1652
|
+
/**
|
|
1653
|
+
* Dialog Default Settings
|
|
1654
|
+
*/
|
|
1655
|
+
dialog?: Omit<DialogProps, `id` | `title` | `message` | `action` | `onShow` | `onHide`>;
|
|
1656
|
+
/**
|
|
1657
|
+
* Dialog Default Settings
|
|
1658
|
+
*/
|
|
1659
|
+
drawer?: Omit<DrawerProps, `as` | `children` | `onClose`>;
|
|
1660
|
+
/**
|
|
1661
|
+
* App Level Spinner Conf
|
|
1662
|
+
*/
|
|
1652
1663
|
spinner?: {
|
|
1653
1664
|
type?: ValueOf<typeof SPINNER>;
|
|
1654
1665
|
};
|