Merge pull request #5010 from GeekyAnts/release/3.4.5

Release/3.4.5

Author: rayan1810

package.json

@@ -36,7 +36,7 @@
       "prettier --write"
     ]
   },
-  "version": "3.4.4",
+  "version": "3.4.5",
   "license": "MIT",
   "private": false,
   "main": "lib/commonjs/index",

src/components/primitives/Input/Input.tsx

@@ -40,7 +40,7 @@ const Input = (
   //@ts-ignore
   props.focusOutlineColor = useToken('colors', props.focusOutlineColor);
   //@ts-ignore
-  props.inValidOutlineColor = useToken('colors', props.inValidOutlineColor);
+  props.invalidOutlineColor = useToken('colors', props.invalidOutlineColor);
 
   const _ref = React.useRef(null);
   const { isHovered } = useHover({}, _ref);

src/components/primitives/Input/types.ts

@@ -110,7 +110,7 @@ export interface InterfaceInputProps
   /** This prop allow you to change outlineColor when input is in focused state*/
   focusOutlineColor?: ColorType;
   /** This prop allow you to change outlineColor when input is in focused state*/
-  inValidOutlineColor?: ColorType;
+  invalidOutlineColor?: ColorType;
   ref?: MutableRefObject<any>;
 }
 

src/theme/components/input.ts

@@ -53,7 +53,7 @@ const baseStyle = (props: any) => {
         _stack: {
           style: {
             outlineWidth: '1px',
-            outlineColor: `${props.inValidOutlineColor || error[600]}`,
+            outlineColor: `${props.invalidOutlineColor || error[600]}`,
             outlineStyle: 'solid',
           },
         },
@@ -100,7 +100,7 @@ const baseStyle = (props: any) => {
         _stack: {
           style: {
             outlineWidth: '1px',
-            outlineColor: `${props.inValidOutlineColor || error[500]}`,
+            outlineColor: `${props.invalidOutlineColor || error[500]}`,
             outlineStyle: 'solid',
           },
         },
@@ -212,7 +212,7 @@ function underlinedStyle(props: Record<string, any>) {
         _stack: {
           style: {
             outlineWidth: 0,
-            boxShadow: `0 1px 0 0 ${props.inValidOutlineColor || error[600]}`,
+            boxShadow: `0 1px 0 0 ${props.invalidOutlineColor || error[600]}`,
           },
         },
       },