@jumpgroup/jump-design-system 0.1.4 → 0.1.6

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

@@ -8,9 +8,25 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "aria-label",
+          "description": "Indicates the value of text alternative to an element that has no visible text on the screen"
+        },
+        {
+          "name": "class",
+          "description": "Indicates classes of the component"
+        },
         {
           "name": "disabled",
-          "description": "Set the button as disabled"
+          "description": "Set the button as disabled; Vale solo per i bottoni"
+        },
+        {
+          "name": "href",
+          "description": "Indicates if button becames a anchor"
+        },
+        {
+          "name": "name",
+          "description": "Indicates the name that the sender button will send"
         },
         {
           "name": "only-icon",
@@ -28,14 +44,54 @@
           "name": "size",
           "description": "Indicates the size of the button"
         },
+        {
+          "name": "target",
+          "description": "Indicates the type of anchor's target",
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ]
+        },
         {
           "name": "text",
           "description": "Indicates the button as text"
         },
+        {
+          "name": "type",
+          "description": "Indicates type button",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Indicates the value that the sender button will send"
+        },
         {
           "name": "variant",
           "description": "Indicates the variant of the button",
           "values": [
+            {
+              "name": "neutral"
+            },
             {
               "name": "primary"
             },

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

@@ -1,12 +1,12 @@
 export declare class AppIcon {
-  /**
-   * Name of the icon
-   **/
-  name: string;
-  /**
-   * Additional classes
-   **/
-  class: string;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * Name of the icon
+     **/
+    name: string;
+    /**
+     * Additional classes
+     **/
+    class: string;
+    componentDidLoad(): void;
+    render(): any;
 }

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

@@ -1,19 +1,19 @@
 declare const _default: {
-  title: string;
-  tags: string[];
-  argTypes: {
-    name: {
-      name: string;
-      control: string;
-      options: string[];
-      description: string;
+    title: string;
+    tags: string[];
+    argTypes: {
+        name: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+        };
+        class: {
+            name: string;
+            control: string;
+            description: string;
+        };
     };
-    class: {
-      name: string;
-      control: string;
-      description: string;
-    };
-  };
 };
 export default _default;
 export declare const Icon: any;

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

@@ -1,31 +1,59 @@
 export declare class AppButton {
-  /**
-   * Set the button as disabled
-   */
-  disabled: boolean;
-  /**
-   * Indicates the variant of the button
-   */
-  variant: 'primary' | 'secondary' | 'tertiary';
-  /**
-   * Indicates the button as outline
-   */
-  outline: boolean;
-  /**
-   * Indicates the size of the button
-   */
-  size: string;
-  /**
-   * Indicates the button as pill
-   */
-  pill: boolean;
-  /**
-    * Indicates the button as text
-   */
-  text: boolean;
-  /**
-   * Indicates the button as only icon
-   **/
-  onlyIcon: boolean;
-  render(): any;
+    /**
+     * Set the button as disabled; Vale solo per i bottoni
+     */
+    disabled: boolean;
+    /**
+     * Indicates the variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'tertiary' | 'neutral';
+    /**
+     * Indicates the button as outline
+     */
+    outline: boolean;
+    /**
+     * Indicates the size of the button
+     */
+    size: string;
+    /**
+     * Indicates the button as pill
+     */
+    pill: boolean;
+    /**
+      * Indicates the button as text
+     */
+    text: boolean;
+    /**
+     * Indicates the button as only icon
+     **/
+    onlyIcon: boolean;
+    /**
+     * Indicates if button becames a anchor
+     **/
+    href: string;
+    /**
+     * Indicates the type of anchor's target
+     **/
+    target: '_blank' | '_parent' | '_self' | '_top';
+    /**
+     * Indicates type button
+     **/
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * Indicates the name that the sender button will send
+     **/
+    name: string;
+    /**
+     * Indicates the value that the sender button will send
+     **/
+    value: string;
+    /**
+     * Indicates the value of text alternative to an element that has no visible text on the screen
+     **/
+    ariaLabel: string;
+    /**
+     * Indicates classes of the component
+     **/
+    class: string;
+    render(): any;
 }

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

@@ -1,90 +1,151 @@
 declare const _default: {
-  title: string;
-  tags: string[];
-  argTypes: {
-    label: {
-      name: string;
-      description: string;
-      control: string;
+    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;
+            control: string;
+            options: string[];
+            labels: {
+                small: string;
+                medium: string;
+                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;
+            };
+        };
     };
-    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;
-    };
-    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;
-      };
-    };
-  };
 };
 export default _default;
 export declare const Primary: any;
@@ -92,4 +153,9 @@ export declare const OutlinePrimary: any;
 export declare const PillPrimary: any;
 export declare const OutlinePillPrimary: any;
 export declare const Disabled: any;
-export declare const Text: any;
+export declare const TextSecondary: any;
+export declare const CustomButton: any;
+export declare const ButtonWithIcon: any;
+export declare const ButtonWithOnlyIcon: any;
+export declare const Link: any;
+export declare const AnchorWithIcon: any;

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

@@ -1,26 +1,26 @@
 export declare class JumpPagination {
-  totalElements: number;
-  /**
-   *
-   */
-  currentPage: number;
-  lastPage: number;
-  /**
-   * Label for the elements per page select
-   */
-  labelElementsPerPage: string;
-  /**
-   * 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;
-  render(): any;
+    totalElements: number;
+    /**
+     *
+     */
+    currentPage: number;
+    lastPage: number;
+    /**
+     * Label for the elements per page select
+     */
+    labelElementsPerPage: string;
+    /**
+     * 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;
+    render(): any;
 }

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

@@ -1,68 +1,68 @@
 declare const _default: {
-  title: string;
-  tags: string[];
-  argTypes: {
-    completeVersion: {
-      name: string;
-      control: string;
-      description: string;
+    title: string;
+    tags: string[];
+    argTypes: {
+        completeVersion: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        showAdditionalChrevrons: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        firstPage: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
+        currentPage: {
+            name: string;
+            control: string;
+            description: string;
+        };
+        lastPage: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
+        totalElements: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
+        labelElementsPerPage: {
+            name: string;
+            control: string;
+            description: string;
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
+        elementsRanges: {
+            name: string;
+            control: string;
+            options: number[];
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
     };
-    showAdditionalChrevrons: {
-      name: string;
-      control: string;
-      description: string;
-    };
-    firstPage: {
-      name: string;
-      control: string;
-      description: string;
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-    currentPage: {
-      name: string;
-      control: string;
-      description: string;
-    };
-    lastPage: {
-      name: string;
-      control: string;
-      description: string;
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-    totalElements: {
-      name: string;
-      control: string;
-      description: string;
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-    labelElementsPerPage: {
-      name: string;
-      control: string;
-      description: string;
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-    elementsRanges: {
-      name: string;
-      control: string;
-      options: number[];
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-  };
 };
 export default _default;
 export declare const PaginationPerProdottiRidotto: any;