@jumpgroup/jump-design-system 0.2.7 → 0.3.1

package/dist/collection/components/jump-button/jump-button-anchor.stories.js

@@ -4,7 +4,7 @@ export default {
     tags: ['autodocs'],
     argTypes: {
         variant: {
-            name: 'Variante',
+            name: 'variant',
             description: 'Imposta la variante di colore del link',
             control: 'select',
             options: [
@@ -15,7 +15,7 @@ export default {
             ],
         },
         size: {
-            name: 'Dimensione',
+            name: 'size',
             description: 'Imposta la dimensione del link',
             control: 'select',
             options: [
@@ -29,58 +29,67 @@ export default {
                 large: 'Grande'
             }
         },
-        disabled: {
-            name: 'Disabilitato',
-            description: 'Imposta se il link deve essere disabilitato',
-            control: 'boolean'
+        href: {
+            name: 'href',
+            description: 'Imposta l\'href del link',
+            control: 'text'
+        },
+        target: {
+            name: 'target',
+            description: 'Imposta il target del link',
+            control: 'select',
+            options: [
+                '_self',
+                '_blank',
+                '_parent',
+                '_top'
+            ],
+            labels: {
+                _self: '_self',
+                _blank: '_blank',
+                _parent: '_parent',
+                _top: '_top'
+            },
         },
         text: {
-            name: 'Testo',
+            name: 'text',
             description: 'Imposta se il link è solo testo, quindi senza bordo, sfondo e padding',
             control: 'boolean'
         },
         id: {
-            name: 'ID',
+            name: 'id',
             description: 'Imposta l\'id del link',
             control: 'text'
         },
+        disabled: {
+            name: 'disabled',
+            description: 'Imposta se il link deve essere disabilitato',
+            control: 'boolean'
+        },
     }
 };
 const Template = (args) => {
     const attributes = generateAttributesFromArgs(args);
-    return `<jump-button ${attributes} href="www.jumpgroup.it" target="_blank"> Scopri di più </jump-button>`;
+    return `<jump-button ${attributes}> Scopri di più </jump-button>`;
 };
 const TemplateWithIcon = (args) => {
     const attributes = generateAttributesFromArgs(args);
-    return `<jump-button ${attributes} href="www.jumpgroup.it" target="_blank"> <jump-icon slot="suffix" name="arrow-right"></jump-icon> Scopri di più </jump-button>`;
+    return `<jump-button ${attributes}> <jump-icon slot="suffix" name="arrow-right"></jump-icon> Scopri di più </jump-button>`;
 };
 export const LinkPrimary = Template.bind({});
 LinkPrimary.args = {
     variant: 'primary',
     size: 'small',
     text: true,
-};
-export const LinkSecondary = Template.bind({});
-LinkSecondary.args = {
-    variant: 'secondary',
-    size: 'medium',
-};
-export const LinkNeutral = Template.bind({});
-LinkNeutral.args = {
-    variant: 'neutral',
-    size: 'large',
-    text: true,
-};
-export const LinkWhite = Template.bind({});
-LinkWhite.args = {
-    variant: 'white',
-    size: 'medium',
-    text: true,
+    href: 'https://www.google.com',
+    target: '_blank',
 };
 export const LinkWithIcon = TemplateWithIcon.bind({});
 LinkWithIcon.args = {
     variant: 'primary',
-    size: 'medium',
-    full: true
+    size: 'small',
+    text: true,
+    href: 'https://www.google.com',
+    target: '_blank',
 };
 //# sourceMappingURL=jump-button-anchor.stories.js.map

package/dist/collection/components/jump-button/jump-button-anchor.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-button-anchor.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-anchor.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,SAAS;gBACT,WAAW;gBACX,SAAS;gBACT,OAAO;aACR;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,gCAAgC;YAC7C,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,OAAO;gBACP,QAAQ;gBACR,OAAO;aACR;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,QAAQ;aAChB;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,cAAc;YACpB,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,uEAAuE;YACpF,OAAO,EAAE,SAAS;SACnB;QACD,EAAE,EAAE;YACF,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,wBAAwB;YACrC,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,gBAAgB,UAAU,wEAAwE,CAAA;AAC3G,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;IAChC,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,gBAAgB,UAAU,iIAAiI,CAAA;AACpK,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,YAAY,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,IAAI;CACX,CAAC","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/Anchor',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'Variante',\n      description: 'Imposta la variante di colore del link',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary',\n        'neutral',\n        'white'\n      ],\n    },\n    size: {\n      name: 'Dimensione',\n      description: 'Imposta la dimensione del link',\n      control: 'select',\n      options: [\n        'small',\n        'medium',\n        'large'\n      ],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande'\n      }\n    },\n    disabled: {\n      name: 'Disabilitato',\n      description: 'Imposta se il link deve essere disabilitato',\n      control: 'boolean'\n    },\n    text: {\n      name: 'Testo',\n      description: 'Imposta se il link è solo testo, quindi senza bordo, sfondo e padding',\n      control: 'boolean'\n    },\n    id: {\n      name: 'ID',\n      description: 'Imposta l\\'id del link',\n      control: 'text'\n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} href=\"www.jumpgroup.it\" target=\"_blank\"> Scopri di più </jump-button>`\n}\n\nconst TemplateWithIcon = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} href=\"www.jumpgroup.it\" target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> Scopri di più </jump-button>`\n}\n\nexport const LinkPrimary = Template.bind({});\nLinkPrimary.args = {\n  variant: 'primary',\n  size: 'small',\n  text: true,\n};\n\nexport const LinkSecondary = Template.bind({});\nLinkSecondary.args = {\n  variant: 'secondary',\n  size: 'medium',\n};\n\nexport const LinkNeutral = Template.bind({});\nLinkNeutral.args = {\n  variant: 'neutral',\n  size: 'large',\n  text: true,\n};\n\nexport const LinkWhite = Template.bind({});\nLinkWhite.args = {\n  variant: 'white',\n  size: 'medium',\n  text: true,\n};\n\nexport const LinkWithIcon = TemplateWithIcon.bind({});\nLinkWithIcon.args = {\n  variant: 'primary',\n  size: 'medium',\n  full: true\n};"]}
+{"version":3,"file":"jump-button-anchor.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-anchor.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,SAAS;gBACT,WAAW;gBACX,SAAS;gBACT,OAAO;aACR;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,gCAAgC;YAC7C,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,OAAO;gBACP,QAAQ;gBACR,OAAO;aACR;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,QAAQ;aAChB;SACF;QACD,IAAI,EAAC;YACH,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,0BAA0B;YACvC,OAAO,EAAE,MAAM;SAChB;QACD,MAAM,EAAC;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,4BAA4B;YACzC,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,OAAO;gBACP,QAAQ;gBACR,SAAS;gBACT,MAAM;aACP;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,QAAQ;gBAChB,OAAO,EAAE,SAAS;gBAClB,IAAI,EAAE,MAAM;aACb;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,uEAAuE;YACpF,OAAO,EAAE,SAAS;SACnB;QACD,EAAE,EAAE;YACF,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,wBAAwB;YACrC,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE,SAAS;SACnB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,gBAAgB,UAAU,gCAAgC,CAAA;AACnE,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;IAChC,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,gBAAgB,UAAU,yFAAyF,CAAA;AAC5H,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,wBAAwB;IAC9B,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,YAAY,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,wBAAwB;IAC9B,MAAM,EAAE,QAAQ;CACjB,CAAC","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/Anchor',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'variant',\n      description: 'Imposta la variante di colore del link',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary',\n        'neutral',\n        'white'\n      ],\n    },\n    size: {\n      name: 'size',\n      description: 'Imposta la dimensione del link',\n      control: 'select',\n      options: [\n        'small',\n        'medium',\n        'large'\n      ],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande'\n      }\n    },\n    href:{\n      name: 'href',\n      description: 'Imposta l\\'href del link',\n      control: 'text'\n    },\n    target:{\n      name: 'target',\n      description: 'Imposta il target del link',\n      control: 'select',\n      options: [\n        '_self',\n        '_blank',\n        '_parent',\n        '_top'\n      ],\n      labels: {\n        _self: '_self',\n        _blank: '_blank',\n        _parent: '_parent',\n        _top: '_top'\n      },\n    },\n    text: {\n      name: 'text',\n      description: 'Imposta se il link è solo testo, quindi senza bordo, sfondo e padding',\n      control: 'boolean'\n    },\n    id: {\n      name: 'id',\n      description: 'Imposta l\\'id del link',\n      control: 'text'\n    },\n    disabled: {\n      name: 'disabled',\n      description: 'Imposta se il link deve essere disabilitato',\n      control: 'boolean'\n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes}> Scopri di più </jump-button>`\n}\n\nconst TemplateWithIcon = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes}> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> Scopri di più </jump-button>`\n}\n\nexport const LinkPrimary = Template.bind({});\nLinkPrimary.args = {\n  variant: 'primary',\n  size: 'small',\n  text: true,\n  href: 'https://www.google.com',\n  target: '_blank',\n};\n\nexport const LinkWithIcon = TemplateWithIcon.bind({});\nLinkWithIcon.args = {\n  variant: 'primary',\n  size: 'small',\n  text: true,\n  href: 'https://www.google.com',\n  target: '_blank',\n};"]}

