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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.0.0-alpha.19",
+  "version": "2.0.0-alpha.20",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
   "source": "./src/index.ts",

package/src/primitives/avatar/avatar.tsx

@@ -11,12 +11,12 @@ import {avatarStyle, responsiveAvatarSizeStyle} from './styles'
  * @public
  */
 export 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[]
@@ -52,6 +52,7 @@ export const Avatar = forwardRef(function Avatar(
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
   const {
+    __unstable_hideInnerStroke,
     as: asProp,
     color: colorKey = 'gray',
     src,
@@ -60,7 +61,6 @@ export const Avatar = forwardRef(function Avatar(
     onImageLoadError,
     arrowPosition: arrowPositionProp,
     animateArrowFrom,
-    hideInnerStroke,
     status = 'online',
     size: sizeProp = 0,
     ...restProps
@@ -145,7 +145,7 @@ export const Avatar = forwardRef(function Avatar(
           </defs>
 
           <circle cx={_radius} cy={_radius} r={_radius} fill={`url(#${imageId})`} />
-          {!hideInnerStroke && (
+          {!__unstable_hideInnerStroke && (
             <BgStroke
               cx={_radius}
               cy={_radius}

package/src/primitives/textInput/textInput.tsx

@@ -50,6 +50,10 @@ export type TextInputType =
  * @public
  */
 export interface TextInputProps {
+  /**
+   * @beta
+   */
+  __unstable_disableFocusRing?: boolean
   border?: boolean
   /**
    * @beta
@@ -70,10 +74,6 @@ export interface TextInputProps {
   suffix?: React.ReactNode
   type?: TextInputType
   weight?: ThemeFontWeightKey
-  /**
-   * @beta
-   */
-  unstableDisableFocusRing?: boolean
 }
 
 const CLEAR_BUTTON_BOX_STYLE: React.CSSProperties = {zIndex: 2}
@@ -153,6 +153,7 @@ export const TextInput = forwardRef(function TextInput(
   forwardedRef: React.Ref<HTMLInputElement>,
 ) {
   const {
+    __unstable_disableFocusRing,
     border = true,
     clearButton,
     disabled = false,
@@ -169,7 +170,6 @@ export const TextInput = forwardRef(function TextInput(
     customValidity,
     type = 'text',
     weight,
-    unstableDisableFocusRing,
     ...restProps
   } = props
 
@@ -226,7 +226,7 @@ export const TextInput = forwardRef(function TextInput(
     () => (
       <Presentation
         $hasPrefix={$hasPrefix}
-        $unstableDisableFocusRing={unstableDisableFocusRing}
+        $unstableDisableFocusRing={__unstable_disableFocusRing}
         $hasSuffix={$hasSuffix}
         $radius={radius}
         $scheme={rootTheme.scheme}
@@ -255,6 +255,7 @@ export const TextInput = forwardRef(function TextInput(
       </Presentation>
     ),
     [
+      __unstable_disableFocusRing,
       border,
       fontSize,
       icon,
@@ -265,7 +266,6 @@ export const TextInput = forwardRef(function TextInput(
       $hasClearButton,
       $hasPrefix,
       $hasSuffix,
-      unstableDisableFocusRing,
     ],
   )