@jumpgroup/jump-design-system 0.2.2 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/dist/cjs/{index-79e97f36.js → index-41aaa52a.js} +181 -11
  2. package/dist/cjs/index-41aaa52a.js.map +1 -0
  3. package/dist/cjs/jump-badge.cjs.entry.js +6 -6
  4. package/dist/cjs/jump-badge.cjs.entry.js.map +1 -1
  5. package/dist/cjs/jump-button.cjs.entry.js +10 -6
  6. package/dist/cjs/jump-button.cjs.entry.js.map +1 -1
  7. package/dist/cjs/jump-card.cjs.entry.js +4 -4
  8. package/dist/cjs/jump-card.cjs.entry.js.map +1 -1
  9. package/dist/cjs/jump-design-system.cjs.js +3 -3
  10. package/dist/cjs/jump-design-system.cjs.js.map +1 -1
  11. package/dist/cjs/jump-icon.cjs.entry.js +5 -5
  12. package/dist/cjs/jump-icon.cjs.entry.js.map +1 -1
  13. package/dist/cjs/jump-pagination.cjs.entry.js +32 -10
  14. package/dist/cjs/jump-pagination.cjs.entry.js.map +1 -1
  15. package/dist/cjs/jump-tab.cjs.entry.js +29 -0
  16. package/dist/cjs/jump-tab.cjs.entry.js.map +1 -0
  17. package/dist/cjs/loader.cjs.js +2 -2
  18. package/dist/collection/collection-manifest.json +5 -4
  19. package/dist/collection/components/jump-badge/jump-badge.css +1 -1
  20. package/dist/collection/components/jump-badge/jump-badge.js +4 -4
  21. package/dist/collection/components/jump-badge/jump-badge.js.map +1 -1
  22. package/dist/collection/components/jump-badge/test/jump-badge.spec.js +2 -2
  23. package/dist/collection/components/jump-badge/test/jump-badge.spec.js.map +1 -1
  24. package/dist/collection/components/jump-button/jump-button-anchor.stories.js +87 -0
  25. package/dist/collection/components/jump-button/jump-button-anchor.stories.js.map +1 -0
  26. package/dist/collection/components/jump-button/jump-button-dimension.stories.js +74 -0
  27. package/dist/collection/components/jump-button/jump-button-dimension.stories.js.map +1 -0
  28. package/dist/collection/components/jump-button/jump-button-filled.stories.js +14 -482
  29. package/dist/collection/components/jump-button/jump-button-filled.stories.js.map +1 -1
  30. package/dist/collection/components/jump-button/jump-button-only-icon.stories.js +109 -0
  31. package/dist/collection/components/jump-button/jump-button-only-icon.stories.js.map +1 -0
  32. package/dist/collection/components/jump-button/jump-button-outline.stories.js +20 -285
  33. package/dist/collection/components/jump-button/jump-button-outline.stories.js.map +1 -1
  34. package/dist/collection/components/jump-button/jump-button-text.stories.js +83 -0
  35. package/dist/collection/components/jump-button/jump-button-text.stories.js.map +1 -0
  36. package/dist/collection/components/jump-button/jump-button.css +103 -50
  37. package/dist/collection/components/jump-button/jump-button.js +41 -19
  38. package/dist/collection/components/jump-button/jump-button.js.map +1 -1
  39. package/dist/collection/components/jump-button/test/jump-button.spec.js +2 -2
  40. package/dist/collection/components/jump-button/test/jump-button.spec.js.map +1 -1
  41. package/dist/collection/components/jump-card/jump-card-border-radius.stories.js +2 -14
  42. package/dist/collection/components/jump-card/jump-card-border-radius.stories.js.map +1 -1
  43. package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js +1 -2
  44. package/dist/collection/components/jump-card/jump-card-top-border-content-radius.stories.js.map +1 -1
  45. package/dist/collection/components/jump-card/jump-card.css +50 -1
  46. package/dist/collection/components/jump-card/jump-card.js +13 -13
  47. package/dist/collection/components/jump-card/jump-card.js.map +1 -1
  48. package/dist/collection/components/{app-icon → jump-icon}/jump-icon.js +2 -2
  49. package/dist/collection/components/jump-icon/jump-icon.js.map +1 -0
  50. package/dist/collection/components/{app-icon → jump-icon}/jump-icon.stories.js +1 -1
  51. package/dist/collection/components/jump-icon/jump-icon.stories.js.map +1 -0
  52. package/dist/collection/components/jump-icon/test/jump-icon.e2e.js.map +1 -0
  53. package/dist/collection/components/{app-icon → jump-icon}/test/jump-icon.spec.js +2 -2
  54. package/dist/collection/components/jump-icon/test/jump-icon.spec.js.map +1 -0
  55. package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js +41 -24
  56. package/dist/collection/components/jump-pagination/jump-pagination-pages.stories.js.map +1 -1
  57. package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js +19 -40
  58. package/dist/collection/components/jump-pagination/jump-pagination-products.stories.js.map +1 -1
  59. package/dist/collection/components/jump-pagination/jump-pagination.css +13 -0
  60. package/dist/collection/components/jump-pagination/jump-pagination.js +64 -31
  61. package/dist/collection/components/jump-pagination/jump-pagination.js.map +1 -1
  62. package/dist/collection/components/jump-tab/jump-tab-inline.stories.js +28 -0
  63. package/dist/collection/components/jump-tab/jump-tab-inline.stories.js.map +1 -0
  64. package/dist/collection/components/jump-tab/jump-tab.css +3 -0
  65. package/dist/collection/components/jump-tab/jump-tab.js +71 -0
  66. package/dist/collection/components/jump-tab/jump-tab.js.map +1 -0
  67. package/dist/collection/components/jump-tab/test/jump-tab.e2e.js +10 -0
  68. package/dist/collection/components/jump-tab/test/jump-tab.e2e.js.map +1 -0
  69. package/dist/collection/components/jump-tab/test/jump-tab.spec.js +18 -0
  70. package/dist/collection/components/jump-tab/test/jump-tab.spec.js.map +1 -0
  71. package/dist/collection/utils/utils.js +29 -3
  72. package/dist/collection/utils/utils.js.map +1 -1
  73. package/dist/components/jump-badge.js +7 -7
  74. package/dist/components/jump-badge.js.map +1 -1
  75. package/dist/components/jump-button.js +26 -20
  76. package/dist/components/jump-button.js.map +1 -1
  77. package/dist/components/jump-card.js +14 -14
  78. package/dist/components/jump-card.js.map +1 -1
  79. package/dist/components/jump-icon.js +2 -2
  80. package/dist/components/jump-icon2.js +4 -4
  81. package/dist/components/jump-icon2.js.map +1 -1
  82. package/dist/components/jump-pagination.js +38 -13
  83. package/dist/components/jump-pagination.js.map +1 -1
  84. package/dist/components/jump-tab.d.ts +11 -0
  85. package/dist/components/jump-tab.js +46 -0
  86. package/dist/components/jump-tab.js.map +1 -0
  87. package/dist/esm/{index-7feee8ea.js → index-192aeaf1.js} +181 -12
  88. package/dist/esm/index-192aeaf1.js.map +1 -0
  89. package/dist/esm/jump-badge.entry.js +6 -6
  90. package/dist/esm/jump-badge.entry.js.map +1 -1
  91. package/dist/esm/jump-button.entry.js +10 -6
  92. package/dist/esm/jump-button.entry.js.map +1 -1
  93. package/dist/esm/jump-card.entry.js +4 -4
  94. package/dist/esm/jump-card.entry.js.map +1 -1
  95. package/dist/esm/jump-design-system.js +4 -4
  96. package/dist/esm/jump-design-system.js.map +1 -1
  97. package/dist/esm/jump-icon.entry.js +5 -5
  98. package/dist/esm/jump-icon.entry.js.map +1 -1
  99. package/dist/esm/jump-pagination.entry.js +32 -10
  100. package/dist/esm/jump-pagination.entry.js.map +1 -1
  101. package/dist/esm/jump-tab.entry.js +25 -0
  102. package/dist/esm/jump-tab.entry.js.map +1 -0
  103. package/dist/esm/loader.js +3 -3
  104. package/dist/jump-design-system/jump-design-system.esm.js +1 -1
  105. package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
  106. package/dist/jump-design-system/p-20ceb40c.js +3 -0
  107. package/dist/jump-design-system/p-20ceb40c.js.map +1 -0
  108. package/dist/jump-design-system/{p-bc02e346.entry.js → p-511d4425.entry.js} +3 -3
  109. package/dist/jump-design-system/p-511d4425.entry.js.map +1 -0
  110. package/dist/jump-design-system/p-61729377.entry.js +2 -0
  111. package/dist/jump-design-system/p-61729377.entry.js.map +1 -0
  112. package/dist/jump-design-system/p-700b96b4.entry.js +2 -0
  113. package/dist/jump-design-system/p-700b96b4.entry.js.map +1 -0
  114. package/dist/jump-design-system/p-87256ed6.entry.js +2 -0
  115. package/dist/jump-design-system/p-87256ed6.entry.js.map +1 -0
  116. package/dist/jump-design-system/{p-99238e3f.entry.js → p-8f5caf32.entry.js} +2 -2
  117. package/dist/jump-design-system/p-8f5caf32.entry.js.map +1 -0
  118. package/dist/jump-design-system/p-9e47f451.entry.js +2 -0
  119. package/dist/jump-design-system/p-9e47f451.entry.js.map +1 -0
  120. package/dist/jump-design-system-elements.json +20 -7
  121. package/dist/types/components/jump-badge/jump-badge.d.ts +1 -1
  122. package/dist/types/components/jump-button/jump-button-anchor.stories.d.ts +44 -0
  123. package/dist/types/components/jump-button/jump-button-dimension.stories.d.ts +43 -0
  124. package/dist/types/components/jump-button/jump-button-filled.stories.d.ts +1 -120
  125. package/dist/types/components/jump-button/jump-button-only-icon.stories.d.ts +53 -0
  126. package/dist/types/components/jump-button/jump-button-outline.stories.d.ts +4 -112
  127. package/dist/types/components/jump-button/jump-button-text.stories.d.ts +40 -0
  128. package/dist/types/components/jump-button/jump-button.d.ts +7 -2
  129. package/dist/types/components/{app-icon → jump-icon}/jump-icon.d.ts +1 -1
  130. package/dist/types/components/jump-pagination/jump-pagination-pages.stories.d.ts +2 -1
  131. package/dist/types/components/jump-pagination/jump-pagination-products.stories.d.ts +2 -2
  132. package/dist/types/components/jump-pagination/jump-pagination.d.ts +10 -8
  133. package/dist/types/components/jump-tab/jump-tab-inline.stories.d.ts +18 -0
  134. package/dist/types/components/jump-tab/jump-tab.d.ts +6 -0
  135. package/dist/types/components.d.ts +47 -14
  136. package/dist/types/utils/utils.d.ts +2 -1
  137. package/package.json +3 -2
  138. package/dist/cjs/index-79e97f36.js.map +0 -1
  139. package/dist/collection/components/app-icon/jump-icon.js.map +0 -1
  140. package/dist/collection/components/app-icon/jump-icon.stories.js.map +0 -1
  141. package/dist/collection/components/app-icon/test/jump-icon.e2e.js.map +0 -1
  142. package/dist/collection/components/app-icon/test/jump-icon.spec.js.map +0 -1
  143. package/dist/collection/utils/utils.spec.js +0 -16
  144. package/dist/collection/utils/utils.spec.js.map +0 -1
  145. package/dist/esm/index-7feee8ea.js.map +0 -1
  146. package/dist/jump-design-system/p-7cfed9c6.entry.js +0 -2
  147. package/dist/jump-design-system/p-7cfed9c6.entry.js.map +0 -1
  148. package/dist/jump-design-system/p-99238e3f.entry.js.map +0 -1
  149. package/dist/jump-design-system/p-9fd6e0a0.entry.js +0 -2
  150. package/dist/jump-design-system/p-9fd6e0a0.entry.js.map +0 -1
  151. package/dist/jump-design-system/p-bc02e346.entry.js.map +0 -1
  152. package/dist/jump-design-system/p-c560071a.js +0 -3
  153. package/dist/jump-design-system/p-c560071a.js.map +0 -1
  154. package/dist/jump-design-system/p-ddb6c98c.entry.js +0 -2
  155. package/dist/jump-design-system/p-ddb6c98c.entry.js.map +0 -1
  156. /package/dist/collection/components/{app-icon → jump-icon}/jump-icon.css +0 -0
  157. /package/dist/collection/components/{app-icon → jump-icon}/test/jump-icon.e2e.js +0 -0
  158. /package/dist/types/components/{app-icon → jump-icon}/jump-icon.stories.d.ts +0 -0