package/dist/collection/components/jump-button/jump-button-dimension.stories.js

@@ -4,7 +4,7 @@ export default {
     tags: ['autodocs'],
     argTypes: {
         variant: {
-            name: 'Variante',
+            name: 'variant',
             description: 'Imposta la variante di colore del bottone',
             control: 'select',
             options: [
@@ -15,7 +15,7 @@ export default {
             ],
         },
         size: {
-            name: 'Dimensione',
+            name: 'size',
             description: 'Imposta la dimensione del bottone',
             control: 'select',
             options: [
@@ -30,17 +30,12 @@ export default {
             }
         },
         full: {
-            name: 'Full Width',
+            name: 'full',
             description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',
             control: 'boolean'
         },
-        text: {
-            name: 'Testo',
-            description: 'Imposta se il bottone è solo testo, quindi senza bordo, sfondo e padding',
-            control: 'boolean'
-        },
         id: {
-            name: 'ID',
+            name: 'id',
             description: 'Imposta l\'id del bottone',
             control: 'text'
         },

package/dist/collection/components/jump-button/jump-button-dimension.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-button-dimension.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-dimension.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,SAAS;gBACT,WAAW;gBACX,SAAS;gBACT,OAAO;aACR;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,OAAO;gBACP,QAAQ;gBACR,OAAO;aACR;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,QAAQ;aAChB;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,mEAAmE;YAChF,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,0EAA0E;YACvF,OAAO,EAAE,SAAS;SACnB;QACD,EAAE,EAAE;YACF,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,2BAA2B;YACxC,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,gBAAgB,UAAU,gJAAgJ,CAAA;AACnL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,IAAI;CACX,CAAC","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/Dimension',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'Variante',\n      description: 'Imposta la variante di colore del bottone',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary',\n        'neutral',\n        'white'\n      ],\n    },\n    size: {\n      name: 'Dimensione',\n      description: 'Imposta la dimensione del bottone',\n      control: 'select',\n      options: [\n        'small',\n        'medium',\n        'large'\n      ],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande'\n      }\n    },\n    full: {\n      name: 'Full Width',\n      description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',\n      control: 'boolean'\n    },\n    text: {\n      name: 'Testo',\n      description: 'Imposta se il bottone è solo testo, quindi senza bordo, sfondo e padding',\n      control: 'boolean'\n    },\n    id: {\n      name: 'ID',\n      description: 'Imposta l\\'id del bottone',\n      control: 'text'\n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> Scopri di più </jump-button>`\n}\n\nexport const Small = Template.bind({});\nSmall.args = {\n  variant: 'primary',\n  size: 'small',\n};\n\nexport const Medium = Template.bind({});\nMedium.args = {\n  variant: 'secondary',\n  size: 'medium',\n};\n\nexport const Large = Template.bind({});\nLarge.args = {\n  variant: 'neutral',\n  size: 'large',\n};\n\nexport const Full = Template.bind({});\nFull.args = {\n  variant: 'primary',\n  size: 'medium',\n  full: true,\n};\n"]}
+{"version":3,"file":"jump-button-dimension.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-dimension.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,SAAS;gBACT,WAAW;gBACX,SAAS;gBACT,OAAO;aACR;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,OAAO;gBACP,QAAQ;gBACR,OAAO;aACR;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,QAAQ;aAChB;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,mEAAmE;YAChF,OAAO,EAAE,SAAS;SACnB;QACD,EAAE,EAAE;YACF,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,2BAA2B;YACxC,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,gBAAgB,UAAU,gJAAgJ,CAAA;AACnL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtC,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,IAAI;CACX,CAAC","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/Dimension',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'variant',\n      description: 'Imposta la variante di colore del bottone',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary',\n        'neutral',\n        'white'\n      ],\n    },\n    size: {\n      name: 'size',\n      description: 'Imposta la dimensione del bottone',\n      control: 'select',\n      options: [\n        'small',\n        'medium',\n        'large'\n      ],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande'\n      }\n    },\n    full: {\n      name: 'full',\n      description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',\n      control: 'boolean'\n    },\n    id: {\n      name: 'id',\n      description: 'Imposta l\\'id del bottone',\n      control: 'text'\n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> Scopri di più </jump-button>`\n}\n\nexport const Small = Template.bind({});\nSmall.args = {\n  variant: 'primary',\n  size: 'small',\n};\n\nexport const Medium = Template.bind({});\nMedium.args = {\n  variant: 'secondary',\n  size: 'medium',\n};\n\nexport const Large = Template.bind({});\nLarge.args = {\n  variant: 'neutral',\n  size: 'large',\n};\n\nexport const Full = Template.bind({});\nFull.args = {\n  variant: 'primary',\n  size: 'medium',\n  full: true,\n};\n"]}

package/dist/collection/components/jump-button/jump-button-filled.stories.js

@@ -7,60 +7,51 @@ export default {
             name: 'Variante',
             description: 'Imposta la variante di colore del bottone',
             control: 'select',
-            options: [
-                'primary',
-                'secondary',
-                'neutral',
-                'white'
-            ],
+            options: ['primary', 'secondary', 'neutral', 'white'],
         },
         outline: {
             name: 'Outline',
             description: 'Imposta se il bottone deve avere il solo bordo',
-            control: 'boolean'
+            control: 'boolean',
         },
         size: {
             name: 'Dimensione',
             description: 'Imposta la dimensione del bottone',
             control: 'select',
-            options: [
-                'small',
-                'medium',
-                'large'
-            ],
+            options: ['small', 'medium', 'large'],
             labels: {
                 small: 'Piccolo',
                 medium: 'Medio',
-                large: 'Grande'
-            }
+                large: 'Grande',
+            },
         },
         pill: {
             name: 'Bordo a Pillola',
             description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',
-            control: 'boolean'
+            control: 'boolean',
         },
         disabled: {
             name: 'Disabilitato',
             description: 'Imposta se il bottone deve essere disabilitato',
-            control: 'boolean'
+            control: 'boolean',
         },
         full: {
             name: 'Full Width',
             description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',
-            control: 'boolean'
+            control: 'boolean',
         },
         id: {
             name: 'ID',
-            description: 'Imposta l\'id del bottone',
-            control: 'text'
+            description: "Imposta l'id del bottone",
+            control: 'text',
         },
-    }
+    },
 };
