sherick-ui 1.0.3 → 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 +35167 -44
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +22 -23
- package/dist/index.esm.js +35150 -27
- package/dist/index.esm.js.map +1 -1
- package/package.json +3 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../components/UI";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Metadata } from "next";
|
|
3
|
+
import "./globals.css";
|
|
4
|
+
export declare const metadata: Metadata;
|
|
5
|
+
export default function RootLayout({ children, }: Readonly<{
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}>): import("react").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
declare const ActionButton: ({ children, variant, icon, className, loading, onClick, ...props }: {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
export default ActionButton;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
export declare const Alert: ({ children, variant, className, closeable, }: {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
className?: string;
|
|
7
|
+
closeable?: boolean;
|
|
8
|
+
}) => React.JSX.Element | null;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
declare const Badge: ({ children, variant, icon, className, ...props }: {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
}) => React.JSX.Element;
|
|
9
|
+
export default Badge;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
declare const Dropdown: ({ options, variant, onSelect, selected, className, ...props }: {
|
|
4
|
+
options: {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
}[];
|
|
8
|
+
variant?: Variant;
|
|
9
|
+
className?: string;
|
|
10
|
+
onSelect?: (value: string) => void;
|
|
11
|
+
selected?: string;
|
|
12
|
+
}) => React.JSX.Element;
|
|
13
|
+
export default Dropdown;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
declare const IconButton: ({ variant, icon, className, loading, onClick, ...props }: {
|
|
4
|
+
variant?: Variant;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
onClick?: () => void;
|
|
9
|
+
}) => React.JSX.Element;
|
|
10
|
+
export default IconButton;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Input: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
error?: boolean;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
export default Input;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
export interface ModalProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
open: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function Modal({ children, open, onClose, className, }: ModalProps): React.ReactPortal | null;
|
|
9
|
+
declare namespace Modal {
|
|
10
|
+
var Header: ({ children, className }: import("./ModalHeader").ModalHeaderProps) => React.JSX.Element;
|
|
11
|
+
var Content: ({ children, className }: import("./ModalContent").ModalContentProps) => React.JSX.Element;
|
|
12
|
+
var Footer: ({ children, className }: import("./ModalFooter").ModalFooterProps) => React.JSX.Element;
|
|
13
|
+
}
|
|
14
|
+
export default Modal;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
declare const Search: ({ onSearch, variant, className, loading, ...props }: {
|
|
4
|
+
onSearch: (value: string) => void;
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
className?: string;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
}) => React.JSX.Element;
|
|
9
|
+
export default Search;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
export declare const Switch: ({ checked, onChange, variant, className, }: {
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
onChange?: (checked: boolean) => void;
|
|
6
|
+
variant?: Variant;
|
|
7
|
+
className?: string;
|
|
8
|
+
}) => React.JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
export interface Tab {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
content: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const TabGroup: ({ tabs, variant, className, }: {
|
|
9
|
+
tabs: Tab[];
|
|
10
|
+
variant?: Variant;
|
|
11
|
+
className?: string;
|
|
12
|
+
}) => React.JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { Variant } from "./ui.types";
|
|
3
|
+
export declare const Table: ({ headers, rows, variant, className, }: {
|
|
4
|
+
headers: string[];
|
|
5
|
+
rows: ReactNode[][];
|
|
6
|
+
variant?: Variant;
|
|
7
|
+
className?: string;
|
|
8
|
+
}) => React.JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Textarea: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
error?: boolean;
|
|
10
|
+
}) => React.JSX.Element;
|
|
11
|
+
export default Textarea;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export { default as ActionButton } from "./ActionButton";
|
|
2
|
+
export { default as Dropdown } from "./Dropdown";
|
|
3
|
+
export { default as Search } from "./Search";
|
|
4
|
+
export { default as Input } from "./Input";
|
|
5
|
+
export { default as Avatar } from "./Avatar";
|
|
6
|
+
export { default as Textarea } from "./Textarea";
|
|
7
|
+
export { default as Tooltip } from "./Tooltip";
|
|
8
|
+
export { default as Modal } from "./Modal";
|
|
9
|
+
export { default as Badge } from "./Badge";
|
|
10
|
+
export { Spinner } from "./Spinner";
|
|
11
|
+
export { default as Markdown } from "./Markdown";
|
|
12
|
+
export { Alert } from "./Alert";
|
|
13
|
+
export { Card } from "./Card";
|
|
14
|
+
export { Skeleton } from "./Skeleton";
|
|
15
|
+
export { Switch } from "./Switch";
|
|
16
|
+
export { TabGroup } from "./TabGroup";
|
|
17
|
+
export { Table } from "./Table";
|