@jumpgroup/jump-design-system 0.2.7 → 0.3.0

package/dist/jump-design-system-elements.json

@@ -1,6 +1,14 @@
 {
   "version": 1.1,
   "tags": [
+    {
+      "name": "jump-accordion",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
     {
       "name": "jump-badge",
       "description": {
@@ -191,6 +199,197 @@
         }
       ]
     },
+    {
+      "name": "jump-card-ecommerce",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "add-to-waiting-list",
+          "description": "Indicate if the user request to be notified when te product is avaible"
+        },
+        {
+          "name": "added-to-cart",
+          "description": "Indicate if the product is added to cart"
+        },
+        {
+          "name": "addto-cart-text",
+          "description": "Indicates the button class of the add to cart / notification button"
+        },
+        {
+          "name": "badge",
+          "description": "Indicates the badge of the card"
+        },
+        {
+          "name": "changed-quantity",
+          "description": "Indicate if the quantity is change"
+        },
+        {
+          "name": "changed-variation",
+          "description": "Indicate if the variation is change"
+        },
+        {
+          "name": "currency",
+          "description": "Indicates the currency of the card"
+        },
+        {
+          "name": "favorite",
+          "description": "Indicates if the product is favorite"
+        },
+        {
+          "name": "has-background",
+          "description": "Indicate if card has background"
+        },
+        {
+          "name": "img",
+          "description": "Indicates the image's src of the card"
+        },
+        {
+          "name": "img-alt",
+          "description": "Indicates the img's alt of the card"
+        },
+        {
+          "name": "link",
+          "description": "Indicates the link of the card"
+        },
+        {
+          "name": "notification-text",
+          "description": "Indicates the notificationText of the card"
+        },
+        {
+          "name": "notification-url",
+          "description": "Indicates the notificationUrl of the card"
+        },
+        {
+          "name": "only-icon-button",
+          "description": "Indicate if card has only icon button"
+        },
+        {
+          "name": "out-of-stock",
+          "description": "Indicates if the product is outOfStock"
+        },
+        {
+          "name": "out-of-stock-text",
+          "description": "Indicates the outOfStockText of the product"
+        },
+        {
+          "name": "price",
+          "description": "Indicates the price of the card"
+        },
+        {
+          "name": "product-id",
+          "description": "Indicates the ID of the product, can be also a SKU"
+        },
+        {
+          "name": "product-name",
+          "description": "Indicates the title of the card"
+        },
+        {
+          "name": "quantity",
+          "description": "Indicates if the user can choose how much quantity of the product add to cart"
+        },
+        {
+          "name": "sale-price",
+          "description": "Indicates the sale price of the card"
+        },
+        {
+          "name": "subtitle",
+          "description": "Indicates the subtitle of the card"
+        },
+        {
+          "name": "video-src",
+          "description": "Indicates the videoSrc of the card"
+        },
+        {
+          "name": "waiting-list-text",
+          "description": "Indicates the button class of the add to cart / notification button"
+        }
+      ]
+    },
+    {
+      "name": "jump-filter",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "direction",
+          "description": "",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "filter-button-icon",
+          "description": ""
+        },
+        {
+          "name": "filter-button-label",
+          "description": ""
+        },
+        {
+          "name": "filter-heading",
+          "description": ""
+        },
+        {
+          "name": "filters",
+          "description": ""
+        },
+        {
+          "name": "mobile-threshold",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "jump-filtergroup",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "heading",
+          "description": ""
+        },
+        {
+          "name": "less-label",
+          "description": ""
+        },
+        {
+          "name": "max-elements",
+          "description": ""
+        },
+        {
+          "name": "name",
+          "description": ""
+        },
+        {
+          "name": "other-label",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "description": "",
+          "values": [
+            {
+              "name": "accordion"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "jump-icon",
       "description": {
@@ -198,9 +397,53 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "category",
+          "description": "Category of the icon",
+          "values": [
+            {
+              "name": "brands"
+            },
+            {
+              "name": "duotone"
+            },
+            {
+              "name": "light"
+            },
+            {
+              "name": "regular"
+            },
+            {
+              "name": "sharp-light"
+            },
+            {
+              "name": "sharp-regular"
+            },
+            {
+              "name": "sharp-solid"
+            },
+            {
+              "name": "sharp-thin"
+            },
+            {
+              "name": "solid"
+            },
+            {
+              "name": "thin"
+            }
+          ]
+        },
         {
           "name": "class",
-          "description": "Additional classes"
+          "description": "Class of the icon"
+        },
+        {
+          "name": "label",
+          "description": "Label for the icon"
+        },
+        {
+          "name": "library",
+          "description": "Library of the icon"
         },
         {
           "name": "name",
@@ -209,6 +452,10 @@
         {
           "name": "size",
           "description": "Size of the icon"
+        },
+        {
+          "name": "src",
+          "description": "Src of the icon"
         }
       ]
     },
@@ -221,15 +468,15 @@
       "attributes": [
         {
           "name": "last",
-          "description": ""
+          "description": "Last element of the page"
         },
         {
           "name": "pag-label",
-          "description": ""
+          "description": "Label of the pagination"
         },
         {
           "name": "show-first-and-last",
-          "description": ""
+          "description": "Show button to navigate so first e last page"
         }
       ]
     },
@@ -242,11 +489,11 @@
       "attributes": [
         {
           "name": "el-per-page",
-          "description": ""
+          "description": "Number of elements per page selected"
         },
         {
           "name": "first",
-          "description": ""
+          "description": "First element of the page"
         },
         {
           "name": "label-elements-per-page",
@@ -254,7 +501,7 @@
         },
         {
           "name": "last",
-          "description": ""
+          "description": "Last element of the page"
         },
         {
           "name": "pag-label",
@@ -262,11 +509,67 @@
         },
         {
           "name": "show-first-and-last",
-          "description": ""
+          "description": "Show button to navigate so first e last page"
         },
         {
           "name": "total",
+          "description": "Total of elements"
+        }
+      ]
+    },
+    {
+      "name": "jump-quantity",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "max",
           "description": ""
+        },
+        {
+          "name": "min",
+          "description": ""
+        },
+        {
+          "name": "show-buttons",
+          "description": ""
+        },
+        {
+          "name": "step",
+          "description": ""
+        },
+        {
+          "name": "type",
+          "description": "",
+          "values": [
+            {
+              "name": "buttons"
+            },
+            {
+              "name": "dropdown"
+            },
+            {
+              "name": "input"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
         }
       ]
     },
