Fix/UI issue (#946)

Co-authored-by: JimmFly <yangjinfei001@gmail.com>

packages/component/src/styles/theme.ts

@@ -55,8 +55,8 @@ export const getLightTheme = (
       h5: '20px',
       h6: '18px',
       base: '16px',
-      xs: '14px',
-      sm: '12px',
+      sm: '14px',
+      xs: '12px',
 
       family: `Avenir Next, Poppins, ${basicFontFamily}`,
       numberFamily: `Roboto Mono, ${basicFontFamily}`,

packages/component/src/ui/button/styles.ts

@@ -213,7 +213,7 @@ export const StyledButton = styled('button', {
       },
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
-      ...getButtonColors(theme, type, {
+      ...getButtonColors(theme, type, disabled, {
         hoverBackground,
         hoverColor,
         hoverStyle,

packages/component/src/ui/button/utils.ts

@@ -66,7 +66,9 @@ export const getButtonColors = (
           borderColor: theme.colors.primaryColor,
         },
         ':hover': {
-          borderColor: theme.colors.primaryColor,
+          borderColor: disabled
+            ? theme.colors.hoverBackground
+            : theme.colors.primaryColor,
         },
       };
     case 'warning':

packages/component/src/ui/tooltip/Tooltip.tsx

@@ -10,7 +10,7 @@ const StyledTooltip = styled(StyledPopperContainer)(({ theme }) => {
     padding: '4px 12px',
     backgroundColor: theme.colors.tooltipBackground,
     color: '#fff',
-    fontSize: theme.font.xs,
+    fontSize: theme.font.sm,
   };
 });