@rededor/cura 2.0.0-alpha.14 → 2.0.0-alpha.16

package/dist/types/components/forms/cura-input-textarea/cura-input-textarea.stories.d.ts

@@ -0,0 +1,188 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ helperText, ...args }: {
+        [x: string]: any;
+        helperText: any;
+    }) => string;
+    argTypes: {
+        mode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        status: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        label: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        name: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        placeholder: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+            };
+        };
+        helperText: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        value: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        required: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        maxlength: {
+            control: string;
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: any;
+                };
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        readOnly: {
+            control: string;
+            description: string;
+            category: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        isLoading: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        autocomplete: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            required: boolean;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const InputTextArea: {
+    args: {
+        mode: string;
+        status: string;
+        size: string;
+        label: string;
+        name: string;
+        placeholder: string;
+        helperText: string;
+        value: string;
+        required: boolean;
+        maxlength: any;
+        iconName: string;
+        disabled: boolean;
+        readOnly: boolean;
+        isLoading: boolean;
+        autocomplete: string;
+    };
+};

package/dist/types/components.d.ts

@@ -1072,6 +1072,87 @@ export namespace Components {
          */
         "value": string | number;
     }
+    interface CuraInputTextarea {
+        /**
+          * Whether the textarea should have autocomplete
+          * @default 'on'
+         */
+        "autocomplete"?: string;
+        /**
+          * Whether the textarea is disabled (default: false)
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Helper text displayed below the textarea
+         */
+        "helperText"?: string;
+        /**
+          * Removes the alertCircle icon when necessary (as used in CuraDropdownSearch)
+          * @default false
+         */
+        "hideErrorIcon": boolean;
+        /**
+          * Cura icon name to display
+          * @default ''
+         */
+        "iconName"?: string;
+        /**
+          * Whether the textarea is in loading state (default: false)
+          * @default false
+         */
+        "isLoading"?: boolean;
+        /**
+          * Label text for the textarea
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Maximum length of the textarea value
+         */
+        "maxlength"?: number | undefined;
+        /**
+          * Name for the textarea
+          * @default ''
+         */
+        "name"?: string;
+        /**
+          * Placeholder text
+          * @default null
+         */
+        "placeholder"?: string | null;
+        /**
+          * Whether the textarea is read-only (default: false)
+          * @default false
+         */
+        "readOnly"?: boolean;
+        /**
+          * Whether the textarea is required (default: false)
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Whether the textarea is resizable (default: true)
+          * @default true
+         */
+        "resizable"?: boolean;
+        "setFocus": () => Promise<void>;
+        /**
+          * Size of the textarea: 'small', 'medium', or 'large' (default: 'medium')
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large' | string;
+        /**
+          * Indicates input status (default: 'default')
+          * @default 'default'
+         */
+        "status": 'error' | 'success' | 'default' | string;
+        /**
+          * Initial value of the textarea
+          * @default ''
+         */
+        "value": string | number;
+    }
     interface CuraLabel {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -1658,6 +1739,10 @@ export interface CuraInputTextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraInputTextElement;
 }
+export interface CuraInputTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraInputTextareaElement;
+}
 export interface CuraModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraModalElement;
@@ -1953,6 +2038,24 @@ declare global {
         prototype: HTMLCuraInputTextElement;
         new (): HTMLCuraInputTextElement;
     };
