feat(Button): add size property

src/components/Button/Button.mdx

@@ -33,6 +33,14 @@ Buttons make common actions more obvious and help users more easily perform them
   <Button type="secondary">Click me</Button>
 </Playground>
 
+### Button sizes
+
+<Playground>
+  <Button size="normal">Click me</Button>
+  <br/>
+  <Button size="small">Click me</Button>
+</Playground>
+
 ### Button with an onClick function
 
 <Playground>

src/components/Button/Button.module.css

@@ -52,6 +52,10 @@
   margin-right: 8px;
 }
 
+.small {
+  line-height: 18px;
+}
+
 .spinner {
   width: 14px;
   height: 14px;

src/components/Button/Button.tsx

@@ -17,6 +17,7 @@ interface Props {
   prefixIcon?: React.ReactElement;
   suffixIcon?: React.ReactElement;
   name?: string;
+  size?: 'normal' | 'small';
 }
 
 const Button: React.FC<Props> = ({
@@ -30,20 +31,23 @@ const Button: React.FC<Props> = ({
   prefixIcon,
   suffixIcon,
   name,
+  size = 'normal',
 }: Props) => {
   const buttonClassNames = classNames(
     cssReset.ventura,
     styles.button,
     {
       [styles.typePrimary]: type === 'primary',
       [styles.typeSecondary]: type === 'secondary',
+      [styles.small]: size === 'small',
     },
     className,
   );
 
   const labelClassNames = classNames({
     [styles.labelWithPrefixIcon]: Boolean(prefixIcon) || isLoading,
     [styles.labelWithSuffixIcon]: Boolean(suffixIcon),
+    [styles.small]: size === 'small',
   });
 
   return (