@sanity/ui 2.0.0-alpha.18 → 2.0.0-alpha.19

package/dist/index.d.ts

@@ -2674,6 +2674,10 @@ export declare interface TextInputProps {
   suffix?: React.ReactNode
   type?: TextInputType
   weight?: ThemeFontWeightKey
+  /**
+   * @beta
+   */
+  unstableDisableFocusRing?: boolean
 }
 
 /**

package/dist/index.esm.js

@@ -4720,6 +4720,7 @@ function textInputRepresentationStyle(props) {
     $hasSuffix,
     $scheme,
     $tone,
+    $unstableDisableFocusRing,
     theme
   } = props;
   const {
@@ -4735,13 +4736,13 @@ function textInputRepresentationStyle(props) {
   }), color.invalid.enabled.bg, color.invalid.enabled.fg, focusRingBorderStyle({
     color: color.invalid.enabled.border,
     width: input.border.width
-  }), focusRingStyle({
+  }), $unstableDisableFocusRing ? void 0 : focusRingStyle({
     border: {
       color: color.default.enabled.border,
       width: input.border.width
     },
     focusRing
-  }), focusRingStyle({
+  }), $unstableDisableFocusRing ? void 0 : focusRingStyle({
     focusRing
   }), color.default.disabled.bg, color.default.disabled.fg, focusRingBorderStyle({
     color: color.default.disabled.border,
@@ -7658,6 +7659,7 @@ const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
     customValidity,
     type = "text",
     weight,
+    unstableDisableFocusRing,
     ...restProps
   } = props;
   const ref = useForwardedRef(forwardedRef);
@@ -7696,6 +7698,7 @@ const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
   }), [prefix, radius]);
   const presentationNode = useMemo(() => /* @__PURE__ */jsxs(Presentation, {
     $hasPrefix,
+    $unstableDisableFocusRing: unstableDisableFocusRing,
     $hasSuffix,
     $radius: radius,
     $scheme: rootTheme.scheme,
@@ -7716,7 +7719,7 @@ const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
         children: [isValidElement(iconRight) && iconRight, isValidElementType(iconRight) && createElement(iconRight)]
       })
     })]
-  }), [border, fontSize, icon, iconRight, padding, radius, rootTheme, $hasClearButton, $hasPrefix, $hasSuffix]);
+  }), [border, fontSize, icon, iconRight, padding, radius, rootTheme, $hasClearButton, $hasPrefix, $hasSuffix, unstableDisableFocusRing]);
   const clearButtonBoxPadding = useMemo(() => padding.map(v => {
     if (v === 0) return 0;
     if (v === 1) return 1;