greenole-design-system 1.1.28 → 1.1.29
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.
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Upload } from './Upload';
|
|
3
|
+
declare const meta: Meta<typeof Upload>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Upload>;
|
|
6
|
+
export declare const DefaultInput: Story;
|
|
7
|
+
export declare const MultipleInput: Story;
|
|
8
|
+
export declare const WithPreview: Story;
|
|
9
|
+
export declare const MultiplePreview: Story;
|
|
10
|
+
export declare const WithAspectRatio16x9: Story;
|
|
11
|
+
export declare const SquareAspectRatio: Story;
|
|
12
|
+
export declare const DocumentUpload: Story;
|
|
13
|
+
export declare const FullFeatured: Story;
|
|
14
|
+
export declare const SmallPreview: Story;
|
|
15
|
+
export declare const LargePreview: Story;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
variant: "input" | "preview";
|
|
3
|
+
}>> & string;
|
|
4
|
+
export declare const InputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
export declare const InputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
export declare const HiddenInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
7
|
+
export declare const InputBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const UploadButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
9
|
+
export declare const PreviewBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
10
|
+
size: {
|
|
11
|
+
width: number;
|
|
12
|
+
height: number;
|
|
13
|
+
};
|
|
14
|
+
}>> & string;
|
|
15
|
+
export declare const UploadText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
16
|
+
export declare const ErrorMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
17
|
+
export declare const PreviewContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
18
|
+
export declare const PreviewWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
|
+
export declare const PreviewItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
20
|
+
export declare const FileInfo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
|
+
export declare const RemoveButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type AspectRatio = {
|
|
2
|
+
width: number;
|
|
3
|
+
height: number;
|
|
4
|
+
};
|
|
5
|
+
export type UploadProps = {
|
|
6
|
+
variant?: "input" | "preview";
|
|
7
|
+
maxSize?: number;
|
|
8
|
+
acceptedTypes?: string;
|
|
9
|
+
previewSize?: {
|
|
10
|
+
width: number;
|
|
11
|
+
height: number;
|
|
12
|
+
};
|
|
13
|
+
multiple?: boolean;
|
|
14
|
+
maxFiles?: number;
|
|
15
|
+
aspectRatio?: AspectRatio;
|
|
16
|
+
onUpload?: (files: File[]) => void;
|
|
17
|
+
onRemove?: (fileIndex: number) => void;
|
|
18
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "greenole-design-system",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.29",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/greenole-design-system.cjs.js",
|
|
6
6
|
"module": "dist/greenole-design-system.es.js",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"commit": "node scripts/commit.js"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
|
-
"i18next": "^
|
|
36
|
+
"i18next": "^25.4.1",
|
|
37
37
|
"react": ">=18.2.0 <20.0.0",
|
|
38
38
|
"react-dom": ">=18.2.0 <20.0.0",
|
|
39
39
|
"react-i18next": "^15.4.0"
|