@hoddy-ui/next 2.5.67 → 2.5.69

package/dist/index.mjs

@@ -211,6 +211,17 @@ var getFontFamily = (fontWeight) => {
 };
 
 // ../src/Components/Typography.tsx
+var DEFAULT_FONT_SIZES = {
+  h1: ms(42),
+  h2: ms(37),
+  h3: ms(32),
+  h4: ms(27),
+  h5: ms(22),
+  h6: ms(17),
+  body1: ms(15),
+  body2: ms(12),
+  caption: ms(10)
+};
 var Typography = forwardRef(
   ({
     children,
@@ -225,24 +236,18 @@ var Typography = forwardRef(
     fontFamily,
     // NEW PROP ADDED
     fontSize,
+    lineHeight,
     ...props
   }, ref) => {
     const colors2 = useColors();
-    const _fontSize = {
-      h1: ms(42),
-      h2: ms(37),
-      h3: ms(32),
-      h4: ms(27),
-      h5: ms(22),
-      h6: ms(17),
-      body1: ms(15),
-      body2: ms(12),
-      caption: ms(10)
-    };
-    const f = fontSize || _fontSize[variant];
+    const config2 = getConfig();
+    const customFontSizes = config2.TYPOGRAPHY?.fontSizes;
+    const baseFontSize = customFontSizes?.[variant] ?? DEFAULT_FONT_SIZES[variant];
+    const f = fontSize || baseFontSize;
+    const lh = lineHeight || f * 1.2;
     const styles = StyleSheet.create({
       text: {
-        lineHeight: f * 1.2,
+        lineHeight: lh,
         fontSize: f,
         marginBottom: ms(gutterBottom) || 0,
         color: colors2[color]?.main || color,
@@ -664,7 +669,7 @@ var Avatar_default = Avatar;
 import { Ionicons, MaterialIcons as MaterialIcons2 } from "@expo/vector-icons";
 import React7, { forwardRef as forwardRef2 } from "react";
 import { ActivityIndicator, Text as Text2, TouchableOpacity as TouchableOpacity2 } from "react-native";
-import { ScaledSheet as ScaledSheet4, moderateScale as moderateScale2, ms as ms4 } from "react-native-size-matters";
+import { ScaledSheet as ScaledSheet4, moderateScale, ms as ms4 } from "react-native-size-matters";
 var LinkButton = ({
   title,
   style = {},
@@ -678,7 +683,7 @@ var LinkButton = ({
   const colors2 = useColors();
   const styles = ScaledSheet4.create({
     text: {
-      fontSize: moderateScale2(fontSize),
+      fontSize: moderateScale(fontSize),
       fontWeight: fontWeight.toString(),
       fontFamily: getFontFamily(fontWeight),
       color: disabled ? "#777" : colors2[color].main
@@ -848,7 +853,7 @@ var CheckBox = ({
 };
 
 // ../src/Components/FormWrapper.tsx
-import React9 from "react";
+import React9, { forwardRef as forwardRef3 } from "react";
 import {
   Keyboard,
   KeyboardAvoidingView,
@@ -856,56 +861,59 @@ import {
   ScrollView,
   TouchableWithoutFeedback
 } from "react-native";
-import { ScaledSheet as ScaledSheet6 } from "react-native-size-matters";
 import { useSafeAreaInsets as useSafeAreaInsets2 } from "react-native-safe-area-context";
-var FormWrapper = ({
-  children,
-  behavior = Platform4.OS === "ios" ? "padding" : "height",
-  contentContainerStyle,
-  mode = "scroll",
-  keyboardVerticalOffset = 10,
-  style = {},
-  onScroll
-}) => {
-  const { bottom } = useSafeAreaInsets2();
-  const defaultOffset = Platform4.OS === "ios" ? -bottom : -bottom * 2;
-  const styles = ScaledSheet6.create({
-    root: {
-      width: "100%",
-      flex: 1,
-      ...style
-    }
-  });
-  return mode === "static" ? /* @__PURE__ */ React9.createElement(TouchableWithoutFeedback, { onPress: Keyboard.dismiss, accessible: false }, /* @__PURE__ */ React9.createElement(
-    KeyboardAvoidingView,
-    {
-      style: styles.root,
-      behavior,
-      contentContainerStyle: styles.root,
-      keyboardVerticalOffset: keyboardVerticalOffset || defaultOffset
-    },
-    children
-  )) : /* @__PURE__ */ React9.createElement(
-    KeyboardAvoidingView,
-    {
-      behavior,
-      style: styles.root,
-      keyboardVerticalOffset: keyboardVerticalOffset || defaultOffset
-    },
-    /* @__PURE__ */ React9.createElement(
-      ScrollView,
+import { ScaledSheet as ScaledSheet6 } from "react-native-size-matters";
+var FormWrapper = forwardRef3(
+  ({
+    children,
+    behavior = Platform4.OS === "ios" ? "padding" : "height",
+    contentContainerStyle,
+    mode = "scroll",
+    keyboardVerticalOffset = 10,
+    style = {},
+    onScroll
+  }, ref) => {
+    const { bottom } = useSafeAreaInsets2();
+    const defaultOffset = Platform4.OS === "ios" ? -bottom : -bottom * 2;
+    const styles = ScaledSheet6.create({
+      root: {
+        width: "100%",
+        flex: 1,
+        ...style
+      }
+    });
+    return mode === "static" ? /* @__PURE__ */ React9.createElement(TouchableWithoutFeedback, { onPress: Keyboard.dismiss, accessible: false }, /* @__PURE__ */ React9.createElement(
+      KeyboardAvoidingView,
       {
-        onScroll,
-        showsVerticalScrollIndicator: false,
-        scrollEventThrottle: 40,
-        keyboardDismissMode: "interactive",
-        contentContainerStyle,
-        keyboardShouldPersistTaps: "handled"
+        style: styles.root,
+        behavior,
+        contentContainerStyle: styles.root,
+        keyboardVerticalOffset: keyboardVerticalOffset || defaultOffset
       },
       children
-    )
-  );
-};
+    )) : /* @__PURE__ */ React9.createElement(
+      KeyboardAvoidingView,
+      {
+        behavior,
+        style: styles.root,
+        keyboardVerticalOffset: keyboardVerticalOffset || defaultOffset
+      },
+      /* @__PURE__ */ React9.createElement(
+        ScrollView,
+        {
+          ref,
+          onScroll,
+          showsVerticalScrollIndicator: false,
+          scrollEventThrottle: 40,
+          keyboardDismissMode: "interactive",
+          contentContainerStyle,
+          keyboardShouldPersistTaps: "handled"
+        },
+        children
+      )
+    );
+  }
+);
 
 // ../src/Components/StarRating.tsx
 import { Ionicons as Ionicons2 } from "@expo/vector-icons";
@@ -1355,9 +1363,9 @@ import {
 } from "react-native";
 import {
   ScaledSheet as ScaledSheet12,
-  moderateScale as moderateScale3,
+  moderateScale as moderateScale2,
   ms as ms7,
-  verticalScale as verticalScale2
+  verticalScale
 } from "react-native-size-matters";
 
 // ../src/Components/SelectMenu.tsx
@@ -1516,20 +1524,20 @@ var TextField = ({
 }) => {
   const colors2 = useColors();
   const [focused, setFocused] = useState7(false);
-  const height = moderateScale3(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
+  const height = moderateScale2(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
   const labelAnim = useRef2(
-    new Animated3.Value(height / moderateScale3(variant === "text" ? 2.5 : 3.2))
+    new Animated3.Value(height / moderateScale2(variant === "text" ? 2.5 : 3.2))
   ).current;
   React15.useEffect(() => {
     if (focused || value) {
       Animated3.timing(labelAnim, {
-        toValue: verticalScale2(variant === "text" ? 2 : 4),
+        toValue: verticalScale(variant === "text" ? 2 : 4),
         duration: 300,
         useNativeDriver: false
       }).start();
     } else {
       Animated3.timing(labelAnim, {
-        toValue: height / moderateScale3(variant === "text" ? 2.5 : 3.2),
+        toValue: height / moderateScale2(variant === "text" ? 2.5 : 3.2),
         duration: 300,
         useNativeDriver: false
       }).start();
@@ -1558,8 +1566,8 @@ var TextField = ({
       fontSize: "14@s",
       flex: 1,
       alignSelf: "stretch",
-      paddingLeft: variant === "text" ? 0 : moderateScale3(15),
-      paddingRight: moderateScale3(10),
+      paddingLeft: variant === "text" ? 0 : moderateScale2(15),
+      paddingRight: moderateScale2(10),
       paddingTop: "11@vs",
       fontFamily: getFontFamily(400),
       color: colors2.black[1],
@@ -1569,13 +1577,13 @@ var TextField = ({
     inputText: {
       fontSize: "14@ms",
       flex: 1,
-      paddingLeft: variant === "text" ? 0 : moderateScale3(15),
+      paddingLeft: variant === "text" ? 0 : moderateScale2(15),
       paddingTop: "13@ms"
     },
     label: {
       fontFamily: getFontFamily(400),
       position: "absolute",
-      left: variant === "text" ? 0 : moderateScale3(15),
+      left: variant === "text" ? 0 : moderateScale2(15),
       fontSize: focused || value ? "10@s" : "13@s",
       color: focused ? colors2[color].main : colors2.textSecondary.main
     },
@@ -1746,7 +1754,7 @@ var TextField2 = React15.forwardRef(
     const colors2 = useColors();
     const [focused, _setFocused] = useState7(false);
     const [showPassword, setShowPassword] = useState7(false);
-    const height = moderateScale3(
+    const height = moderateScale2(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
     const setFocused = (value2) => {
@@ -1780,8 +1788,8 @@ var TextField2 = React15.forwardRef(
         fontSize: "14@s",
         flex: 1,
         alignSelf: "stretch",
-        paddingLeft: moderateScale3(10),
-        paddingRight: moderateScale3(10),
+        paddingLeft: moderateScale2(10),
+        paddingRight: moderateScale2(10),
         color: colors2.dark.main,
         zIndex: 10
         // backgroundColor: "#284",
@@ -1789,12 +1797,12 @@ var TextField2 = React15.forwardRef(
       inputText: {
         fontSize: "14@ms",
         color: colors2.dark.main,
-        paddingLeft: moderateScale3(10)
+        paddingLeft: moderateScale2(10)
       },
       placeholder: {
         fontSize: "14@ms",
         color: colors2.textSecondary.light,
-        paddingLeft: moderateScale3(10)
+        paddingLeft: moderateScale2(10)
       },
       label: {},
       helperText: {