+    interface HTMLCuraInputTextareaElementEventMap {
+        "valueChange": string | number;
+        "inputClear": string | number;
+    }
+    interface HTMLCuraInputTextareaElement extends Components.CuraInputTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraInputTextareaElementEventMap>(type: K, listener: (this: HTMLCuraInputTextareaElement, ev: CuraInputTextareaCustomEvent<HTMLCuraInputTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCuraInputTextareaElementEventMap>(type: K, listener: (this: HTMLCuraInputTextareaElement, ev: CuraInputTextareaCustomEvent<HTMLCuraInputTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCuraInputTextareaElement: {
+        prototype: HTMLCuraInputTextareaElement;
+        new (): HTMLCuraInputTextareaElement;
+    };
     interface HTMLCuraLabelElement extends Components.CuraLabel, HTMLStencilElement {
     }
     var HTMLCuraLabelElement: {
@@ -2204,6 +2307,7 @@ declare global {
         "cura-icons-view": HTMLCuraIconsViewElement;
         "cura-input-date": HTMLCuraInputDateElement;
         "cura-input-text": HTMLCuraInputTextElement;
+        "cura-input-textarea": HTMLCuraInputTextareaElement;
         "cura-label": HTMLCuraLabelElement;
         "cura-loader-bar": HTMLCuraLoaderBarElement;
         "cura-loader-circle": HTMLCuraLoaderCircleElement;
@@ -3359,6 +3463,92 @@ declare namespace LocalJSX {
          */
         "value"?: string | number;
     }
+    interface CuraInputTextarea {
+        /**
+          * Whether the textarea should have autocomplete
+          * @default 'on'
+         */
+        "autocomplete"?: string;
+        /**
+          * Whether the textarea is disabled (default: false)
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
+        /**
+          * Helper text displayed below the textarea
+         */
+        "helperText"?: string;
+        /**
+          * Removes the alertCircle icon when necessary (as used in CuraDropdownSearch)
+          * @default false
+         */
+        "hideErrorIcon"?: boolean;
+        /**
+          * Cura icon name to display
+          * @default ''
+         */
+        "iconName"?: string;
+        /**
+          * Whether the textarea is in loading state (default: false)
+          * @default false
+         */
+        "isLoading"?: boolean;
+        /**
+          * Label text for the textarea
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Maximum length of the textarea value
+         */
+        "maxlength"?: number | undefined;
+        /**
+          * Name for the textarea
+          * @default ''
+         */
+        "name"?: string;
+        "onInputClear"?: (event: CuraInputTextareaCustomEvent<string | number>) => void;
+        "onValueChange"?: (event: CuraInputTextareaCustomEvent<string | number>) => void;
+        /**
+          * Placeholder text
+          * @default null
+         */
+        "placeholder"?: string | null;
+        /**
+          * Whether the textarea is read-only (default: false)
+          * @default false
+         */
+        "readOnly"?: boolean;
+        /**
+          * Whether the textarea is required (default: false)
+          * @default false
+         */
+        "required"?: boolean;
+        /**
+          * Whether the textarea is resizable (default: true)
+          * @default true
+         */
+        "resizable"?: boolean;
+        /**
+          * Size of the textarea: 'small', 'medium', or 'large' (default: 'medium')
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large' | string;
+        /**
+          * Indicates input status (default: 'default')
+          * @default 'default'
+         */
+        "status"?: 'error' | 'success' | 'default' | string;
+        /**
+          * Initial value of the textarea
+          * @default ''
+         */
+        "value"?: string | number;
+    }
     interface CuraLabel {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -4200,6 +4390,24 @@ declare namespace LocalJSX {
         "hideErrorIcon": boolean;
         "autocomplete": string;
     }
+    interface CuraInputTextareaAttributes {
+        "status": 'error' | 'success' | 'default' | string;
+        "size": 'small' | 'medium' | 'large' | string;
+        "label": string;
+        "name": string;
+        "placeholder": string | null;
+        "value": string;
+        "iconName": string;
+        "helperText": string;
+        "disabled": boolean;
+        "required": boolean;
+        "maxlength": number | undefined;
+        "readOnly": boolean;
+        "resizable": boolean;
+        "isLoading": boolean;
+        "hideErrorIcon": boolean;
+        "autocomplete": string;
+    }
     interface CuraLabelAttributes {
         "size": 'medium' | 'large' | 'small' | 'xsmall' | string;
         "weight": 'regular' | 'bold';
@@ -4384,6 +4592,7 @@ declare namespace LocalJSX {
         "cura-icons-view": CuraIconsView;
         "cura-input-date": Omit<CuraInputDate, keyof CuraInputDateAttributes> & { [K in keyof CuraInputDate & keyof CuraInputDateAttributes]?: CuraInputDate[K] } & { [K in keyof CuraInputDate & keyof CuraInputDateAttributes as `attr:${K}`]?: CuraInputDateAttributes[K] } & { [K in keyof CuraInputDate & keyof CuraInputDateAttributes as `prop:${K}`]?: CuraInputDate[K] };
         "cura-input-text": Omit<CuraInputText, keyof CuraInputTextAttributes> & { [K in keyof CuraInputText & keyof CuraInputTextAttributes]?: CuraInputText[K] } & { [K in keyof CuraInputText & keyof CuraInputTextAttributes as `attr:${K}`]?: CuraInputTextAttributes[K] } & { [K in keyof CuraInputText & keyof CuraInputTextAttributes as `prop:${K}`]?: CuraInputText[K] };
+        "cura-input-textarea": Omit<CuraInputTextarea, keyof CuraInputTextareaAttributes> & { [K in keyof CuraInputTextarea & keyof CuraInputTextareaAttributes]?: CuraInputTextarea[K] } & { [K in keyof CuraInputTextarea & keyof CuraInputTextareaAttributes as `attr:${K}`]?: CuraInputTextareaAttributes[K] } & { [K in keyof CuraInputTextarea & keyof CuraInputTextareaAttributes as `prop:${K}`]?: CuraInputTextarea[K] };
         "cura-label": Omit<CuraLabel, keyof CuraLabelAttributes> & { [K in keyof CuraLabel & keyof CuraLabelAttributes]?: CuraLabel[K] } & { [K in keyof CuraLabel & keyof CuraLabelAttributes as `attr:${K}`]?: CuraLabelAttributes[K] } & { [K in keyof CuraLabel & keyof CuraLabelAttributes as `prop:${K}`]?: CuraLabel[K] };
         "cura-loader-bar": Omit<CuraLoaderBar, keyof CuraLoaderBarAttributes> & { [K in keyof CuraLoaderBar & keyof CuraLoaderBarAttributes]?: CuraLoaderBar[K] } & { [K in keyof CuraLoaderBar & keyof CuraLoaderBarAttributes as `attr:${K}`]?: CuraLoaderBarAttributes[K] } & { [K in keyof CuraLoaderBar & keyof CuraLoaderBarAttributes as `prop:${K}`]?: CuraLoaderBar[K] };
         "cura-loader-circle": Omit<CuraLoaderCircle, keyof CuraLoaderCircleAttributes> & { [K in keyof CuraLoaderCircle & keyof CuraLoaderCircleAttributes]?: CuraLoaderCircle[K] } & { [K in keyof CuraLoaderCircle & keyof CuraLoaderCircleAttributes as `attr:${K}`]?: CuraLoaderCircleAttributes[K] } & { [K in keyof CuraLoaderCircle & keyof CuraLoaderCircleAttributes as `prop:${K}`]?: CuraLoaderCircle[K] };
@@ -4434,6 +4643,7 @@ declare module "@stencil/core" {
             "cura-icons-view": LocalJSX.IntrinsicElements["cura-icons-view"] & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
             "cura-input-date": LocalJSX.IntrinsicElements["cura-input-date"] & JSXBase.HTMLAttributes<HTMLCuraInputDateElement>;
             "cura-input-text": LocalJSX.IntrinsicElements["cura-input-text"] & JSXBase.HTMLAttributes<HTMLCuraInputTextElement>;
+            "cura-input-textarea": LocalJSX.IntrinsicElements["cura-input-textarea"] & JSXBase.HTMLAttributes<HTMLCuraInputTextareaElement>;
             "cura-label": LocalJSX.IntrinsicElements["cura-label"] & JSXBase.HTMLAttributes<HTMLCuraLabelElement>;
             "cura-loader-bar": LocalJSX.IntrinsicElements["cura-loader-bar"] & JSXBase.HTMLAttributes<HTMLCuraLoaderBarElement>;
             "cura-loader-circle": LocalJSX.IntrinsicElements["cura-loader-circle"] & JSXBase.HTMLAttributes<HTMLCuraLoaderCircleElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "2.0.0-alpha.14",
+  "version": "2.0.0-alpha.16",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -54,5 +54,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "b29b265ebf4484d4d5a1c3d888219c4e909eb9a2"
+  "gitHead": "9dce78a5e320ef39fcaf108999cb9f5ca0272ec5"
 }