fix btnType error

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zens",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "MarkFlowy's ui component library.",
   "keywords": [],
   "homepage": "https://github.com/drl990114/zens#readme",

src/Button/demo/btnType.tsx

@@ -0,0 +1,9 @@
+import { Button, Space } from 'zens';
+
+export default () =>  {
+
+  return <Space>
+    <Button>default</Button>
+    <Button btnType='primary' >primary</Button>
+  </Space>
+}

src/Button/index.md

@@ -15,3 +15,7 @@ group:
 ### 基本用法
 
 <code src="./demo/basic.tsx"></code>
+
+### 按钮类型
+
+<code src="./demo/btnType.tsx"></code>

src/Button/index.ts

@@ -36,7 +36,9 @@ const Button: IStyledComponent<'web', ButtonProps> = styled(AkButton).attrs<Butt
   (props) => ({
     ...props,
   }),
-)`
+).withConfig({
+  shouldForwardProp: (propName: string) => propName !== 'btnType' && propName !== 'size',
+})`
   display: flex;
   user-select: none;
   align-items: center;

src/Theme/ThemeProvider.tsx

@@ -37,8 +37,8 @@ export const ThemeProvider: React.FC<Props> = ({ theme, children }: Props) => {
 function shouldForwardProp(propName: string, target: any) {
   if (typeof target === 'string') {
     // For HTML elements, forward the prop if it is a valid HTML attribute
-    return isPropValid(propName);
+    return isPropValid(propName)
   }
   // For other elements, forward all props
-  return true;
+  return true
 }

src/Theme/dark.ts

@@ -1,7 +1,7 @@
 export const styledDarkTheme = {
   primaryFontColor: '#c8d1d9',
   labelFontColor: 'rgba(255, 255, 255, 0.5)',
-  accentColor: '#1c78aa',
+  accentColor: '#016ab3',
   borderColor: '#363b41',
   bgColor: '#05010d',
   hoverColor: '#1f2225',

src/Theme/light.ts

@@ -1,7 +1,7 @@
 export const styledLightTheme = {
   primaryFontColor: '#000000',
   labelFontColor: '#9ca3af',
-  accentColor: '#0369a1',
+  accentColor: '#007acc',
   borderColor: '#d7d7dc',
   bgColor: '#fdfdfd',
   hoverColor: '#d7d7dc',