@jumpgroup/jump-design-system 0.2.6 → 0.3.0

package/dist/types/components/jump-card-ecommerce/jump-card-ecommerce.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class JumpCardEcommerce {
+    JumpCardEcommerce: HTMLElement;
+    /** Indicate if card has only icon button*/
+    onlyIconButton: boolean;
+    /** Indicate if card has background*/
+    hasBackground: boolean;
+    /** Indicates the badge of the card*/
+    badge: string;
+    /**  Indicates if the product is favorite */
+    favorite: boolean;
+    /** Indicates the link of the card*/
+    link: string;
+    /** Indicates the image's src of the card*/
+    img: string;
+    /** Indicates the img's alt of the card*/
+    imgAlt: string;
+    /** Indicates the videoSrc of the card*/
+    videoSrc: string;
+    /** Indicate if the product is added to cart*/
+    addedToCart: boolean;
+    /** Indicates the notificationUrl of the card*/
+    notificationUrl: string;
+    /** Indicates the notificationText of the card*/
+    notificationText: string;
+    /** Indicates the title of the card*/
+    productName: string;
+    /** Indicates the subtitle of the card*/
+    subtitle: string;
+    /** Indicates the ID of the product, can be also a SKU*/
+    productId: string;
+    /**  Indicates the price of the card */
+    price: number;
+    /** Indicates the sale price of the card */
+    salePrice: number;
+    /** Indicates the currency of the card */
+    currency: string;
+    /** Indicates if the product is outOfStock */
+    outOfStock: boolean;
+    /** Indicates the outOfStockText of the product*/
+    outOfStockText: string;
+    /** Indicates the button class of the add to cart / notification button */
+    addtoCartText: string;
+    /** Indicates the button class of the add to cart / notification button */
+    waitingListText: string;
+    /** Indicate if the user request to be notified when te product is avaible*/
+    addToWaitingList: boolean;
+    /** Indicates if the user can choose how much quantity of the product add to cart */
+    quantity: boolean;
+    /** Indicate if the quantity is change*/
+    changedQuantity: boolean;
+    /** Indicate if the variation is change*/
+    changedVariation: boolean;
+    toggleFavorite: EventEmitter;
+    productAddToCart: EventEmitter;
+    productWaitingList: EventEmitter;
+    changeQuantity: EventEmitter;
+    changeVariation: EventEmitter;
+    componentWillLoad(): void;
+    onToggleFavorite(): void;
+    addProductToCart(): void;
+    waitingList(): void;
+    changeQuantityProduct(event: Event): void;
+    changeVariationBody(event: Event): void;
+    render(): any;
+}

package/dist/types/components/jump-card-ecommerce/jump-card-ecommerce.stories.d.ts

