@jumpgroup/jump-design-system 0.2.6 → 0.3.0

package/dist/types/components/jump-icon/jump-icon-fa-sharp-solid.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-thin.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-solid.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-thin.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-button/jump-button-text.stories.d.ts → jump-icon/jump-icon-lucide.stories.d.ts}

@@ -2,39 +2,39 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        variant: {
+        library: {
             name: string;
+            control: string;
+            options: string[];
+            defaultValue: string;
             description: string;
+        };
+        name: {
+            name: string;
             control: string;
             options: string[];
+            defaultValue: string;
+            description: string;
         };
         size: {
             name: string;
-            description: string;
             control: string;
-            options: string[];
-            labels: {
+            options: {
+                inherit: string;
                 small: string;
                 medium: string;
                 large: string;
             };
-        };
-        disabled: {
-            name: string;
+            defaultValue: string;
             description: string;
-            control: string;
         };
-        id: {
+        label: {
             name: string;
-            description: string;
             control: string;
+            description: string;
         };
     };
 };
 export default _default;
-export declare const TextPrimary: any;
-export declare const TextSecondary: any;
-export declare const TextGrey: any;
-export declare const TextWhite: 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.d.ts

@@ -1,12 +1,41 @@
+import '@shoelace-style/shoelace/dist/components/icon/icon.js';
 export declare class JumpIcon {
+    /**
+     * Class of the icon
+     */
+    class: string;
+    /**
+     * Library of the icon
+     */
+    library: string;
     /**
      * Name of the icon
      **/
     name: string;
     /**
-     * Additional classes
+     * Category of the icon
+     */
+    category: 'solid' | 'sharp-light' | 'sharp-regular' | 'sharp-solid' | 'sharp-thin' | 'brands' | 'regular' | 'light' | 'thin' | 'duotone';
+    /**
+     * Size of the icon
      **/
-    class: string;
-    componentDidLoad(): void;
+    size: string;
+    /**
+     * Label for the icon
+     */
+    label: string;
+    /**
+     * Src of the icon
+     */
+    src: string;
+    componentWillLoad(): void;
     render(): any;
+    fontAwesomeClassGenerator: (name: string, category: string) => string;
+    fontAwesomeLibrary: {
+        resolver: (name: any) => string;
+        mutator: (svg: any) => any;
+    };
+    lucideLibrary: {
+        resolver: (name: any) => string;
+    };
 }

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

@@ -2,8 +2,17 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class JumpPagination {
     current: number;
     watchcurrent(newValue: number, oldValue: number): void;
+    /**
+     * Label of the pagination
+     */
     pagLabel: string;
+    /**
+     * Last element of the page
+     */
     last: number;
+    /**
+     * Show button to navigate so first e last page
+     */
     showFirstAndLast: boolean;
     changePage: EventEmitter;
     componentWillLoad(): void;

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

@@ -4,20 +4,36 @@ export declare class JumpPaginationTable {
      * Values for the elements per page select
      */
     elementsRanges: Array<number>;
+    /**
+     * Number of elements per page selected
+     */
     elPerPage: number;
+    elPerPageChanged(newValue: number, oldValue: number): void;
     pagLabel: string;
     /**
      * Label for the elements per page select
      */
     labelElementsPerPage: string;
+    /**
+     * Total of elements
+     */
     total: number;
+    /**
+     * First element of the page
+     */
     first: number;
+    /**
+     * Last element of the page
+     */
     last: number;
+    /**
+     * Show button to navigate so first e last page
+     */
     showFirstAndLast: boolean;
-    elPerPageChanged(newValue: number, oldValue: number): void;
-    setElPerPage(e: any): void;
     changePage: EventEmitter;
     changeElPerPage: EventEmitter;
+    componentWillLoad(): void;
+    setElPerPage(e: any): void;
     doChangePage(dir: any): void;
     render(): any;
 }

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

@@ -37,10 +37,14 @@ declare const _default: {
             control: string;
             description: string;
         };
+        elPerPage: {
+            name: string;
+            control: string;
+            description: string;
+        };
     };
 };
 export default _default;
-export declare const TemplatePagTableWithListenerExample: (args: any, data: any) => any;
 export declare const PlaygroundPagTable: any;
 export declare const PaginationTableRidotto: any;
 export declare const PaginationTableCompleto: any;

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

@@ -0,0 +1,20 @@
+export declare class JumpQuantity {
+    internals: ElementInternals;
+    el: any;
+    min: number;
+    max: number;
+    step: number;
+    label: string;
+    type: 'buttons' | 'dropdown' | 'input';
+    variant: 'vertical' | 'horizontal';
+    showButtons: boolean;
+    change: any;
+    value: any;
+    inputEl: HTMLInputElement;
+    onValueChange(newValue: any, oldValue: any): void;
+    componentWillLoad(): void;
+    formResetCallback(): void;
+    handleChange(event: any): void;
+    handleBlur(event: any): void;
+    render(): any;
+}

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

@@ -0,0 +1,41 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        min: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        max: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        step: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        showButtons: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        variant: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const CheckValues: any;
+export declare const FormExample: any;

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

@@ -1,6 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class JumpTab {
-    activeTab: string;
-    tabNames: Array<string>;
-    componentWillLoad(): void;
+    JumpTabEl: HTMLElement;
+    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;
+    setActiveTab: EventEmitter;
+    changeActiveTabHandler(event: CustomEvent): void;
+    componentDidLoad(): void;
     render(): any;
 }

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        tabGroupName: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        variant: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const TabInline: any;
+export declare const TabBoxed: any;
+export declare const TabRounded: any;
+export declare const OneTabDisabled: any;
+export declare const TabInlineWithListener: any;
+export declare const TabBoxedWithListener: any;
+export declare const TaRoundedWithListener: any;
+export declare const TabSheetWithListener: any;
+export declare const TabInlineWithPanel: any;

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

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        identifier: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        iconName: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        iconPosition: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        active: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        disabled: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const TabBoxedItem: any;

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

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        identifier: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        iconName: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        iconPosition: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        active: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        disabled: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const TabItem: any;

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

@@ -0,0 +1,28 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        identifier: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        active: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        disabled: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const TabBoxedItem: any;

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

@@ -0,0 +1,28 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        identifier: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        label: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        active: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        disabled: {
+            name: string;
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const TabBoxedItem: any;

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

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class JumpTabItem {
+    /**
+     * Identifier of the tab
+     */
+    identifier: string;
+    /**
+     * 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;
+    label: string;
+    active: boolean;
+    disabled: boolean;
+    /**
+     * The style of the tab item
+     * Choosed from "inline", "boxed", "sheet", "rounded"
+     */
+    variant: string;
+    changeActiveTab: EventEmitter;
+    changeTab(identifier: any): void;
+    componentDidLoad(): void;
+    tabEl: HTMLElement;
+    render(): any;
+}

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

@@ -0,0 +1,5 @@
+export declare class JumpTabPanel {
+    identifier: string;
+    active: boolean;
+    render(): any;
+}