FIXED: Interfaces

src/primitive-components/text-field/text-field.tsx

@@ -15,7 +15,7 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldInterface>(
         },
         ref,
     ) => {
-        const [raised, setRaised] = useState<boolean>(!props.placeholder);
+        const [raised, setRaised] = useState<boolean>(!!props.placeholder);
 
         const callback = (e: FocusEvent<HTMLInputElement>): void => {
             if (
@@ -92,10 +92,10 @@ export const TextField = forwardRef<HTMLInputElement, TextFieldInterface>(
 
 TextField.propTypes = {
     children: string,
-    withBeforeIcon: bool,
-    withAfterIcon: bool,
     className: string,
-    variant: oneOf(['filled', 'outlined']),
     placeholder: string,
+    withAfterIcon: bool,
+    withBeforeIcon: bool,
     supportingText: string,
+    variant: oneOf(['filled', 'outlined']),
 };