@jumpgroup/jump-design-system 0.2.3 → 0.2.4

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

@@ -1,14 +1,8 @@
-import feather from "feather-icons";
 import { generateAttributesFromArgs } from "../../utils/utils";
 export default {
     title: 'Components/Button/OnlyIcon',
     tags: ['autodocs'],
     argTypes: {
-        label: {
-            name: 'Etichetta',
-            description: 'Imposta il testo del bottone',
-            control: 'text'
-        },
         variant: {
             name: 'Variante',
             description: 'Imposta la variante di colore del bottone',
@@ -50,124 +44,6 @@ export default {
             description: 'Imposta se il bottone deve essere disabilitato',
             control: 'boolean'
         },
-        text: {
-            name: 'Testo',
-            description: 'Imposta se il bottone è solo testo, quindi senza bordo, sfondo e padding',
-            control: 'boolean'
-        },
-        showIcon: {
-            name: 'Mostra Icona',
-            description: 'Imposta se il bottone deve mostrare un\'icona',
-            control: 'boolean'
-        },
-        iconOnly: {
-            name: 'Mostra solo Icona',
-            description: 'Imposta se il bottone deve mostrare solo l\'icona',
-            control: 'boolean',
-            if: {
-                arg: 'showIcon',
-                eq: true
-            },
-        },
-        iconName: {
-            name: 'Nome Icona',
-            control: 'select',
-            options: Object.keys(feather.icons),
-            description: 'Seleziona il nome dell\'icona dal menu a tendina',
-            defaultValue: Object.keys(feather.icons)[0],
-            if: {
-                arg: 'showIcon',
-                eq: true
-            },
-        },
-        iconPosition: {
-            name: 'Posizione Icona',
-            description: 'Imposta la posizione dell\'icona',
-            defaultValue: 'left',
-            control: 'select',
-            options: [
-                'left',
-                'right'
-            ],
-            if: {
-                arg: 'showIcon',
-                eq: true
-            },
-            labels: {
-                left: 'Sinistra',
-                right: 'Destra'
-            }
-        },
-        type: {
-            name: 'Tipo di bottone',
-            description: 'Imposta il tipo di bottone',
-            default: 'button',
-            control: 'select',
-            if: {
-                arg: 'href',
-                exists: false
-            },
-            options: [
-                'button',
-                'submit',
-                'reset'
-            ],
-            labels: {
-                button: 'button',
-                submit: 'submit',
-                reset: 'reset',
-            }
-        },
-        name: {
-            name: 'Nome del bottone',
-            description: 'Imposta il nome del bottone',
-            control: 'text',
-            if: {
-                arg: 'href',
-                exists: false
-            }
-        },
-        value: {
-            name: 'Value del bottone',
-            description: 'Imposta il value del bottone',
-            control: 'text',
-            if: {
-                arg: 'href',
-                exists: false
-            }
-        },
-        ariaLabel: {
-            name: 'Aria Label',
-            description: 'Imposta aria label',
-            control: 'text',
-        },
-        href: {
-            name: 'Href',
-            description: 'Imposta l\'href del link',
-            control: 'text',
-        },
-        target: {
-            name: 'Target',
-            description: 'Imposta il target del link',
-            default: '_self',
-            control: 'select',
-            if: {
-                arg: 'href',
-                exists: true
-            },
-            options: [
-                '_blank',
-                '_parent',
-                '_self',
-                '_top'
-            ],
-            labels: {
-                _blank: '_blank',
-                _parent: '_parent',
-                _self: '_self',
-                _top: '_top'
-            }
-        },
         id: {
             name: 'ID',
             description: 'Imposta l\'id del bottone',
@@ -177,166 +53,57 @@ export default {
 };
 const Template = (args) => {
     const attributes = generateAttributesFromArgs(args);
-    return `<jump-button ${attributes} ${!args.label ? ' only-icon' : ''}> ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''} ${!args.iconOnly ? args.label : ''} ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''} </jump-button>`;
+    return `<jump-button ${attributes} only-icon> <jump-icon slot="suffix" name="arrow-right"></jump-icon> </jump-button>`;
 };
 export const Primary = Template.bind({});
 Primary.args = {
-    label: '',
     variant: 'primary',
-    outline: false,
-    pill: false,
-    size: 'medium',
-    disabled: false,
-    text: false,
-    iconOnly: true,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
+    size: 'small',
 };
 export const Secondary = Template.bind({});
 Secondary.args = {
-    label: '',
     variant: 'secondary',
-    outline: false,
-    pill: false,
     size: 'medium',
-    disabled: false,
-    text: false,
-    iconOnly: true,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
 export const Neutral = Template.bind({});
 Neutral.args = {
-    label: '',
     variant: 'neutral',
-    outline: false,
-    pill: false,
-    size: 'medium',
-    disabled: false,
-    text: false,
-    iconOnly: true,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
+    size: 'large',
 };
 export const White = Template.bind({});
 White.args = {
-    label: '',
     variant: 'white',
-    outline: false,
-    pill: false,
     size: 'medium',
-    disabled: false,
-    text: false,
-    iconOnly: true,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
-export const PillPrimary = Template.bind({});
-PillPrimary.args = {
-    label: '',
+export const Pill = Template.bind({});
+Pill.args = {
     variant: 'primary',
-    outline: false,
     pill: true,
     size: 'medium',
-    disabled: false,
-    text: false,
-    iconOnly: true,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
-export const IconText = Template.bind({});
-IconText.args = {
-    label: '',
+export const noBackground = Template.bind({});
+noBackground.args = {
     variant: 'primary',
-    outline: false,
-    pill: false,
-    size: 'medium',
-    disabled: false,
     text: true,
-    iconOnly: true,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
+    size: 'medium',
 };
-export const ButtonWithOnlyIconSquare = Template.bind({});
-ButtonWithOnlyIconSquare.args = {
-    label: '',
+export const outline = Template.bind({});
+outline.args = {
     variant: 'primary',
     outline: true,
-    pill: false,
     size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
-export const ButtonWithOnlyIconPill = Template.bind({});
-ButtonWithOnlyIconPill.args = {
-    label: '',
+export const outlinePill = Template.bind({});
+outlinePill.args = {
     variant: 'primary',
     outline: true,
     pill: true,
     size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
 export const Disabled = Template.bind({});
 Disabled.args = {
-    label: '',
     variant: 'primary',
-    outline: false,
-    pill: false,
     size: 'medium',
     disabled: true,
-    text: false,
-    iconOnly: true,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
 //# 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 feather from 'feather-icons';\nimport { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Button/OnlyIcon',\n  tags: ['autodocs'],\n  argTypes: {\n    label: {\n      name: 'Etichetta',\n      description: 'Imposta il testo del bottone',\n      control: 'text'\n    },\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    text: {\n      name: 'Testo',\n      description: 'Imposta se il bottone è solo testo, quindi senza bordo, sfondo e padding',\n      control: 'boolean'\n    },\n    showIcon: {\n      name: 'Mostra Icona',\n      description: 'Imposta se il bottone deve mostrare un\\'icona',\n      control: 'boolean'\n    },\n    iconOnly: {\n      name: 'Mostra solo Icona',\n      description: 'Imposta se il bottone deve mostrare solo l\\'icona',\n      control: 'boolean',\n      if: {\n        arg: 'showIcon',\n        eq: true\n      },\n    },\n    iconName: {\n      name: 'Nome Icona',\n      control: 'select',\n      options: Object.keys(feather.icons),\n      description: 'Seleziona il nome dell\\'icona dal menu a tendina',\n      defaultValue: Object.keys(feather.icons)[0],\n      if: {\n        arg: 'showIcon',\n        eq: true\n      },\n    },\n    iconPosition: {\n      name: 'Posizione Icona',\n      description: 'Imposta la posizione dell\\'icona',\n      defaultValue: 'left',\n      control: 'select',\n      options: [\n        'left',\n        'right'\n      ],\n      if: {\n        arg: 'showIcon',\n        eq: true\n      },\n      labels: {\n        left: 'Sinistra',\n        right: 'Destra'\n      }\n    },\n    type: {\n      name: 'Tipo di bottone',\n      description: 'Imposta il tipo di bottone',\n      default: 'button',\n      control: 'select',\n      if:{\n        arg: 'href',\n        exists: false\n      },\n      options: [\n        'button',\n        'submit',\n        'reset'\n      ],\n      labels: {\n        button: 'button',\n        submit: 'submit',\n        reset: 'reset',\n      }\n    },\n    name: {\n      name: 'Nome del bottone',\n      description: 'Imposta il nome del bottone',\n      control: 'text',\n      if:{\n        arg: 'href',\n        exists: false\n      }\n    },\n    value: {\n      name: 'Value del bottone',\n      description: 'Imposta il value del bottone',\n      control: 'text',\n      if:{\n        arg: 'href',\n        exists: false\n      }\n    },\n    ariaLabel: {\n      name: 'Aria Label',\n      description: 'Imposta aria label',\n      control: 'text',\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      default: '_self',\n      control: 'select',\n      if:{\n        arg: 'href',\n        exists: true\n      },\n      options: [\n        '_blank',\n        '_parent',\n        '_self',\n        '_top'\n      ],\n      labels: {\n        _blank: '_blank',\n        _parent: '_parent',\n        _self: '_self',\n        _top: '_top'\n      }\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} ${ !args.label ? ' only-icon' : ''}> ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''} ${ !args.iconOnly ? args.label : ''} ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''} </jump-button>`\n}\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n  label: '',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  iconOnly: true,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const Secondary = Template.bind({});\nSecondary.args = {\n  label: '',\n  variant: 'secondary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  iconOnly: true,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const Neutral = Template.bind({});\nNeutral.args = {\n  label: '',\n  variant: 'neutral',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  iconOnly: true,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const White = Template.bind({});\nWhite.args = {\n  label: '',\n  variant: 'white',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  iconOnly: true,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const PillPrimary = Template.bind({});\nPillPrimary.args = {\n  label: '',\n  variant: 'primary',\n  outline: false,\n  pill: true,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  iconOnly: true,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const IconText = Template.bind({});\nIconText.args = {\n  label: '',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: true,\n  iconOnly: true,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\n\nexport const ButtonWithOnlyIconSquare = Template.bind({});\nButtonWithOnlyIconSquare.args = {\n  label: '',\n  variant: 'primary',\n  outline: true,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const ButtonWithOnlyIconPill = Template.bind({});\nButtonWithOnlyIconPill.args = {\n  label: '',\n  variant: 'primary',\n  outline: true,\n  pill: true,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n  label: '',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: true,\n  text: false,\n  iconOnly: true,\n  showIcon: true,\n  iconName: 'home',\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\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":"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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"]}

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

@@ -1,14 +1,8 @@
-import feather from "feather-icons";
 import { generateAttributesFromArgs } from "../../utils/utils";
 export default {
     title: 'Components/Button/Outline',
     tags: ['autodocs'],
     argTypes: {
-        label: {
-            name: 'Etichetta',
-            description: 'Imposta il testo del bottone',
-            control: 'text'
-        },
         variant: {
             name: 'Variante',
             description: 'Imposta la variante di colore del bottone',
@@ -20,11 +14,6 @@ export default {
                 'white'
             ],
         },
-        outline: {
-            name: 'Outline',
-            description: 'Imposta se il bottone deve avere il solo bordo',
-            control: 'boolean'
-        },
         size: {
             name: 'Dimensione',
             description: 'Imposta la dimensione del bottone',
@@ -50,124 +39,16 @@ export default {
             description: 'Imposta se il bottone deve essere disabilitato',
             control: 'boolean'
         },
+        full: {
+            name: 'Full Width',
+            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'
         },
-        showIcon: {
-            name: 'Mostra Icona',
-            description: 'Imposta se il bottone deve mostrare un\'icona',
-            control: 'boolean'
-        },
-        iconOnly: {
-            name: 'Mostra solo Icona',
-            description: 'Imposta se il bottone deve mostrare solo l\'icona',
-            control: 'boolean',
-            if: {
-                arg: 'showIcon',
-                eq: true
-            },
-        },
-        iconName: {
-            name: 'Nome Icona',
-            control: 'select',
-            options: Object.keys(feather.icons),
-            description: 'Seleziona il nome dell\'icona dal menu a tendina',
-            defaultValue: Object.keys(feather.icons)[0],
-            if: {
-                arg: 'showIcon',
-                eq: true
-            },
-        },
-        iconPosition: {
-            name: 'Posizione Icona',
-            description: 'Imposta la posizione dell\'icona',
-            defaultValue: 'left',
-            control: 'select',
-            options: [
-                'left',
-                'right'
-            ],
-            if: {
-                arg: 'showIcon',
-                eq: true
-            },
-            labels: {
-                left: 'Sinistra',
-                right: 'Destra'
-            }
-        },
-        type: {
-            name: 'Tipo di bottone',
-            description: 'Imposta il tipo di bottone',
-            default: 'button',
-            control: 'select',
-            if: {
-                arg: 'href',
-                exists: false
-            },
-            options: [
-                'button',
-                'submit',
-                'reset'
-            ],
-            labels: {
-                button: 'button',
-                submit: 'submit',
-                reset: 'reset',
-            }
-        },
-        name: {
-            name: 'Nome del bottone',
-            description: 'Imposta il nome del bottone',
-            control: 'text',
-            if: {
-                arg: 'href',
-                exists: false
-            }
-        },
-        value: {
-            name: 'Value del bottone',
-            description: 'Imposta il value del bottone',
-            control: 'text',
-            if: {
-                arg: 'href',
-                exists: false
-            }
-        },
-        ariaLabel: {
-            name: 'Aria Label',
-            description: 'Imposta aria label',
-            control: 'text',
-        },
-        href: {
-            name: 'Href',
-            description: 'Imposta l\'href del link',
-            control: 'text',
-        },
-        target: {
-            name: 'Target',
-            description: 'Imposta il target del link',
-            default: '_self',
-            control: 'select',
-            if: {
-                arg: 'href',
-                exists: true
-            },
-            options: [
-                '_blank',
-                '_parent',
-                '_self',
-                '_top'
-            ],
-            labels: {
-                _blank: '_blank',
-                _parent: '_parent',
-                _self: '_self',
-                _top: '_top'
-            }
-        },
         id: {
             name: 'ID',
             description: 'Imposta l\'id del bottone',
@@ -177,131 +58,54 @@ export default {
 };
 const Template = (args) => {
     const attributes = generateAttributesFromArgs(args);
-    return `<jump-button ${attributes} ${!args.label ? ' only-icon' : ''}> ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''} ${!args.iconOnly ? args.label : ''} ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''} </jump-button>`;
+    return `<jump-button ${attributes} outline name="scopri" value="value" aria-label="Scopri di più"> Scopri di più </jump-button>`;
+};
+const TemplateWithIcon = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-button ${attributes} outline name="scopri" value="value" aria-label="Scopri di più"> <jump-icon slot="suffix" name="arrow-right"></jump-icon> Scopri di più </jump-button>`;
 };
 export const OutlinePrimary = Template.bind({});
 OutlinePrimary.args = {
-    label: 'Outline Primary',
     variant: 'primary',
-    outline: true,
-    pill: false,
-    size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: false,
-    iconOnly: false,
-    iconName: Object.keys(feather.icons)[0],
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
+    size: 'small',
 };
 export const OutlineSecondary = Template.bind({});
 OutlineSecondary.args = {
     label: 'Outline Secondary',
     variant: 'secondary',
-    outline: true,
-    pill: false,
     size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: false,
-    iconOnly: false,
-    iconName: Object.keys(feather.icons)[0],
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
 export const OutlineGrey = Template.bind({});
 OutlineGrey.args = {
     label: 'Outline Neutral',
     variant: 'neutral',
-    outline: true,
-    pill: false,
-    size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: false,
-    iconOnly: false,
-    iconName: Object.keys(feather.icons)[0],
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
+    size: 'large',
 };
 export const OutlineWhite = Template.bind({});
 OutlineWhite.args = {
     label: 'Outline White',
     variant: 'white',
-    outline: true,
-    pill: false,
     size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: false,
-    iconOnly: false,
-    iconName: Object.keys(feather.icons)[0],
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
-export const OutlinePillPrimary = Template.bind({});
-OutlinePillPrimary.args = {
+export const outlinePill = Template.bind({});
+outlinePill.args = {
     label: 'Pill Primary',
     variant: 'primary',
-    outline: true,
     pill: true,
     size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: false,
-    iconOnly: false,
-    iconName: Object.keys(feather.icons)[0],
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
 };
-export const ButtonWithIcon = Template.bind({});
-ButtonWithIcon.args = {
+export const withIcon = TemplateWithIcon.bind({});
+withIcon.args = {
     label: 'Primary',
     variant: 'primary',
-    outline: true,
-    pill: false,
     size: 'medium',
-    disabled: false,
-    text: false,
-    showIcon: true,
-    iconName: 'home',
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
+    full: true,
 };
 export const Disabled = Template.bind({});
 Disabled.args = {
     label: 'Disabled',
     variant: 'primary',
-    outline: true,
-    pill: false,
-    size: 'medium',
     disabled: true,
-    text: false,
-    showIcon: false,
-    iconOnly: false,
-    iconName: Object.keys(feather.icons)[0],
-    iconPosition: 'left',
-    type: 'button',
-    name: 'nome bottone',
-    value: 'value bottone',
-    ariaLabel: 'sono un bottone'
+    size: 'medium',
 };
 //# sourceMappingURL=jump-button-outline.stories.js.map