sherick-ui 1.0.0
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/README.md +36 -0
- package/dist/index.cjs.css +2 -0
- package/dist/index.cjs.css.map +1 -0
- package/dist/index.cjs.js +69299 -0
- package/dist/index.d.css +2 -0
- package/dist/index.d.css.map +1 -0
- package/dist/index.d.ts +162 -0
- package/dist/index.esm.css +2 -0
- package/dist/index.esm.css.map +1 -0
- package/dist/index.esm.js +69281 -0
- package/package.json +73 -0
package/dist/index.d.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
|
|
2
|
+
/*# sourceMappingURL=index.d.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["prism-tomorrow.css"],"names":[],"mappings":"AAMA,6CAUC,gBAAiB,CAPjB,eAAgB,CADhB,UAAW,CAEX,6DAAsE,CACtE,aAAc,CAYd,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,YAAa,CATb,eAAgB,CAEhB,eAAgB,CAChB,aAAc,CACd,UAAW,CATX,eAAgB,CAChB,eAAgB,CAEhB,iBAAkB,CADlB,mBAcD,CAGA,sBAEC,aAAc,CACd,aAAc,CAFd,WAGD,CAEA,uDAEC,kBACD,CAGA,iCAEC,kBAAmB,CADnB,YAAa,CAEb,kBACD,CAEA,8EAKC,UACD,CAEA,mBACC,UACD,CAEA,4DAIC,aACD,CAEA,qBACC,aACD,CAEA,6CAGC,aACD,CAEA,gEAIC,aACD,CAEA,6EAKC,aACD,CAEA,yEAKC,aACD,CAEA,yCAGC,aACD,CAEA,6BAEC,eACD,CACA,cACC,iBACD,CAEA,cACC,WACD,CAEA,gBACC,WACD","file":"index.d.css","sourcesContent":["/**\n * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML\n * Based on https://github.com/chriskempson/tomorrow-theme\n * @author Rose Pritchard\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #ccc;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #2d2d2d;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.block-comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #999;\n}\n\n.token.punctuation {\n\tcolor: #ccc;\n}\n\n.token.tag,\n.token.attr-name,\n.token.namespace,\n.token.deleted {\n\tcolor: #e2777a;\n}\n\n.token.function-name {\n\tcolor: #6196cc;\n}\n\n.token.boolean,\n.token.number,\n.token.function {\n\tcolor: #f08d49;\n}\n\n.token.property,\n.token.class-name,\n.token.constant,\n.token.symbol {\n\tcolor: #f8c555;\n}\n\n.token.selector,\n.token.important,\n.token.atrule,\n.token.keyword,\n.token.builtin {\n\tcolor: #cc99cd;\n}\n\n.token.string,\n.token.char,\n.token.attr-value,\n.token.regex,\n.token.variable {\n\tcolor: #7ec699;\n}\n\n.token.operator,\n.token.entity,\n.token.url {\n\tcolor: #67cdcc;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n.token.inserted {\n\tcolor: green;\n}\n"]}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { ReactNode } from 'react';
|
|
3
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
type Variant = "primary" | "secondary" | "danger" | "warning" | "success";
|
|
7
|
+
|
|
8
|
+
declare const ActionButton: ({ children, variant, icon, className, loading, onClick, ...props }: {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
variant?: Variant;
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
onClick?: () => void;
|
|
15
|
+
}) => react.JSX.Element;
|
|
16
|
+
|
|
17
|
+
declare const Dropdown: ({ options, variant, onSelect, selected, className, ...props }: {
|
|
18
|
+
options: {
|
|
19
|
+
label: string;
|
|
20
|
+
value: string;
|
|
21
|
+
}[];
|
|
22
|
+
variant?: Variant;
|
|
23
|
+
className?: string;
|
|
24
|
+
onSelect?: (value: string) => void;
|
|
25
|
+
selected?: string;
|
|
26
|
+
}) => react.JSX.Element;
|
|
27
|
+
|
|
28
|
+
declare const Search: ({ onSearch, variant, className, loading, ...props }: {
|
|
29
|
+
onSearch: (value: string) => void;
|
|
30
|
+
variant?: Variant;
|
|
31
|
+
className?: string;
|
|
32
|
+
loading?: boolean;
|
|
33
|
+
}) => react.JSX.Element;
|
|
34
|
+
|
|
35
|
+
declare const Input: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
|
|
36
|
+
placeholder?: string;
|
|
37
|
+
label?: string;
|
|
38
|
+
onChange?: (value: string) => void;
|
|
39
|
+
defaultValue?: string;
|
|
40
|
+
className?: string;
|
|
41
|
+
required?: boolean;
|
|
42
|
+
error?: boolean;
|
|
43
|
+
}) => react.JSX.Element;
|
|
44
|
+
|
|
45
|
+
declare const Avatar: ({ src, alt, size, className, ...props }: {
|
|
46
|
+
src: string;
|
|
47
|
+
alt: string;
|
|
48
|
+
size?: "sm" | "md" | "lg";
|
|
49
|
+
className?: string;
|
|
50
|
+
}) => react.JSX.Element;
|
|
51
|
+
|
|
52
|
+
declare const Textarea: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
|
|
53
|
+
placeholder?: string;
|
|
54
|
+
label?: string;
|
|
55
|
+
onChange?: (value: string) => void;
|
|
56
|
+
defaultValue?: string;
|
|
57
|
+
className?: string;
|
|
58
|
+
required?: boolean;
|
|
59
|
+
error?: boolean;
|
|
60
|
+
}) => react.JSX.Element;
|
|
61
|
+
|
|
62
|
+
declare const Tooltip: ({ children, content, className, ...props }: {
|
|
63
|
+
children: ReactNode;
|
|
64
|
+
content: ReactNode;
|
|
65
|
+
className?: string;
|
|
66
|
+
[key: string]: any;
|
|
67
|
+
}) => react.JSX.Element;
|
|
68
|
+
|
|
69
|
+
interface ModalFooterProps {
|
|
70
|
+
children: ReactNode;
|
|
71
|
+
className?: string;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
interface ModalContentProps {
|
|
75
|
+
children: ReactNode;
|
|
76
|
+
className?: string;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
interface ModalHeaderProps {
|
|
80
|
+
children: ReactNode;
|
|
81
|
+
className?: string;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
interface ModalProps {
|
|
85
|
+
children: ReactNode;
|
|
86
|
+
open: boolean;
|
|
87
|
+
onClose: () => void;
|
|
88
|
+
className?: string;
|
|
89
|
+
}
|
|
90
|
+
declare function Modal({ children, open, onClose, className, }: ModalProps): react.ReactPortal | null;
|
|
91
|
+
declare namespace Modal {
|
|
92
|
+
var Header: ({ children, className }: ModalHeaderProps) => react.JSX.Element;
|
|
93
|
+
var Content: ({ children, className }: ModalContentProps) => react.JSX.Element;
|
|
94
|
+
var Footer: ({ children, className }: ModalFooterProps) => react.JSX.Element;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
declare const Badge: ({ children, variant, icon, className, ...props }: {
|
|
98
|
+
children: ReactNode;
|
|
99
|
+
variant?: Variant;
|
|
100
|
+
icon?: ReactNode;
|
|
101
|
+
className?: string;
|
|
102
|
+
}) => react.JSX.Element;
|
|
103
|
+
|
|
104
|
+
declare const spinnerVariants: (props?: ({
|
|
105
|
+
show?: boolean | null | undefined;
|
|
106
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
107
|
+
declare const loaderVariants: (props?: ({
|
|
108
|
+
size?: "small" | "medium" | "large" | null | undefined;
|
|
109
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
110
|
+
interface SpinnerContentProps extends VariantProps<typeof spinnerVariants>, VariantProps<typeof loaderVariants> {
|
|
111
|
+
className?: string;
|
|
112
|
+
children?: react__default.ReactNode;
|
|
113
|
+
}
|
|
114
|
+
declare function Spinner({ size, show, children, className, }: SpinnerContentProps): react__default.JSX.Element;
|
|
115
|
+
|
|
116
|
+
declare const Markdown: ({ children }: {
|
|
117
|
+
children: string;
|
|
118
|
+
}) => react.JSX.Element;
|
|
119
|
+
|
|
120
|
+
declare const Alert: ({ children, variant, className, closeable, }: {
|
|
121
|
+
children: ReactNode;
|
|
122
|
+
variant?: Variant;
|
|
123
|
+
className?: string;
|
|
124
|
+
closeable?: boolean;
|
|
125
|
+
}) => react.JSX.Element | null;
|
|
126
|
+
|
|
127
|
+
declare const Card: ({ children, variant, className, }: {
|
|
128
|
+
children: ReactNode;
|
|
129
|
+
variant?: Variant;
|
|
130
|
+
className?: string;
|
|
131
|
+
}) => react.JSX.Element;
|
|
132
|
+
|
|
133
|
+
declare const Skeleton: ({ className, ...props }: {
|
|
134
|
+
className?: string;
|
|
135
|
+
}) => react.JSX.Element;
|
|
136
|
+
|
|
137
|
+
declare const Switch: ({ checked, onChange, variant, className, }: {
|
|
138
|
+
checked?: boolean;
|
|
139
|
+
onChange?: (checked: boolean) => void;
|
|
140
|
+
variant?: Variant;
|
|
141
|
+
className?: string;
|
|
142
|
+
}) => react.JSX.Element;
|
|
143
|
+
|
|
144
|
+
interface Tab {
|
|
145
|
+
id: string;
|
|
146
|
+
label: string;
|
|
147
|
+
content: ReactNode;
|
|
148
|
+
}
|
|
149
|
+
declare const TabGroup: ({ tabs, variant, className, }: {
|
|
150
|
+
tabs: Tab[];
|
|
151
|
+
variant?: Variant;
|
|
152
|
+
className?: string;
|
|
153
|
+
}) => react.JSX.Element;
|
|
154
|
+
|
|
155
|
+
declare const Table: ({ headers, rows, variant, className, }: {
|
|
156
|
+
headers: string[];
|
|
157
|
+
rows: ReactNode[][];
|
|
158
|
+
variant?: Variant;
|
|
159
|
+
className?: string;
|
|
160
|
+
}) => react.JSX.Element;
|
|
161
|
+
|
|
162
|
+
export { ActionButton, Alert, Avatar, Badge, Card, Dropdown, Input, Markdown, Modal, Search, Skeleton, Spinner, Switch, TabGroup, Table, Textarea, Tooltip };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
|
|
2
|
+
/*# sourceMappingURL=index.esm.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["prism-tomorrow.css"],"names":[],"mappings":"AAMA,6CAUC,gBAAiB,CAPjB,eAAgB,CADhB,UAAW,CAEX,6DAAsE,CACtE,aAAc,CAYd,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,YAAa,CATb,eAAgB,CAEhB,eAAgB,CAChB,aAAc,CACd,UAAW,CATX,eAAgB,CAChB,eAAgB,CAEhB,iBAAkB,CADlB,mBAcD,CAGA,sBAEC,aAAc,CACd,aAAc,CAFd,WAGD,CAEA,uDAEC,kBACD,CAGA,iCAEC,kBAAmB,CADnB,YAAa,CAEb,kBACD,CAEA,8EAKC,UACD,CAEA,mBACC,UACD,CAEA,4DAIC,aACD,CAEA,qBACC,aACD,CAEA,6CAGC,aACD,CAEA,gEAIC,aACD,CAEA,6EAKC,aACD,CAEA,yEAKC,aACD,CAEA,yCAGC,aACD,CAEA,6BAEC,eACD,CACA,cACC,iBACD,CAEA,cACC,WACD,CAEA,gBACC,WACD","file":"index.esm.css","sourcesContent":["/**\n * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML\n * Based on https://github.com/chriskempson/tomorrow-theme\n * @author Rose Pritchard\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #ccc;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #2d2d2d;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.block-comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #999;\n}\n\n.token.punctuation {\n\tcolor: #ccc;\n}\n\n.token.tag,\n.token.attr-name,\n.token.namespace,\n.token.deleted {\n\tcolor: #e2777a;\n}\n\n.token.function-name {\n\tcolor: #6196cc;\n}\n\n.token.boolean,\n.token.number,\n.token.function {\n\tcolor: #f08d49;\n}\n\n.token.property,\n.token.class-name,\n.token.constant,\n.token.symbol {\n\tcolor: #f8c555;\n}\n\n.token.selector,\n.token.important,\n.token.atrule,\n.token.keyword,\n.token.builtin {\n\tcolor: #cc99cd;\n}\n\n.token.string,\n.token.char,\n.token.attr-value,\n.token.regex,\n.token.variable {\n\tcolor: #7ec699;\n}\n\n.token.operator,\n.token.entity,\n.token.url {\n\tcolor: #67cdcc;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n.token.inserted {\n\tcolor: green;\n}\n"]}
|