@rededor/cura 1.6.1-alpha.9 → 1.7.0

package/dist/types/components/tabs/cura-tabs-group/cura-tabs-group.stories.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        gap: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        borderBottom: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorMode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        tabChange: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CuraTabs: {
+    args: {
+        gap: number;
+        borderBottom: boolean;
+        colorMode: string;
+    };
+};

package/dist/types/components/tabs/cura-tabs-transparent/cura-tabs-transparent.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class CuraTabsTransparent {
+    name: string;
+    iconName: string;
+    selected: boolean;
+    disabled: boolean;
+    borderBottom: boolean;
+    size: 'small' | 'medium' | 'large';
+    colorMode: 'dark' | 'light';
+    hovered: boolean;
+    styles: Record<string, string>;
+    tabSelect: EventEmitter<{
+        name: string;
+    }>;
+    setColors(): void;
+    computeContentColor(): string;
+    getIcon(): any;
+    getClasses(): {
+        [x: string]: boolean;
+        selected: boolean;
+        disabled: boolean;
+        'border-bottom': boolean;
+    };
+    connectedCallback(): void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    handleClick(e: Event): void;
+    render(): any;
+}

package/dist/types/components/tabs/cura-tabs-transparent/cura-tabs-transparent.stories.d.ts

@@ -0,0 +1,99 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => string;
+    argTypes: {
+        name: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        iconName: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        selected: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disabled: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        borderBottom: {
+            control: string;
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        colorMode: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        tabSelect: {
+            action: string;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const CuraTabs: {
+    args: {
+        name: string;
+        iconName: string;
+        selected: boolean;
+        disabled: boolean;
+        borderBottom: boolean;
+        size: string;
+        colorMode: string;
+    };
+};

package/dist/types/components/tabs/cura-tabs.definitions.d.ts

@@ -0,0 +1,6 @@
+export declare const labelSizes: {
+    small: string;
+    medium: string;
+    large: string;
+    default: string;
+};

package/dist/types/components.d.ts

@@ -1066,6 +1066,10 @@ export namespace Components {
           * The label text for the select component. Reflects as an attribute in the DOM.
          */
         "label": string;
+        /**
+          * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 285px
+         */
+        "maxHeight": string;
         /**
           * Display mode of the select component. Can be 'default' or 'transparent'.
          */
@@ -1185,6 +1189,38 @@ export namespace Components {
          */
         "size": 'small' | 'medium' | 'large';
     }
+    interface CuraTabs {
+        "borderBottom": boolean;
+        "colorMode": 'dark' | 'light';
+        "disabled": boolean;
+        "iconName": string;
+        "name": string;
+        "selected": boolean;
+        "size": 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsButton {
+        "colorMode": 'dark' | 'light';
+        "counter"?: number;
+        "disabled": boolean;
+        "iconName": string;
+        "name": string;
+        "selected": boolean;
+        "size": 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsGroup {
+        "borderBottom": boolean;
+        "colorMode": 'dark' | 'light';
+        "gap": number;
+    }
+    interface CuraTabsTransparent {
+        "borderBottom": boolean;
+        "colorMode": 'dark' | 'light';
+        "disabled": boolean;
+        "iconName": string;
+        "name": string;
+        "selected": boolean;
+        "size": 'small' | 'medium' | 'large';
+    }
     interface CuraToast {
         "autoCloseDelay": number;
         /**
@@ -1260,6 +1296,22 @@ export interface CuraSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraSwitchElement;
 }
+export interface CuraTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsElement;
+}
+export interface CuraTabsButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsButtonElement;
+}
+export interface CuraTabsGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsGroupElement;
+}
+export interface CuraTabsTransparentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCuraTabsTransparentElement;
+}
 export interface CuraToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraToastElement;
@@ -1645,6 +1697,74 @@ declare global {
         prototype: HTMLCuraSwitchElement;
         new (): HTMLCuraSwitchElement;
     };
+    interface HTMLCuraTabsElementEventMap {
+        "tabSelect": { name: string };
+    }
+    interface HTMLCuraTabsElement extends Components.CuraTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsElementEventMap>(type: K, listener: (this: HTMLCuraTabsElement, ev: CuraTabsCustomEvent<HTMLCuraTabsElementEventMap[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 HTMLCuraTabsElementEventMap>(type: K, listener: (this: HTMLCuraTabsElement, ev: CuraTabsCustomEvent<HTMLCuraTabsElementEventMap[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 HTMLCuraTabsElement: {
+        prototype: HTMLCuraTabsElement;
+        new (): HTMLCuraTabsElement;
+    };
+    interface HTMLCuraTabsButtonElementEventMap {
+        "tabSelect": { name: string };
+    }
+    interface HTMLCuraTabsButtonElement extends Components.CuraTabsButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsButtonElementEventMap>(type: K, listener: (this: HTMLCuraTabsButtonElement, ev: CuraTabsButtonCustomEvent<HTMLCuraTabsButtonElementEventMap[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 HTMLCuraTabsButtonElementEventMap>(type: K, listener: (this: HTMLCuraTabsButtonElement, ev: CuraTabsButtonCustomEvent<HTMLCuraTabsButtonElementEventMap[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 HTMLCuraTabsButtonElement: {
+        prototype: HTMLCuraTabsButtonElement;
+        new (): HTMLCuraTabsButtonElement;
+    };
+    interface HTMLCuraTabsGroupElementEventMap {
+        "tabChange": string;
+    }
+    interface HTMLCuraTabsGroupElement extends Components.CuraTabsGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsGroupElementEventMap>(type: K, listener: (this: HTMLCuraTabsGroupElement, ev: CuraTabsGroupCustomEvent<HTMLCuraTabsGroupElementEventMap[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 HTMLCuraTabsGroupElementEventMap>(type: K, listener: (this: HTMLCuraTabsGroupElement, ev: CuraTabsGroupCustomEvent<HTMLCuraTabsGroupElementEventMap[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 HTMLCuraTabsGroupElement: {
+        prototype: HTMLCuraTabsGroupElement;
+        new (): HTMLCuraTabsGroupElement;
+    };
+    interface HTMLCuraTabsTransparentElementEventMap {
+        "tabSelect": { name: string };
+    }
+    interface HTMLCuraTabsTransparentElement extends Components.CuraTabsTransparent, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCuraTabsTransparentElementEventMap>(type: K, listener: (this: HTMLCuraTabsTransparentElement, ev: CuraTabsTransparentCustomEvent<HTMLCuraTabsTransparentElementEventMap[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 HTMLCuraTabsTransparentElementEventMap>(type: K, listener: (this: HTMLCuraTabsTransparentElement, ev: CuraTabsTransparentCustomEvent<HTMLCuraTabsTransparentElementEventMap[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 HTMLCuraTabsTransparentElement: {
+        prototype: HTMLCuraTabsTransparentElement;
+        new (): HTMLCuraTabsTransparentElement;
+    };
     interface HTMLCuraToastElementEventMap {
         "toastClosed": void;
     }
@@ -1718,6 +1838,10 @@ declare global {
         "cura-stepper": HTMLCuraStepperElement;
         "cura-stepper-item": HTMLCuraStepperItemElement;
         "cura-switch": HTMLCuraSwitchElement;
+        "cura-tabs": HTMLCuraTabsElement;
+        "cura-tabs-button": HTMLCuraTabsButtonElement;
+        "cura-tabs-group": HTMLCuraTabsGroupElement;
+        "cura-tabs-transparent": HTMLCuraTabsTransparentElement;
         "cura-toast": HTMLCuraToastElement;
         "cura-tooltip": HTMLCuraTooltipElement;
     }
@@ -2809,6 +2933,10 @@ declare namespace LocalJSX {
           * The label text for the select component. Reflects as an attribute in the DOM.
          */
         "label"?: string;
+        /**
+          * CSS max-height property for dropdown item. Can also be used by css property --max-height. Default: 285px
+         */
+        "maxHeight"?: string;
         /**
           * Display mode of the select component. Can be 'default' or 'transparent'.
          */
@@ -2937,6 +3065,42 @@ declare namespace LocalJSX {
          */
         "size"?: 'small' | 'medium' | 'large';
     }
+    interface CuraTabs {
+        "borderBottom"?: boolean;
+        "colorMode"?: 'dark' | 'light';
+        "disabled"?: boolean;
+        "iconName"?: string;
+        "name"?: string;
+        "onTabSelect"?: (event: CuraTabsCustomEvent<{ name: string }>) => void;
+        "selected"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsButton {
+        "colorMode"?: 'dark' | 'light';
+        "counter"?: number;
+        "disabled"?: boolean;
+        "iconName"?: string;
+        "name"?: string;
+        "onTabSelect"?: (event: CuraTabsButtonCustomEvent<{ name: string }>) => void;
+        "selected"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+    }
+    interface CuraTabsGroup {
+        "borderBottom"?: boolean;
+        "colorMode"?: 'dark' | 'light';
+        "gap"?: number;
+        "onTabChange"?: (event: CuraTabsGroupCustomEvent<string>) => void;
+    }
+    interface CuraTabsTransparent {
+        "borderBottom"?: boolean;
+        "colorMode"?: 'dark' | 'light';
+        "disabled"?: boolean;
+        "iconName"?: string;
+        "name"?: string;
+        "onTabSelect"?: (event: CuraTabsTransparentCustomEvent<{ name: string }>) => void;
+        "selected"?: boolean;
+        "size"?: 'small' | 'medium' | 'large';
+    }
     interface CuraToast {
         "autoCloseDelay"?: number;
         "closeButton"?: boolean;
@@ -2996,6 +3160,10 @@ declare namespace LocalJSX {
         "cura-stepper": CuraStepper;
         "cura-stepper-item": CuraStepperItem;
         "cura-switch": CuraSwitch;
+        "cura-tabs": CuraTabs;
+        "cura-tabs-button": CuraTabsButton;
+        "cura-tabs-group": CuraTabsGroup;
+        "cura-tabs-transparent": CuraTabsTransparent;
         "cura-toast": CuraToast;
         "cura-tooltip": CuraTooltip;
     }
@@ -3042,6 +3210,10 @@ declare module "@stencil/core" {
             "cura-stepper": LocalJSX.CuraStepper & JSXBase.HTMLAttributes<HTMLCuraStepperElement>;
             "cura-stepper-item": LocalJSX.CuraStepperItem & JSXBase.HTMLAttributes<HTMLCuraStepperItemElement>;
             "cura-switch": LocalJSX.CuraSwitch & JSXBase.HTMLAttributes<HTMLCuraSwitchElement>;
+            "cura-tabs": LocalJSX.CuraTabs & JSXBase.HTMLAttributes<HTMLCuraTabsElement>;
+            "cura-tabs-button": LocalJSX.CuraTabsButton & JSXBase.HTMLAttributes<HTMLCuraTabsButtonElement>;
+            "cura-tabs-group": LocalJSX.CuraTabsGroup & JSXBase.HTMLAttributes<HTMLCuraTabsGroupElement>;
+            "cura-tabs-transparent": LocalJSX.CuraTabsTransparent & JSXBase.HTMLAttributes<HTMLCuraTabsTransparentElement>;
             "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.6.1-alpha.9",
+  "version": "1.7.0",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -55,5 +55,5 @@
     "storybook": "^7.6.10",
     "svgo": "^3.3.2"
   },
-  "gitHead": "40c2aa1b07a2b3e1ac495930b4711e5f65e7f991"
+  "gitHead": "da5f03d3707b667dd3f2c57b31807e06fd4e8dc6"
 }