@@ -0,0 +1,123 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        hasBackground: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        onlyIconButton: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        badge: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        favorite: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        link: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        img: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        imgAlt: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        videoSrc: {
+            name: string;
+            description: string;
+            control: string;
+            if: {
+                arg: string;
+                exists: boolean;
+            };
+        };
+        notificationUrl: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        notificationText: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        productName: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        subtitle: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        productId: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        price: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        salePrice: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        outOfStock: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+        outOfStockText: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        addtoCartText: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        waitingListText: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        quantity: {
+            name: string;
+            description: string;
+            control: string;
+            defaultValue: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Card: any;

package/dist/types/components/jump-filter/jump-filter.d.ts

@@ -0,0 +1,22 @@
+export declare class JumpFilter {
+    direction: 'horizontal' | 'vertical';
+    filterHeading: string;
+    filterButtonLabel: string;
+    filterButtonIcon: string;
+    mobileThreshold: number;
+    filters: any;
+    activeFilters: number;
+    showMobileFilters: boolean;
+    isMobile: boolean;
+    mobileToggle: HTMLElement | null;
+    filtersDrawer: HTMLElement;
+    filterChangeHandler(event: CustomEvent): void;
+    handleResize(): void;
+    /**
+     * Get the active filters from the component
+     */
+    getFilters(): Promise<any>;
+    componentDidLoad(): void;
+    toggleMobileFilters(): void;
+    render(): any;
+}

package/dist/types/components/jump-filter/jump-filter.stories.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        direction: {
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        filterHeading: {
+            control: {
+                type: string;
+                description: string;
+            };
+        };
+        filterButtonLabel: {
+            control: {
+                type: string;
+            };
+        };
+        filterButtonIcon: {
+            control: {
+                type: string;
+            };
+        };
+        mobileThreshold: {
+            control: {
+                type: string;
+            };
+            defaultValue: number;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const WithSelectFilter: any;
+export declare const WithCheckboxFilter: any;
+export declare const WithMixedFilters: any;
+export declare const WithMoreFilters: any;

package/dist/types/components/jump-filtergroup/jump-filtergroup.d.ts

@@ -0,0 +1,24 @@
+export declare class JumpFiltergroup {
+    name: string;
+    heading: string;
+    otherLabel: string;
+    lessLabel: string;
+    maxElements: number;
+    variant: 'accordion' | 'default';
+    values: string[];
+    value: string;
+    slotItems: any;
+    inputs: any;
+    showMore: boolean;
+    change: any;
+    slotItemsWrapper: HTMLSlotElement;
+    getValues(): Promise<string[]>;
+    getActiveAmount(): Promise<number>;
+    getInputs(): Promise<any>;
+    getName(): Promise<string>;
+    toggleHiddenItems(): void;
+    handleShowMore(): void;
+    handleChange(event: Event): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/jump-filtergroup/jump-filtergroup.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        name: {
+            control: {
+                type: string;
+                description: string;
+                defaultValue: string;
+            };
+        };
+        title: {
+            control: {
+                type: string;
+                description: string;
+                defaultValue: string;
+            };
+        };
+        otherLabel: {
+            control: {
+                type: string;
+                description: string;
+                defaultValue: string;
+            };
+        };
+        lessLabel: {
+            control: {
+                type: string;
+                description: string;
+                defaultValue: string;
+            };
+        };
+        maxElements: {
+            control: {
+                type: string;
+                description: string;
+            };
+            defaultValue: number;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/jump-icon/jump-icon-custom.stories.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        library: {
+            name: string;
+            control: string;
+            options: {
+                custom: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        size: {
+            name: string;
+            control: string;
+            options: {
+                inherit: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        src: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const IconDefault: any;
+export declare const IconInherit: any;

package/dist/types/components/{jump-button/jump-button-outline.stories.d.ts → jump-icon/jump-icon-fa-brands.stories.d.ts}

@@ -2,55 +2,44 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        variant: {
+        library: {
             name: string;
-            description: string;
             control: string;
             options: string[];
+            defaultValue: string;
+            description: string;
         };
-        size: {
+        category: {
             name: string;
-            description: string;
             control: string;
             options: string[];
-            labels: {
-                small: string;
-                medium: string;
-                large: string;
-            };
-        };
-        pill: {
-            name: string;
             description: string;
-            control: string;
         };
-        disabled: {
+        name: {
             name: string;
-            description: string;
             control: string;
-        };
-        full: {
-            name: string;
+            defaultValue: string;
             description: string;
-            control: string;
         };
-        text: {
+        size: {
             name: string;
-            description: string;
             control: string;
+            options: {
+                inherit: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            defaultValue: string;
+            description: string;
         };
-        id: {
+        label: {
             name: string;
-            description: string;
             control: string;
+            description: string;
         };
     };
 };
 export default _default;
-export declare const OutlinePrimary: any;
-export declare const OutlineSecondary: any;
-export declare const OutlineGrey: any;
-export declare const OutlineWhite: any;
-export declare const outlinePill: any;
-export declare const withIcon: any;
-export declare const Disabled: any;
+export declare const IconDefault: any;
+export declare const IconInherit: any;

package/dist/types/components/jump-icon/jump-icon-fa-duotone.stories.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        library: {
+            name: string;
+            control: string;
+            options: string[];
+            defaultValue: string;
+            description: string;
+        };
+        category: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        name: {
+            name: string;
+            control: string;
+            defaultValue: string;
+            description: string;
+        };
+        size: {
+            name: string;
+            control: string;
+            options: {
+                inherit: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const IconDefault: any;
+export declare const IconInherit: any;

package/dist/types/components/jump-icon/jump-icon-fa-light.stories.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        library: {
+            name: string;
+            control: string;
+            options: string[];
+            defaultValue: string;
+            description: string;
+        };
+        category: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        name: {
+            name: string;
+            control: string;
+            defaultValue: string;
+            description: string;
+        };
+        size: {
+            name: string;
+            control: string;
+            options: {
+                inherit: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const IconDefault: any;
+export declare const IconInherit: any;

package/dist/types/components/jump-icon/jump-icon-fa-regular.stories.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        library: {
+            name: string;
+            control: string;
+            options: string[];
+            defaultValue: string;
+            description: string;
+        };
+        category: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        name: {
+            name: string;
+            control: string;
+            defaultValue: string;
+            description: string;
+        };
+        size: {
+            name: string;
+            control: string;
+            options: {
+                inherit: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const IconDefault: any;
+export declare const IconInherit: any;

package/dist/types/components/jump-icon/jump-icon-fa-sharp-light.stories.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        library: {
+            name: string;
+            control: string;
+            options: string[];
+            defaultValue: string;
+            description: string;
+        };
+        category: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        name: {
+            name: string;
+            control: string;
+            defaultValue: string;
+            description: string;
+        };
+        size: {
+            name: string;
+            control: string;
+            options: {
+                inherit: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const IconDefault: any;
+export declare const IconInherit: any;

package/dist/types/components/jump-icon/jump-icon-fa-sharp-regular.stories.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        library: {
+            name: string;
+            control: string;
+            options: string[];
+            defaultValue: string;
+            description: string;
+        };
+        category: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        name: {
+            name: string;
+            control: string;
+            defaultValue: string;
+            description: string;
+        };
+        size: {
+            name: string;
+            control: string;
+            options: {
+                inherit: string;
+                small: string;
+                medium: string;
+                large: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const IconDefault: any;
+export declare const IconInherit: any;