@jumpgroup/jump-design-system 0.3.0 → 0.3.2

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

@@ -16,19 +16,57 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "dimension",
+          "description": "Indicates the variant of the badge",
+          "values": [
+            {
+              "name": "dot"
+            },
+            {
+              "name": "large"
+            },
+            {
+              "name": "microdot"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
         {
           "name": "label",
           "description": "Indicates the label of the badge"
         },
+        {
+          "name": "outline",
+          "description": "Indicates the variant of the badge"
+        },
+        {
+          "name": "soft",
+          "description": "Indicates the variant of the badge"
+        },
         {
           "name": "variant",
           "description": "Indicates the variant of the badge",
           "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "neutral"
+            },
             {
               "name": "primary"
             },
             {
               "name": "secondary"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
             }
           ]
         }
@@ -222,10 +260,6 @@
           "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"
@@ -286,10 +320,6 @@
           "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"
@@ -559,6 +589,10 @@
             }
           ]
         },
+        {
+          "name": "value",
+          "description": ""
+        },
         {
           "name": "variant",
           "description": "",

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

@@ -6,6 +6,18 @@ export declare class AppBadge {
     /**
      * Indicates the variant of the badge
      */
-    variant: 'primary' | 'secondary';
+    variant: 'primary' | 'secondary' | 'neutral' | 'warning' | 'success' | 'danger';
+    /**
+     * Indicates the variant of the badge
+     */
+    dimension: 'large' | 'small' | 'dot' | 'microdot';
+    /**
+     * Indicates the variant of the badge
+     */
+    soft: boolean;
+    /**
+     * Indicates the variant of the badge
+     */
+    outline: boolean;
     render(): any;
 }

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

@@ -13,8 +13,29 @@ declare const _default: {
             control: string;
             options: string[];
         };
+        outline: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        soft: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        dimension: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+        };
     };
 };
 export default _default;
 export declare const Badge: any;
-export declare const BadgeSecondary: any;
+export declare const IconBadge: any;
+export declare const Outline: any;
+export declare const Soft: any;
+export declare const Small: any;
+export declare const Dot: any;
+export declare const MicroDot: any;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class JumpCardEcommerce {
     JumpCardEcommerce: HTMLElement;
+    jumpQuantityEl: any;
     /** Indicate if card has only icon button*/
     onlyIconButton: boolean;
     /** Indicate if card has background*/
@@ -45,22 +46,20 @@ export declare class JumpCardEcommerce {
     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;
+    quantity: number;
     toggleFavorite: EventEmitter;
     productAddToCart: EventEmitter;
     productWaitingList: EventEmitter;
-    changeQuantity: EventEmitter;
     changeVariation: EventEmitter;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onQuantityChange(e: any): 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

@@ -111,12 +111,6 @@ declare const _default: {
             description: string;
             control: string;
         };
-        quantity: {
-            name: string;
-            description: string;
-            control: string;
-            defaultValue: boolean;
-        };
     };
 };
 export default _default;

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

@@ -8,10 +8,15 @@ export declare class JumpQuantity {
     type: 'buttons' | 'dropdown' | 'input';
     variant: 'vertical' | 'horizontal';
     showButtons: boolean;
-    change: any;
     value: any;
+    change: any;
     inputEl: HTMLInputElement;
     onValueChange(newValue: any, oldValue: any): void;
+    /**
+     * Get the current value
+     */
+    getValue(): Promise<any>;
+    reset(): Promise<void>;
     componentWillLoad(): void;
     formResetCallback(): void;
     handleChange(event: any): void;

package/dist/types/components/jump-tab-item/jump-tab-item-boxed.stories.d.ts

@@ -15,7 +15,6 @@ declare const _default: {
         iconName: {
             name: string;
             control: string;
-            options: string[];
             description: string;
         };
         iconPosition: {

package/dist/types/components/jump-tab-item/jump-tab-item-inline.stories.d.ts

@@ -15,7 +15,6 @@ declare const _default: {
         iconName: {
             name: string;
             control: string;
-            options: string[];
             description: string;
         };
         iconPosition: {

package/dist/types/components.d.ts

@@ -9,6 +9,10 @@ export namespace Components {
     interface JumpAccordion {
     }
     interface JumpBadge {
+        /**
+          * Indicates the variant of the badge
+         */
+        "dimension": 'large'|'small'|'dot'|'microdot';
         /**
           * Indicates the label of the badge
          */
@@ -16,7 +20,15 @@ export namespace Components {
         /**
           * Indicates the variant of the badge
          */
-        "variant": 'primary'|'secondary';
+        "outline": boolean;
+        /**
+          * Indicates the variant of the badge
+         */
+        "soft": boolean;
+        /**
+          * Indicates the variant of the badge
+         */
+        "variant": 'primary'|'secondary'|'neutral'|'warning'|'success'|'danger';
     }
     interface JumpButton {
         /**
@@ -147,10 +159,6 @@ export namespace Components {
           * Indicates the badge of the card
          */
         "badge": string;
-        /**
-          * Indicate if the quantity is change
-         */
-        "changedQuantity": boolean;
         /**
           * Indicate if the variation is change
          */
@@ -211,10 +219,6 @@ export namespace Components {
           * 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
          */
@@ -332,12 +336,18 @@ export namespace Components {
         "total": number;
     }
     interface JumpQuantity {
+        /**
+          * Get the current value
+         */
+        "getValue": () => Promise<any>;
         "label": string;
         "max": number;
         "min": number;
+        "reset": () => Promise<void>;
         "showButtons": boolean;
         "step": number;
         "type": 'buttons' | 'dropdown' | 'input';
+        "value": any;
         "variant": 'vertical' | 'horizontal';
     }
     interface JumpTab {
@@ -426,7 +436,6 @@ declare global {
         "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 {
@@ -585,6 +594,10 @@ declare namespace LocalJSX {
     interface JumpAccordion {
     }
     interface JumpBadge {
+        /**
+          * Indicates the variant of the badge
+         */
+        "dimension"?: 'large'|'small'|'dot'|'microdot';
         /**
           * Indicates the label of the badge
          */
@@ -592,7 +605,15 @@ declare namespace LocalJSX {
         /**
           * Indicates the variant of the badge
          */
-        "variant"?: 'primary'|'secondary';
+        "outline"?: boolean;
+        /**
+          * Indicates the variant of the badge
+         */
+        "soft"?: boolean;
+        /**
+          * Indicates the variant of the badge
+         */
+        "variant"?: 'primary'|'secondary'|'neutral'|'warning'|'success'|'danger';
     }
     interface JumpButton {
         /**
@@ -723,10 +744,6 @@ declare namespace LocalJSX {
           * Indicates the badge of the card
          */
         "badge"?: string;
-        /**
-          * Indicate if the quantity is change
-         */
-        "changedQuantity"?: boolean;
         /**
           * Indicate if the variation is change
          */
@@ -765,7 +782,6 @@ declare namespace LocalJSX {
         "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;
         /**
@@ -792,10 +808,6 @@ declare namespace LocalJSX {
           * 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
          */
@@ -916,6 +928,7 @@ declare namespace LocalJSX {
         "showButtons"?: boolean;
         "step"?: number;
         "type"?: 'buttons' | 'dropdown' | 'input';
+        "value"?: any;
         "variant"?: 'vertical' | 'horizontal';
     }
     interface JumpTab {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",