sherick-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/.next/types/app/layout.d.ts +9 -0
- package/dist/.next/types/app/styleguides/page.d.ts +9 -0
- package/dist/app/index.d.ts +1 -0
- package/dist/app/layout.d.ts +7 -0
- package/dist/app/page.d.ts +2 -0
- package/dist/components/Layout/SideNav.d.ts +6 -0
- package/dist/components/Layout/SideNavWrapper.d.ts +5 -0
- package/dist/components/UI/ActionButton.d.ts +11 -0
- package/dist/components/UI/Alert.d.ts +8 -0
- package/dist/components/UI/Avatar.d.ts +8 -0
- package/dist/components/UI/Badge.d.ts +9 -0
- package/dist/components/UI/Card.d.ts +7 -0
- package/dist/components/UI/Divider.d.ts +6 -0
- package/dist/components/UI/Dropdown.d.ts +13 -0
- package/dist/components/UI/IconButton.d.ts +10 -0
- package/dist/components/UI/Input.d.ts +11 -0
- package/dist/components/UI/Markdown.d.ts +5 -0
- package/dist/components/UI/Modal.d.ts +14 -0
- package/dist/components/UI/ModalContent.d.ts +6 -0
- package/dist/components/UI/ModalFooter.d.ts +6 -0
- package/dist/components/UI/ModalHeader.d.ts +6 -0
- package/dist/components/UI/NavGroup.d.ts +11 -0
- package/dist/components/UI/NavItem.d.ts +8 -0
- package/dist/components/UI/Search.d.ts +9 -0
- package/dist/components/UI/Skeleton.d.ts +4 -0
- package/dist/components/UI/Switch.d.ts +8 -0
- package/dist/components/UI/TabGroup.d.ts +12 -0
- package/dist/components/UI/Table.d.ts +8 -0
- package/dist/components/UI/Textarea.d.ts +11 -0
- package/dist/components/UI/Tooltip.d.ts +8 -0
- package/dist/components/UI/index.d.ts +17 -0
- package/dist/index.cjs.js +32375 -61999
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +22 -23
- package/dist/index.esm.js +32372 -61996
- package/dist/index.esm.js.map +1 -0
- package/package.json +28 -10
- package/dist/index.cjs.css +0 -2
- package/dist/index.cjs.css.map +0 -1
- package/dist/index.esm.css +0 -2
- package/dist/index.esm.css.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import react__default, { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
3
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
3
|
import { VariantProps } from 'class-variance-authority';
|
|
5
4
|
|
|
@@ -12,7 +11,7 @@ declare const ActionButton: ({ children, variant, icon, className, loading, onCl
|
|
|
12
11
|
className?: string;
|
|
13
12
|
loading?: boolean;
|
|
14
13
|
onClick?: () => void;
|
|
15
|
-
}) =>
|
|
14
|
+
}) => React.JSX.Element;
|
|
16
15
|
|
|
17
16
|
declare const Dropdown: ({ options, variant, onSelect, selected, className, ...props }: {
|
|
18
17
|
options: {
|
|
@@ -23,14 +22,14 @@ declare const Dropdown: ({ options, variant, onSelect, selected, className, ...p
|
|
|
23
22
|
className?: string;
|
|
24
23
|
onSelect?: (value: string) => void;
|
|
25
24
|
selected?: string;
|
|
26
|
-
}) =>
|
|
25
|
+
}) => React.JSX.Element;
|
|
27
26
|
|
|
28
27
|
declare const Search: ({ onSearch, variant, className, loading, ...props }: {
|
|
29
28
|
onSearch: (value: string) => void;
|
|
30
29
|
variant?: Variant;
|
|
31
30
|
className?: string;
|
|
32
31
|
loading?: boolean;
|
|
33
|
-
}) =>
|
|
32
|
+
}) => React.JSX.Element;
|
|
34
33
|
|
|
35
34
|
declare const Input: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
|
|
36
35
|
placeholder?: string;
|
|
@@ -40,14 +39,14 @@ declare const Input: ({ placeholder, label, onChange, defaultValue, className, r
|
|
|
40
39
|
className?: string;
|
|
41
40
|
required?: boolean;
|
|
42
41
|
error?: boolean;
|
|
43
|
-
}) =>
|
|
42
|
+
}) => React.JSX.Element;
|
|
44
43
|
|
|
45
44
|
declare const Avatar: ({ src, alt, size, className, ...props }: {
|
|
46
45
|
src: string;
|
|
47
46
|
alt: string;
|
|
48
47
|
size?: "sm" | "md" | "lg";
|
|
49
48
|
className?: string;
|
|
50
|
-
}) =>
|
|
49
|
+
}) => React.JSX.Element;
|
|
51
50
|
|
|
52
51
|
declare const Textarea: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
|
|
53
52
|
placeholder?: string;
|
|
@@ -57,14 +56,14 @@ declare const Textarea: ({ placeholder, label, onChange, defaultValue, className
|
|
|
57
56
|
className?: string;
|
|
58
57
|
required?: boolean;
|
|
59
58
|
error?: boolean;
|
|
60
|
-
}) =>
|
|
59
|
+
}) => React.JSX.Element;
|
|
61
60
|
|
|
62
61
|
declare const Tooltip: ({ children, content, className, ...props }: {
|
|
63
62
|
children: ReactNode;
|
|
64
63
|
content: ReactNode;
|
|
65
64
|
className?: string;
|
|
66
65
|
[key: string]: any;
|
|
67
|
-
}) =>
|
|
66
|
+
}) => React.JSX.Element;
|
|
68
67
|
|
|
69
68
|
interface ModalFooterProps {
|
|
70
69
|
children: ReactNode;
|
|
@@ -87,11 +86,11 @@ interface ModalProps {
|
|
|
87
86
|
onClose: () => void;
|
|
88
87
|
className?: string;
|
|
89
88
|
}
|
|
90
|
-
declare function Modal({ children, open, onClose, className, }: ModalProps):
|
|
89
|
+
declare function Modal({ children, open, onClose, className, }: ModalProps): React.ReactPortal | null;
|
|
91
90
|
declare namespace Modal {
|
|
92
|
-
var Header: ({ children, className }: ModalHeaderProps) =>
|
|
93
|
-
var Content: ({ children, className }: ModalContentProps) =>
|
|
94
|
-
var Footer: ({ children, className }: ModalFooterProps) =>
|
|
91
|
+
var Header: ({ children, className }: ModalHeaderProps) => React.JSX.Element;
|
|
92
|
+
var Content: ({ children, className }: ModalContentProps) => React.JSX.Element;
|
|
93
|
+
var Footer: ({ children, className }: ModalFooterProps) => React.JSX.Element;
|
|
95
94
|
}
|
|
96
95
|
|
|
97
96
|
declare const Badge: ({ children, variant, icon, className, ...props }: {
|
|
@@ -99,7 +98,7 @@ declare const Badge: ({ children, variant, icon, className, ...props }: {
|
|
|
99
98
|
variant?: Variant;
|
|
100
99
|
icon?: ReactNode;
|
|
101
100
|
className?: string;
|
|
102
|
-
}) =>
|
|
101
|
+
}) => React.JSX.Element;
|
|
103
102
|
|
|
104
103
|
declare const spinnerVariants: (props?: ({
|
|
105
104
|
show?: boolean | null | undefined;
|
|
@@ -109,37 +108,37 @@ declare const loaderVariants: (props?: ({
|
|
|
109
108
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
110
109
|
interface SpinnerContentProps extends VariantProps<typeof spinnerVariants>, VariantProps<typeof loaderVariants> {
|
|
111
110
|
className?: string;
|
|
112
|
-
children?:
|
|
111
|
+
children?: React.ReactNode;
|
|
113
112
|
}
|
|
114
|
-
declare function Spinner({ size, show, children, className, }: SpinnerContentProps):
|
|
113
|
+
declare function Spinner({ size, show, children, className, }: SpinnerContentProps): React.JSX.Element;
|
|
115
114
|
|
|
116
115
|
declare const Markdown: ({ children }: {
|
|
117
116
|
children: string;
|
|
118
|
-
}) =>
|
|
117
|
+
}) => React.JSX.Element;
|
|
119
118
|
|
|
120
119
|
declare const Alert: ({ children, variant, className, closeable, }: {
|
|
121
120
|
children: ReactNode;
|
|
122
121
|
variant?: Variant;
|
|
123
122
|
className?: string;
|
|
124
123
|
closeable?: boolean;
|
|
125
|
-
}) =>
|
|
124
|
+
}) => React.JSX.Element | null;
|
|
126
125
|
|
|
127
126
|
declare const Card: ({ children, variant, className, }: {
|
|
128
127
|
children: ReactNode;
|
|
129
128
|
variant?: Variant;
|
|
130
129
|
className?: string;
|
|
131
|
-
}) =>
|
|
130
|
+
}) => React.JSX.Element;
|
|
132
131
|
|
|
133
132
|
declare const Skeleton: ({ className, ...props }: {
|
|
134
133
|
className?: string;
|
|
135
|
-
}) =>
|
|
134
|
+
}) => React.JSX.Element;
|
|
136
135
|
|
|
137
136
|
declare const Switch: ({ checked, onChange, variant, className, }: {
|
|
138
137
|
checked?: boolean;
|
|
139
138
|
onChange?: (checked: boolean) => void;
|
|
140
139
|
variant?: Variant;
|
|
141
140
|
className?: string;
|
|
142
|
-
}) =>
|
|
141
|
+
}) => React.JSX.Element;
|
|
143
142
|
|
|
144
143
|
interface Tab {
|
|
145
144
|
id: string;
|
|
@@ -150,13 +149,13 @@ declare const TabGroup: ({ tabs, variant, className, }: {
|
|
|
150
149
|
tabs: Tab[];
|
|
151
150
|
variant?: Variant;
|
|
152
151
|
className?: string;
|
|
153
|
-
}) =>
|
|
152
|
+
}) => React.JSX.Element;
|
|
154
153
|
|
|
155
154
|
declare const Table: ({ headers, rows, variant, className, }: {
|
|
156
155
|
headers: string[];
|
|
157
156
|
rows: ReactNode[][];
|
|
158
157
|
variant?: Variant;
|
|
159
158
|
className?: string;
|
|
160
|
-
}) =>
|
|
159
|
+
}) => React.JSX.Element;
|
|
161
160
|
|
|
162
161
|
export { ActionButton, Alert, Avatar, Badge, Card, Dropdown, Input, Markdown, Modal, Search, Skeleton, Spinner, Switch, TabGroup, Table, Textarea, Tooltip };
|