greenole-design-system 1.1.29 → 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 {};