@jumpgroup/jump-design-system 0.2.2 → 0.2.4

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

@@ -0,0 +1,40 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+        };
+        size: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+            labels: {
+                small: string;
+                medium: string;
+                large: string;
+            };
+        };
+        disabled: {
+            name: string;
+            description: string;
+            control: string;
+        };
+        id: {
+            name: string;
+            description: string;
+            control: 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;

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

@@ -1,4 +1,4 @@
-export declare class AppButton {
+export declare class JumpButton {
     /**
      * Set the button as disabled; Vale solo per i bottoni
      */
@@ -6,7 +6,7 @@ export declare class AppButton {
     /**
      * 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 AppButton {
      * Indicates the size of the button
      */
     size: string;
+    /**
+     * Indicates if the button is full width
+     */
+    full: boolean;
     /**
      * Indicates the button as pill
      */
@@ -59,5 +63,6 @@ export declare class AppButton {
      * Indicates classes of the component
      **/
     buttonId: string;
+    componentWillLoad(): void;
     render(): any;
 }

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

package/dist/types/components.d.ts

@@ -33,6 +33,10 @@ export namespace Components {
           * Set the button as disabled; Vale solo per i bottoni
          */
         "disabled": boolean;
+        /**
+          * Indicates if the button is full width
+         */
+        "full": boolean;
         /**
           * Indicates if button becames a anchor
          */
@@ -76,7 +80,7 @@ export namespace Components {
         /**
           * Indicates the variant of the button
          */
-        "variant": 'primary'|'secondary'|'tertiary'|'neutral';
+        "variant": 'primary'|'secondary'|'white'|'neutral';
     }
     interface JumpCard {
         /**
@@ -139,24 +143,28 @@ export namespace Components {
           * If true, the component will show the complete version of the pagination, with elements informations
          */
         "completeVersion": boolean;
-        "currentPage": number;
         /**
           * Values for the elements per page select
          */
         "elementsRanges": Array<number>;
-        /**
-          * Indicates the first page/product of the list
-         */
-        "firstPage": number;
+        "initialPage": number;
         /**
           * Label for the elements per page select
          */
         "labelElementsPerPage": string;
         "lastPage": number;
         "pagLabel": string;
-        "showAdditionalChrevrons": boolean;
+        "showFirstAndLast": boolean;
         "totalElements": number;
     }
+    interface JumpTab {
+        "activeTab": string;
+        "tabNames": Array<string>;
+    }
+}
+export interface JumpPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJumpPaginationElement;
 }
 declare global {
     interface HTMLJumpBadgeElement extends Components.JumpBadge, HTMLStencilElement {
@@ -183,18 +191,36 @@ declare global {
         prototype: HTMLJumpIconElement;
         new (): HTMLJumpIconElement;
     };
+    interface HTMLJumpPaginationElementEventMap {
+        "jump-change-page": any;
+    }
     interface HTMLJumpPaginationElement extends Components.JumpPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJumpPaginationElementEventMap>(type: K, listener: (this: HTMLJumpPaginationElement, ev: JumpPaginationCustomEvent<HTMLJumpPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJumpPaginationElementEventMap>(type: K, listener: (this: HTMLJumpPaginationElement, ev: JumpPaginationCustomEvent<HTMLJumpPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLJumpPaginationElement: {
         prototype: HTMLJumpPaginationElement;
         new (): HTMLJumpPaginationElement;
     };
+    interface HTMLJumpTabElement extends Components.JumpTab, HTMLStencilElement {
+    }
+    var HTMLJumpTabElement: {
+        prototype: HTMLJumpTabElement;
+        new (): HTMLJumpTabElement;
+    };
     interface HTMLElementTagNameMap {
         "jump-badge": HTMLJumpBadgeElement;
         "jump-button": HTMLJumpButtonElement;
         "jump-card": HTMLJumpCardElement;
         "jump-icon": HTMLJumpIconElement;
         "jump-pagination": HTMLJumpPaginationElement;
+        "jump-tab": HTMLJumpTabElement;
     }
 }
 declare namespace LocalJSX {
@@ -225,6 +251,10 @@ declare namespace LocalJSX {
           * Set the button as disabled; Vale solo per i bottoni
          */
         "disabled"?: boolean;
+        /**
+          * Indicates if the button is full width
+         */
+        "full"?: boolean;
         /**
           * Indicates if button becames a anchor
          */
@@ -268,7 +298,7 @@ declare namespace LocalJSX {
         /**
           * Indicates the variant of the button
          */
-        "variant"?: 'primary'|'secondary'|'tertiary'|'neutral';
+        "variant"?: 'primary'|'secondary'|'white'|'neutral';
     }
     interface JumpCard {
         /**
@@ -331,30 +361,32 @@ declare namespace LocalJSX {
           * If true, the component will show the complete version of the pagination, with elements informations
          */
         "completeVersion"?: boolean;
-        "currentPage"?: number;
         /**
           * Values for the elements per page select
          */
         "elementsRanges"?: Array<number>;
-        /**
-          * Indicates the first page/product of the list
-         */
-        "firstPage"?: number;
+        "initialPage"?: number;
         /**
           * Label for the elements per page select
          */
         "labelElementsPerPage"?: string;
         "lastPage"?: number;
+        "onJump-change-page"?: (event: JumpPaginationCustomEvent<any>) => void;
         "pagLabel"?: string;
-        "showAdditionalChrevrons"?: boolean;
+        "showFirstAndLast"?: boolean;
         "totalElements"?: number;
     }
+    interface JumpTab {
+        "activeTab"?: string;
+        "tabNames"?: Array<string>;
+    }
     interface IntrinsicElements {
         "jump-badge": JumpBadge;
         "jump-button": JumpButton;
         "jump-card": JumpCard;
         "jump-icon": JumpIcon;
         "jump-pagination": JumpPagination;
+        "jump-tab": JumpTab;
     }
 }
 export { LocalJSX as JSX };
@@ -366,6 +398,7 @@ declare module "@stencil/core" {
             "jump-card": LocalJSX.JumpCard & JSXBase.HTMLAttributes<HTMLJumpCardElement>;
             "jump-icon": LocalJSX.JumpIcon & JSXBase.HTMLAttributes<HTMLJumpIconElement>;
             "jump-pagination": LocalJSX.JumpPagination & JSXBase.HTMLAttributes<HTMLJumpPaginationElement>;
+            "jump-tab": LocalJSX.JumpTab & JSXBase.HTMLAttributes<HTMLJumpTabElement>;
         }
     }
 }

package/dist/types/utils/utils.d.ts

@@ -1 +1,2 @@
-export declare function format(first: string, middle: string, last: string): string;
+export declare const generateAttributesFromArgs: (arg: any) => string;
+export declare const formatHtml: (html: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -34,7 +34,8 @@
     "generate-styles": "node ./style-generator.mjs"
   },
   "dependencies": {
-    "@stencil/core": "^4.12.4"
+    "@stencil/core": "^4.12.4",
+    "js-beautify": "^1.15.1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.21.5",