@dloizides/ui-forms 1.24.0 → 1.25.1

package/dist/index.mjs

@@ -856,9 +856,11 @@ function useThemedInput(options = {}) {
   const style = useMemo(() => {
     const restBorder = hasError ? errorColor : colors.border;
     const focusBorder = hasError ? errorColor : primary;
-    const borderColor = isFocused ? focusBorder : isHovered ? withAlpha(colors.text, HOVER_BORDER_ALPHA) : restBorder;
+    const editableBorder = isFocused ? focusBorder : isHovered ? withAlpha(colors.text, HOVER_BORDER_ALPHA) : restBorder;
+    const readOnlyBorder = hasError ? errorColor : colors.surface;
+    const borderColor = editable ? editableBorder : readOnlyBorder;
     const editableFill = isFocused ? colors.surface : colors.surfaceElevated;
-    const backgroundColor = editable ? editableFill : colors.background;
+    const backgroundColor = editable ? editableFill : colors.surface;
     const base = { color: editable ? colors.text : colors.textSecondary, borderColor, backgroundColor };
     if (!IS_WEB5) return base;
     const ringColor = hasError ? errorColor : themeFocusRingColor(theme);
@@ -1759,6 +1761,28 @@ function SelectControl({
     ) : null
   ] });
 }
+var SelectField = ({
+  label,
+  accessibilityHint,
+  value,
+  options,
+  onChange,
+  testID
+}) => {
+  const selected = options.find((option) => option.value === value)?.label ?? "";
+  return /* @__PURE__ */ jsx(Field, { label, children: ({ labelId }) => /* @__PURE__ */ jsx(
+    SelectControl,
+    {
+      accessibilityHint,
+      accessibilityLabel: `${label}: ${selected}`,
+      labelledById: labelId,
+      options,
+      testID,
+      value,
+      onChange
+    }
+  ) });
+};
 var CLOSE_DELAY_MS2 = 140;
 function useDelayedBlurClose(open, close) {
   const timerRef = useRef(null);
@@ -2327,6 +2351,6 @@ var UploadWithLinkField = ({
   ] });
 };
 
-export { AlignToControl, AnchoredMenu, ChipSelector, DEFAULT_MAX_RECENTS, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, Field, FormActions, FormCell, FormCheckbox, FormField, FormGrid, FormSection, FormStatusLine, FormSwitch, INLINE_FIELD_ROW_MIN_WIDTH, InlineFieldRow, SelectControl, StepperNav, StepperTabs, ThemedTextInput, TypeaheadControl, UploadWithLinkField, controlStyles, groupAriaChecked, inlineFieldRowLayout, isUnmatched, resolveGroupSelection, resolveStepNeighbours, suggestOptions, toggleGroupSelection, useFocusFirstInvalid, useKeepInView, useRecentValues, useThemedInput };
+export { AlignToControl, AnchoredMenu, ChipSelector, DEFAULT_MAX_RECENTS, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, Field, FormActions, FormCell, FormCheckbox, FormField, FormGrid, FormSection, FormStatusLine, FormSwitch, INLINE_FIELD_ROW_MIN_WIDTH, InlineFieldRow, SelectControl, SelectField, StepperNav, StepperTabs, ThemedTextInput, TypeaheadControl, UploadWithLinkField, controlStyles, groupAriaChecked, inlineFieldRowLayout, isUnmatched, resolveGroupSelection, resolveStepNeighbours, suggestOptions, toggleGroupSelection, useFocusFirstInvalid, useKeepInView, useRecentValues, useThemedInput };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map