-const Template = (args) => {
+const Template = args => {
     const attributes = generateAttributesFromArgs(args);
     return `<jump-button ${attributes} name="scopri" value="value" aria-label="Scopri di più"> Scopri di più </jump-button>`;
 };
-const TemplateWithIcon = (args) => {
+const TemplateWithIcon = args => {
     const attributes = generateAttributesFromArgs(args);
     return `<jump-button ${attributes} name="scopri" value="value" aria-label="Scopri di più"> <jump-icon slot="suffix" name="arrow-right"></jump-icon> Scopri di più </jump-button>`;
 };
@@ -94,7 +85,7 @@ export const ButtonWithIcon = TemplateWithIcon.bind({});
 ButtonWithIcon.args = {
     variant: 'primary',
     size: 'medium',
-    full: true
+    full: true,
 };
 export const Disabled = Template.bind({});
 Disabled.args = {
@@ -106,6 +97,6 @@ export const CustomButton = Template.bind({});
 CustomButton.args = {
     pill: true,
     size: 'medium',
-    class: 'chat'
+    class: 'chat',
 };
 //# sourceMappingURL=jump-button-filled.stories.js.map

package/dist/collection/components/jump-button/jump-button-filled.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-button-filled.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-filled.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/Filled',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'Variante',\n      description: 'Imposta la variante di colore del bottone',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary',\n        'neutral',\n        'white'\n      ],\n    },\n    outline : {\n      name: 'Outline',\n      description: 'Imposta se il bottone deve avere il solo bordo',\n      control: 'boolean'\n    },\n    size: {\n      name: 'Dimensione',\n      description: 'Imposta la dimensione del bottone',\n      control: 'select',\n      options: [\n        'small',\n        'medium',\n        'large'\n      ],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande'\n      }\n    },\n    pill: {\n      name: 'Bordo a Pillola',\n      description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',\n      control: 'boolean'\n    },\n    disabled: {\n      name: 'Disabilitato',\n      description: 'Imposta se il bottone deve essere disabilitato',\n      control: 'boolean'\n    },\n    full: {\n      name: 'Full Width',\n      description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',\n      control: 'boolean'\n    },\n    id: {\n      name: 'ID',\n      description: 'Imposta l\\'id del bottone',\n      control: 'text'\n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> Scopri di più </jump-button>`\n}\n\nconst TemplateWithIcon = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> Scopri di più </jump-button>`\n}\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n  variant: 'primary',\n  size: 'small',\n};\n\nexport const Secondary = Template.bind({});\nSecondary.args = {\n  variant: 'secondary',\n  size: 'medium',\n};\n\nexport const Neutral = Template.bind({});\nNeutral.args = {\n  variant: 'neutral',\n  size: 'large',\n};\n\nexport const White = Template.bind({});\nWhite.args = {\n  variant: 'white',\n  size: 'medium',\n};\n\nexport const PillPrimary = Template.bind({});\nPillPrimary.args = {\n  variant: 'primary',\n  pill: true,\n  size: 'medium',\n};\n\nexport const ButtonWithIcon = TemplateWithIcon.bind({});\nButtonWithIcon.args = {\n  variant: 'primary',\n  size: 'medium',\n  full: true\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n  variant: 'primary',\n  size: 'medium',\n  disabled: true,\n};\n\nexport const CustomButton = Template.bind({});\nCustomButton.args = {\n  pill: true,\n  size: 'medium',\n  class: 'chat'\n};"]}
+{"version":3,"file":"jump-button-filled.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-filled.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs } from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/Filled',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'Variante',\n      description: 'Imposta la variante di colore del bottone',\n      control: 'select',\n      options: ['primary', 'secondary', 'neutral', 'white'],\n    },\n    outline: {\n      name: 'Outline',\n      description: 'Imposta se il bottone deve avere il solo bordo',\n      control: 'boolean',\n    },\n    size: {\n      name: 'Dimensione',\n      description: 'Imposta la dimensione del bottone',\n      control: 'select',\n      options: ['small', 'medium', 'large'],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande',\n      },\n    },\n    pill: {\n      name: 'Bordo a Pillola',\n      description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',\n      control: 'boolean',\n    },\n    disabled: {\n      name: 'Disabilitato',\n      description: 'Imposta se il bottone deve essere disabilitato',\n      control: 'boolean',\n    },\n    full: {\n      name: 'Full Width',\n      description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',\n      control: 'boolean',\n    },\n    id: {\n      name: 'ID',\n      description: \"Imposta l'id del bottone\",\n      control: 'text',\n    },\n  },\n};\n\nconst Template = args => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> Scopri di più </jump-button>`;\n};\n\nconst TemplateWithIcon = args => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> Scopri di più </jump-button>`;\n};\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n  variant: 'primary',\n  size: 'small',\n};\n\nexport const Secondary = Template.bind({});\nSecondary.args = {\n  variant: 'secondary',\n  size: 'medium',\n};\n\nexport const Neutral = Template.bind({});\nNeutral.args = {\n  variant: 'neutral',\n  size: 'large',\n};\n\nexport const White = Template.bind({});\nWhite.args = {\n  variant: 'white',\n  size: 'medium',\n};\n\nexport const PillPrimary = Template.bind({});\nPillPrimary.args = {\n  variant: 'primary',\n  pill: true,\n  size: 'medium',\n};\n\nexport const ButtonWithIcon = TemplateWithIcon.bind({});\nButtonWithIcon.args = {\n  variant: 'primary',\n  size: 'medium',\n  full: true,\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n  variant: 'primary',\n  size: 'medium',\n  disabled: true,\n};\n\nexport const CustomButton = Template.bind({});\nCustomButton.args = {\n  pill: true,\n  size: 'medium',\n  class: 'chat',\n};\n"]}

