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

package/dist/index.d.ts

@@ -259,12 +259,12 @@ export declare type AvatarPosition = 'top' | 'bottom' | 'inside'
  * @public
  */
 export declare interface AvatarProps {
+  /** @beta */
+  __unstable_hideInnerStroke?: boolean
   animateArrowFrom?: AvatarPosition
   arrowPosition?: AvatarPosition
   as?: React.ElementType | keyof JSX.IntrinsicElements
   color?: ThemeColorSpotKey
-  /** @beta */
-  hideInnerStroke?: boolean
   initials?: string
   onImageLoadError?: (event: Error) => void
   size?: AvatarSize | AvatarSize[]
@@ -2654,6 +2654,10 @@ export declare type TextInputClearButtonProps = Omit<ButtonProps, 'as'> &
  * @public
  */
 export declare interface TextInputProps {
+  /**
+   * @beta
+   */
+  __unstable_disableFocusRing?: boolean
   border?: boolean
   /**
    * @beta
@@ -2674,10 +2678,6 @@ export declare interface TextInputProps {
   suffix?: React.ReactNode
   type?: TextInputType
   weight?: ThemeFontWeightKey
-  /**
-   * @beta
-   */
-  unstableDisableFocusRing?: boolean
 }
 
 /**

package/dist/index.esm.js

@@ -5019,6 +5019,7 @@ const Stroke = styled.ellipse(avatarStyle.stroke);
 const Initials = styled.div(avatarStyle.initials);
 const Avatar = forwardRef(function Avatar2(props, ref) {
   const {
+    __unstable_hideInnerStroke,
     as: asProp,
     color: colorKey = "gray",
     src,
@@ -5027,7 +5028,6 @@ const Avatar = forwardRef(function Avatar2(props, ref) {
     onImageLoadError,
     arrowPosition: arrowPositionProp,
     animateArrowFrom,
-    hideInnerStroke,
     status = "online",
     size: sizeProp = 0,
     ...restProps
@@ -5102,7 +5102,7 @@ const Avatar = forwardRef(function Avatar2(props, ref) {
         cy: _radius,
         r: _radius,
         fill: "url(#".concat(imageId, ")")
-      }), !hideInnerStroke && /* @__PURE__ */jsx(BgStroke, {
+      }), !__unstable_hideInnerStroke && /* @__PURE__ */jsx(BgStroke, {
         cx: _radius,
         cy: _radius,
         rx: _radius,
@@ -7643,6 +7643,7 @@ const TextInputClearButton = styled(Button)({
 });
 const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
   const {
+    __unstable_disableFocusRing,
     border = true,
     clearButton,
     disabled = false,
@@ -7659,7 +7660,6 @@ const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
     customValidity,
     type = "text",
     weight,
-    unstableDisableFocusRing,
     ...restProps
   } = props;
   const ref = useForwardedRef(forwardedRef);
@@ -7698,7 +7698,7 @@ const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
   }), [prefix, radius]);
   const presentationNode = useMemo(() => /* @__PURE__ */jsxs(Presentation, {
     $hasPrefix,
-    $unstableDisableFocusRing: unstableDisableFocusRing,
+    $unstableDisableFocusRing: __unstable_disableFocusRing,
     $hasSuffix,
     $radius: radius,
     $scheme: rootTheme.scheme,
@@ -7719,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, unstableDisableFocusRing]);
+  }), [__unstable_disableFocusRing, border, fontSize, icon, iconRight, padding, radius, rootTheme, $hasClearButton, $hasPrefix, $hasSuffix]);
   const clearButtonBoxPadding = useMemo(() => padding.map(v => {
     if (v === 0) return 0;
     if (v === 1) return 1;