@hoddy-ui/core 2.5.48 → 2.5.52

package/src/theme/colors.ts

@@ -70,6 +70,30 @@ export default function colors(theme: ThemeTypes) {
       ...extraColors?.light?.primary,
       ...extraColors?.dark?.primary,
     },
+    error: {
+      ...extraColors?.light?.error,
+      ...extraColors?.dark?.error,
+    },
+    secondary: {
+      ...extraColors?.light?.secondary,
+      ...extraColors?.dark?.secondary,
+    },
+    warning: {
+      ...extraColors?.light?.warning,
+      ...extraColors?.dark?.warning,
+    },
+    success: {
+      ...extraColors?.light?.success,
+      ...extraColors?.dark?.success,
+    },
+    info: {
+      ...extraColors?.light?.info,
+      ...extraColors?.dark?.info,
+    },
+    blue: {
+      ...extraColors?.light?.blue,
+      ...extraColors?.dark?.blue,
+    },
   };
 
   const dynamicColors = theme === "dark" ? darkColors : lightColors;

package/src/theme/index.tsx

@@ -21,7 +21,7 @@ export const UIThemeContext = createContext<ThemeContext>({
 
 function themeReducer(
   state: ThemeState,
-  { type, payload }: ThemeActionTypes
+  { type, payload }: ThemeActionTypes,
 ): ThemeState {
   // Platform
   AsyncStorage.setItem("theme", type);
@@ -85,7 +85,7 @@ export const UIThemeProvider = ({ children }: ThemeProviderProps) => {
             type: "default",
             payload: colorScheme,
           });
-          Appearance.setColorScheme(undefined);
+          Appearance.setColorScheme(null);
         } else {
           themeDispatch({
             type: val,
@@ -97,7 +97,7 @@ export const UIThemeProvider = ({ children }: ThemeProviderProps) => {
           type: "default",
           payload: colorScheme,
         });
-        Appearance.setColorScheme(undefined);
+        Appearance.setColorScheme(null);
       }
     });
   }, [colorScheme]);

package/src/types.ts

@@ -156,7 +156,7 @@ export interface LocatorProps {
   variant?: "contained" | "outlined";
   onLocationSelected: (
     location: locatorLocation | null,
-    formatted_address?: string
+    formatted_address?: string,
   ) => void;
   label?: string;
   error?: string;
@@ -236,14 +236,7 @@ export interface TextFieldProps extends TextInputProps {
   variant?: "outlined" | "text" | "contained";
   color?: colorTypes;
   size?: "small" | "normal" | "large";
-  type?:
-    | "email"
-    | "tel"
-    | "password"
-    | "text"
-    | "number"
-    | "search"
-    | "date";
+  type?: "email" | "tel" | "password" | "text" | "number" | "search" | "date";
   helperText?: string;
   value: any;
   start?: ReactNode;
@@ -263,6 +256,7 @@ export interface TextFieldProps extends TextInputProps {
   onFocus?: () => void;
   onBlur?: () => void;
   selectMenuProps?: Partial<SelectMenuProps>;
+  labelAlwaysOpen?: boolean;
 }
 
 export interface TypographyProps extends TextProps {
@@ -272,15 +266,15 @@ export interface TypographyProps extends TextProps {
   textCase?: "capitalize" | "uppercase" | "lowercase" | undefined;
   lineHeight?: number;
   variant?:
-  | "caption"
-  | "body1"
-  | "body2"
-  | "h6"
-  | "h5"
-  | "h4"
-  | "h3"
-  | "h2"
-  | "h1";
+    | "caption"
+    | "body1"
+    | "body2"
+    | "h6"
+    | "h5"
+    | "h4"
+    | "h3"
+    | "h2"
+    | "h1";
   align?: "center" | "left" | "right";
   gutterBottom?: number;
   numberOfLines?: number;
@@ -321,6 +315,7 @@ export interface RatingStarsProps {
   rating: number;
   size: number;
   color?: colorTypes | (string & {});
+  inactiveColor?: colorTypes | (string & {});
 }
 
 export interface RatingInputProps {
@@ -359,36 +354,36 @@ interface BaseAnimatorProps {
 // Type-specific animation props using discriminated unions
 export type AnimatorProps =
   | (BaseAnimatorProps & {
-    type: "fade";
-    // No additional props for fade animation
-  })
+      type: "fade";
+      // No additional props for fade animation
+    })
   | (BaseAnimatorProps & {
-    type: "grow";
-    initialScale?: number;
-  })
+      type: "grow";
+      initialScale?: number;
+    })
   | (BaseAnimatorProps & {
-    type: "slide";
-    direction?: "up" | "down" | "left" | "right";
-    initialValue?: number;
-  })
+      type: "slide";
+      direction?: "up" | "down" | "left" | "right";
+      initialValue?: number;
+    })
   | (BaseAnimatorProps & {
-    type: "blink";
-    blinkDuration?: number;
-    minOpacity?: number;
-    maxOpacity?: number;
-  })
+      type: "blink";
+      blinkDuration?: number;
+      minOpacity?: number;
+      maxOpacity?: number;
+    })
   | (BaseAnimatorProps & {
-    type: "float";
-    closeDuration?: number;
-    floatDistance?: number;
-    floatDuration?: number;
-  })
+      type: "float";
+      closeDuration?: number;
+      floatDistance?: number;
+      floatDuration?: number;
+    })
   | (BaseAnimatorProps & {
-    type: "roll";
-    initialTranslateY?: number;
-    initialRotate?: string;
-  })
+      type: "roll";
+      initialTranslateY?: number;
+      initialRotate?: string;
+    })
   | (BaseAnimatorProps & {
-    type: "thrownup";
-    // No additional props for thrownup animation
-  });
+      type: "thrownup";
+      // No additional props for thrownup animation
+    });