diff --git a/packages/design-system/src/components/N8nButton/Button.stories.js b/packages/design-system/src/components/N8nButton/Button.stories.js index 504ea1af38..4958f85de5 100644 --- a/packages/design-system/src/components/N8nButton/Button.stories.js +++ b/packages/design-system/src/components/N8nButton/Button.stories.js @@ -18,7 +18,7 @@ export default { size: { control: { type: 'select', - options: ['small', 'medium', 'large'], + options: ['mini', 'small', 'medium', 'large', 'xlarge'], }, }, loading: { @@ -31,12 +31,6 @@ export default { type: 'text', }, }, - iconSize: { - control: { - type: 'select', - options: ['small', 'medium', 'large'], - }, - }, circle: { control: { type: 'boolean', diff --git a/packages/design-system/src/components/N8nButton/Button.vue b/packages/design-system/src/components/N8nButton/Button.vue index 2827b8f8b7..ff8d78b407 100644 --- a/packages/design-system/src/components/N8nButton/Button.vue +++ b/packages/design-system/src/components/N8nButton/Button.vue @@ -16,13 +16,13 @@ {{ props.label }} @@ -58,7 +58,7 @@ export default { type: String, default: 'medium', validator: (value: string): boolean => - ['small', 'medium', 'large'].indexOf(value) !== -1, + ['mini', 'small', 'medium', 'large', 'xlarge'].indexOf(value) !== -1, }, loading: { type: Boolean, @@ -71,9 +71,6 @@ export default { icon: { type: String, }, - iconSize: { - type: String, - }, round: { type: Boolean, default: true, diff --git a/packages/design-system/src/components/N8nButton/index.d.ts b/packages/design-system/src/components/N8nButton/index.d.ts index b70b0b8418..ad6c9e62b9 100644 --- a/packages/design-system/src/components/N8nButton/index.d.ts +++ b/packages/design-system/src/components/N8nButton/index.d.ts @@ -35,9 +35,6 @@ export declare class N8nButton extends N8nComponent { /** Button icon, accepts an icon name of font awesome icon component */ icon: string; - /** Size of icon */ - iconSize: N8nComponentSize; - /** Full width */ fullWidth: boolean; diff --git a/packages/design-system/src/components/N8nIcon/Icon.vue b/packages/design-system/src/components/N8nIcon/Icon.vue index 52457db0ac..8ffe65edec 100644 --- a/packages/design-system/src/components/N8nIcon/Icon.vue +++ b/packages/design-system/src/components/N8nIcon/Icon.vue @@ -1,19 +1,27 @@ + diff --git a/packages/design-system/src/components/N8nIconButton/IconButton.vue b/packages/design-system/src/components/N8nIconButton/IconButton.vue index 6064ca4a53..513c829f00 100644 --- a/packages/design-system/src/components/N8nIconButton/IconButton.vue +++ b/packages/design-system/src/components/N8nIconButton/IconButton.vue @@ -2,11 +2,10 @@ import N8nButton from '../N8nButton'; -const iconSizeMap = { - large: 'medium', - xlarge: 'large', -}; - export default { name: 'n8n-icon-button', components: { @@ -36,8 +30,6 @@ export default { size: { type: String, default: 'medium', - validator: (value: string): boolean => - ['small', 'medium', 'large', 'xlarge'].indexOf(value) !== -1, }, loading: { type: Boolean, @@ -55,6 +47,5 @@ export default { type: String, }, }, - iconSizeMap, }; diff --git a/packages/design-system/src/components/N8nIconButton/index.d.ts b/packages/design-system/src/components/N8nIconButton/index.d.ts index d939a7e040..46ab70c572 100644 --- a/packages/design-system/src/components/N8nIconButton/index.d.ts +++ b/packages/design-system/src/components/N8nIconButton/index.d.ts @@ -12,9 +12,6 @@ export declare class N8nIconButton extends N8nComponent { /** Button size */ size: N8nComponentSize | 'xlarge'; - /** icon size */ - iconSize: N8nComponentSize; - /** Determine whether it's loading */ loading: boolean; diff --git a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue index a5213ca1aa..a3bc71899a 100644 --- a/packages/design-system/src/components/N8nInputLabel/InputLabel.vue +++ b/packages/design-system/src/components/N8nInputLabel/InputLabel.vue @@ -1,13 +1,13 @@