@sanity/ui 2.0.0-alpha.18 → 2.0.0-alpha.19
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
CHANGED
|
@@ -4733,6 +4733,7 @@ function textInputRepresentationStyle(props) {
|
|
|
4733
4733
|
$hasSuffix,
|
|
4734
4734
|
$scheme,
|
|
4735
4735
|
$tone,
|
|
4736
|
+
$unstableDisableFocusRing,
|
|
4736
4737
|
theme
|
|
4737
4738
|
} = props;
|
|
4738
4739
|
const {
|
|
@@ -4748,13 +4749,13 @@ function textInputRepresentationStyle(props) {
|
|
|
4748
4749
|
}), color.invalid.enabled.bg, color.invalid.enabled.fg, focusRingBorderStyle({
|
|
4749
4750
|
color: color.invalid.enabled.border,
|
|
4750
4751
|
width: input.border.width
|
|
4751
|
-
}), focusRingStyle({
|
|
4752
|
+
}), $unstableDisableFocusRing ? void 0 : focusRingStyle({
|
|
4752
4753
|
border: {
|
|
4753
4754
|
color: color.default.enabled.border,
|
|
4754
4755
|
width: input.border.width
|
|
4755
4756
|
},
|
|
4756
4757
|
focusRing
|
|
4757
|
-
}), focusRingStyle({
|
|
4758
|
+
}), $unstableDisableFocusRing ? void 0 : focusRingStyle({
|
|
4758
4759
|
focusRing
|
|
4759
4760
|
}), color.default.disabled.bg, color.default.disabled.fg, focusRingBorderStyle({
|
|
4760
4761
|
color: color.default.disabled.border,
|
|
@@ -7671,6 +7672,7 @@ const TextInput = react.forwardRef(function TextInput2(props, forwardedRef) {
|
|
|
7671
7672
|
customValidity,
|
|
7672
7673
|
type = "text",
|
|
7673
7674
|
weight,
|
|
7675
|
+
unstableDisableFocusRing,
|
|
7674
7676
|
...restProps
|
|
7675
7677
|
} = props;
|
|
7676
7678
|
const ref = useForwardedRef(forwardedRef);
|
|
@@ -7709,6 +7711,7 @@ const TextInput = react.forwardRef(function TextInput2(props, forwardedRef) {
|
|
|
7709
7711
|
}), [prefix, radius]);
|
|
7710
7712
|
const presentationNode = react.useMemo(() => /* @__PURE__ */jsxRuntime.jsxs(Presentation, {
|
|
7711
7713
|
$hasPrefix,
|
|
7714
|
+
$unstableDisableFocusRing: unstableDisableFocusRing,
|
|
7712
7715
|
$hasSuffix,
|
|
7713
7716
|
$radius: radius,
|
|
7714
7717
|
$scheme: rootTheme.scheme,
|
|
@@ -7729,7 +7732,7 @@ const TextInput = react.forwardRef(function TextInput2(props, forwardedRef) {
|
|
|
7729
7732
|
children: [react.isValidElement(iconRight) && iconRight, ReactIs.isValidElementType(iconRight) && react.createElement(iconRight)]
|
|
7730
7733
|
})
|
|
7731
7734
|
})]
|
|
7732
|
-
}), [border, fontSize, icon, iconRight, padding, radius, rootTheme, $hasClearButton, $hasPrefix, $hasSuffix]);
|
|
7735
|
+
}), [border, fontSize, icon, iconRight, padding, radius, rootTheme, $hasClearButton, $hasPrefix, $hasSuffix, unstableDisableFocusRing]);
|
|
7733
7736
|
const clearButtonBoxPadding = react.useMemo(() => padding.map(v => {
|
|
7734
7737
|
if (v === 0) return 0;
|
|
7735
7738
|
if (v === 1) return 1;
|