greenole-design-system 1.1.28 → 1.1.30

package/dist/base-components/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { InputProps } from './Input.types';
+export declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/base-components/Input/Input.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Input } from './Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Playground: Story;
+export declare const States: Story;
+export declare const WithTanStackForm: Story;

package/dist/base-components/Input/Input.styles.d.ts

@@ -0,0 +1,20 @@
+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>, {
+    fullWidth?: boolean;
+}>> & string;
+export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const FieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean;
+    hasError?: boolean;
+    isValid?: boolean;
+    readOnly?: boolean;
+    textArea?: boolean;
+}>> & string;
+export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const BaseFieldStyles: import('styled-components').RuleSet<object>;
+export declare const InputField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const TextAreaField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const ErrorText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CharCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    hasError?: boolean;
+}>> & string;

package/dist/base-components/Input/Input.types.d.ts

@@ -0,0 +1,23 @@
+import { TypographyVariant } from '../../components/Typography/Typography';
+export type InputType = React.HTMLInputTypeAttribute;
+type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;
+type TextAreaElementProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export interface InputProps extends Omit<InputElementProps & TextAreaElementProps, "required" | "readOnly"> {
+    label?: string;
+    labelSize?: TypographyVariant;
+    subtitle?: string;
+    subtitleIcon?: React.ReactNode;
+    error?: string;
+    valid?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    type?: InputType;
+    className?: string;
+    isRequired?: boolean;
+    readOnly?: boolean;
+    textArea?: boolean;
+    maxLength?: number;
+}
+export {};

package/dist/components/Upload/Upload.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { UploadProps } from './Upload.types';
+export declare const Upload: React.FC<UploadProps>;

package/dist/components/Upload/Upload.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Upload } from './Upload';
+declare const meta: Meta<typeof Upload>;
+export default meta;
+type Story = StoryObj<typeof Upload>;
+export declare const DefaultInput: Story;
+export declare const MultipleInput: Story;
+export declare const WithPreview: Story;
+export declare const MultiplePreview: Story;
+export declare const WithAspectRatio16x9: Story;
+export declare const SquareAspectRatio: Story;
+export declare const DocumentUpload: Story;
+export declare const FullFeatured: Story;
+export declare const SmallPreview: Story;
+export declare const LargePreview: Story;

package/dist/components/Upload/Upload.style.d.ts

@@ -0,0 +1,21 @@
+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>, {
+    variant: "input" | "preview";
+}>> & string;
+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;
+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;
+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;
+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;
+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;
+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>, {
+    size: {
+        width: number;
+        height: number;
+    };
+}>> & string;
+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;
+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;
+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;
+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;
+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;
+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;
+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;

package/dist/components/Upload/Upload.types.d.ts

@@ -0,0 +1,18 @@
+export type AspectRatio = {
+    width: number;
+    height: number;
+};
+export type UploadProps = {
+    variant?: "input" | "preview";
+    maxSize?: number;
+    acceptedTypes?: string;
+    previewSize?: {
+        width: number;
+        height: number;
+    };
+    multiple?: boolean;
+    maxFiles?: number;
+    aspectRatio?: AspectRatio;
+    onUpload?: (files: File[]) => void;
+    onRemove?: (fileIndex: number) => void;
+};