@hoddy-ui/next 2.5.90 → 2.5.92

package/dist/index.mjs

@@ -65,6 +65,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;
@@ -1566,9 +1590,11 @@ var TextFieldBase = React15.forwardRef(
     options,
     multiline,
     selectMenuProps,
+    openLabelWithPlaceholder = true,
     ...props
   }, ref) => {
     const colors2 = useColors();
+    const theme = useTheme();
     const [focused, _setFocused] = useState7(false);
     const [showPassword, setShowPassword] = useState7(false);
     const [datePickerVisible, setDatePickerVisible] = useState7(false);
@@ -1583,7 +1609,7 @@ var TextFieldBase = React15.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 = moderateScale2(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
@@ -1685,13 +1711,13 @@ var TextFieldBase = React15.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: {
@@ -1900,7 +1926,15 @@ var TextFieldBase = React15.forwardRef(
           }
         )
       ) : null
-    ), helperText ? /* @__PURE__ */ React15.createElement(Typography_default, { style: styles.helperText, variant: "caption" }, helperText) : null, error ? /* @__PURE__ */ React15.createElement(View10, { style: styles.error }, /* @__PURE__ */ React15.createElement(MaterialIcons5, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ React15.createElement(Typography_default, { style: styles.errorText, color: "error", fontWeight: 400 }, error)) : null), options ? /* @__PURE__ */ React15.createElement(
+    ), helperText ? /* @__PURE__ */ React15.createElement(Typography_default, { style: styles.helperText, variant: "caption" }, helperText) : null, error ? /* @__PURE__ */ React15.createElement(View10, { style: styles.error }, /* @__PURE__ */ React15.createElement(MaterialIcons5, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ React15.createElement(
+      Typography_default,
+      {
+        style: styles.errorText,
+        color: "error",
+        fontWeight: 400
+      },
+      error
+    )) : null), options ? /* @__PURE__ */ React15.createElement(
       SelectMenu_default,
       {
         options,