@@ -1,13 +1,8 @@
1
- import feather from "feather-icons";
1
+ import { generateAttributesFromArgs } from "../../utils/utils";
2
2
  export default {
3
3
  title: 'Components/Button/Filled',
4
4
  tags: ['autodocs'],
5
5
  argTypes: {
6
- label: {
7
- name: 'Etichetta',
8
- description: 'Imposta il testo del bottone',
9
- control: 'text'
10
- },
11
6
  variant: {
12
7
  name: 'Variante',
13
8
  description: 'Imposta la variante di colore del bottone',
@@ -49,124 +44,11 @@ export default {
49
44
  description: 'Imposta se il bottone deve essere disabilitato',
50
45
  control: 'boolean'
51
46
  },
52
- text: {
53
- name: 'Testo',
54
- description: 'Imposta se il bottone è solo testo, quindi senza bordo, sfondo e padding',
47
+ full: {
48
+ name: 'Full Width',
49
+ description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',
55
50
  control: 'boolean'
56
51
  },
57
- showIcon: {
58
- name: 'Mostra Icona',
59
- description: 'Imposta se il bottone deve mostrare un\'icona',
60
- control: 'boolean'
61
- },
62
- iconOnly: {
63
- name: 'Mostra solo Icona',
64
- description: 'Imposta se il bottone deve mostrare solo l\'icona',
65
- control: 'boolean',
66
- if: {
67
- arg: 'showIcon',
68
- eq: true
69
- },
70
- },
71
- iconName: {
72
- name: 'Nome Icona',
73
- control: 'select',
74
- options: Object.keys(feather.icons),
75
- description: 'Seleziona il nome dell\'icona dal menu a tendina',
76
- defaultValue: Object.keys(feather.icons)[0],
77
- if: {
78
- arg: 'showIcon',
79
- eq: true
80
- },
81
- },
82
- iconPosition: {
83
- name: 'Posizione Icona',
84
- description: 'Imposta la posizione dell\'icona',
85
- defaultValue: 'left',
86
- control: 'select',
87
- options: [
88
- 'left',
89
- 'right'
90
- ],
91
- if: {
92
- arg: 'showIcon',
93
- eq: true
94
- },
95
- labels: {
96
- left: 'Sinistra',
97
- right: 'Destra'
98
- }
99
- },
100
- type: {
101
- name: 'Tipo di bottone',
102
- description: 'Imposta il tipo di bottone',
103
- default: 'button',
104
- control: 'select',
105
- if: {
106
- arg: 'href',
107
- exists: false
108
- },
109
- options: [
110
- 'button',
111
- 'submit',
112
- 'reset'
113
- ],
114
- labels: {
115
- button: 'button',
116
- submit: 'submit',
117
- reset: 'reset',
118
- }
119
- },
120
- name: {
121
- name: 'Nome del bottone',
122
- description: 'Imposta il nome del bottone',
123
- control: 'text',
124
- if: {
125
- arg: 'href',
126
- exists: false
127
- }
128
- },
129
- value: {
130
- name: 'Value del bottone',
131
- description: 'Imposta il value del bottone',
132
- control: 'text',
133
- if: {
134
- arg: 'href',
135
- exists: false
136
- }
137
- },
138
- ariaLabel: {
139
- name: 'Aria Label',
140
- description: 'Imposta aria label',
141
- control: 'text',
142
- },
143
- href: {
144
- name: 'Href',
145
- description: 'Imposta l\'href del link',
146
- control: 'text',
147
- },
148
- target: {
149
- name: 'Target',
150
- description: 'Imposta il target del link',
151
- default: '_self',
152
- control: 'select',
153
- if: {
154
- arg: 'href',
155
- exists: true
156
- },
157
- options: [
158
- '_blank',
159
- '_parent',
160
- '_self',
161
- '_top'
162
- ],
163
- labels: {
164
- _blank: '_blank',
165
- _parent: '_parent',
166
- _self: '_self',
167
- _top: '_top'
168
- }
169
- },
170
52
  id: {
171
53
  name: 'ID',
172
54
  description: 'Imposta l\'id del bottone',
@@ -174,406 +56,56 @@ export default {
174
56
  },
175
57
  }
176
58
  };
177
- // TODO: non far passare gli undefined
178
- const Anchor = (args) => {
179
- var _a;
180
- return `<jump-button id="${args.id}" class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}" "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' : ''}>
181
- ${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>`;
59
+ const Template = (args) => {
60
+ const attributes = generateAttributesFromArgs(args);
61
+ return `<jump-button ${attributes} name="scopri" value="value" aria-label="Scopri di più"> Scopri di più </jump-button>`;
182
62
  };
183
- const Button = (args) => {
184
- var _a;
185
- return `<jump-button id="${args.id}" class="${(_a = args.class) !== null && _a !== void 0 ? _a : ''}" "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>`;
63
+ const TemplateWithIcon = (args) => {
64
+ const attributes = generateAttributesFromArgs(args);
65
+ return `<jump-button ${attributes} name="scopri" value="value" aria-label="Scopri di più"> <jump-icon slot="suffix" name="arrow-right"></jump-icon> Scopri di più </jump-button>`;
186
66
  };
187
- const Template = (args) => `${args.href ? Anchor(args) : !args.label && !args.showIcon ? 'Errore nella configurazione del bottone' : Button(args)}`;
188
- // TODO: gestire la prop che è opzione: cmq se copio il codice e tolgo le props undefined dovrebbe andare tutto
189
67
  export const Primary = Template.bind({});
190
68
  Primary.args = {
191
- label: 'Primary',
192
69
  variant: 'primary',
193
- outline: false,
194
- pill: false,
195
- size: 'medium',
196
- disabled: false,
197
- text: false,
198
- showIcon: false,
199
- iconOnly: false,
200
- iconName: Object.keys(feather.icons)[0],
201
- iconPosition: 'left',
202
- type: 'button',
203
- name: 'nome bottone',
204
- value: 'value bottone',
205
- ariaLabel: 'sono un bottone'
70
+ size: 'small',
206
71
  };
207
72
  export const Secondary = Template.bind({});
208
73
  Secondary.args = {
209
- label: 'Secondary',
210
74
  variant: 'secondary',
211
- outline: false,
212
- pill: false,
213
75
  size: 'medium',
214
- disabled: false,
215
- text: false,
216
- showIcon: false,
217
- iconOnly: false,
218
- iconName: Object.keys(feather.icons)[0],
219
- iconPosition: 'left',
220
- type: 'button',
221
- name: 'nome bottone',
222
- value: 'value bottone',
223
- ariaLabel: 'sono un bottone'
224
76
  };
225
77
  export const Neutral = Template.bind({});
226
78
  Neutral.args = {
227
- label: 'Neutral',
228
79
  variant: 'neutral',
229
- outline: false,
230
- pill: false,
231
- size: 'medium',
232
- disabled: false,
233
- text: false,
234
- showIcon: false,
235
- iconOnly: false,
236
- iconName: Object.keys(feather.icons)[0],
237
- iconPosition: 'left',
238
- type: 'button',
239
- name: 'nome bottone',
240
- value: 'value bottone',
241
- ariaLabel: 'sono un bottone'
80
+ size: 'large',
242
81
  };
243
82
  export const White = Template.bind({});
244
83
  White.args = {
245
- label: 'White',
246
84
  variant: 'white',
247
- outline: false,
248
- pill: false,
249
85
  size: 'medium',
250
- disabled: false,
251
- text: false,
252
- showIcon: false,
253
- iconOnly: false,
254
- iconName: Object.keys(feather.icons)[0],
255
- iconPosition: 'left',
256
- type: 'button',
257
- name: 'nome bottone',
258
- value: 'value bottone',
259
- ariaLabel: 'sono un bottone'
260
- };
261
- export const OutlinePrimary = Template.bind({});
262
- OutlinePrimary.args = {
263
- label: 'Outline Primary',
264
- variant: 'primary',
265
- outline: true,
266
- pill: false,
267
- size: 'medium',
268
- disabled: false,
269
- text: false,
270
- showIcon: false,
271
- iconOnly: false,
272
- iconName: Object.keys(feather.icons)[0],
273
- iconPosition: 'left',
274
- type: 'button',
275
- name: 'nome bottone',
276
- value: 'value bottone',
277
- ariaLabel: 'sono un bottone'
278
- };
279
- export const OutlineSecondary = Template.bind({});
280
- OutlineSecondary.args = {
281
- label: 'Outline Secondary',
282
- variant: 'secondary',
283
- outline: true,
284
- pill: false,
285
- size: 'medium',
286
- disabled: false,
287
- text: false,
288
- showIcon: false,
289
- iconOnly: false,
290
- iconName: Object.keys(feather.icons)[0],
291
- iconPosition: 'left',
292
- type: 'button',
293
- name: 'nome bottone',
294
- value: 'value bottone',
295
- ariaLabel: 'sono un bottone'
296
- };
297
- export const OutlineGrey = Template.bind({});
298
- OutlineGrey.args = {
299
- label: 'Outline Neutral',
300
- variant: 'neutral',
301
- outline: true,
302
- pill: false,
303
- size: 'medium',
304
- disabled: false,
305
- text: false,
306
- showIcon: false,
307
- iconOnly: false,
308
- iconName: Object.keys(feather.icons)[0],
309
- iconPosition: 'left',
310
- type: 'button',
311
- name: 'nome bottone',
312
- value: 'value bottone',
313
- ariaLabel: 'sono un bottone'
314
- };
315
- export const OutlineWhite = Template.bind({});
316
- OutlineWhite.args = {
317
- label: 'Outline White',
318
- variant: 'white',
319
- outline: true,
320
- pill: false,
321
- size: 'medium',
322
- disabled: false,
323
- text: false,
324
- showIcon: false,
325
- iconOnly: false,
326
- iconName: Object.keys(feather.icons)[0],
327
- iconPosition: 'left',
328
- type: 'button',
329
- name: 'nome bottone',
330
- value: 'value bottone',
331
- ariaLabel: 'sono un bottone'
332
86
  };
333
87
  export const PillPrimary = Template.bind({});
334
88
  PillPrimary.args = {
335
- label: 'Pill Primary',
336
89
  variant: 'primary',
337
- outline: false,
338
90
  pill: true,
339
91
  size: 'medium',
340
- disabled: false,
341
- text: false,
342
- showIcon: false,
343
- iconOnly: false,
344
- iconName: Object.keys(feather.icons)[0],
345
- iconPosition: 'left',
346
- type: 'button',
347
- name: 'nome bottone',
348
- value: 'value bottone',
349
- ariaLabel: 'sono un bottone'
350
- };
351
- export const OutlinePillPrimary = Template.bind({});
352
- OutlinePillPrimary.args = {
353
- label: 'Pill Primary',
354
- variant: 'primary',
355
- outline: true,
356
- pill: true,
357
- size: 'medium',
358
- disabled: false,
359
- text: false,
360
- showIcon: false,
361
- iconOnly: false,
362
- iconName: Object.keys(feather.icons)[0],
363
- iconPosition: 'left',
364
- type: 'button',
365
- name: 'nome bottone',
366
- value: 'value bottone',
367
- ariaLabel: 'sono un bottone'
368
- };
369
- export const TextPrimary = Template.bind({});
370
- TextPrimary.args = {
371
- label: 'Button Text Primary',
372
- variant: 'primary',
373
- outline: false,
374
- pill: false,
375
- size: 'medium',
376
- disabled: false,
377
- text: true,
378
- showIcon: false,
379
- iconOnly: false,
380
- iconName: Object.keys(feather.icons)[0],
381
- iconPosition: 'left',
382
- type: 'button',
383
- name: 'nome bottone',
384
- value: 'value bottone',
385
- ariaLabel: 'sono un bottone'
386
- };
387
- export const TextSecondary = Template.bind({});
388
- TextSecondary.args = {
389
- label: 'Button Text Secondary',
390
- variant: 'secondary',
391
- outline: false,
392
- pill: false,
393
- size: 'medium',
394
- disabled: false,
395
- text: true,
396
- showIcon: false,
397
- iconOnly: false,
398
- iconName: Object.keys(feather.icons)[0],
399
- iconPosition: 'left',
400
- type: 'button',
401
- name: 'nome bottone',
402
- value: 'value bottone',
403
- ariaLabel: 'sono un bottone'
404
- };
405
- export const TextGrey = Template.bind({});
406
- TextGrey.args = {
407
- label: 'Button Text Neutral',
408
- variant: 'neutral',
409
- outline: false,
410
- pill: false,
411
- size: 'medium',
412
- disabled: false,
413
- text: true,
414
- showIcon: false,
415
- iconOnly: false,
416
- iconName: Object.keys(feather.icons)[0],
417
- iconPosition: 'left',
418
- type: 'button',
419
- name: 'nome bottone',
420
- value: 'value bottone',
421
- ariaLabel: 'sono un bottone'
422
92
  };
423
- export const TextWhite = Template.bind({});
424
- TextWhite.args = {
425
- label: 'Button Text White',
426
- variant: 'white',
427
- outline: false,
428
- pill: false,
429
- size: 'medium',
430
- disabled: false,
431
- text: true,
432
- showIcon: false,
433
- iconOnly: false,
434
- iconName: Object.keys(feather.icons)[0],
435
- iconPosition: 'left',
436
- type: 'button',
437
- name: 'nome bottone',
438
- value: 'value bottone',
439
- ariaLabel: 'sono un bottone'
440
- };
441
- 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>`;
442
93
  export const ButtonWithIcon = TemplateWithIcon.bind({});
443
94
  ButtonWithIcon.args = {
444
- label: 'Primary',
445
- variant: 'primary',
446
- outline: false,
447
- pill: false,
448
- size: 'medium',
449
- disabled: false,
450
- text: false,
451
- showIcon: true,
452
- iconName: 'home',
453
- iconPosition: 'left',
454
- type: 'button',
455
- name: 'nome bottone',
456
- value: 'value bottone',
457
- ariaLabel: 'sono un bottone'
458
- };
459
- const TemplateWithOnlyIcon = (args) => `<jump-button
460
- id="${args.id}"
461
- class="${args.class}"
462
- variant="${args.variant}"
463
- size="${args.size}"
464
- type="${args.type}"
465
- ariaLabel="${args.ariaLabel}"
466
- name="${args.name}"
467
- value="${args.value}"
468
- ${args.disabled == true ? ' disabled' : ''}
469
- ${args.pill == true ? ' pill' : ''}
470
- ${args.outline == true ? ' outline' : ''}
471
- ${args.text == true ? ' text' : ''}
472
- ${!args.label ? ' only-icon' : ''}>
473
- ${args.iconPosition == 'left' && args.showIcon ? `<jump-icon slot="prefix" name="${args.iconName}"></jump-icon>` : ''}
474
- ${args.label}
475
- ${args.iconPosition == 'right' && args.showIcon ? `<jump-icon slot="suffix" name="${args.iconName}"></jump-icon>` : ''}
476
-
477
- </jump-button>`;
478
- export const ButtonWithOnlyIconSquare = TemplateWithOnlyIcon.bind({});
479
- ButtonWithOnlyIconSquare.args = {
480
- label: '',
481
95
  variant: 'primary',
482
- outline: false,
483
- pill: false,
484
96
  size: 'medium',
485
- disabled: false,
486
- text: false,
487
- showIcon: true,
488
- iconName: 'home',
489
- iconPosition: 'left',
490
- type: 'button',
491
- name: 'nome bottone',
492
- value: 'value bottone',
493
- ariaLabel: 'sono un bottone'
494
- };
495
- export const ButtonWithOnlyIconPill = TemplateWithOnlyIcon.bind({});
496
- ButtonWithOnlyIconPill.args = {
497
- label: '',
498
- variant: 'primary',
499
- outline: false,
500
- pill: true,
501
- size: 'medium',
502
- disabled: false,
503
- text: false,
504
- showIcon: true,
505
- iconName: 'home',
506
- iconPosition: 'left',
507
- type: 'button',
508
- name: 'nome bottone',
509
- value: 'value bottone',
510
- ariaLabel: 'sono un bottone'
511
- };
512
- export const Link = Template.bind({});
513
- Link.args = {
514
- label: 'Link',
515
- variant: 'primary',
516
- outline: false,
517
- pill: false,
518
- size: 'medium',
519
- disabled: false,
520
- text: true,
521
- showIcon: false,
522
- iconOnly: false,
523
- iconName: Object.keys(feather.icons)[0],
524
- iconPosition: 'left',
525
- href: 'www.jumpgroup.it',
526
- target: '_blank',
527
- };
528
- export const AnchorWithIcon = TemplateWithIcon.bind({});
529
- AnchorWithIcon.args = {
530
- label: 'Link with icon',
531
- variant: 'primary',
532
- outline: false,
533
- pill: false,
534
- size: 'medium',
535
- disabled: false,
536
- text: true,
537
- showIcon: true,
538
- iconName: 'arrow-right',
539
- iconPosition: 'right',
540
- href: 'www.google.it',
541
- ariaLabel: 'sono un bottone'
97
+ full: true
542
98
  };
543
99
  export const Disabled = Template.bind({});
544
100
  Disabled.args = {
545
- label: 'Disabled',
546
101
  variant: 'primary',
547
- outline: false,
548
- pill: false,
549
102
  size: 'medium',
550
103
  disabled: true,
551
- text: false,
552
- showIcon: false,
553
- iconOnly: false,
554
- iconName: Object.keys(feather.icons)[0],
555
- iconPosition: 'left',
556
- type: 'button',
557
- name: 'nome bottone',
558
- value: 'value bottone',
559
- ariaLabel: 'sono un bottone'
560
104
  };
561
105
  export const CustomButton = Template.bind({});
562
106
  CustomButton.args = {
563
- label: 'Sono un bottone custom',
564
- outline: false,
565
107
  pill: true,
566
- size: 'small',
567
- disabled: false,
568
- text: false,
569
- showIcon: true,
570
- iconOnly: false,
571
- iconName: 'message-circle',
572
- iconPosition: 'left',
573
- type: 'button',
574
- name: 'nome bottone',
575
- value: 'value bottone',
576
- ariaLabel: 'sono un bottone',
108
+ size: 'medium',
577
109
  class: 'chat'
578
110
  };
579
111
  //# sourceMappingURL=jump-button-filled.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"jump-button-filled.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-filled.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import feather from 'feather-icons';\n\nexport default {\n title: 'Components/Button/Filled',\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' : ''}>\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 Button = (args) => {\n 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>`\n}\n\nconst Template = (args) => \n`${ args.href ? Anchor(args) : !args.label && !args.showIcon ? 'Errore nella configurazione del bottone' : Button(args)}`;\n\n// TODO: gestire la prop che è opzione: cmq se copio il codice e tolgo le props undefined dovrebbe andare tutto\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n label: 'Primary',\n variant: 'primary',\n outline: false,\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 Secondary = Template.bind({});\nSecondary.args = {\n label: 'Secondary',\n variant: 'secondary',\n outline: false,\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 Neutral = Template.bind({});\nNeutral.args = {\n label: 'Neutral',\n variant: 'neutral',\n outline: false,\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 White = Template.bind({});\nWhite.args = {\n label: 'White',\n variant: 'white',\n outline: false,\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 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 PillPrimary = Template.bind({});\nPillPrimary.args = {\n label: 'Pill Primary',\n variant: 'primary',\n outline: false,\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 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 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\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: false,\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 \n </jump-button>`\n\nexport const ButtonWithOnlyIconSquare = TemplateWithOnlyIcon.bind({});\nButtonWithOnlyIconSquare.args = {\n label: '',\n variant: 'primary',\n outline: false,\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: false,\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 Link = Template.bind({});\nLink.args = {\n label: 'Link',\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 href:'www.jumpgroup.it',\n target: '_blank',\n};\n\nexport const AnchorWithIcon = TemplateWithIcon.bind({});\nAnchorWithIcon.args = {\n label: 'Link 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: 'arrow-right',\n iconPosition: 'right',\n href: 'www.google.it',\n ariaLabel: 'sono un bottone'\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n label: 'Disabled',\n variant: 'primary',\n outline: false,\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\nexport const CustomButton = Template.bind({});\nCustomButton.args = {\n label: 'Sono un bottone custom',\n outline: false,\n pill: true,\n size: 'small',\n disabled: false,\n text: false,\n showIcon: true,\n iconOnly: false,\n iconName: 'message-circle',\n iconPosition: 'left',\n type: 'button',\n name: 'nome bottone',\n value: 'value bottone',\n ariaLabel: 'sono un bottone',\n class: 'chat'\n};"]}
1
+ {"version":3,"file":"jump-button-filled.stories.js","sourceRoot":"","sources":["../../../src/components/jump-button/jump-button-filled.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n title: 'Components/Button/Filled',\n tags: ['autodocs'],\n argTypes: {\n variant: {\n name: 'Variante',\n description: 'Imposta la variante di colore del bottone',\n control: 'select',\n options: [\n 'primary',\n 'secondary',\n 'neutral',\n 'white'\n ],\n },\n outline : {\n name: 'Outline',\n description: 'Imposta se il bottone deve avere il solo bordo',\n control: 'boolean'\n },\n size: {\n name: 'Dimensione',\n description: 'Imposta la dimensione del bottone',\n control: 'select',\n options: [\n 'small',\n 'medium',\n 'large'\n ],\n labels: {\n small: 'Piccolo',\n medium: 'Medio',\n large: 'Grande'\n }\n },\n pill: {\n name: 'Bordo a Pillola',\n description: 'Imposta se il bottone deve avere il bordo completamente stondato a pillola',\n control: 'boolean'\n },\n disabled: {\n name: 'Disabilitato',\n description: 'Imposta se il bottone deve essere disabilitato',\n control: 'boolean'\n },\n full: {\n name: 'Full Width',\n description: 'Imposta se il bottone sarà largo tutto lo spazio che può occupare',\n control: 'boolean'\n },\n id: {\n name: 'ID',\n description: 'Imposta l\\'id del bottone',\n control: 'text'\n },\n }\n};\n\nconst Template = (args) => {\n const attributes = generateAttributesFromArgs(args);\n return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> Scopri di più </jump-button>`\n}\n\nconst TemplateWithIcon = (args) => {\n const attributes = generateAttributesFromArgs(args);\n return `<jump-button ${attributes} name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> Scopri di più </jump-button>`\n}\n\nexport const Primary = Template.bind({});\nPrimary.args = {\n variant: 'primary',\n size: 'small',\n};\n\nexport const Secondary = Template.bind({});\nSecondary.args = {\n variant: 'secondary',\n size: 'medium',\n};\n\nexport const Neutral = Template.bind({});\nNeutral.args = {\n variant: 'neutral',\n size: 'large',\n};\n\nexport const White = Template.bind({});\nWhite.args = {\n variant: 'white',\n size: 'medium',\n};\n\nexport const PillPrimary = Template.bind({});\nPillPrimary.args = {\n variant: 'primary',\n pill: true,\n size: 'medium',\n};\n\nexport const ButtonWithIcon = TemplateWithIcon.bind({});\nButtonWithIcon.args = {\n variant: 'primary',\n size: 'medium',\n full: true\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n variant: 'primary',\n size: 'medium',\n disabled: true,\n};\n\nexport const CustomButton = Template.bind({});\nCustomButton.args = {\n pill: true,\n size: 'medium',\n class: 'chat'\n};"]}