improve(design): Button loading style and small Button icon size (#1400)

Author: dengfuping

packages/design/src/button/style/index.ts

@@ -37,7 +37,13 @@ export const genButtonStyle: GenerateStyle<ButtonToken> = (token: ButtonToken) =
     [`${componentCls}`]: {
       // remove box-shadow for button
       boxShadow: 'none !important',
+      // button outlined and dashed style
       [`&${componentCls}-variant-outlined, &${componentCls}-variant-dashed`]: {
+        // loading style
+        [`&${componentCls}-loading`]: {
+          backgroundColor: token.colorBgContainerDisabled,
+        },
+        // disabled style
         [`&:not(:disabled):not(${componentCls}-disabled):hover`]: {
           [`&:not(${componentCls}-color-dangerous)`]: {
             borderColor: token.gray7,
@@ -49,6 +55,11 @@ export const genButtonStyle: GenerateStyle<ButtonToken> = (token: ButtonToken) =
         },
       },
     },
+    [`${componentCls}${componentCls}-sm`]: {
+      [`${componentCls}-icon`]: {
+        fontSize: token.fontSize,
+      },
+    },
   };
 };