fix(QButton): use "regular" instead "medium" in prop "size" (#315)

altai-ui · Jun 27, 2022 · 12d1a29 · 12d1a29
1 parent 663612f
commit 12d1a29
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/src/qComponents/QButton/src/QButton.vue b/src/qComponents/QButton/src/QButton.vue
@@ -49,7 +49,7 @@ import type {
 
 const defaultPropTypeValue = 'default';
 const defaultPropThemeValue = 'primary';
-const defaultPropSizeValue = 'medium';
+const defaultPropSizeValue = 'regular';
 
 export default defineComponent({
   name: 'QButton',
@@ -76,7 +76,7 @@ export default defineComponent({
     size: {
       type: String as PropType<QButtonPropSize>,
       default: defaultPropSizeValue,
-      validator: validateArray<QButtonPropSize>(['small', 'medium'])
+      validator: validateArray<QButtonPropSize>(['small', 'regular'])
     },
 
     /**

diff --git a/src/qComponents/QButton/src/types.ts b/src/qComponents/QButton/src/types.ts
@@ -6,7 +6,7 @@ type NativeType = 'button' | 'submit' | 'reset';
 
 export type QButtonPropType = Nullable<'default' | 'icon'>;
 export type QButtonPropTheme = Nullable<'primary' | 'secondary' | 'link'>;
-export type QButtonPropSize = Nullable<'small' | 'medium'>;
+export type QButtonPropSize = Nullable<'small' | 'regular'>;
 export type QButtonPropIcon = Nullable<ClassValue>;
 export type QButtonPropNativeType = Nullable<NativeType>;
 export type QButtonPropLoading = Nullable<boolean>;

diff --git a/stories/components/QButton.stories.ts b/stories/components/QButton.stories.ts
@@ -17,7 +17,7 @@ const storyMetadata: Meta = {
       control: { type: 'select' }
     },
     size: {
-      options: ['small', 'medium'],
+      options: ['small', 'regular'],
       control: { type: 'select' }
     },
     disabled: {
@@ -70,47 +70,47 @@ ThemePrimary.args = {
   theme: 'primary',
   type: 'default',
   label: 'Primary theme',
-  size: 'medium'
+  size: 'regular'
 };
 
 export const ThemeSecondary = Template.bind({});
 ThemeSecondary.args = {
   theme: 'secondary',
   type: 'default',
   label: 'Secondary theme',
-  size: 'medium'
+  size: 'regular'
 };
 
 export const ThemeLink = Template.bind({});
 ThemeLink.args = {
   theme: 'link',
   type: 'default',
   label: 'Link theme',
-  size: 'medium'
+  size: 'regular'
 };
 
 export const IconPrimary = Template.bind({});
 IconPrimary.args = {
   theme: 'primary',
   type: 'icon',
   icon: 'q-icon-bell',
-  size: 'medium'
+  size: 'regular'
 };
 
 export const IconSecondary = Template.bind({});
 IconSecondary.args = {
   theme: 'secondary',
   type: 'icon',
   icon: 'q-icon-bell',
-  size: 'medium'
+  size: 'regular'
 };
 
 export const IconLink = Template.bind({});
 IconLink.args = {
   theme: 'link',
   type: 'icon',
   icon: 'q-icon-bell',
-  size: 'medium'
+  size: 'regular'
 };
 
 export default storyMetadata;
diff --git a/vuepress-docs/docs/components/QButton.md b/vuepress-docs/docs/components/QButton.md
@@ -90,8 +90,8 @@ Result:
 
 ### size
 
-- Type: `'medium'` | `'small'`
-- Default: `'medium'`
+- Type: `'regular'` | `'small'`
+- Default: `'regular'`
 
 Changes button size.