package/dist/collection/components/jump-button/jump-button-only-icon.stories.js

@@ -4,106 +4,76 @@ export default {
     tags: ['autodocs'],
     argTypes: {
         variant: {
-            name: 'Variante',
+            name: 'variant',
             description: 'Imposta la variante di colore del bottone',
             control: 'select',
-            options: [
-                'primary',
-                'secondary',
-                'neutral',
-                'white'
-            ],
+            options: ['primary', 'secondary', 'neutral', 'white'],
         },
         outline: {
-            name: 'Outline',
+            name: 'outline',
             description: 'Imposta se il bottone deve avere il solo bordo',
-            control: 'boolean'
+            control: 'boolean',
         },
         size: {
-            name: 'Dimensione',
+            name: 'size',
             description: 'Imposta la dimensione del bottone',
             control: 'select',
-            options: [
-                'small',
-                'medium',
-                'large'
-            ],
+            options: ['small', 'medium', 'large'],
             labels: {
                 small: 'Piccolo',
                 medium: 'Medio',
-                large: 'Grande'
-            }
+                large: 'Grande',
+            },
         },
         pill: {
-            name: 'Bordo a Pillola',
+            name: 'pill',
             description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',
-            control: 'boolean'
-        },
-        disabled: {
-            name: 'Disabilitato',
-            description: 'Imposta se il bottone deve essere disabilitato',
-            control: 'boolean'
+            control: 'boolean',
         },
         id: {
-            name: 'ID',
+            name: 'id',
             description: 'Imposta l\'id del bottone',
             control: 'text'
         },
+        disabled: {
+            name: 'disabled',
+            description: 'Imposta se il bottone deve essere disabilitato',
+            control: 'boolean'
+        },
     }
 };
