fix: typing in button

Author: surajahmed

example/storybook/stories/components/Wrapper.tsx

@@ -23,6 +23,18 @@ const myTheme = extendTheme({
   },
   components: {
     Button: {
+      variants: {
+        myBtn: {
+          padding: 10,
+        },
+        myNewButton: ({ myPadding }: { myPadding: number }) => {
+          return {
+            padding: myPadding,
+          };
+        },
+      },
+    },
+    Box: {
       variants: {
         myBtn: {
           padding: 10,
@@ -74,8 +86,14 @@ function MyWrapper({ children }: any) {
 export function RenderTestButton() {
   const [state, setState] = React.useState(1);
   return (
-    <Box style={{ position: 'absolute', top: 10, left: 20 }}>
-      <Button title={state.toString()} onPress={() => setState(state + 1)} />
+    <Box style={{ position: 'absolute', top: 10, left: 20 }} m={2} bg="red.100">
+      <Button
+        title={state.toString()}
+        onPress={() => setState(state + 1)}
+        isCustom={true}
+        variant="myNewButton"
+        myPadding={1}
+      />
     </Box>
   );
 }

src/components/types/utils.ts

@@ -1,5 +1,5 @@
 import type { Leaves } from '../../theme/base/types';
-import type { ITheme } from '../../theme';
+import type { ComponentTheme, ITheme } from '../../theme';
 import type { ResponsiveValue } from './responsiveValue';
 
 export type VariantType<
@@ -52,8 +52,15 @@ type CustomPropType<T extends keyof ITheme['components'], Key> = Extract<
   Pick<ParameterType<T, Key>, keyof ParameterType<T, Key>>
 >;
 
-export type CustomProps<T extends keyof ITheme['components']> =
-  | CustomPropType<T, 'variants'>
-  | CustomPropType<T, 'baseStyle'>
-  | CustomPropType<T, 'sizes'>
-  | CustomPropType<T, 'defaultProps'>;
+// export type CustomProps<T extends keyof ITheme['components']> =
+//   | CustomPropType<T, 'variants'>
+//   | CustomPropType<T, 'baseStyle'>
+//   | CustomPropType<T, 'sizes'>
+//   | CustomPropType<T, 'defaultProps'>;
+
+export type CustomProps<T extends keyof ITheme['components']> = Exclude<
+  {
+    [Key in keyof ComponentTheme]: CustomPropType<T, Key>;
+  }[keyof ComponentTheme],
+  undefined
+>;