@jumpgroup/jump-design-system 0.2.1 → 0.2.3

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

@@ -1 +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"]}
+{"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';\nimport { generateAttributesFromArgs} from '../../utils/utils';\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\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 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\nexport const ButtonWithIcon = Template.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\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-text.stories.js

@@ -0,0 +1,289 @@
+import feather from "feather-icons";
+import { generateAttributesFromArgs } from "../../utils/utils";
+export default {
+    title: 'Components/Button/Text',
+    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'
+        },
+    }
+};
+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>`;
+};
+export const TextPrimary = Template.bind({});
+TextPrimary.args = {
+    label: 'Button Text Primary',
+    variant: 'primary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: true,
+    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 TextSecondary = Template.bind({});
+TextSecondary.args = {
+    label: 'Button Text Secondary',
+    variant: 'secondary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: true,
+    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 TextGrey = Template.bind({});
+TextGrey.args = {
+    label: 'Button Text Neutral',
+    variant: 'neutral',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: true,
+    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 TextWhite = Template.bind({});
+TextWhite.args = {
+    label: 'Button Text White',
+    variant: 'white',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: true,
+    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 ButtonTextWithIcon = Template.bind({});
+ButtonTextWithIcon.args = {
+    label: 'Button Text with Icon',
+    variant: 'primary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: false,
+    text: true,
+    showIcon: true,
+    iconName: 'home',
+    iconPosition: 'left',
+    type: 'button',
+    name: 'nome bottone',
+    value: 'value bottone',
+    ariaLabel: 'sono un bottone'
+};
+export const TextDisabled = Template.bind({});
+TextDisabled.args = {
+    label: 'Disabled',
+    variant: 'primary',
+    outline: false,
+    pill: false,
+    size: 'medium',
+    disabled: true,
+    text: true,
+    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-text.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"jump-button-text.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-text.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/Text',\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 TextPrimary = Template.bind({});\nTextPrimary.args = {\n  label: 'Button Text Primary',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: true,\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 TextSecondary = Template.bind({});\nTextSecondary.args = {\n  label: 'Button Text Secondary',\n  variant: 'secondary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: true,\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 TextGrey = Template.bind({});\nTextGrey.args = {\n  label: 'Button Text Neutral',\n  variant: 'neutral',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: true,\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 TextWhite = Template.bind({});\nTextWhite.args = {\n  label: 'Button Text White',\n  variant: 'white',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: true,\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 ButtonTextWithIcon = Template.bind({});\nButtonTextWithIcon.args = {\n  label: 'Button Text with Icon',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: false,\n  text: 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 TextDisabled = Template.bind({});\nTextDisabled.args = {\n  label: 'Disabled',\n  variant: 'primary',\n  outline: false,\n  pill: false,\n  size: 'medium',\n  disabled: true,\n  text: true,\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.css

@@ -1,5 +1,54 @@
-jump-button button,
-jump-button a {
+:root {
+  /*BASE COLOR RULES*/
+  --neutral-grey-background: #eeeeee;
+  --neutral-grey-disabled: #cbcbcb;
+  --neutral-grey-primary: #282828;
+  --neutral-grey-secondary: #707070;
+  --neutral-white: #ffffff;
+  --primary-hard: #e75a50;
+  --primary-soft: #ffeae9;
+  --primary-standard: #fa7268;
+  --secondary-hard: #435171;
+  --secondary-soft: #dde3ed;
+  --secondary-standard: #5e79ba;
+  --status-danger-hard: #ba250a;
+  --status-danger-soft: #fdd3d1;
+  --status-danger-standard: #d72c0d;
+  --status-interaction-hard: #22559e;
+  --status-interaction-soft: #f2f7fe;
+  --status-interaction-standard: #2c6ecb;
+  --status-success-hard: #156048;
+  --status-success-soft: #f1f8f5;
+  --status-success-standard: #1d7f60;
+  --status-warning-hard: #987100;
+  --status-warning-soft: #fef5ea;
+  --status-warning-standard: #b98900;
+  /*TYPOGRAPHY RULES*/
+  --ff-primary: "Inter";
+  --ff-secondary: "Prompt";
+  --lh-300: 1.25rem;
+  --lh-400: 1.5rem;
+  --lh-500: 1.625rem;
+  --lh-600: 2rem;
+  --lh-700: 2.75rem;
+  --lh-800: 3.5rem;
+  --lh-850: 4.375rem;
+  --lh-900: 5.5rem;
+  --fs-300: 0.875rem;
+  --fs-400: 1rem;
+  --fs-500: 1.125rem;
+  --fs-600: 1.5rem;
+  --fs-700: 2.25rem;
+  --fs-800: 3rem;
+  --fs-850: 3.75rem;
+  --fs-900: 4.5rem;
+  --fw-300: 300;
+  --fw-400: 400;
+  --fw-900: 700;
+}
+
+:host button,
+:host a {
   background-color: transparent;
   border: none;
   padding: 0;
@@ -9,7 +58,7 @@ jump-button a {
   cursor: pointer;
 }
 
-jump-button {
+:host {
   display: inline-flex;
   align-items: center;
   --jump-button-color: #ffffff;
@@ -21,8 +70,8 @@ jump-button {
   --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;
 }
-jump-button button,
-jump-button a {
+:host button,
+:host a {
   background-color: var(--jump-button-background);
   border-radius: var(--jump-button-border-radius);
   color: var(--jump-button-color);
@@ -37,109 +86,109 @@ jump-button a {
   text-decoration: none;
   padding: var(--jump-button-padding);
 }
-jump-button button:hover,
-jump-button a:hover {
+:host button:hover,
+:host a:hover {
   background-color: var(--jump-button-background-hover);
   color: var(--jump-button-color-hover);
 }
-jump-button button[data-variant=primary],
-jump-button a[data-variant=primary] {
+:host button[data-variant=primary],
+:host a[data-variant=primary] {
   --jump-button-color: var(--neutral-white);
   --jump-button-background: var(--primary-standard);
   --jump-button-color-hover: var(--neutral-white);
   --jump-button-background-hover: var(--primary-hard);
 }
-jump-button button[data-variant=secondary],
-jump-button a[data-variant=secondary] {
+:host button[data-variant=secondary],
+:host a[data-variant=secondary] {
   --jump-button-color: var(--neutral-white);
   --jump-button-background: var(--secondary-standard);
   --jump-button-color-hover: var(--neutral-white);
   --jump-button-background-hover: var(--secondary-hard);
 }
-jump-button button[data-variant=neutral],
-jump-button a[data-variant=neutral] {
+:host button[data-variant=neutral],
+:host a[data-variant=neutral] {
   --jump-button-color: var(--neutral-white);
   --jump-button-background: var(--neutral-grey-secondary);
   --jump-button-color-hover: var(--neutral-white);
   --jump-button-background-hover: var(--neutral-grey-primary);
 }
-jump-button button[data-variant=white],
-jump-button a[data-variant=white] {
+:host button[data-variant=white],
+:host a[data-variant=white] {
   --jump-button-color: var(--neutral-grey-primary);
   --jump-button-background: var(--neutral-white);
   --jump-button-color-hover: var(--neutral-grey-primary);
   --jump-button-background-hover: var(--neutral-grey-background);
 }
-jump-button button[disabled],
-jump-button a[disabled] {
+:host button[disabled],
+:host a[disabled] {
   --jump-button-background: var(--jump-button-color-disabled);
   --jump-button-background-hover: var(--jump-button-color-disabled);
   cursor: not-allowed;
 }
-jump-button button[data-pill],
-jump-button a[data-pill] {
+:host button[data-pill],
+:host a[data-pill] {
   border-radius: 100rem;
 }
-jump-button button[data-size=small],
-jump-button a[data-size=small] {
+:host button[data-size=small],
+:host a[data-size=small] {
   font-size: var(--fs-300, 0.875rem);
   line-height: var(--lh-300, 1.2);
   --jump-button-padding: 0.5rem 1rem;
 }
-jump-button button[data-size=medium],
-jump-button a[data-size=medium] {
+:host button[data-size=medium],
+:host a[data-size=medium] {
   font-size: var(--fs-400, 1rem);
   line-height: var(--lh-400, 1.3);
 }
-jump-button button[data-size=large],
-jump-button a[data-size=large] {
+:host button[data-size=large],
+:host a[data-size=large] {
   font-size: var(--fs-500, 1.125rem);
   line-height: var(--lh-500, 1.4);
   --jump-button-padding: 1.125rem 1.5rem;
 }
-jump-button button[data-outline],
-jump-button a[data-outline] {
+:host button[data-outline],
+:host a[data-outline] {
   background-color: var(--jump-button-background-outline);
   border: 1px solid var(--jump-button-background);
   color: var(--jump-button-background);
 }
-jump-button button[data-outline]:hover,
-jump-button a[data-outline]:hover {
+:host button[data-outline]:hover,
+:host a[data-outline]:hover {
   background-color: var(--jump-button-background-hover);
   border: 1px solid var(--jump-button-background-hover);
   color: var(--jump-button-color-hover);
 }
-jump-button button[data-text],
-jump-button a[data-text] {
+:host button[data-text],
+:host a[data-text] {
   background-color: transparent;
   border: none;
   color: var(--jump-button-background);
   padding: 0;
 }
-jump-button button[data-text]:hover,
-jump-button a[data-text]:hover {
+:host button[data-text]:hover,
+:host a[data-text]:hover {
   background-color: transparent;
   border: none;
   color: var(--jump-button-background-hover);
 }
-jump-button button[data-only-icon],
-jump-button a[data-only-icon] {
+:host button[data-only-icon],
+:host a[data-only-icon] {
   --jump-button-padding: 1.125rem;
 }
-jump-button button[data-only-icon][data-size=small],
-jump-button a[data-only-icon][data-size=small] {
+:host button[data-only-icon][data-size=small],
+:host a[data-only-icon][data-size=small] {
   --jump-button-padding: 0.5rem;
 }
-jump-button button[data-only-icon][data-size=medium],
-jump-button a[data-only-icon][data-size=medium] {
+:host button[data-only-icon][data-size=medium],
+:host a[data-only-icon][data-size=medium] {
   --jump-button-padding: 1rem;
 }
-jump-button button[data-only-icon][data-size=large],
-jump-button a[data-only-icon][data-size=large] {
+:host button[data-only-icon][data-size=large],
+:host a[data-only-icon][data-size=large] {
   --jump-button-padding: 1.125rem;
 }
-jump-button button.chat,
-jump-button a.chat {
+:host button.chat,
+:host a.chat {
   --jump-button-color: var(--neutral-white);
   --jump-button-background: hsla(133, 54%, 58%, 1);
   --jump-button-color-hover: var(--neutral-white);