@rededor/cura 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/types/components/cura-toast/cura-toast.stories.d.ts

@@ -0,0 +1,119 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            name: string;
+        };
+        position: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            name: string;
+        };
+        closeButton: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        loader: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        icon: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            name: string;
+        };
+        autoCloseDelay: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        content: {
+            control: string;
+            description: string;
+            defaultValue: string;
+            table: {
+                category: string;
+            };
+        };
+        actions: {
+            control: string;
+            description: string;
+            defaultValue: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Toast: {
+    args: {
+        label: string;
+        type: string;
+        position: string;
+        closeButton: boolean;
+        loader: boolean;
+        icon: string;
+        autoCloseDelay: number;
+        content: string;
+        actions: string;
+    };
+};

package/dist/types/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.d.ts

@@ -8,6 +8,10 @@ export declare class CuraDropdownSearchOption {
      * Indicates if the dropdown search option is selected.
      */
     selected: boolean;
+    /**
+     * Indicates if the dropdown search is selectable.
+     */
+    selectable: boolean;
     /**
      * Indicates if the dropdown search option is hovered.
      */

package/dist/types/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.stories.d.ts

@@ -10,6 +10,16 @@ declare const _default: {
                 category: string;
             };
         };
+        selectable: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
         image: {
             control: string;
             description: string;
@@ -37,6 +47,7 @@ export default _default;
 export declare const DropdownSearchOption: {
     args: {
         value: string;
+        selectable: boolean;
         image: string;
         content: string;
         action: string;

package/dist/types/components/forms/cura-dropdown-search/cura-dropdown-search.d.ts

@@ -28,6 +28,15 @@ export declare class CuraDropdownSearch {
      * The label for the dropdown search.
      */
     label: string;
+    /**
+     * Custom icon name. Default: search.
+     */
+    iconName: string;
+    /**
+     * CSS max-height property for dropdown item.
+     * Default to 630px
+     */
+    dropdownMaxHeight: string;
     /**
      * Reference to the host element.
      */
@@ -99,5 +108,12 @@ export declare class CuraDropdownSearch {
         'dropdown-input-search': boolean;
         'dropdown-open': boolean;
     };
+    getDropdownClasses(): {
+        'dropdown-search-list': boolean;
+        visible: boolean;
+    };
+    hostCSSProperties(): {
+        '--dropdown-max-height': string;
+    };
     render(): any;
 }

package/dist/types/components/forms/cura-dropdown-search/cura-dropdown-search.stories.d.ts

@@ -31,6 +31,17 @@ declare const _default: {
                 category: string;
             };
         };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
         required: {
             control: string;
             description: string;
@@ -64,6 +75,17 @@ declare const _default: {
                 category: string;
             };
         };
+        dropdownMaxHeight: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            name: string;
+        };
         helperText: {
             control: string;
             description: string;
@@ -97,16 +119,25 @@ export declare const DropdownSearch: {
     args: {
         status: string;
         name: string;
+        iconName: string;
         required: boolean;
         value: string;
         placeholder: string;
         label: string;
+        dropdownMaxHeight: string;
         helperText: string;
-        options: {
+        options: ({
+            value: string;
+            image: string;
+            content: string;
+            action: string;
+            selectable?: undefined;
+        } | {
             value: string;
             image: string;
             content: string;
             action: string;
-        }[];
+            selectable: boolean;
+        })[];
     };
 };

package/dist/types/components/loaders/cura-loader-bar/cura-loader-bar.d.ts

@@ -0,0 +1,12 @@
+export declare class CuraLoaderBar {
+    host: HTMLElement;
+    color: string;
+    progress: number;
+    styles: {};
+    handleChangeColor(): void;
+    handleProgress(): void;
+    connectedCallback(): void;
+    render(): any;
+    setColor(): void;
+    setProgress(): void;
+}

package/dist/types/components/loaders/cura-loader-bar/cura-loader-bar.stories.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        progress: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const LoaderBar: {
+    args: {
+        color: string;
+        progress: string;
+    };
+};

package/dist/types/components.d.ts

@@ -86,7 +86,7 @@ export namespace Components {
         /**
           * Disabled state. Boolean.
          */
-        "disabled": boolean;
+        "disabled": 'true' | 'false';
         /**
           * Set the font color to dark or light.
          */
@@ -144,7 +144,7 @@ export namespace Components {
         /**
           * Disabled state. Boolean.
          */
-        "disabled": boolean;
+        "disabled": 'true' | 'false';
         /**
           * Set the font color to dark or light.
          */
@@ -202,7 +202,7 @@ export namespace Components {
         /**
           * Disabled state. Boolean.
          */
-        "disabled": boolean;
+        "disabled": 'true' | 'false';
         /**
           * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
          */
@@ -228,7 +228,7 @@ export namespace Components {
         /**
           * Disabled state. Boolean.
          */
-        "disabled": boolean;
+        "disabled": 'true' | 'false';
         /**
           * Set the font color to dark or light.
          */
@@ -455,6 +455,14 @@ export namespace Components {
         "spotColor": string;
     }
     interface CuraDropdownSearch {
+        /**
+          * CSS max-height property for dropdown item. Default to 630px
+         */
+        "dropdownMaxHeight": string;
+        /**
+          * Custom icon name. Default: search.
+         */
+        "iconName": string;
         /**
           * The label for the dropdown search.
          */
@@ -489,6 +497,10 @@ export namespace Components {
           * Indicates if the dropdown search option is hovered.
          */
         "hovered": boolean;
+        /**
+          * Indicates if the dropdown search is selectable.
+         */
+        "selectable": boolean;
         /**
           * Indicates if the dropdown search option is selected.
          */
@@ -654,6 +666,10 @@ export namespace Components {
          */
         "weight": 'regular' | 'bold';
     }
+    interface CuraLoaderBar {
+        "color": string;
+        "progress": number;
+    }
     interface CuraLoaderCircle {
         /**
           * One from color scheme. Default: neutral-white.
@@ -813,6 +829,15 @@ export namespace Components {
          */
         "size": 'small' | 'medium' | 'large';
     }
+    interface CuraToast {
+        "autoCloseDelay": number;
+        "closeButton": boolean;
+        "icon": string;
+        "label": string;
+        "loader": boolean;
+        "position": 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+        "type": 'info' | 'success' | 'warning' | 'error';
+    }
 }
 export interface CuraAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -854,6 +879,10 @@ export interface CuraSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraSwitchElement;
 }
+export interface CuraToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraToastElement;
+}
 declare global {
     interface HTMLCuraAccordionElement extends Components.CuraAccordion, HTMLStencilElement {
     }
@@ -1053,6 +1082,12 @@ declare global {
         prototype: HTMLCuraLabelElement;
         new (): HTMLCuraLabelElement;
     };
+    interface HTMLCuraLoaderBarElement extends Components.CuraLoaderBar, HTMLStencilElement {
+    }
+    var HTMLCuraLoaderBarElement: {
+        prototype: HTMLCuraLoaderBarElement;
+        new (): HTMLCuraLoaderBarElement;
+    };
     interface HTMLCuraLoaderCircleElement extends Components.CuraLoaderCircle, HTMLStencilElement {
     }
     var HTMLCuraLoaderCircleElement: {
@@ -1128,6 +1163,23 @@ declare global {
         prototype: HTMLCuraSwitchElement;
         new (): HTMLCuraSwitchElement;
     };
+    interface HTMLCuraToastElementEventMap {
+        "close": void;
+    }
+    interface HTMLCuraToastElement extends Components.CuraToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraToastElementEventMap>(type: K, listener: (this: HTMLCuraToastElement, ev: CuraToastCustomEvent<HTMLCuraToastElementEventMap[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 HTMLCuraToastElementEventMap>(type: K, listener: (this: HTMLCuraToastElement, ev: CuraToastCustomEvent<HTMLCuraToastElementEventMap[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 HTMLCuraToastElement: {
+        prototype: HTMLCuraToastElement;
+        new (): HTMLCuraToastElement;
+    };
     interface HTMLElementTagNameMap {
         "cura-accordion": HTMLCuraAccordionElement;
         "cura-accordion-item": HTMLCuraAccordionItemElement;
@@ -1149,6 +1201,7 @@ declare global {
         "cura-icons-view": HTMLCuraIconsViewElement;
         "cura-input-text": HTMLCuraInputTextElement;
         "cura-label": HTMLCuraLabelElement;
+        "cura-loader-bar": HTMLCuraLoaderBarElement;
         "cura-loader-circle": HTMLCuraLoaderCircleElement;
         "cura-page-template": HTMLCuraPageTemplateElement;
         "cura-paragraph": HTMLCuraParagraphElement;
@@ -1156,6 +1209,7 @@ declare global {
         "cura-select": HTMLCuraSelectElement;
         "cura-select-option": HTMLCuraSelectOptionElement;
         "cura-switch": HTMLCuraSwitchElement;
+        "cura-toast": HTMLCuraToastElement;
     }
 }
 declare namespace LocalJSX {
@@ -1238,7 +1292,7 @@ declare namespace LocalJSX {
         /**
           * Disabled state. Boolean.
          */
-        "disabled"?: boolean;
+        "disabled"?: 'true' | 'false';
         /**
           * Set the font color to dark or light.
          */
@@ -1296,7 +1350,7 @@ declare namespace LocalJSX {
         /**
           * Disabled state. Boolean.
          */
-        "disabled"?: boolean;
+        "disabled"?: 'true' | 'false';
         /**
           * Set the font color to dark or light.
          */
@@ -1354,7 +1408,7 @@ declare namespace LocalJSX {
         /**
           * Disabled state. Boolean.
          */
-        "disabled"?: boolean;
+        "disabled"?: 'true' | 'false';
         /**
           * fontcolor theme of the checkbox. Can be 'dark' or 'light'.
          */
@@ -1381,7 +1435,7 @@ declare namespace LocalJSX {
         /**
           * Disabled state. Boolean.
          */
-        "disabled"?: boolean;
+        "disabled"?: 'true' | 'false';
         /**
           * Set the font color to dark or light.
          */
@@ -1615,6 +1669,14 @@ declare namespace LocalJSX {
         "spotColor"?: string;
     }
     interface CuraDropdownSearch {
+        /**
+          * CSS max-height property for dropdown item. Default to 630px
+         */
+        "dropdownMaxHeight"?: string;
+        /**
+          * Custom icon name. Default: search.
+         */
+        "iconName"?: string;
         /**
           * The label for the dropdown search.
          */
@@ -1658,6 +1720,10 @@ declare namespace LocalJSX {
           * Event emitted when the option is selected.
          */
         "onOptionSelected"?: (event: CuraDropdownSearchOptionCustomEvent<string>) => void;
+        /**
+          * Indicates if the dropdown search is selectable.
+         */
+        "selectable"?: boolean;
         /**
           * Indicates if the dropdown search option is selected.
          */
@@ -1828,6 +1894,10 @@ declare namespace LocalJSX {
          */
         "weight"?: 'regular' | 'bold';
     }
+    interface CuraLoaderBar {
+        "color"?: string;
+        "progress"?: number;
+    }
     interface CuraLoaderCircle {
         /**
           * One from color scheme. Default: neutral-white.
@@ -1993,6 +2063,16 @@ declare namespace LocalJSX {
          */
         "size"?: 'small' | 'medium' | 'large';
     }
+    interface CuraToast {
+        "autoCloseDelay"?: number;
+        "closeButton"?: boolean;
+        "icon"?: string;
+        "label"?: string;
+        "loader"?: boolean;
+        "onClose"?: (event: CuraToastCustomEvent<void>) => void;
+        "position"?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+        "type"?: 'info' | 'success' | 'warning' | 'error';
+    }
     interface IntrinsicElements {
         "cura-accordion": CuraAccordion;
         "cura-accordion-item": CuraAccordionItem;
@@ -2014,6 +2094,7 @@ declare namespace LocalJSX {
         "cura-icons-view": CuraIconsView;
         "cura-input-text": CuraInputText;
         "cura-label": CuraLabel;
+        "cura-loader-bar": CuraLoaderBar;
         "cura-loader-circle": CuraLoaderCircle;
         "cura-page-template": CuraPageTemplate;
         "cura-paragraph": CuraParagraph;
@@ -2021,6 +2102,7 @@ declare namespace LocalJSX {
         "cura-select": CuraSelect;
         "cura-select-option": CuraSelectOption;
         "cura-switch": CuraSwitch;
+        "cura-toast": CuraToast;
     }
 }
 export { LocalJSX as JSX };
@@ -2047,6 +2129,7 @@ declare module "@stencil/core" {
             "cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
             "cura-input-text": LocalJSX.CuraInputText & JSXBase.HTMLAttributes<HTMLCuraInputTextElement>;
             "cura-label": LocalJSX.CuraLabel & JSXBase.HTMLAttributes<HTMLCuraLabelElement>;
+            "cura-loader-bar": LocalJSX.CuraLoaderBar & JSXBase.HTMLAttributes<HTMLCuraLoaderBarElement>;
             "cura-loader-circle": LocalJSX.CuraLoaderCircle & JSXBase.HTMLAttributes<HTMLCuraLoaderCircleElement>;
             "cura-page-template": LocalJSX.CuraPageTemplate & JSXBase.HTMLAttributes<HTMLCuraPageTemplateElement>;
             "cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
@@ -2054,6 +2137,7 @@ declare module "@stencil/core" {
             "cura-select": LocalJSX.CuraSelect & JSXBase.HTMLAttributes<HTMLCuraSelectElement>;
             "cura-select-option": LocalJSX.CuraSelectOption & JSXBase.HTMLAttributes<HTMLCuraSelectOptionElement>;
             "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
+            "cura-toast": LocalJSX.CuraToast & JSXBase.HTMLAttributes<HTMLCuraToastElement>;
         }
     }
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -1564,6 +1564,10 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
+        onBeforeToggle?: (event: Event) => void;
+        onBeforeToggleCapture?: (event: Event) => void;
+        onToggle?: (event: Event) => void;
+        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.2",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -27,12 +27,12 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@stencil/core": "^4.19.2",
+    "@stencil/core": "^4.22.0",
     "imask": "^7.6.1"
   },
   "devDependencies": {
     "@stencil/react-output-target": "^0.5.3",
-    "@stencil/sass": "^2.0.3",
+    "@stencil/sass": "^2.0.4",
     "@storybook/addon-essentials": "^7.6.7",
     "@storybook/addon-interactions": "^7.6.7",
     "@storybook/addon-links": "^7.6.7",
@@ -49,5 +49,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "3304a56871ec3ae848a79f8b52a3733744ad4008"
+  "gitHead": "1f97a3dcb5054755d26b37d3e97821cdf4039193"
 }