@rededor/cura 1.2.0 → 1.3.0

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

@@ -19,7 +19,7 @@ declare const _default: {
             };
             name: string;
         };
-        activeColor: {
+        colorMode: {
             control: {
                 type: string;
             };
@@ -33,7 +33,7 @@ declare const _default: {
             };
             name: string;
         };
-        colorMode: {
+        behavior: {
             control: {
                 type: string;
             };
@@ -47,21 +47,22 @@ declare const _default: {
             };
             name: string;
         };
-        behavior: {
+        level: {
             control: {
                 type: string;
+                min: number;
+                max: number;
+                step: number;
             };
-            options: string[];
             description: string;
             table: {
                 category: string;
                 defaultValue: {
-                    summary: string;
+                    summary: number;
                 };
             };
-            name: string;
         };
-        openIcon: {
+        labelIcon: {
             control: {
                 type: string;
             };
@@ -69,13 +70,10 @@ declare const _default: {
             description: string;
             table: {
                 category: string;
-                defaultValue: {
-                    summary: string;
-                };
             };
             name: string;
         };
-        closeIcon: {
+        openIcon: {
             control: {
                 type: string;
             };
@@ -89,7 +87,7 @@ declare const _default: {
             };
             name: string;
         };
-        iconSize: {
+        closeIcon: {
             control: {
                 type: string;
             };
@@ -103,7 +101,7 @@ declare const _default: {
             };
             name: string;
         };
-        iconColor: {
+        iconSize: {
             control: {
                 type: string;
             };
@@ -111,10 +109,13 @@ declare const _default: {
             description: string;
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
             };
             name: string;
         };
-        iconActiveColor: {
+        iconColor: {
             control: {
                 type: string;
             };
@@ -135,20 +136,41 @@ declare const _default: {
                 };
             };
         };
+        label: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
+        labelIconItem: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
     };
 };
 export default _default;
 export declare const Accordion: {
     args: {
         color: string;
-        activeColor: string;
         colorMode: string;
+        labelIcon: string;
         openIcon: string;
         closeIcon: string;
         iconSize: string;
         iconColor: string;
-        iconActiveColor: string;
         behavior: string;
+        level: string;
         darkBackground: boolean;
+        label: string;
+        labelIconItem: string;
     };
 };

package/dist/types/components/accordion/cura-accordion-item/cura-accordion-item.d.ts

@@ -8,22 +8,27 @@ export declare class CuraAccordionItem {
      * Accordion items icons
      */
     iconSize: number;
+    labelIcon: string;
     openIcon: string;
     closeIcon: string;
     /**
      * Color scheme base color
-     * (By default, the icon will use the same color of 'color' and 'activeColor')
+     * (By default, the icon will use the same color of 'color')
      */
     iconColor: string;
-    iconActiveColor: string;
     /**
      * Set the color mode to dark or light
      */
     colorMode: 'dark' | 'light';
+    /**
+     * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+     * Values: 1 to 6 (3 default).
+     */
+    level: 1 | 2 | 3 | 4 | 5 | 6;
     opened: boolean;
     styles: {};
-    getIconColor(): string;
     getClasses(): {};
     accordionItemClick(_: Event): void;
+    renderIcon(): any;
     render(): any;
 }

package/dist/types/components/buttons/cura-button-select/cura-button-select.d.ts

@@ -8,6 +8,7 @@ export declare class CuraButtonSelect {
     disabled: boolean;
     background: 'dark' | 'light';
     color: string;
+    iconPosition: 'left' | 'right';
     hovered: boolean;
     styles: {};
     onclick: EventEmitter<{
@@ -23,6 +24,7 @@ export declare class CuraButtonSelect {
     getColorBagdeNumber(): string;
     getIcon(): any;
     getCounter(): any;
+    getCheckIconRight(): any;
     handleMouseEnter(): void;
     handleMouseLeave(): void;
     handleClick(e: Event): void;

package/dist/types/components/buttons/cura-button-select/cura-button-select.stories.d.ts

@@ -88,6 +88,19 @@ declare const _default: {
                 };
             };
         };
+        iconPosition: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
@@ -101,5 +114,6 @@ export declare const Button: {
         background: string;
         color: string;
         label: string;
+        iconPosition: string;
     };
 };

package/dist/types/components/cura-tooltip/cura-tooltip.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CuraTooltip {
+    host: HTMLElement;
+    elementId: string;
+    interactive: boolean;
+    delay: number;
+    maxWidth: string;
+    position: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
+    label: string;
+    closeButton: boolean;
+    isMobile: boolean;
+    tooltipClosed: EventEmitter<void>;
+    targetElement: HTMLElement;
+    styles: {};
+    onWindowResize(): void;
+    onWindowScroll(): void;
+    connectedCallback(): void;
+    render(): any;
+    componentDidLoad(): void;
+    setStyle(): void;
+    getClasses(): {};
+    setPosition(element: HTMLElement): void;
+    closeContainer(): void;
+    handleClose: () => void;
+}

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

@@ -0,0 +1,119 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        targetElementId: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
+        interactive: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
+        delay: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+            name: string;
+        };
+        maxWidth: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            name: string;
+        };
+        label: {
+            control: string;
+            description: string;
+            table: {
+                category: 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;
+                };
+            };
+            name: string;
+        };
+        targetElement: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+            name: string;
+        };
+        content: {
+            control: string;
+            description: string;
+            defaultValue: string;
+            table: {
+                category: string;
+            };
+        };
+        closeEvent: {
+            control: string;
+            description: string;
+            name: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Tooltip: {
+    args: {
+        targetElement: string;
+        targetElementId: string;
+        interactive: boolean;
+        delay: number;
+        maxWidth: string;
+        label: string;
+        position: string;
+        closeButton: boolean;
+        content: string;
+    };
+    closeEvent: string;
+};

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

@@ -127,5 +127,6 @@ export declare class CuraDropdownSearch {
         '--dropdown-max-height': string;
     };
     handleOnFocus(): void;
+    getDropdownSearchListHeight(): void;
     render(): any;
 }

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

@@ -47,36 +47,35 @@ export declare class CuraInputDate {
      * @type {EventEmitter<string>}
      */
     dateChange: EventEmitter<string>;
+    /**
+     * Emitted when the value of the status changes
+     * @type {EventEmitter<string>}
+     */
+    statusInputChange: EventEmitter<string>;
     styles: {};
     isCalendarVisible: boolean;
     dates: Date[];
     value?: string;
+    dateSettings: {
+        placeholder: any;
+        mask: string;
+        mode: string;
+    };
     connectedCallback(): void;
+    componentWillLoad(): void;
     /**
      * Callback for form association
      */
     formAssociatedCallback(form: {
         ariaLabel: string;
     }): void;
-    /**
-     * Formats the placeholder based on the enableRangeDates flag
-     *
-     * @returns {string} A string representing the placeholder format,
-     * either for a date range ('dd/mm/yyyy - dd/mm/yyyy') or a single date ('dd/mm/yyyy')
-     */
-    setPlaceholder(): string;
-    /**
-     * Sets the mask type based on the enableRangeDates flag
-     *
-     * @returns {string} The mask type, either 'dateRange' or 'date'
-     */
-    setMask(): string;
-    /**
-     * Sets the mode type based on the enableRangeDates flag
-     *
-     * @returns {'range' | 'single'}
-     */
-    setMode(): 'range' | 'single';
+    updateDateSettings(): void;
+    getDateSettings(isRange: boolean): {
+        placeholder: string;
+        mask: string;
+        mode: string;
+    };
+    shouldUpdateDateSettings(newSettings: any): boolean;
     handleClick(ev: {
         target: Node;
     }): void;
@@ -87,6 +86,7 @@ export declare class CuraInputDate {
     isDateValid(date: Date): boolean;
     parseStringToDate(dateString: string): Date;
     parseDateToString(date: Date): string;
+    resetDates(): void;
     renderCalendarOrHelperText(): any;
     render(): any;
 }

package/dist/types/components/text/cura-heading/cura-heading.d.ts

@@ -53,6 +53,7 @@ export declare class CuraHeading {
         '--margin-block': string;
         '--font-size-base': string;
         '--line-height': string;
+        '--color-body': string;
     };
     setColors(): void;
     getHeadingTag(): any;

package/dist/types/components.d.ts

@@ -9,7 +9,6 @@ import { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
 export { MaskPreset } from "./components/forms/cura-input-text/cura-input-text";
 export namespace Components {
     interface CuraAccordion {
-        "activeColor": string;
         /**
           * Accordion behavior when item is clicked (The default will close all items except the current one)
          */
@@ -23,15 +22,19 @@ export namespace Components {
           * Set the color mode to dark or light
          */
         "colorMode": 'dark' | 'light';
-        "iconActiveColor": string;
         /**
-          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+          * Color scheme base color (By default, the icon will use the same color of 'color')
          */
         "iconColor": string;
         /**
           * Accordion items icons
          */
         "iconSize": number;
+        "labelIcon": string;
+        /**
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+         */
+        "level": 1 | 2 | 3 | 4 | 5 | 6;
         "openIcon": string;
     }
     interface CuraAccordionItem {
@@ -40,9 +43,8 @@ export namespace Components {
           * Set the color mode to dark or light
          */
         "colorMode": 'dark' | 'light';
-        "iconActiveColor": string;
         /**
-          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+          * Color scheme base color (By default, the icon will use the same color of 'color')
          */
         "iconColor": string;
         /**
@@ -53,6 +55,11 @@ export namespace Components {
           * Text label for accordion item
          */
         "label": string;
+        "labelIcon": string;
+        /**
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+         */
+        "level": 1 | 2 | 3 | 4 | 5 | 6;
         "openIcon": string;
         "opened": boolean;
     }
@@ -212,6 +219,7 @@ export namespace Components {
         "counter": string | number | null;
         "disabled": boolean;
         "iconName": string;
+        "iconPosition": 'left' | 'right';
         "selected": boolean;
         "size": 'small' | 'medium' | 'large';
     }
@@ -924,6 +932,15 @@ export namespace Components {
         "position": 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
         "type": 'info' | 'success' | 'warning' | 'error';
     }
+    interface CuraTooltip {
+        "closeButton": boolean;
+        "delay": number;
+        "elementId": string;
+        "interactive": boolean;
+        "label": string;
+        "maxWidth": string;
+        "position": 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
+    }
 }
 export interface CuraAlertCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -973,6 +990,10 @@ export interface CuraToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraToastElement;
 }
+export interface CuraTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTooltipElement;
+}
 declare global {
     interface HTMLCuraAccordionElement extends Components.CuraAccordion, HTMLStencilElement {
     }
@@ -1163,6 +1184,7 @@ declare global {
     };
     interface HTMLCuraInputDateElementEventMap {
         "dateChange": string;
+        "statusInputChange": string;
     }
     interface HTMLCuraInputDateElement extends Components.CuraInputDate, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCuraInputDateElementEventMap>(type: K, listener: (this: HTMLCuraInputDateElement, ev: CuraInputDateCustomEvent<HTMLCuraInputDateElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1299,6 +1321,23 @@ declare global {
         prototype: HTMLCuraToastElement;
         new (): HTMLCuraToastElement;
     };
+    interface HTMLCuraTooltipElementEventMap {
+        "tooltipClosed": void;
+    }
+    interface HTMLCuraTooltipElement extends Components.CuraTooltip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTooltipElementEventMap>(type: K, listener: (this: HTMLCuraTooltipElement, ev: CuraTooltipCustomEvent<HTMLCuraTooltipElementEventMap[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 HTMLCuraTooltipElementEventMap>(type: K, listener: (this: HTMLCuraTooltipElement, ev: CuraTooltipCustomEvent<HTMLCuraTooltipElementEventMap[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 HTMLCuraTooltipElement: {
+        prototype: HTMLCuraTooltipElement;
+        new (): HTMLCuraTooltipElement;
+    };
     interface HTMLElementTagNameMap {
         "cura-accordion": HTMLCuraAccordionElement;
         "cura-accordion-item": HTMLCuraAccordionItemElement;
@@ -1332,11 +1371,11 @@ declare global {
         "cura-select-option": HTMLCuraSelectOptionElement;
         "cura-switch": HTMLCuraSwitchElement;
         "cura-toast": HTMLCuraToastElement;
+        "cura-tooltip": HTMLCuraTooltipElement;
     }
 }
 declare namespace LocalJSX {
     interface CuraAccordion {
-        "activeColor"?: string;
         /**
           * Accordion behavior when item is clicked (The default will close all items except the current one)
          */
@@ -1350,15 +1389,19 @@ declare namespace LocalJSX {
           * Set the color mode to dark or light
          */
         "colorMode"?: 'dark' | 'light';
-        "iconActiveColor"?: string;
         /**
-          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+          * Color scheme base color (By default, the icon will use the same color of 'color')
          */
         "iconColor"?: string;
         /**
           * Accordion items icons
          */
         "iconSize"?: number;
+        "labelIcon"?: string;
+        /**
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+         */
+        "level"?: 1 | 2 | 3 | 4 | 5 | 6;
         "openIcon"?: string;
     }
     interface CuraAccordionItem {
@@ -1367,9 +1410,8 @@ declare namespace LocalJSX {
           * Set the color mode to dark or light
          */
         "colorMode"?: 'dark' | 'light';
-        "iconActiveColor"?: string;
         /**
-          * Color scheme base color (By default, the icon will use the same color of 'color' and 'activeColor')
+          * Color scheme base color (By default, the icon will use the same color of 'color')
          */
         "iconColor"?: string;
         /**
@@ -1380,6 +1422,11 @@ declare namespace LocalJSX {
           * Text label for accordion item
          */
         "label"?: string;
+        "labelIcon"?: string;
+        /**
+          * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ... Values: 1 to 6 (3 default).
+         */
+        "level"?: 1 | 2 | 3 | 4 | 5 | 6;
         "openIcon"?: string;
         "opened"?: boolean;
     }
@@ -1540,6 +1587,7 @@ declare namespace LocalJSX {
         "counter"?: string | number | null;
         "disabled"?: boolean;
         "iconName"?: string;
+        "iconPosition"?: 'left' | 'right';
         "onOnclick"?: (event: CuraButtonSelectCustomEvent<{ selected: boolean }>) => void;
         "selected"?: boolean;
         "size"?: 'small' | 'medium' | 'large';
@@ -1965,6 +2013,11 @@ declare namespace LocalJSX {
           * @type {EventEmitter<string>}
          */
         "onDateChange"?: (event: CuraInputDateCustomEvent<string>) => void;
+        /**
+          * Emitted when the value of the status changes
+          * @type {EventEmitter<string>}
+         */
+        "onStatusInputChange"?: (event: CuraInputDateCustomEvent<string>) => void;
         /**
           * Placeholder text for the input
          */
@@ -2286,6 +2339,16 @@ declare namespace LocalJSX {
         "position"?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
         "type"?: 'info' | 'success' | 'warning' | 'error';
     }
+    interface CuraTooltip {
+        "closeButton"?: boolean;
+        "delay"?: number;
+        "elementId"?: string;
+        "interactive"?: boolean;
+        "label"?: string;
+        "maxWidth"?: string;
+        "onTooltipClosed"?: (event: CuraTooltipCustomEvent<void>) => void;
+        "position"?: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
+    }
     interface IntrinsicElements {
         "cura-accordion": CuraAccordion;
         "cura-accordion-item": CuraAccordionItem;
@@ -2319,6 +2382,7 @@ declare namespace LocalJSX {
         "cura-select-option": CuraSelectOption;
         "cura-switch": CuraSwitch;
         "cura-toast": CuraToast;
+        "cura-tooltip": CuraTooltip;
     }
 }
 export { LocalJSX as JSX };
@@ -2357,6 +2421,7 @@ declare module "@stencil/core" {
             "cura-select-option": LocalJSX.CuraSelectOption & JSXBase.HTMLAttributes<HTMLCuraSelectOptionElement>;
             "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
             "cura-toast": LocalJSX.CuraToast & JSXBase.HTMLAttributes<HTMLCuraToastElement>;
+            "cura-tooltip": LocalJSX.CuraTooltip & JSXBase.HTMLAttributes<HTMLCuraTooltipElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -51,5 +51,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "311919f28a93bcfdd957254225c80d63dc67f8fd"
+  "gitHead": "b983f1ab6163aedbee5aa077b50f53e1ffbaceb0"
 }