@jumpgroup/jump-design-system 0.2.3 → 0.2.4

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

@@ -2,11 +2,6 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        label: {
-            name: string;
-            description: string;
-            control: string;
-        };
         variant: {
             name: string;
             description: string;
@@ -39,112 +34,6 @@ declare const _default: {
             description: string;
             control: string;
         };
-        text: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        showIcon: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        iconOnly: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconName: {
-            name: string;
-            control: string;
-            options: string[];
-            description: string;
-            defaultValue: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconPosition: {
-            name: string;
-            description: string;
-            defaultValue: string;
-            control: string;
-            options: string[];
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-            labels: {
-                left: string;
-                right: string;
-            };
-        };
-        type: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                button: string;
-                submit: string;
-                reset: string;
-            };
-        };
-        name: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        value: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        ariaLabel: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        href: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        target: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                _blank: string;
-                _parent: string;
-                _self: string;
-                _top: string;
-            };
-        };
         id: {
             name: string;
             description: string;
@@ -157,8 +46,8 @@ export declare const Primary: any;
 export declare const Secondary: any;
 export declare const Neutral: any;
 export declare const White: any;
-export declare const PillPrimary: any;
-export declare const IconText: any;
-export declare const ButtonWithOnlyIconSquare: any;
-export declare const ButtonWithOnlyIconPill: 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;

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

@@ -2,22 +2,12 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        label: {
-            name: string;
-            description: string;
-            control: string;
-        };
         variant: {
             name: string;
             description: string;
             control: string;
             options: string[];
         };
-        outline: {
-            name: string;
-            description: string;
-            control: string;
-        };
         size: {
             name: string;
             description: string;
@@ -39,111 +29,15 @@ declare const _default: {
             description: string;
             control: string;
         };
-        text: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        showIcon: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        iconOnly: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconName: {
-            name: string;
-            control: string;
-            options: string[];
-            description: string;
-            defaultValue: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconPosition: {
+        full: {
             name: string;
             description: string;
-            defaultValue: string;
             control: string;
-            options: string[];
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-            labels: {
-                left: string;
-                right: string;
-            };
         };
-        type: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                button: string;
-                submit: string;
-                reset: string;
-            };
-        };
-        name: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        value: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        ariaLabel: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        href: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        target: {
+        text: {
             name: string;
             description: string;
-            default: string;
             control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                _blank: string;
-                _parent: string;
-                _self: string;
-                _top: string;
-            };
         };
         id: {
             name: string;
@@ -157,6 +51,6 @@ export declare const OutlinePrimary: any;
 export declare const OutlineSecondary: any;
 export declare const OutlineGrey: any;
 export declare const OutlineWhite: any;
-export declare const OutlinePillPrimary: any;
-export declare const ButtonWithIcon: any;
+export declare const outlinePill: any;
+export declare const withIcon: any;
 export declare const Disabled: any;

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

@@ -2,22 +2,12 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        label: {
-            name: string;
-            description: string;
-            control: string;
-        };
         variant: {
             name: string;
             description: string;
             control: string;
             options: string[];
         };
-        outline: {
-            name: string;
-            description: string;
-            control: string;
-        };
         size: {
             name: string;
             description: string;
@@ -29,122 +19,11 @@ declare const _default: {
                 large: string;
             };
         };
-        pill: {
-            name: string;
-            description: string;
-            control: string;
-        };
         disabled: {
             name: string;
             description: string;
             control: string;
         };
-        text: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        showIcon: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        iconOnly: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconName: {
-            name: string;
-            control: string;
-            options: string[];
-            description: string;
-            defaultValue: string;
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-        };
-        iconPosition: {
-            name: string;
-            description: string;
-            defaultValue: string;
-            control: string;
-            options: string[];
-            if: {
-                arg: string;
-                eq: boolean;
-            };
-            labels: {
-                left: string;
-                right: string;
-            };
-        };
-        type: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                button: string;
-                submit: string;
-                reset: string;
-            };
-        };
-        name: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        value: {
-            name: string;
-            description: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-        };
-        ariaLabel: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        href: {
-            name: string;
-            description: string;
-            control: string;
-        };
-        target: {
-            name: string;
-            description: string;
-            default: string;
-            control: string;
-            if: {
-                arg: string;
-                exists: boolean;
-            };
-            options: string[];
-            labels: {
-                _blank: string;
-                _parent: string;
-                _self: string;
-                _top: string;
-            };
-        };
         id: {
             name: string;
             description: string;
@@ -157,5 +36,5 @@ export declare const TextPrimary: any;
 export declare const TextSecondary: any;
 export declare const TextGrey: any;
 export declare const TextWhite: any;
-export declare const ButtonTextWithIcon: any;
-export declare const TextDisabled: any;
+export declare const withIcon: any;
+export declare const disabled: any;

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

@@ -6,7 +6,7 @@ export declare class JumpButton {
     /**
      * Indicates the variant of the button
      */
-    variant: 'primary' | 'secondary' | 'tertiary' | 'neutral';
+    variant: 'primary' | 'secondary' | 'white' | 'neutral';
     /**
      * Indicates the button as outline
      */
@@ -15,6 +15,10 @@ export declare class JumpButton {
      * Indicates the size of the button
      */
     size: string;
+    /**
+     * Indicates if the button is full width
+     */
+    full: boolean;
     /**
      * Indicates the button as pill
      */

package/dist/types/components/{app-icon → jump-icon}/jump-icon.d.ts

@@ -1,4 +1,4 @@
-export declare class AppIcon {
+export declare class JumpIcon {
     /**
      * Name of the icon
      **/

package/dist/types/components/jump-pagination/jump-pagination-pages.stories.d.ts

@@ -26,7 +26,7 @@ declare const _default: {
                 eq: boolean;
             };
         };
-        currentPage: {
+        initialPage: {
             name: string;
             control: string;
             description: string;
@@ -70,5 +70,6 @@ declare const _default: {
     };
 };
 export default _default;
+export declare const Playground: any;
 export declare const PaginationPerPagineRidotto: any;
 export declare const PaginationPerPagineCompleto: any;

package/dist/types/components/jump-pagination/jump-pagination-products.stories.d.ts

@@ -12,7 +12,7 @@ declare const _default: {
             control: string;
             description: string;
         };
-        showAdditionalChrevrons: {
+        showFirstAndLast: {
             name: string;
             control: string;
             description: string;
@@ -26,7 +26,7 @@ declare const _default: {
                 eq: boolean;
             };
         };
-        currentPage: {
+        initialPage: {
             name: string;
             control: string;
             description: string;

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

@@ -1,10 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class JumpPagination {
-    totalElements: number;
-    pagLabel: string;
     /**
-     *
+     * Indicates the first page/product of the list
      */
+    firstPage: number;
     currentPage: number;
+    watchCurrentPage(newValue: number, oldValue: number): void;
+    totalElements: number;
+    pagLabel: string;
+    initialPage: number;
     lastPage: number;
     /**
      * Label for the elements per page select
@@ -14,14 +18,12 @@ export declare class JumpPagination {
      * Values for the elements per page select
      */
     elementsRanges: Array<number>;
-    /**
-     * Indicates the first page/product of the list
-     */
-    firstPage: number;
     /**
      * If true, the component will show the complete version of the pagination, with elements informations
      */
     completeVersion: boolean;
-    showAdditionalChrevrons: boolean;
+    showFirstAndLast: boolean;
+    jumpChangePage: EventEmitter;
+    componentWillLoad(): void;
     render(): any;
 }

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        activeTab: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        tabNames: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const TabInline: any;

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

@@ -0,0 +1,6 @@
+export declare class JumpTab {
+    activeTab: string;
+    tabNames: Array<string>;
+    componentWillLoad(): void;
+    render(): any;
+}