@@ -278,7 +581,61 @@
       },
       "attributes": [
         {
-          "name": "active-tab",
+          "name": "tab-group-name",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "description": "The style of the tab. The same value must be passed to all the items.\nChoosed from \"inline\", \"boxed\", \"sheet\", \"rounded\""
+        }
+      ]
+    },
+    {
+      "name": "jump-tab-item",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "description": ""
+        },
+        {
+          "name": "icon-name",
+          "description": "Name of the icon. If not provided, the icon will not be displayed"
+        },
+        {
+          "name": "icon-position",
+          "description": "Icon position, apply only if the icon is present\nChoosed from \"left\", \"top\""
+        },
+        {
+          "name": "identifier",
+          "description": "Identifier of the tab"
+        },
+        {
+          "name": "label",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "jump-tab-panel",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": ""
+        },
+        {
+          "name": "identifier",
           "description": ""
         }
       ]

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

@@ -0,0 +1,3 @@
+export declare class JumpAccordion {
+    render(): any;
+}

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

@@ -17,3 +17,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Badge: any;
+export declare const BadgeSecondary: any;

package/dist/types/components/jump-button/jump-button-anchor.stories.d.ts

@@ -19,11 +19,23 @@ declare const _default: {
                 large: string;
             };
         };
-        disabled: {
+        href: {
             name: string;
             description: string;
             control: string;
         };
+        target: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+            labels: {
+                _self: string;
+                _blank: string;
+                _parent: string;
+                _top: string;
+            };
+        };
         text: {
             name: string;
             description: string;
@@ -34,11 +46,13 @@ declare const _default: {
             description: string;
             control: string;
         };
+        disabled: {
+            name: string;
+            description: string;
+            control: string;
+        };
     };
 };
 export default _default;
 export declare const LinkPrimary: any;
-export declare const LinkSecondary: any;
-export declare const LinkNeutral: any;
-export declare const LinkWhite: any;
 export declare const LinkWithIcon: any;

package/dist/types/components/jump-button/jump-button-dimension.stories.d.ts

@@ -24,11 +24,6 @@ declare const _default: {
             description: string;
             control: string;
         };
-        text: {
-            name: string;
-            description: string;
-            control: string;
-        };
         id: {
             name: string;
             description: string;

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

@@ -29,12 +29,12 @@ declare const _default: {
             description: string;
             control: string;
         };
-        disabled: {
+        id: {
             name: string;
             description: string;
             control: string;
         };
-        id: {
+        disabled: {
             name: string;
             description: string;
             control: string;
@@ -42,12 +42,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Primary: any;
-export declare const Secondary: any;
-export declare const Neutral: any;
-export declare const White: any;
-export declare const Pill: any;
-export declare const noBackground: any;
-export declare const outline: any;
-export declare const outlinePill: any;
-export declare const Disabled: any;
+export declare const onlyIcon: any;
+export declare const withBackground: any;

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

@@ -0,0 +1,98 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+        };
+        outline: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        size: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+            labels: {
+                small: string;
+                medium: string;
+                large: string;
+            };
+        };
+        pill: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        name: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        value: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        ariaLabel: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        text: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        onlyIcon: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        full: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        href: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        target: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+            labels: {
+                _self: string;
+                _blank: string;
+                _parent: string;
+                _top: string;
+            };
+        };
+        id: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        disabled: {
+            name: string;
+            description: string;
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const ButtonWithIcon: any;
+export declare const ButtonWithoutIcon: any;
+export declare const Outline: any;
+export declare const Pill: any;
+export declare const Text: any;
+export declare const Disabled: any;
+export declare const CustomButton: any;

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;
+}