From 88f51cb4274841276086c6a7ab6c7c6891e87ce8 Mon Sep 17 00:00:00 2001
From: Bea Esguerra <beaesguerra@khanacademy.org>
Date: Fri, 23 Aug 2024 14:36:06 -0600
Subject: [PATCH] Use StyleType type instead

---
 packages/wonder-blocks-form/src/components/text-area.tsx  | 2 +-
 packages/wonder-blocks-form/src/components/text-field.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/wonder-blocks-form/src/components/text-area.tsx b/packages/wonder-blocks-form/src/components/text-area.tsx
index 5cb6be0678..3f5b5af767 100644
--- a/packages/wonder-blocks-form/src/components/text-area.tsx
+++ b/packages/wonder-blocks-form/src/components/text-area.tsx
@@ -256,7 +256,7 @@ const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
             }
         });
 
-        const getStyles = (): (CSSProperties | Falsy)[] => {
+        const getStyles = (): StyleType => {
             // Base styles are the styles that apply regardless of light mode
             const baseStyles = [
                 styles.textarea,
diff --git a/packages/wonder-blocks-form/src/components/text-field.tsx b/packages/wonder-blocks-form/src/components/text-field.tsx
index 9ea0acc774..71ec6a485a 100644
--- a/packages/wonder-blocks-form/src/components/text-field.tsx
+++ b/packages/wonder-blocks-form/src/components/text-field.tsx
@@ -231,7 +231,7 @@ class TextField extends React.Component<PropsWithForwardRef, State> {
         }
     };
 
-    getStyles = (): (React.CSSProperties | Falsy)[] => {
+    getStyles = (): StyleType => {
         const {disabled, light} = this.props;
         const {error} = this.state;
         // Base styles are the styles that apply regardless of light mode