@hoddy-ui/next 2.0.23 → 2.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +34 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +34 -10
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -640,6 +640,7 @@ var LinkButton = ({
|
|
|
640
640
|
text: {
|
|
641
641
|
fontSize: (0, import_react_native_size_matters6.moderateScale)(fontSize),
|
|
642
642
|
fontWeight,
|
|
643
|
+
fontFamily: getConfig().DEFAULT_FONT_FAMILY || "System",
|
|
643
644
|
color: disabled ? "#777" : colors2[color].main
|
|
644
645
|
}
|
|
645
646
|
});
|
|
@@ -746,7 +747,8 @@ var Button = (0, import_react8.forwardRef)(
|
|
|
746
747
|
text: {
|
|
747
748
|
color: disabled ? variant === "text" || variant === "outlined" ? colors2.black[1] : colors2[color].text : colors2[color][variant === "text" || variant === "outlined" ? "main" : "text"],
|
|
748
749
|
fontWeight: variant === "outlined" ? "700" : "500",
|
|
749
|
-
fontSize: size === "small" ? "12@ms" : "16@ms"
|
|
750
|
+
fontSize: size === "small" ? "12@ms" : "16@ms",
|
|
751
|
+
fontFamily: getConfig().DEFAULT_FONT_FAMILY || "System"
|
|
750
752
|
}
|
|
751
753
|
});
|
|
752
754
|
return /* @__PURE__ */ import_react8.default.createElement(
|
|
@@ -1362,8 +1364,10 @@ var TextField = ({
|
|
|
1362
1364
|
}) => {
|
|
1363
1365
|
const colors2 = useColors();
|
|
1364
1366
|
const [focused, setFocused] = (0, import_react16.useState)(false);
|
|
1365
|
-
const labelAnim = (0, import_react16.useRef)(new import_react_native16.Animated.Value(0)).current;
|
|
1366
1367
|
const height = (0, import_react_native_size_matters14.moderateScale)(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
|
|
1368
|
+
const labelAnim = (0, import_react16.useRef)(
|
|
1369
|
+
new import_react_native16.Animated.Value(height / (0, import_react_native_size_matters14.moderateScale)(variant === "text" ? 2.5 : 3.2))
|
|
1370
|
+
).current;
|
|
1367
1371
|
import_react16.default.useEffect(() => {
|
|
1368
1372
|
if (focused || value) {
|
|
1369
1373
|
import_react_native16.Animated.timing(labelAnim, {
|
|
@@ -1405,6 +1409,7 @@ var TextField = ({
|
|
|
1405
1409
|
paddingLeft: variant === "text" ? 0 : (0, import_react_native_size_matters14.moderateScale)(15),
|
|
1406
1410
|
paddingRight: (0, import_react_native_size_matters14.moderateScale)(10),
|
|
1407
1411
|
paddingTop: "11@vs",
|
|
1412
|
+
fontFamily: getConfig().DEFAULT_FONT_FAMILY || "System",
|
|
1408
1413
|
color: colors2.black[1],
|
|
1409
1414
|
zIndex: 10
|
|
1410
1415
|
// backgroundColor: "#284",
|
|
@@ -1416,6 +1421,7 @@ var TextField = ({
|
|
|
1416
1421
|
paddingTop: "13@ms"
|
|
1417
1422
|
},
|
|
1418
1423
|
label: {
|
|
1424
|
+
fontFamily: getConfig().DEFAULT_FONT_FAMILY || "System",
|
|
1419
1425
|
position: "absolute",
|
|
1420
1426
|
left: variant === "text" ? 0 : (0, import_react_native_size_matters14.moderateScale)(15),
|
|
1421
1427
|
fontSize: focused || value ? "10@s" : "13@s",
|
|
@@ -1506,15 +1512,33 @@ var TextField = ({
|
|
|
1506
1512
|
style: styles2.input
|
|
1507
1513
|
}
|
|
1508
1514
|
),
|
|
1509
|
-
end && /* @__PURE__ */ import_react16.default.createElement(
|
|
1510
|
-
|
|
1511
|
-
import_vector_icons8.Ionicons,
|
|
1515
|
+
end && /* @__PURE__ */ import_react16.default.createElement(
|
|
1516
|
+
import_react_native16.View,
|
|
1512
1517
|
{
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
+
style: {
|
|
1519
|
+
marginRight: 20,
|
|
1520
|
+
paddingTop: variant !== "outlined" ? (0, import_react_native_size_matters14.ms)(13) : 0
|
|
1521
|
+
}
|
|
1522
|
+
},
|
|
1523
|
+
end
|
|
1524
|
+
),
|
|
1525
|
+
options && /* @__PURE__ */ import_react16.default.createElement(
|
|
1526
|
+
import_react_native16.View,
|
|
1527
|
+
{
|
|
1528
|
+
style: {
|
|
1529
|
+
marginRight: 20,
|
|
1530
|
+
paddingTop: variant !== "outlined" ? (0, import_react_native_size_matters14.ms)(13) : 0
|
|
1531
|
+
}
|
|
1532
|
+
},
|
|
1533
|
+
/* @__PURE__ */ import_react16.default.createElement(
|
|
1534
|
+
import_vector_icons8.Ionicons,
|
|
1535
|
+
{
|
|
1536
|
+
name: "chevron-down",
|
|
1537
|
+
color: colors2.textSecondary.main,
|
|
1538
|
+
size: 24
|
|
1539
|
+
}
|
|
1540
|
+
)
|
|
1541
|
+
)
|
|
1518
1542
|
), helperText && /* @__PURE__ */ import_react16.default.createElement(
|
|
1519
1543
|
Typography_default,
|
|
1520
1544
|
{
|