@hoddy-ui/next 2.5.90 → 2.5.92

package/dist/index.d.mts

@@ -226,6 +226,8 @@ interface TextFieldProps extends TextInputProps {
     onFocus?: () => void;
     onBlur?: () => void;
     selectMenuProps?: Partial<SelectMenuProps>;
+    /** When true (default), floating label is in open state when placeholder is set. When false, label only opens on focus or when value is set. */
+    openLabelWithPlaceholder?: boolean;
 }
 interface TypographyProps extends TextProps {
     children: ReactNode;

package/dist/index.d.ts

@@ -226,6 +226,8 @@ interface TextFieldProps extends TextInputProps {
     onFocus?: () => void;
     onBlur?: () => void;
     selectMenuProps?: Partial<SelectMenuProps>;
+    /** When true (default), floating label is in open state when placeholder is set. When false, label only opens on focus or when value is set. */
+    openLabelWithPlaceholder?: boolean;
 }
 interface TypographyProps extends TextProps {
     children: ReactNode;

package/dist/index.js

@@ -143,6 +143,30 @@ function colors(theme) {
       text: "#ffffff",
       ...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;
@@ -1601,9 +1625,11 @@ var TextFieldBase = import_react16.default.forwardRef(
     options,
     multiline,
     selectMenuProps,
+    openLabelWithPlaceholder = true,
     ...props
   }, ref) => {
     const colors2 = useColors();
+    const theme = useTheme();
     const [focused, _setFocused] = (0, import_react16.useState)(false);
     const [showPassword, setShowPassword] = (0, import_react16.useState)(false);
     const [datePickerVisible, setDatePickerVisible] = (0, import_react16.useState)(false);
@@ -1618,7 +1644,7 @@ var TextFieldBase = import_react16.default.forwardRef(
     };
     const isFloating = labelVariant === "floating";
     const hasPlaceholder = placeholder != null && String(placeholder).trim() !== "";
-    const labelOpen = focused || value || isFloating && hasPlaceholder;
+    const labelOpen = focused || value || isFloating && hasPlaceholder && openLabelWithPlaceholder;
     const baseHeight = (0, import_react_native_size_matters13.moderateScale)(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
@@ -1720,13 +1746,13 @@ var TextFieldBase = import_react16.default.forwardRef(
           position: "absolute",
           left: inputPadding,
           fontSize: labelOpen ? "10@s" : "13@s",
-          color: error ? colors2.error.main : focused ? colors2[color].main : colors2.textSecondary.main
+          color: error ? colors2.error.main : focused ? theme === "dark" ? colors2[color].light : colors2[color].main : colors2.textSecondary.main
         }
       } : {},
       helperText: {
         paddingHorizontal: "15@s",
         flex: 1,
-        color: focused ? colors2[color].main : colors2.textSecondary.main,
+        color: error ? colors2.error.main : focused ? theme === "dark" ? colors2[color].light : colors2[color].main : colors2.textSecondary.main,
         paddingTop: "4@ms"
       },
       error: {
@@ -1935,7 +1961,15 @@ var TextFieldBase = import_react16.default.forwardRef(
           }
         )
       ) : null
-    ), helperText ? /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles.helperText, variant: "caption" }, helperText) : null, error ? /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.error }, /* @__PURE__ */ import_react16.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles.errorText, color: "error", fontWeight: 400 }, error)) : null), options ? /* @__PURE__ */ import_react16.default.createElement(
+    ), helperText ? /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles.helperText, variant: "caption" }, helperText) : null, error ? /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.error }, /* @__PURE__ */ import_react16.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react16.default.createElement(
+      Typography_default,
+      {
+        style: styles.errorText,
+        color: "error",
+        fontWeight: 400
+      },
+      error
+    )) : null), options ? /* @__PURE__ */ import_react16.default.createElement(
       SelectMenu_default,
       {
         options,