@hoddy-ui/next 2.0.24 → 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 +29 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +29 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1364,8 +1364,10 @@ var TextField = ({
|
|
|
1364
1364
|
}) => {
|
|
1365
1365
|
const colors2 = useColors();
|
|
1366
1366
|
const [focused, setFocused] = (0, import_react16.useState)(false);
|
|
1367
|
-
const labelAnim = (0, import_react16.useRef)(new import_react_native16.Animated.Value(0)).current;
|
|
1368
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;
|
|
1369
1371
|
import_react16.default.useEffect(() => {
|
|
1370
1372
|
if (focused || value) {
|
|
1371
1373
|
import_react_native16.Animated.timing(labelAnim, {
|
|
@@ -1510,15 +1512,33 @@ var TextField = ({
|
|
|
1510
1512
|
style: styles2.input
|
|
1511
1513
|
}
|
|
1512
1514
|
),
|
|
1513
|
-
end && /* @__PURE__ */ import_react16.default.createElement(
|
|
1514
|
-
|
|
1515
|
-
import_vector_icons8.Ionicons,
|
|
1515
|
+
end && /* @__PURE__ */ import_react16.default.createElement(
|
|
1516
|
+
import_react_native16.View,
|
|
1516
1517
|
{
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
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
|
+
)
|
|
1522
1542
|
), helperText && /* @__PURE__ */ import_react16.default.createElement(
|
|
1523
1543
|
Typography_default,
|
|
1524
1544
|
{
|