From 67c406c532cd354f6be0bd07aebcea09a0db4f2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
=?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Thu, 19 Dec 2024 13:27:39 +0500
Subject: [PATCH] refactor: replaced 'medium' (size) with 'normal'
---
src/common/interfaces/common.ts | 2 +-
src/stories/components/Button/Button.stories.ts | 2 +-
src/stories/components/Button/Button.vue | 2 +-
src/stories/components/MenuDial/MenuDial.stories.ts | 4 ++--
src/stories/components/MenuDial/MenuDial.vue | 2 +-
src/stories/components/SelectButton/SelectButton.stories.ts | 2 +-
src/stories/components/SelectButton/SelectButton.vue | 2 +-
src/stories/components/Slider/Slider.stories.ts | 4 ++--
src/stories/components/Slider/Slider.vue | 2 +-
src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts | 2 +-
src/stories/components/ToggleSwitch/ToggleSwitch.vue | 2 +-
11 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/src/common/interfaces/common.ts b/src/common/interfaces/common.ts
index 6a854a8..162338a 100644
--- a/src/common/interfaces/common.ts
+++ b/src/common/interfaces/common.ts
@@ -25,7 +25,7 @@ export type TDarkness = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
export type TThemeColorNoWhite = Exclude<TThemeColor, 'white'>;
-export type TSize = 'small' | 'medium' | 'large' | 'huge';
+export type TSize = 'small' | 'normal' | 'large' | 'huge';
export type TTextStyle = 'bold' | 'italic';
diff --git a/src/stories/components/Button/Button.stories.ts b/src/stories/components/Button/Button.stories.ts
index 337bc5b..1adc7dc 100644
--- a/src/stories/components/Button/Button.stories.ts
+++ b/src/stories/components/Button/Button.stories.ts
@@ -15,7 +15,7 @@ const meta: Meta = {
},
argTypes: {
label: { control: 'text' },
- size: { control: 'select', options: ['small', 'medium', 'large', 'huge'] },
+ size: { control: 'select', options: ['small', 'normal', 'large', 'huge'] },
textStyle: { control: 'select', options: ['bold', 'italic'] },
iconPos: { control: 'select', options: ['left', 'top', 'right', 'bottom'] },
width: { control: 'text' },
diff --git a/src/stories/components/Button/Button.vue b/src/stories/components/Button/Button.vue
index 45df8f5..18a88d5 100644
--- a/src/stories/components/Button/Button.vue
+++ b/src/stories/components/Button/Button.vue
@@ -4,7 +4,7 @@ import type { IButtonProps } from '@interfaces/componentsProps';
import { convertThemeToColor } from '@helpers/common';
const props = withDefaults(defineProps<IButtonProps>(), {
- size: 'medium',
+ size: 'normal',
theme: 'white',
textColor: 'black',
iconPos: 'left',
diff --git a/src/stories/components/MenuDial/MenuDial.stories.ts b/src/stories/components/MenuDial/MenuDial.stories.ts
index 1fb7c18..8530306 100644
--- a/src/stories/components/MenuDial/MenuDial.stories.ts
+++ b/src/stories/components/MenuDial/MenuDial.stories.ts
@@ -15,7 +15,7 @@ const meta: Meta = {
},
argTypes: {
items: { control: 'object' },
- size: { control: 'select', options: ['small', 'medium', 'large', 'huge'] },
+ size: { control: 'select', options: ['small', 'normal', 'large', 'huge'] },
direction: { control: 'select', options: ['up', 'down', 'left', 'right'] },
darknessTheme: { control: 'select', options: [100, 200, 300, 400, 500, 600, 700, 800, 900] },
theme: {
@@ -125,6 +125,6 @@ export const Huge: Story = {
theme: 'red',
darknessTheme: 700,
direction: 'right',
- size: 'medium',
+ size: 'normal',
},
};
diff --git a/src/stories/components/MenuDial/MenuDial.vue b/src/stories/components/MenuDial/MenuDial.vue
index 933d5f1..287b4b3 100644
--- a/src/stories/components/MenuDial/MenuDial.vue
+++ b/src/stories/components/MenuDial/MenuDial.vue
@@ -8,7 +8,7 @@ import { convertWhiteOrBlackToColor } from '@helpers/colors';
const props = withDefaults(defineProps<IMDProps>(), {
theme: 'white',
darknessTheme: 500,
- size: 'medium',
+ size: 'normal',
direction: 'right',
});
const active = defineModel('active');
diff --git a/src/stories/components/SelectButton/SelectButton.stories.ts b/src/stories/components/SelectButton/SelectButton.stories.ts
index 03c49b6..196bfc6 100644
--- a/src/stories/components/SelectButton/SelectButton.stories.ts
+++ b/src/stories/components/SelectButton/SelectButton.stories.ts
@@ -17,7 +17,7 @@ const meta: Meta = {
options: {
control: 'object',
},
- size: { control: 'select', options: ['small', 'medium', 'large', 'huge'] },
+ size: { control: 'select', options: ['small', 'normal', 'large', 'huge'] },
rounded: { control: 'boolean' },
darknessActiveBackgroundColor: {
control: 'select',
diff --git a/src/stories/components/SelectButton/SelectButton.vue b/src/stories/components/SelectButton/SelectButton.vue
index 43ba74b..31e8bb7 100644
--- a/src/stories/components/SelectButton/SelectButton.vue
+++ b/src/stories/components/SelectButton/SelectButton.vue
@@ -4,7 +4,7 @@ import type { ISBProps } from '@interfaces/componentsProps';
import { convertThemeToColor } from '@helpers/common';
const props = withDefaults(defineProps<ISBProps>(), {
- size: 'medium',
+ size: 'normal',
activeBackgroundColor: 'sky',
darknessActiveBackgroundColor: 500,
darknessBorder: 500,
diff --git a/src/stories/components/Slider/Slider.stories.ts b/src/stories/components/Slider/Slider.stories.ts
index 98211f2..65ae2e0 100644
--- a/src/stories/components/Slider/Slider.stories.ts
+++ b/src/stories/components/Slider/Slider.stories.ts
@@ -19,7 +19,7 @@ const meta: Meta = {
min: { control: 'text' },
max: { control: 'text' },
step: { control: 'text' },
- size: { control: 'select', options: ['small', 'medium', 'large', 'huge'] },
+ size: { control: 'select', options: ['small', 'normal', 'large', 'huge'] },
orientation: { control: 'select', options: ['horizontal', 'vertical'] },
isSmooth: { control: 'boolean' },
darknessTheme: { control: 'select', options: [100, 200, 300, 400, 500, 600, 700, 800, 900] },
@@ -156,7 +156,7 @@ export const Smooth: Story = {
max: '1000',
isSmooth: true,
width: '300',
- size: 'medium',
+ size: 'normal',
backgroundColor: 'blue',
theme: 'black',
},
diff --git a/src/stories/components/Slider/Slider.vue b/src/stories/components/Slider/Slider.vue
index 5d57dc4..ab11e8b 100644
--- a/src/stories/components/Slider/Slider.vue
+++ b/src/stories/components/Slider/Slider.vue
@@ -5,7 +5,7 @@ import { convertThemeToColor } from '@helpers/common';
const props = withDefaults(defineProps<ISliderProps>(), {
width: '100',
- size: 'medium',
+ size: 'normal',
theme: 'sky',
backgroundColor: 'black',
darknessTheme: 500,
diff --git a/src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts b/src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts
index 0fe5c11..2a1652b 100644
--- a/src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts
+++ b/src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts
@@ -15,7 +15,7 @@ const meta: Meta = {
},
argTypes: {
active: { control: 'boolean' },
- size: { control: 'select', options: ['small', 'medium', 'large', 'huge'] },
+ size: { control: 'select', options: ['small', 'normal', 'large', 'huge'] },
negativeTheme: {
control: 'select',
options: [
diff --git a/src/stories/components/ToggleSwitch/ToggleSwitch.vue b/src/stories/components/ToggleSwitch/ToggleSwitch.vue
index 7be5d7a..b0a0ad8 100644
--- a/src/stories/components/ToggleSwitch/ToggleSwitch.vue
+++ b/src/stories/components/ToggleSwitch/ToggleSwitch.vue
@@ -4,7 +4,7 @@ import type { ITSProps } from '@interfaces/componentsProps';
import { convertThemeToColor } from '@helpers/common';
const props = withDefaults(defineProps<ITSProps>(), {
- size: 'medium',
+ size: 'normal',
theme: 'sky',
negativeTheme: 'black',
darknessTheme: 500,
--
GitLab