@jumpgroup/jump-design-system 0.2.7 → 0.3.0

package/dist/types/components.d.ts

@@ -6,6 +6,8 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface JumpAccordion {
+    }
     interface JumpBadge {
         /**
           * Indicates the label of the badge
@@ -128,11 +130,149 @@ export namespace Components {
          */
         "videoSrc": string;
     }
+    interface JumpCardEcommerce {
+        /**
+          * Indicate if the user request to be notified when te product is avaible
+         */
+        "addToWaitingList": boolean;
+        /**
+          * Indicate if the product is added to cart
+         */
+        "addedToCart": boolean;
+        /**
+          * Indicates the button class of the add to cart / notification button
+         */
+        "addtoCartText": string;
+        /**
+          * Indicates the badge of the card
+         */
+        "badge": string;
+        /**
+          * Indicate if the quantity is change
+         */
+        "changedQuantity": boolean;
+        /**
+          * Indicate if the variation is change
+         */
+        "changedVariation": boolean;
+        /**
+          * Indicates the currency of the card
+         */
+        "currency": string;
+        /**
+          * Indicates if the product is favorite
+         */
+        "favorite": boolean;
+        /**
+          * Indicate if card has background
+         */
+        "hasBackground": boolean;
+        /**
+          * Indicates the image's src of the card
+         */
+        "img": string;
+        /**
+          * Indicates the img's alt of the card
+         */
+        "imgAlt": string;
+        /**
+          * Indicates the link of the card
+         */
+        "link": string;
+        /**
+          * Indicates the notificationText of the card
+         */
+        "notificationText": string;
+        /**
+          * Indicates the notificationUrl of the card
+         */
+        "notificationUrl": string;
+        /**
+          * Indicate if card has only icon button
+         */
+        "onlyIconButton": boolean;
+        /**
+          * Indicates if the product is outOfStock
+         */
+        "outOfStock": boolean;
+        /**
+          * Indicates the outOfStockText of the product
+         */
+        "outOfStockText": string;
+        /**
+          * Indicates the price of the card
+         */
+        "price": number;
+        /**
+          * Indicates the ID of the product, can be also a SKU
+         */
+        "productId": string;
+        /**
+          * Indicates the title of the card
+         */
+        "productName": string;
+        /**
+          * Indicates if the user can choose how much quantity of the product add to cart
+         */
+        "quantity": boolean;
+        /**
+          * Indicates the sale price of the card
+         */
+        "salePrice": number;
+        /**
+          * Indicates the subtitle of the card
+         */
+        "subtitle": string;
+        /**
+          * Indicates the videoSrc of the card
+         */
+        "videoSrc": string;
+        /**
+          * Indicates the button class of the add to cart / notification button
+         */
+        "waitingListText": string;
+    }
+    interface JumpFilter {
+        "direction": 'horizontal' | 'vertical';
+        "filterButtonIcon": string;
+        "filterButtonLabel": string;
+        "filterHeading": string;
+        "filters": any;
+        /**
+          * Get the active filters from the component
+         */
+        "getFilters": () => Promise<any>;
+        "mobileThreshold": number;
+    }
+    interface JumpFiltergroup {
+        "getActiveAmount": () => Promise<number>;
+        "getInputs": () => Promise<any>;
+        "getName": () => Promise<string>;
+        "getValues": () => Promise<string[]>;
+        "heading": string;
+        "lessLabel": string;
+        "maxElements": number;
+        "name": string;
+        "otherLabel": string;
+        "variant": 'accordion' | 'default';
+    }
     interface JumpIcon {
         /**
-          * Additional classes
+          * Category of the icon
+         */
+        "category": 'solid' | 'sharp-light' | 'sharp-regular' | 'sharp-solid' | 'sharp-thin' | 'brands' | 'regular' | 'light' | 'thin' | 'duotone';
+        /**
+          * Class of the icon
          */
         "class": string;
+        /**
+          * Label for the icon
+         */
+        "label": string;
+        /**
+          * Library of the icon
+         */
+        "library": string;
         /**
           * Name of the icon
          */
@@ -141,32 +281,101 @@ export namespace Components {
           * Size of the icon
          */
         "size": string;
+        /**
+          * Src of the icon
+         */
+        "src": string;
     }
     interface JumpPagination {
+        /**
+          * Last element of the page
+         */
         "last": number;
+        /**
+          * Label of the pagination
+         */
         "pagLabel": string;
+        /**
+          * Show button to navigate so first e last page
+         */
         "showFirstAndLast": boolean;
     }
     interface JumpPaginationTable {
+        /**
+          * Number of elements per page selected
+         */
         "elPerPage": number;
         /**
           * Values for the elements per page select
          */
         "elementsRanges": Array<number>;
+        /**
+          * First element of the page
+         */
         "first": number;
         /**
           * Label for the elements per page select
          */
         "labelElementsPerPage": string;
+        /**
+          * Last element of the page
+         */
         "last": number;
         "pagLabel": string;
+        /**
+          * Show button to navigate so first e last page
+         */
         "showFirstAndLast": boolean;
+        /**
+          * Total of elements
+         */
         "total": number;
     }
+    interface JumpQuantity {
+        "label": string;
+        "max": number;
+        "min": number;
+        "showButtons": boolean;
+        "step": number;
+        "type": 'buttons' | 'dropdown' | 'input';
+        "variant": 'vertical' | 'horizontal';
+    }
     interface JumpTab {
-        "activeTab": string;
-        "tabNames": Array<string>;
+        "tabGroupName": string;
+        /**
+          * The style of the tab. The same value must be passed to all the items. Choosed from "inline", "boxed", "sheet", "rounded"
+         */
+        "variant": string;
+    }
+    interface JumpTabItem {
+        "active": boolean;
+        "disabled": boolean;
+        /**
+          * Name of the icon. If not provided, the icon will not be displayed
+         */
+        "iconName": string;
+        /**
+          * Icon position, apply only if the icon is present Choosed from "left", "top"
+         */
+        "iconPosition": string;
+        /**
+          * Identifier of the tab
+         */
+        "identifier": string;
+        "label": string;
     }
+    interface JumpTabPanel {
+        "active": boolean;
+        "identifier": string;
+    }
+}
+export interface JumpCardEcommerceCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpCardEcommerceElement;
+}
+export interface JumpFiltergroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpFiltergroupElement;
 }
 export interface JumpPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -176,7 +385,25 @@ export interface JumpPaginationTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJumpPaginationTableElement;
 }
