@x-plat/design-system 0.1.3 → 0.1.5
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/components/Accordion/index.cjs +908 -18
- package/dist/components/Accordion/index.js +908 -18
- package/dist/components/Avatar/index.css +1 -0
- package/dist/components/CheckBox/index.cjs +1 -1
- package/dist/components/CheckBox/index.css +13 -1
- package/dist/components/CheckBox/index.js +1 -1
- package/dist/components/DatePicker/index.cjs +75 -5
- package/dist/components/DatePicker/index.css +20 -2
- package/dist/components/DatePicker/index.d.cts +245 -4
- package/dist/components/DatePicker/index.d.ts +245 -4
- package/dist/components/DatePicker/index.js +75 -5
- package/dist/components/Drawer/index.cjs +111 -0
- package/dist/components/Drawer/index.css +70 -0
- package/dist/components/Drawer/index.d.cts +14 -0
- package/dist/components/Drawer/index.d.ts +14 -0
- package/dist/components/Drawer/index.js +74 -0
- package/dist/components/Dropdown/index.cjs +185 -0
- package/dist/components/Dropdown/index.css +54 -0
- package/dist/components/Dropdown/index.d.cts +17 -0
- package/dist/components/Dropdown/index.d.ts +17 -0
- package/dist/components/Dropdown/index.js +148 -0
- package/dist/components/EmptyState/index.cjs +60 -0
- package/dist/components/EmptyState/index.css +32 -0
- package/dist/components/EmptyState/index.d.cts +12 -0
- package/dist/components/EmptyState/index.d.ts +12 -0
- package/dist/components/EmptyState/index.js +33 -0
- package/dist/components/FileUpload/index.cjs +1039 -0
- package/dist/components/FileUpload/index.css +42 -0
- package/dist/components/FileUpload/index.d.cts +14 -0
- package/dist/components/FileUpload/index.d.ts +14 -0
- package/dist/components/FileUpload/index.js +1002 -0
- package/dist/components/Pagination/index.cjs +913 -7
- package/dist/components/Pagination/index.js +913 -7
- package/dist/components/Radio/index.css +1 -1
- package/dist/components/Select/index.cjs +17 -7
- package/dist/components/Select/index.d.cts +2 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.js +17 -7
- package/dist/components/Steps/index.cjs +1105 -0
- package/dist/components/Steps/index.css +918 -0
- package/dist/components/Steps/index.d.cts +134 -0
- package/dist/components/Steps/index.d.ts +134 -0
- package/dist/components/Steps/index.js +1078 -0
- package/dist/components/Switch/index.cjs +2 -0
- package/dist/components/Switch/index.css +34 -8
- package/dist/components/Switch/index.d.cts +2 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.js +2 -0
- package/dist/components/Tag/index.cjs +1090 -0
- package/dist/components/Tag/index.css +498 -0
- package/dist/components/Tag/index.d.cts +131 -0
- package/dist/components/Tag/index.d.ts +131 -0
- package/dist/components/Tag/index.js +1063 -0
- package/dist/components/Toast/index.cjs +150 -0
- package/dist/components/Toast/index.css +111 -0
- package/dist/components/Toast/index.d.cts +15 -0
- package/dist/components/Toast/index.d.ts +15 -0
- package/dist/components/Toast/index.js +112 -0
- package/dist/components/Tooltip/index.css +3 -0
- package/dist/components/index.cjs +1669 -1188
- package/dist/components/index.css +5803 -4011
- package/dist/components/index.d.cts +7 -0
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.js +1635 -1162
- package/dist/index.cjs +2689 -2244
- package/dist/index.css +5803 -4011
- package/dist/index.d.cts +7 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +2758 -2321
- package/package.json +2 -2
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/* src/components/FileUpload/fileupload.scss */
|
|
2
|
+
.lib-xplat-file-upload {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
padding: 2rem 1.5rem;
|
|
8
|
+
border: 2px dashed #D4D4D4;
|
|
9
|
+
border-radius: 0.5rem;
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
transition: border-color 0.2s, background-color 0.2s;
|
|
12
|
+
}
|
|
13
|
+
.lib-xplat-file-upload:hover {
|
|
14
|
+
border-color: #7093EA;
|
|
15
|
+
background-color: #F1F4FD;
|
|
16
|
+
}
|
|
17
|
+
.lib-xplat-file-upload.drag-over {
|
|
18
|
+
border-color: #4D6DE3;
|
|
19
|
+
background-color: #F1F4FD;
|
|
20
|
+
}
|
|
21
|
+
.lib-xplat-file-upload input[type=file] {
|
|
22
|
+
display: none;
|
|
23
|
+
}
|
|
24
|
+
.lib-xplat-file-upload .upload-icon {
|
|
25
|
+
color: #A1A1A1;
|
|
26
|
+
margin-bottom: 0.75rem;
|
|
27
|
+
}
|
|
28
|
+
.lib-xplat-file-upload .upload-icon svg {
|
|
29
|
+
width: 32px;
|
|
30
|
+
height: 32px;
|
|
31
|
+
}
|
|
32
|
+
.lib-xplat-file-upload .upload-label {
|
|
33
|
+
font-size: 14px;
|
|
34
|
+
font-weight: 500;
|
|
35
|
+
color: #525252;
|
|
36
|
+
margin: 0;
|
|
37
|
+
}
|
|
38
|
+
.lib-xplat-file-upload .upload-description {
|
|
39
|
+
font-size: 12px;
|
|
40
|
+
color: #A1A1A1;
|
|
41
|
+
margin: 0.25rem 0 0;
|
|
42
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface FileUploadProps {
|
|
4
|
+
accept?: string;
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
maxSize?: number;
|
|
7
|
+
onChange?: (files: File[]) => void;
|
|
8
|
+
label?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const FileUpload: React.FC<FileUploadProps>;
|
|
13
|
+
|
|
14
|
+
export { FileUpload };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface FileUploadProps {
|
|
4
|
+
accept?: string;
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
maxSize?: number;
|
|
7
|
+
onChange?: (files: File[]) => void;
|
|
8
|
+
label?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const FileUpload: React.FC<FileUploadProps>;
|
|
13
|
+
|
|
14
|
+
export { FileUpload };
|