Fix on textShadowOffset prop

BearStudio · Nov 8, 2024 · f320d62 · f320d62
1 parent 68774ef
commit f320d62
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-ficus-ui",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "React Native UI library forked from Magnus UI and inspired by Chakra UI",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/components/avatar/avatar.style.tsx b/src/components/avatar/avatar.style.tsx
@@ -158,10 +158,14 @@ export const getStyle = (theme: ThemeType, props: AvatarProps) => {
       theme.colors,
       props.textShadowColor as string
     ),
-    textShadowOffset: {
-      width: getThemeProperty(theme.shadow, props.textShadowOffset),
-      height: getThemeProperty(theme.shadow, props.textShadowOffset),
-    },
+    ...(props.textShadowOffset?.width || props.textShadowOffset?.height
+      ? {
+          textShadowOffset: {
+            width: props.textShadowOffset?.width,
+            height: props.textShadowOffset?.height,
+          },
+        }
+      : {}),
     textShadowRadius: getThemeProperty(
       theme.borderRadius,
       props.textShadowRadius

diff --git a/src/components/badge/badge.style.tsx b/src/components/badge/badge.style.tsx
@@ -134,10 +134,14 @@ export const getStyle = (theme: ThemeType, props: BadgeProps) => {
       theme.colors,
       props.textShadowColor as string
     ),
-    textShadowOffset: {
-      width: getThemeProperty(theme.shadow, props.textShadowOffset),
-      height: getThemeProperty(theme.shadow, props.textShadowOffset),
-    },
+    ...(props.textShadowOffset?.width || props.textShadowOffset?.height
+      ? {
+          textShadowOffset: {
+            width: props.textShadowOffset?.width,
+            height: props.textShadowOffset?.height,
+          },
+        }
+      : {}),
     textShadowRadius: getThemeProperty(
       theme.borderRadius,
       props.textShadowRadius

diff --git a/src/components/input/input.style.tsx b/src/components/input/input.style.tsx
@@ -90,10 +90,14 @@ export const getStyle = (theme: ThemeType, props: InputProps, state: any) => {
       theme.colors,
       props.textShadowColor as string
     ),
-    textShadowOffset: {
-      width: getThemeProperty(theme.shadow, props.textShadowOffset),
-      height: getThemeProperty(theme.shadow, props.textShadowOffset),
-    },
+    ...(props.textShadowOffset?.width || props.textShadowOffset?.height
+      ? {
+          textShadowOffset: {
+            width: props.textShadowOffset?.width,
+            height: props.textShadowOffset?.height,
+          },
+        }
+      : {}),
     textShadowRadius: getThemeProperty(
       theme.borderRadius,
       props.textShadowRadius

diff --git a/src/components/text/text.style.tsx b/src/components/text/text.style.tsx
@@ -51,10 +51,14 @@ export const getStyle = (theme: ThemeType, props: TextProps) => {
       theme.colors,
       props.textShadowColor as string
     ),
-    textShadowOffset: {
-      width: getThemeProperty(theme.shadow, props.textShadowOffset),
-      height: getThemeProperty(theme.shadow, props.textShadowOffset),
-    },
+    ...(props.textShadowOffset?.width || props.textShadowOffset?.height
+      ? {
+          textShadowOffset: {
+            width: props.textShadowOffset?.width,
+            height: props.textShadowOffset?.height,
+          },
+        }
+      : {}),
     textShadowRadius: getThemeProperty(
       theme.borderRadius,
       props.textShadowRadius

diff --git a/src/types.ts b/src/types.ts
@@ -325,7 +325,7 @@ export interface TextPropsType {
   textDecorationColor?: ResponsiveValue<string>;
   textShadowColor?: ResponsiveValue<string>;
   textShadowOffset?: ResponsiveValue<{ width: number; height: number }>;
-  textShadowRadius?: ResponsiveValue<number>;
+  textShadowRadius?: ResponsiveValue<string | number>;
 }
 
 export const opacityProps = ['opacity'] as const;