+export interface JumpQuantityCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpQuantityElement;
+}
+export interface JumpTabCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpTabElement;
+}
+export interface JumpTabItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpTabItemElement;
+}
 declare global {
+    interface HTMLJumpAccordionElement extends Components.JumpAccordion, HTMLStencilElement {
+    }
+    var HTMLJumpAccordionElement: {
+        prototype: HTMLJumpAccordionElement;
+        new (): HTMLJumpAccordionElement;
+    };
     interface HTMLJumpBadgeElement extends Components.JumpBadge, HTMLStencilElement {
     }
     var HTMLJumpBadgeElement: {
@@ -195,6 +422,50 @@ declare global {
         prototype: HTMLJumpCardElement;
         new (): HTMLJumpCardElement;
     };
+    interface HTMLJumpCardEcommerceElementEventMap {
+        "jump-toggle-favorite": any;
+        "jump-add-to-cart": any;
+        "jump-add-to-waiting-list": any;
+        "jump-change-quantity": any;
+        "jump-change-variation": any;
+    }
+    interface HTMLJumpCardEcommerceElement extends Components.JumpCardEcommerce, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpCardEcommerceElementEventMap>(type: K, listener: (this: HTMLJumpCardEcommerceElement, ev: JumpCardEcommerceCustomEvent<HTMLJumpCardEcommerceElementEventMap[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 HTMLJumpCardEcommerceElementEventMap>(type: K, listener: (this: HTMLJumpCardEcommerceElement, ev: JumpCardEcommerceCustomEvent<HTMLJumpCardEcommerceElementEventMap[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 HTMLJumpCardEcommerceElement: {
+        prototype: HTMLJumpCardEcommerceElement;
+        new (): HTMLJumpCardEcommerceElement;
+    };
+    interface HTMLJumpFilterElement extends Components.JumpFilter, HTMLStencilElement {
+    }
+    var HTMLJumpFilterElement: {
+        prototype: HTMLJumpFilterElement;
+        new (): HTMLJumpFilterElement;
+    };
+    interface HTMLJumpFiltergroupElementEventMap {
+        "jump-filterchange": any;
+    }
+    interface HTMLJumpFiltergroupElement extends Components.JumpFiltergroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpFiltergroupElementEventMap>(type: K, listener: (this: HTMLJumpFiltergroupElement, ev: JumpFiltergroupCustomEvent<HTMLJumpFiltergroupElementEventMap[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 HTMLJumpFiltergroupElementEventMap>(type: K, listener: (this: HTMLJumpFiltergroupElement, ev: JumpFiltergroupCustomEvent<HTMLJumpFiltergroupElementEventMap[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 HTMLJumpFiltergroupElement: {
+        prototype: HTMLJumpFiltergroupElement;
+        new (): HTMLJumpFiltergroupElement;
+    };
     interface HTMLJumpIconElement extends Components.JumpIcon, HTMLStencilElement {
     }
     var HTMLJumpIconElement: {
@@ -236,23 +507,83 @@ declare global {
         prototype: HTMLJumpPaginationTableElement;
         new (): HTMLJumpPaginationTableElement;
     };
+    interface HTMLJumpQuantityElementEventMap {
+        "jump-change": any;
+    }
+    interface HTMLJumpQuantityElement extends Components.JumpQuantity, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpQuantityElementEventMap>(type: K, listener: (this: HTMLJumpQuantityElement, ev: JumpQuantityCustomEvent<HTMLJumpQuantityElementEventMap[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 HTMLJumpQuantityElementEventMap>(type: K, listener: (this: HTMLJumpQuantityElement, ev: JumpQuantityCustomEvent<HTMLJumpQuantityElementEventMap[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 HTMLJumpQuantityElement: {
+        prototype: HTMLJumpQuantityElement;
+        new (): HTMLJumpQuantityElement;
+    };
+    interface HTMLJumpTabElementEventMap {
+        "jump-change-activetab": any;
+    }
     interface HTMLJumpTabElement extends Components.JumpTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpTabElementEventMap>(type: K, listener: (this: HTMLJumpTabElement, ev: JumpTabCustomEvent<HTMLJumpTabElementEventMap[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 HTMLJumpTabElementEventMap>(type: K, listener: (this: HTMLJumpTabElement, ev: JumpTabCustomEvent<HTMLJumpTabElementEventMap[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 HTMLJumpTabElement: {
         prototype: HTMLJumpTabElement;
         new (): HTMLJumpTabElement;
     };
+    interface HTMLJumpTabItemElementEventMap {
+        "jump-change-active-tab": any;
+    }
+    interface HTMLJumpTabItemElement extends Components.JumpTabItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpTabItemElementEventMap>(type: K, listener: (this: HTMLJumpTabItemElement, ev: JumpTabItemCustomEvent<HTMLJumpTabItemElementEventMap[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 HTMLJumpTabItemElementEventMap>(type: K, listener: (this: HTMLJumpTabItemElement, ev: JumpTabItemCustomEvent<HTMLJumpTabItemElementEventMap[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 HTMLJumpTabItemElement: {
+        prototype: HTMLJumpTabItemElement;
+        new (): HTMLJumpTabItemElement;
+    };
+    interface HTMLJumpTabPanelElement extends Components.JumpTabPanel, HTMLStencilElement {
+    }
+    var HTMLJumpTabPanelElement: {
+        prototype: HTMLJumpTabPanelElement;
+        new (): HTMLJumpTabPanelElement;
+    };
     interface HTMLElementTagNameMap {
+        "jump-accordion": HTMLJumpAccordionElement;
         "jump-badge": HTMLJumpBadgeElement;
         "jump-button": HTMLJumpButtonElement;
         "jump-card": HTMLJumpCardElement;
+        "jump-card-ecommerce": HTMLJumpCardEcommerceElement;
+        "jump-filter": HTMLJumpFilterElement;
+        "jump-filtergroup": HTMLJumpFiltergroupElement;
         "jump-icon": HTMLJumpIconElement;
         "jump-pagination": HTMLJumpPaginationElement;
         "jump-pagination-table": HTMLJumpPaginationTableElement;
+        "jump-quantity": HTMLJumpQuantityElement;
         "jump-tab": HTMLJumpTabElement;
+        "jump-tab-item": HTMLJumpTabItemElement;
+        "jump-tab-panel": HTMLJumpTabPanelElement;
     }
 }
 declare namespace LocalJSX {
+    interface JumpAccordion {
+    }
     interface JumpBadge {
         /**
           * Indicates the label of the badge
@@ -375,11 +706,147 @@ declare namespace LocalJSX {
          */
         "videoSrc"?: string;
     }
+    interface JumpCardEcommerce {
+        /**
+          * Indicate if the user request to be notified when te product is avaible
+         */
+        "addToWaitingList"?: boolean;
+        /**
+          * Indicate if the product is added to cart
+         */
+        "addedToCart"?: boolean;
+        /**
+          * Indicates the button class of the add to cart / notification button
+         */
+        "addtoCartText"?: string;
+        /**
+          * Indicates the badge of the card
+         */
+        "badge"?: string;
+        /**
+          * Indicate if the quantity is change
+         */
+        "changedQuantity"?: boolean;
+        /**
+          * Indicate if the variation is change
+         */
+        "changedVariation"?: boolean;
+        /**
+          * Indicates the currency of the card
+         */
+        "currency"?: string;
+        /**
+          * Indicates if the product is favorite
+         */
+        "favorite"?: boolean;
+        /**
+          * Indicate if card has background
+         */
+        "hasBackground"?: boolean;
+        /**
+          * Indicates the image's src of the card
+         */
+        "img"?: string;
+        /**
+          * Indicates the img's alt of the card
+         */
+        "imgAlt"?: string;
+        /**
+          * Indicates the link of the card
+         */
+        "link"?: string;
+        /**
+          * Indicates the notificationText of the card
+         */
+        "notificationText"?: string;
+        /**
+          * Indicates the notificationUrl of the card
+         */
+        "notificationUrl"?: string;
+        "onJump-add-to-cart"?: (event: JumpCardEcommerceCustomEvent<any>) => void;
+        "onJump-add-to-waiting-list"?: (event: JumpCardEcommerceCustomEvent<any>) => void;
+        "onJump-change-quantity"?: (event: JumpCardEcommerceCustomEvent<any>) => void;
+        "onJump-change-variation"?: (event: JumpCardEcommerceCustomEvent<any>) => void;
+        "onJump-toggle-favorite"?: (event: JumpCardEcommerceCustomEvent<any>) => void;
+        /**
+          * Indicate if card has only icon button
+         */
+        "onlyIconButton"?: boolean;
+        /**
+          * Indicates if the product is outOfStock
+         */
+        "outOfStock"?: boolean;
+        /**
+          * Indicates the outOfStockText of the product
+         */
+        "outOfStockText"?: string;
+        /**
+          * Indicates the price of the card
+         */
+        "price"?: number;
+        /**
+          * Indicates the ID of the product, can be also a SKU
+         */
+        "productId"?: string;
+        /**
+          * Indicates the title of the card
+         */
+        "productName"?: string;
+        /**
+          * Indicates if the user can choose how much quantity of the product add to cart
+         */
+        "quantity"?: boolean;
+        /**
+          * Indicates the sale price of the card
+         */
+        "salePrice"?: number;
+        /**
+          * Indicates the subtitle of the card
+         */
+        "subtitle"?: string;
+        /**
+          * Indicates the videoSrc of the card
+         */
+        "videoSrc"?: string;
+        /**
+          * Indicates the button class of the add to cart / notification button
+         */
+        "waitingListText"?: string;
+    }
+    interface JumpFilter {
+        "direction"?: 'horizontal' | 'vertical';
+        "filterButtonIcon"?: string;
+        "filterButtonLabel"?: string;
+        "filterHeading"?: string;
+        "filters"?: any;
+        "mobileThreshold"?: number;
+    }
+    interface JumpFiltergroup {
+        "heading"?: string;
+        "lessLabel"?: string;
+        "maxElements"?: number;
+        "name"?: string;
+        "onJump-filterchange"?: (event: JumpFiltergroupCustomEvent<any>) => void;
+        "otherLabel"?: string;
+        "variant"?: 'accordion' | 'default';
+    }
     interface JumpIcon {
         /**
-          * Additional classes
+          * Category of the icon
+         */
+        "category"?: 'solid' | 'sharp-light' | 'sharp-regular' | 'sharp-solid' | 'sharp-thin' | 'brands' | 'regular' | 'light' | 'thin' | 'duotone';
+        /**
+          * Class of the icon
          */
         "class"?: string;
+        /**
+          * Label for the icon
+         */
+        "label"?: string;
+        /**
+          * Library of the icon
+         */
+        "library"?: string;
         /**
           * Name of the icon
          */
@@ -388,56 +855,134 @@ declare namespace LocalJSX {
           * Size of the icon
          */
         "size"?: string;
+        /**
+          * Src of the icon
+         */
+        "src"?: string;
     }
     interface JumpPagination {
+        /**
+          * Last element of the page
+         */
         "last"?: number;
         "onJump-change-page"?: (event: JumpPaginationCustomEvent<any>) => void;
+        /**
+          * Label of the pagination
+         */
         "pagLabel"?: string;
+        /**
+          * Show button to navigate so first e last page
+         */
         "showFirstAndLast"?: boolean;
     }
     interface JumpPaginationTable {
+        /**
+          * Number of elements per page selected
+         */
         "elPerPage"?: number;
         /**
           * Values for the elements per page select
          */
         "elementsRanges"?: Array<number>;
+        /**
+          * First element of the page
+         */
         "first"?: number;
         /**
           * Label for the elements per page select
          */
         "labelElementsPerPage"?: string;
+        /**
+          * Last element of the page
+         */
         "last"?: number;
         "onJump-change-el-per-page"?: (event: JumpPaginationTableCustomEvent<any>) => void;
         "onJump-change-page"?: (event: JumpPaginationTableCustomEvent<any>) => void;
         "pagLabel"?: string;
+        /**
+          * Show button to navigate so first e last page
+         */
         "showFirstAndLast"?: boolean;
+        /**
+          * Total of elements
+         */
         "total"?: number;
     }
+    interface JumpQuantity {
+        "label"?: string;
+        "max"?: number;
+        "min"?: number;
+        "onJump-change"?: (event: JumpQuantityCustomEvent<any>) => void;
+        "showButtons"?: boolean;
+        "step"?: number;
+        "type"?: 'buttons' | 'dropdown' | 'input';
+        "variant"?: 'vertical' | 'horizontal';
+    }
     interface JumpTab {
-        "activeTab"?: string;
-        "tabNames"?: Array<string>;
+        "onJump-change-activetab"?: (event: JumpTabCustomEvent<any>) => void;
+        "tabGroupName"?: string;
+        /**
+          * The style of the tab. The same value must be passed to all the items. Choosed from "inline", "boxed", "sheet", "rounded"
+         */
+        "variant"?: string;
+    }
+    interface JumpTabItem {
+        "active"?: boolean;
+        "disabled"?: boolean;
+        /**
+          * Name of the icon. If not provided, the icon will not be displayed
+         */
+        "iconName"?: string;
+        /**
+          * Icon position, apply only if the icon is present Choosed from "left", "top"
+         */
+        "iconPosition"?: string;
+        /**
+          * Identifier of the tab
+         */
+        "identifier"?: string;
+        "label"?: string;
+        "onJump-change-active-tab"?: (event: JumpTabItemCustomEvent<any>) => void;
+    }
+    interface JumpTabPanel {
+        "active"?: boolean;
+        "identifier"?: string;
     }
     interface IntrinsicElements {
+        "jump-accordion": JumpAccordion;
         "jump-badge": JumpBadge;
         "jump-button": JumpButton;
         "jump-card": JumpCard;
+        "jump-card-ecommerce": JumpCardEcommerce;
+        "jump-filter": JumpFilter;
+        "jump-filtergroup": JumpFiltergroup;
         "jump-icon": JumpIcon;
         "jump-pagination": JumpPagination;
         "jump-pagination-table": JumpPaginationTable;
+        "jump-quantity": JumpQuantity;
         "jump-tab": JumpTab;
+        "jump-tab-item": JumpTabItem;
+        "jump-tab-panel": JumpTabPanel;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "jump-accordion": LocalJSX.JumpAccordion & JSXBase.HTMLAttributes<HTMLJumpAccordionElement>;
             "jump-badge": LocalJSX.JumpBadge & JSXBase.HTMLAttributes<HTMLJumpBadgeElement>;
             "jump-button": LocalJSX.JumpButton & JSXBase.HTMLAttributes<HTMLJumpButtonElement>;
             "jump-card": LocalJSX.JumpCard & JSXBase.HTMLAttributes<HTMLJumpCardElement>;
+            "jump-card-ecommerce": LocalJSX.JumpCardEcommerce & JSXBase.HTMLAttributes<HTMLJumpCardEcommerceElement>;
+            "jump-filter": LocalJSX.JumpFilter & JSXBase.HTMLAttributes<HTMLJumpFilterElement>;
+            "jump-filtergroup": LocalJSX.JumpFiltergroup & JSXBase.HTMLAttributes<HTMLJumpFiltergroupElement>;
             "jump-icon": LocalJSX.JumpIcon & JSXBase.HTMLAttributes<HTMLJumpIconElement>;
             "jump-pagination": LocalJSX.JumpPagination & JSXBase.HTMLAttributes<HTMLJumpPaginationElement>;
             "jump-pagination-table": LocalJSX.JumpPaginationTable & JSXBase.HTMLAttributes<HTMLJumpPaginationTableElement>;
+            "jump-quantity": LocalJSX.JumpQuantity & JSXBase.HTMLAttributes<HTMLJumpQuantityElement>;
             "jump-tab": LocalJSX.JumpTab & JSXBase.HTMLAttributes<HTMLJumpTabElement>;
+            "jump-tab-item": LocalJSX.JumpTabItem & JSXBase.HTMLAttributes<HTMLJumpTabItemElement>;
+            "jump-tab-panel": LocalJSX.JumpTabPanel & JSXBase.HTMLAttributes<HTMLJumpTabPanelElement>;
         }
     }
 }