@jumpgroup/jump-design-system 0.1.9 → 0.2.1

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

@@ -0,0 +1,376 @@
+import feather from "feather-icons";
+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',
+            control: 'select',
+            options: [
+                'primary',
+                'secondary',
+                'neutral',
+                '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',
+            control: 'select',
+            options: [
+                'small',
+                'medium',
+                'large'
+            ],
+            labels: {
+                small: 'Piccolo',
+                medium: 'Medio',
+                large: 'Grande'
+            }
+        },
+        pill: {
+            name: 'Bordo a Pillola',
+            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'
+        },
+        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',
+            control: 'text'
+        },
+    }
+};
+// TODO: non far passare gli undefined
+const Anchor = (args) => {
+    return `<jump-button id="${args.id}" class="${args.class}" "variant="${args.variant}" size="${args.size}" href="${args.href}" target="${args.target}" ariaLabel="${args.ariaLabel}" ${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}${!args.label || args.iconOnly ? ' 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>`;
+};
+const Button = (args) => {
+    return `<jump-button id="${args.id}" 
+  class="${args.class}"
+  variant="${args.variant}" 
+  size="${args.size}" 
+  type="${args.type}" 
+  ariaLabel="${args.ariaLabel}" 
+  name="${args.name}" 
+  value="${args.value}" ${args.disabled == true ? ' disabled' : ''}"
+  ${args.pill == true ? ' pill' : ''}
+  ${args.outline == true ? ' outline' : ''}
+  ${args.text == true ? ' text' : ''} 
+  ${!args.label || args.iconOnly ? ' 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>`;
+};
+const Template = (args) => `${args.href ? Anchor(args) : !args.label && !args.showIcon ? 'Errore nella configurazione del bottone' : Button(args)}`;
+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'
+};
+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'
+};
+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 = {
+    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'
+};
+const TemplateWithIcon = (args) => `<jump-button id="${args.id}" class="${args.class}" variant="${args.variant}" size="${args.size}" type="${args.type}" ariaLabel="${args.ariaLabel}" name="${args.name}" value="${args.value}" ${args.disabled == true ? ' disabled' : ''}${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}> ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}${args.label}${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}</jump-button>`;
+export const ButtonWithIcon = TemplateWithIcon.bind({});
+ButtonWithIcon.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'
+};
+const TemplateWithOnlyIcon = (args) => `<jump-button
+  id="${args.id}"
+  class="${args.class}"
+  variant="${args.variant}" 
+  size="${args.size}" 
+  type="${args.type}" 
+  ariaLabel="${args.ariaLabel}" 
+  name="${args.name}" 
+  value="${args.value}" 
+  ${args.disabled == true ? ' disabled' : ''}
+  ${args.pill == true ? ' pill' : ''}
+  ${args.outline == true ? ' outline' : ''}
+  ${args.text == true ? ' text' : ''}
+  ${!args.label ? ' only-icon' : ''}>
+  ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}
+  ${args.label}
+  ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}
+  </jump-button>`;
+export const ButtonWithOnlyIconSquare = TemplateWithOnlyIcon.bind({});
+ButtonWithOnlyIconSquare.args = {
+    label: '',
+    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 = TemplateWithOnlyIcon.bind({});
+ButtonWithOnlyIconPill.args = {
+    label: '',
+    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: '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'
+};
+//# sourceMappingURL=jump-button-outline.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-button-outline.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-outline.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import feather from 'feather-icons';\n\nexport default {\n  title: 'Components/Button/Outline',\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\n// TODO: non far passare gli undefined\n\nconst Anchor = (args) => {\n  return `<jump-button id=\"${args.id}\" class=\"${args.class}\" \"variant=\"${args.variant}\" size=\"${args.size}\" href=\"${args.href}\" target=\"${args.target}\" ariaLabel=\"${args.ariaLabel}\" ${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}${ !args.label || args.iconOnly ? ' 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\nconst Button = (args) => {\n  return `<jump-button id=\"${args.id}\" \n  class=\"${args.class}\"\n  variant=\"${args.variant}\" \n  size=\"${args.size}\" \n  type=\"${args.type}\" \n  ariaLabel=\"${args.ariaLabel}\" \n  name=\"${args.name}\" \n  value=\"${args.value}\" ${args.disabled == true ? ' disabled' : ''}\"\n  ${args.pill == true ? ' pill' : ''}\n  ${args.outline == true ? ' outline' : ''}\n  ${args.text == true ? ' text' : ''} \n  ${ !args.label || args.iconOnly ? ' only-icon' : ''}>\n  \n  ${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\nconst Template = (args) => \n`${ args.href ? Anchor(args) : !args.label && !args.showIcon ? 'Errore nella configurazione del bottone' : Button(args)}`;\n\nexport const OutlinePrimary = Template.bind({});\nOutlinePrimary.args = {\n  label: 'Outline Primary',\n  variant: 'primary',\n  outline: true,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const OutlineSecondary = Template.bind({});\nOutlineSecondary.args = {\n  label: 'Outline Secondary',\n  variant: 'secondary',\n  outline: true,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const OutlineGrey = Template.bind({});\nOutlineGrey.args = {\n  label: 'Outline Neutral',\n  variant: 'neutral',\n  outline: true,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const OutlineWhite = Template.bind({});\nOutlineWhite.args = {\n  label: 'Outline White',\n  variant: 'white',\n  outline: true,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nexport const OutlinePillPrimary = Template.bind({});\nOutlinePillPrimary.args = {\n  label: 'Pill Primary',\n  variant: 'primary',\n  outline: true,\n  pill: true,\n  size: 'medium',\n  disabled: false,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n\nconst TemplateWithIcon = (args) => `<jump-button id=\"${args.id}\" class=\"${args.class}\" variant=\"${args.variant}\" size=\"${args.size}\" type=\"${args.type}\" ariaLabel=\"${args.ariaLabel}\" name=\"${args.name}\" value=\"${args.value}\" ${args.disabled == true ? ' disabled' : ''}${args.pill == true ? ' pill' : ''}${args.outline == true ? ' outline' : ''}${args.text == true ? ' text' : ''}> ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''}${ args.label }${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''}</jump-button>`\n\nexport const ButtonWithIcon = TemplateWithIcon.bind({});\nButtonWithIcon.args = {\n  label: 'Primary',\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\nconst TemplateWithOnlyIcon = (args) => \n  `<jump-button\n  id=\"${args.id}\"\n  class=\"${args.class}\"\n  variant=\"${args.variant}\" \n  size=\"${args.size}\" \n  type=\"${args.type}\" \n  ariaLabel=\"${args.ariaLabel}\" \n  name=\"${args.name}\" \n  value=\"${args.value}\" \n  ${args.disabled == true ? ' disabled' : ''}\n  ${args.pill == true ? ' pill' : ''}\n  ${args.outline == true ? ' outline' : ''}\n  ${args.text == true ? ' text' : ''}\n  ${ !args.label ? ' only-icon' : ''}>\n  ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot=\"prefix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n  ${ args.label }\n  ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot=\"suffix\" name=\"${args.iconName}\"></jump-icon>` : ''}\n  </jump-button>`\n\nexport const ButtonWithOnlyIconSquare = TemplateWithOnlyIcon.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 = TemplateWithOnlyIcon.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: 'Disabled',\n  variant: 'primary',\n  outline: true,\n  pill: false,\n  size: 'medium',\n  disabled: true,\n  text: false,\n  showIcon: false,\n  iconOnly: false,\n  iconName: Object.keys(feather.icons)[0],\n  iconPosition: 'left',\n  type: 'button',\n  name: 'nome bottone',\n  value: 'value bottone',\n  ariaLabel: 'sono un bottone'\n};\n"]}

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

@@ -18,7 +18,7 @@ export class AppButton {
         this.buttonId = undefined;
     }
     render() {
-        return (h(Host, { key: '99f1066ec9ae582f15275114e8cf95f37d3914d0' }, 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-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-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: '21647cd89a0a179d5c035f5e7f533f54375311cf' }, 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-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-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 originalStyleUrls() {

package/dist/collection/components/jump-card/jump-card-border-radius.stories.js

@@ -0,0 +1,114 @@
+export default {
+    title: 'Components/Card/BorderRadiusCard',
+    tags: ['autodocs'],
+    argTypes: {
+        horizontal: {
+            name: 'Direzione della card',
+            description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',
+            control: 'boolean',
+            defaultValue: false
+        },
+        dark: {
+            name: 'Card di colore scuro',
+            description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',
+            control: 'boolean',
+            defaultValue: false
+        },
+        border: {
+            name: 'Card con bordo',
+            control: 'boolean',
+            defaultValue: false
+        },
+        shadow: {
+            name: 'Card con ombra',
+            control: 'boolean',
+            defaultValue: false
+        },
+        borderRadius: {
+            name: 'Bordi arrotondati',
+            description: 'Imposta i bordi della card arrotondati',
+            control: 'boolean',
+            // if:{
+            //   arg: 'topBorderContentRadius',
+            //   eq: false
+            // }
+        },
+        topBorderContentRadius: {
+            name: 'Border top Content',
+            description: 'Border top del Content (esclusa la sezione media) arrotondato',
+            control: 'boolean',
+            // if:{
+            //   arg: 'borderRadius',
+            //   eq: false
+            // }
+        },
+        boxed: {
+            name: 'Boxed',
+            description: 'Imposta un padding intorno al media',
+            control: 'boolean',
+        },
+        roundedMedia: {
+            name: 'Immagine o Video arrotondati',
+            description: 'Imposta l\'immagine o il video arrotondati e senza sfondo',
+            control: 'boolean',
+        },
+        imgSrc: {
+            name: 'Url del\'immagine',
+            description: 'Url dell\'immagine da visualizzare, si attiva solo se non è presente videoSrc',
+            control: 'text',
+            if: {
+                arg: 'videoSrc',
+                exists: false
+            }
+        },
+        imgAlt: {
+            name: 'Alt dell\'immagine',
+            description: 'Alt dell\'immagine da visualizzare, si attiva solo se è presente imgSrc',
+            control: 'text',
+            if: {
+                arg: 'imgSrc',
+                exists: true
+            }
+        },
+        videoSrc: {
+            name: 'Url del video',
+            description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',
+            control: 'text',
+            if: {
+                arg: 'imgSrc',
+                exists: false
+            }
+        },
+    }
+};
+const Template = (args) => {
+    var _a;
+    return `<jump-card class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}" 
+  ${args.videoSrc ? `video-src="${args.videoSrc}"` : ''} 
+  ${args.imgSrc ? `img-src="${args.imgSrc}"` : ''} 
+  ${args.imgAlt ? `img-alt="${args.imgAlt}"` : ''} 
+  ${args.border == true ? 'border' : ''} 
+  ${args.horizontal == true ? 'horizontal' : ''} 
+  ${args.dark == true ? 'dark' : ''} 
+  ${args.borderRadius == true ? 'border-radius' : ''} 
+  ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} 
+  ${args.boxed == true ? 'boxed' : ''} 
+  ${args.roundedMedia == true ? 'rounded-media' : ''} 
+  ${args.shadow == true ? 'shadow' : ''} 
+  > 
+    <div class="ContentWrapper" slot="body">
+      <h3 style="margin-top: 0">Titolo della card</h3>
+      <p>Testo della card</p>
+    </div>
+    <jump-button slot="footer" id="#card" class=" "variant="secondary" size="medium" href="#" target="_self" ariaLabel="sono un bottone" text>
+    Scopri di più<jump-icon slot="suffix" name="arrow-right"></jump-icon></jump-button>
+  </jump-card>`;
+};
+export const CardWithBorderRadius = Template.bind({});
+CardWithBorderRadius.args = {
+    imgSrc: 'https://picsum.photos/300/200',
+    imgAlt: 'Immagine',
+    borderRadius: true,
+    shadow: true,
+};
+//# sourceMappingURL=jump-card-border-radius.stories.js.map

package/dist/collection/components/jump-card/jump-card-border-radius.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-card-border-radius.stories.js","sourceRoot":"","sources":["../../../src/components/jump-card/jump-card-border-radius.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n  title: 'Components/Card/BorderRadiusCard',\n  tags: ['autodocs'],\n  argTypes: {\n    horizontal: {\n      name: 'Direzione della card',\n      description: 'Di default è verticale, se si imposta horizontal su true diventa Orizzontale',\n      control: 'boolean',\n      defaultValue: false\n    },\n    dark: {\n      name: 'Card di colore scuro',\n      description: 'Di default ha lo sfondo bianco, se si imposta dark su true diventa con sfondo grigio scuro',\n      control: 'boolean',\n      defaultValue: false\n    },\n    border:{\n      name: 'Card con bordo',\n      control: 'boolean',\n      defaultValue: false\n    },\n    shadow:{\n      name: 'Card con ombra',\n      control: 'boolean',\n      defaultValue: false\n    },\n    borderRadius: {\n      name: 'Bordi arrotondati',\n      description: 'Imposta i bordi della card arrotondati',\n      control: 'boolean',\n      // if:{\n      //   arg: 'topBorderContentRadius',\n      //   eq: false\n      // }\n    },\n    topBorderContentRadius: {\n      name: 'Border top Content',\n      description: 'Border top del Content (esclusa la sezione media) arrotondato',\n      control: 'boolean',\n      // if:{\n      //   arg: 'borderRadius',\n      //   eq: false\n      // }\n    },\n    boxed: {\n      name: 'Boxed',\n      description: 'Imposta un padding intorno al media',\n      control: 'boolean',\n    },\n    roundedMedia: {\n      name: 'Immagine o Video arrotondati',\n      description: 'Imposta l\\'immagine o il video arrotondati e senza sfondo',\n      control: 'boolean',\n    },\n    imgSrc: {\n      name: 'Url del\\'immagine',\n      description: 'Url dell\\'immagine da visualizzare, si attiva solo se non è presente videoSrc',\n      control: 'text',\n      if:{\n        arg: 'videoSrc',\n        exists: false\n      }\n    },\n    imgAlt: {\n      name: 'Alt dell\\'immagine',\n      description: 'Alt dell\\'immagine da visualizzare, si attiva solo se è presente imgSrc',\n      control: 'text',\n      if:{\n        arg: 'imgSrc',\n        exists: true\n      }\n    },\n    videoSrc: {\n      name: 'Url del video',\n      description: 'Url del video da visualizzare, si attiva solo se non è presente imgSrc',\n      control: 'text',\n      if:{\n        arg: 'imgSrc',\n        exists: false\n      }\n    },\n  }\n};\n\nconst Template = (args) => {\n  return `<jump-card class=\"${args.class ?? ''}\" \n  ${args.videoSrc ? `video-src=\"${args.videoSrc}\"` : ''} \n  ${args.imgSrc ? `img-src=\"${args.imgSrc}\"` : ''} \n  ${args.imgAlt ? `img-alt=\"${args.imgAlt}\"` : ''} \n  ${args.border == true ? 'border' : ''} \n  ${args.horizontal == true ? 'horizontal' : ''} \n  ${args.dark == true ? 'dark' : ''} \n  ${args.borderRadius == true ? 'border-radius' : ''} \n  ${args.topBorderContentRadius == true ? 'top-border-content-radius' : ''} \n  ${args.boxed == true ? 'boxed' : ''} \n  ${args.roundedMedia == true ? 'rounded-media' : ''} \n  ${args.shadow == true ? 'shadow' : ''} \n  > \n    <div class=\"ContentWrapper\" slot=\"body\">\n      <h3 style=\"margin-top: 0\">Titolo della card</h3>\n      <p>Testo della card</p>\n    </div>\n    <jump-button slot=\"footer\" id=\"#card\" class=\" \"variant=\"secondary\" size=\"medium\" href=\"#\" target=\"_self\" ariaLabel=\"sono un bottone\" text>\n    Scopri di più<jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon></jump-button>\n  </jump-card>`\n}\n\nexport const CardWithBorderRadius = Template.bind({});\nCardWithBorderRadius.args = {\n  imgSrc: 'https://picsum.photos/300/200',\n  imgAlt: 'Immagine',\n  borderRadius: true,\n  shadow: true,\n};"]}