-const Template = (args) => {
+const Template = args => {
     const attributes = generateAttributesFromArgs(args);
-    return `<jump-button ${attributes} only-icon> <jump-icon slot="suffix" name="arrow-right"></jump-icon> </jump-button>`;
-};
-export const Primary = Template.bind({});
-Primary.args = {
-    variant: 'primary',
-    size: 'small',
-};
-export const Secondary = Template.bind({});
-Secondary.args = {
-    variant: 'secondary',
-    size: 'medium',
-};
-export const Neutral = Template.bind({});
-Neutral.args = {
-    variant: 'neutral',
-    size: 'large',
-};
-export const White = Template.bind({});
-White.args = {
-    variant: 'white',
-    size: 'medium',
-};
-export const Pill = Template.bind({});
-Pill.args = {
-    variant: 'primary',
-    pill: true,
-    size: 'medium',
+    return `<jump-button ${attributes}> <jump-icon slot="suffix" name="arrow-right"></jump-icon> </jump-button>`;
 };
-export const noBackground = Template.bind({});
-noBackground.args = {
+export const onlyIcon = Template.bind({});
+onlyIcon.args = {
     variant: 'primary',
     text: true,
-    size: 'medium',
-};
-export const outline = Template.bind({});
-outline.args = {
-    variant: 'primary',
-    outline: true,
-    size: 'medium',
-};
-export const outlinePill = Template.bind({});
-outlinePill.args = {
-    variant: 'primary',
-    outline: true,
-    pill: true,
-    size: 'medium',
+    size: 'small',
+    outline: false,
+    pill: false,
+    name: 'scopri',
+    value: 'value',
+    ariaLabel: 'Scopri di più',
+    full: false,
+    id: 'button',
+    disabled: false,
+    onlyIcon: true,
 };
-export const Disabled = Template.bind({});
-Disabled.args = {
+export const withBackground = Template.bind({});
+withBackground.args = {
     variant: 'primary',
-    size: 'medium',
-    disabled: true,
+    text: false,
+    size: 'small',
+    outline: false,
+    pill: false,
+    name: 'scopri',
+    value: 'value',
+    ariaLabel: 'Scopri di più',
+    full: false,
+    id: 'button',
+    disabled: false,
+    onlyIcon: true,
 };
 //# sourceMappingURL=jump-button-only-icon.stories.js.map

package/dist/collection/components/jump-button/jump-button-only-icon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-button-only-icon.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-only-icon.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/OnlyIcon',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'Variante',\n      description: 'Imposta la variante di colore del bottone',\n      control: 'select',\n      options: [\n        'primary',\n        'secondary',\n        'neutral',\n        'white'\n      ],\n    },\n    outline : {\n      name: 'Outline',\n      description: 'Imposta se il bottone deve avere il solo bordo',\n      control: 'boolean'\n    },\n    size: {\n      name: 'Dimensione',\n      description: 'Imposta la dimensione del bottone',\n      control: 'select',\n      options: [\n        'small',\n        'medium',\n        'large'\n      ],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande'\n      }\n    },\n    pill: {\n      name: 'Bordo a Pillola',\n      description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',\n      control: 'boolean'\n    },\n    disabled: {\n      name: 'Disabilitato',\n      description: 'Imposta se il bottone deve essere disabilitato',\n      control: 'boolean'\n    },\n    id: {\n      name: 'ID',\n      description: 'Imposta l\\'id del bottone',\n      control: 'text'\n    },\n  }\n};\n\nconst Template = (args) => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes} only-icon> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> </jump-button>`\n}\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n  variant: 'primary',\n  size: 'small',\n};\n\nexport const Secondary = Template.bind({});\nSecondary.args = {\n  variant: 'secondary',\n  size: 'medium',\n};\n\nexport const Neutral = Template.bind({});\nNeutral.args = {\n  variant: 'neutral',\n  size: 'large',\n};\n\nexport const White = Template.bind({});\nWhite.args = {\n  variant: 'white',\n  size: 'medium',\n};\n\nexport const Pill = Template.bind({});\nPill.args = {\n  variant: 'primary',\n  pill: true,\n  size: 'medium',\n};\n\nexport const noBackground = Template.bind({});\nnoBackground.args = {\n  variant: 'primary',\n  text: true,\n  size: 'medium',\n};\n\n\nexport const outline = Template.bind({});\noutline.args = {\n  variant: 'primary',\n  outline: true,\n  size: 'medium',\n};\n\nexport const outlinePill = Template.bind({});\noutlinePill.args = {\n  variant: 'primary',\n  outline: true,\n  pill: true,\n  size: 'medium',\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n  variant: 'primary',\n  size: 'medium',\n  disabled: true,\n};\n\n"]}
+{"version":3,"file":"jump-button-only-icon.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-only-icon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAE/D,eAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC;SACtD;QACD,OAAO,EAAG;YACR,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,gDAAgD;YAC7D,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;YACrC,MAAM,EAAE;gBACN,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,QAAQ;aAChB;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,4EAA4E;YACzF,OAAO,EAAE,SAAS;SACnB;QACD,EAAE,EAAE;YACF,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,2BAA2B;YACxC,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,gDAAgD;YAC7D,OAAO,EAAE,SAAS;SACnB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE;IACtB,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,gBAAgB,UAAU,2EAA2E,CAAA;AAC9G,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,QAAQ;IACZ,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,QAAQ;IACZ,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;CACf,CAAC","sourcesContent":["import { generateAttributesFromArgs } from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/OnlyIcon',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      name: 'variant',\n      description: 'Imposta la variante di colore del bottone',\n      control: 'select',\n      options: ['primary', 'secondary', 'neutral', 'white'],\n    },\n    outline : {\n      name: 'outline',\n      description: 'Imposta se il bottone deve avere il solo bordo',\n      control: 'boolean',\n    },\n    size: {\n      name: 'size',\n      description: 'Imposta la dimensione del bottone',\n      control: 'select',\n      options: ['small', 'medium', 'large'],\n      labels: {\n        small: 'Piccolo',\n        medium: 'Medio',\n        large: 'Grande',\n      },\n    },\n    pill: {\n      name: 'pill',\n      description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',\n      control: 'boolean',\n    },\n    id: {\n      name: 'id',\n      description: 'Imposta l\\'id del bottone',\n      control: 'text'\n    },\n    disabled: {\n      name: 'disabled',\n      description: 'Imposta se il bottone deve essere disabilitato',\n      control: 'boolean'\n    },\n  }\n};\n\nconst Template = args => {\n  const attributes = generateAttributesFromArgs(args);\n  return `<jump-button ${attributes}> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> </jump-button>`\n}\n\nexport const onlyIcon = Template.bind({});\nonlyIcon.args = {\n  variant: 'primary',\n  text: true,\n  size: 'small',\n  outline: false,\n  pill: false,\n  name: 'scopri',\n  value: 'value',\n  ariaLabel: 'Scopri di più',\n  full: false,\n  id: 'button',\n  disabled: false,\n  onlyIcon: true,\n};\n\nexport const withBackground = Template.bind({});\nwithBackground.args = {\n  variant: 'primary',\n  text: false,\n  size: 'small',\n  outline: false,\n  pill: false,\n  name: 'scopri',\n  value: 'value',\n  ariaLabel: 'Scopri di più',\n  full: false,\n  id: 'button',\n  disabled: false,\n  onlyIcon: true,\n};"]}

package/dist/collection/components/jump-button/jump-button.css

@@ -18,6 +18,7 @@
   --jump-button-background-hover: var(--primary-hard);
   --jump-button-border-radius: var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);
   --jump-button-padding: 1rem 1.25rem;
+  display: flex;
 }
 :host button {
   display: flex;
@@ -35,7 +36,7 @@
   font-family: var(--ff-primary, "Arial"), sans-serif;
   font-weight: var(--fw-700, 700);
   font-size: var(--fs-400, 1rem);
-  line-height: 1;
+  line-height: 1.2;
   align-items: center;
   gap: var(--jump-button-gap, 0.5rem);
   text-decoration: none;

package/dist/collection/components/jump-button/jump-button.js

@@ -22,7 +22,7 @@ export class JumpButton {
         this.target = this.href ? this.target : '_self';
     }
     render() {
-        return (h(Host, { key: '2f1a96f504d7f273bfdf0b49d7a708aea570f59f' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
+        return (h(Host, { key: '654a8147c4251ebab7834f6ddb569e0a3ebe2b77' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
     }
     static get is() { return "jump-button"; }
     static get encapsulation() { return "shadow"; }