@dloizides/ui-forms 1.25.1 → 1.26.0
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/CHANGELOG.md +9 -0
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +5 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -807,7 +807,6 @@ var TRANSITION_DURATION = "0.14s";
|
|
|
807
807
|
var TRANSITION_TIMING = "ease";
|
|
808
808
|
var NO_RING = { outlineWidth: 0 };
|
|
809
809
|
var HOVER_BORDER_ALPHA = 0.22;
|
|
810
|
-
var PLACEHOLDER_ALPHA = 0.6;
|
|
811
810
|
var HEX_RADIX = 16;
|
|
812
811
|
var HEX_SHORT_LENGTH = 4;
|
|
813
812
|
var HEX_FULL_LENGTH = 7;
|
|
@@ -857,8 +856,7 @@ function useThemedInput(options = {}) {
|
|
|
857
856
|
const restBorder = hasError ? errorColor : colors.border;
|
|
858
857
|
const focusBorder = hasError ? errorColor : primary;
|
|
859
858
|
const editableBorder = isFocused ? focusBorder : isHovered ? withAlpha(colors.text, HOVER_BORDER_ALPHA) : restBorder;
|
|
860
|
-
const
|
|
861
|
-
const borderColor = editable ? editableBorder : readOnlyBorder;
|
|
859
|
+
const borderColor = editable ? editableBorder : restBorder;
|
|
862
860
|
const editableFill = isFocused ? colors.surface : colors.surfaceElevated;
|
|
863
861
|
const backgroundColor = editable ? editableFill : colors.surface;
|
|
864
862
|
const base = { color: editable ? colors.text : colors.textSecondary, borderColor, backgroundColor };
|
|
@@ -895,7 +893,7 @@ function useThemedInput(options = {}) {
|
|
|
895
893
|
);
|
|
896
894
|
return {
|
|
897
895
|
style,
|
|
898
|
-
placeholderTextColor:
|
|
896
|
+
placeholderTextColor: colors.textSecondary,
|
|
899
897
|
isFocused,
|
|
900
898
|
isHovered,
|
|
901
899
|
focusBind,
|
|
@@ -1138,6 +1136,7 @@ var FormField = ({
|
|
|
1138
1136
|
containerStyle,
|
|
1139
1137
|
recentKey,
|
|
1140
1138
|
recentMax,
|
|
1139
|
+
inputRef,
|
|
1141
1140
|
...textInputProps
|
|
1142
1141
|
}) => /* @__PURE__ */ jsx(
|
|
1143
1142
|
Field,
|
|
@@ -1157,7 +1156,7 @@ var FormField = ({
|
|
|
1157
1156
|
testID: "form-field-input",
|
|
1158
1157
|
...textInputProps
|
|
1159
1158
|
};
|
|
1160
|
-
return recentKey !== void 0 && recentKey !== "" ? /* @__PURE__ */ jsx(RecentInputField, { label, recentKey, recentMax, ...inputProps }) : /* @__PURE__ */ jsx(ThemedTextInput, { ...inputProps });
|
|
1159
|
+
return recentKey !== void 0 && recentKey !== "" ? /* @__PURE__ */ jsx(RecentInputField, { label, recentKey, recentMax, ...inputProps }) : /* @__PURE__ */ jsx(ThemedTextInput, { ref: inputRef, ...inputProps });
|
|
1161
1160
|
}
|
|
1162
1161
|
}
|
|
1163
1162
|
);
|
|
@@ -1738,7 +1737,7 @@ function SelectControl({
|
|
|
1738
1737
|
"aria-expanded": isOpen,
|
|
1739
1738
|
"aria-labelledby": labelledById,
|
|
1740
1739
|
onPress: toggle,
|
|
1741
|
-
style: [controlStyles.selectTrigger, { borderColor: colors.border, backgroundColor: colors.
|
|
1740
|
+
style: [controlStyles.selectTrigger, { borderColor: colors.border, backgroundColor: colors.surfaceElevated }],
|
|
1742
1741
|
testID: `${testID}-trigger`,
|
|
1743
1742
|
children: [
|
|
1744
1743
|
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [controlStyles.selectTriggerText, { color: value === "" ? colors.textSecondary : colors.text }], children: selectedLabel }),
|