@sanity/ui 3.0.0-static.26 → 3.0.0-static.28

package/dist/index.d.cts

@@ -78,6 +78,7 @@ import {rgbToHex as rgbToHex_2} from '@sanity/ui/theme'
 import {rgbToHsl as rgbToHsl_2} from '@sanity/ui/theme'
 import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
 import {screen as screen_3} from '@sanity/ui/theme'
+import {SelectableStyleProps} from '@sanity/ui/css'
 import {SelectStyleProps} from '@sanity/ui/css'
 import {ShadowStyleProps} from '@sanity/ui/css'
 import {SkeletonStyleProps} from '@sanity/ui/css'
@@ -222,7 +223,7 @@ export declare type AutocompleteOwnProps<
   filterOption?: (query: string, option: O) => boolean
   icon?: ElementType_2 | ReactNode
   /** @beta */
-  listBox?: BoxProps
+  listBox?: BoxOwnProps
   loading?: boolean
   onChange?: (value: string) => void
   onQueryChange?: (query: string | null) => void
@@ -443,12 +444,6 @@ export declare function Badge<E extends BadgeElementType = typeof DEFAULT_BADGE_
 /** @public */
 export declare type BadgeElementType = 'div' | 'span' | ComponentType
 
-/**
- * @public
- * @deprecated No longer used
- */
-export declare type BadgeMode = 'default' | 'outline'
-
 /** @public */
 export declare type BadgeOwnProps = PaddingStyleProps &
   RadiusStyleProps & {
@@ -463,7 +458,7 @@ export declare type BadgeProps<E extends BadgeElementType = BadgeElementType> =
 >
 
 /** @public */
-export declare type BadgeTone = ThemeColorStateToneKey
+declare type BadgeTone = ThemeColorStateToneKey
 
 /** @public */
 export declare interface BaseAutocompleteOption {
@@ -832,13 +827,13 @@ export declare const DEFAULT_ARROW_ELEMENT = 'div'
 export declare const DEFAULT_AUTOCOMPLETE_ELEMENT = 'input'
 
 /** @public */
-export declare const DEFAULT_AVATAR_COUNTER_ELEMENT = 'div'
+export declare const DEFAULT_AVATAR_COUNTER_ELEMENT = 'span'
 
 /** @public */
 export declare const DEFAULT_AVATAR_ELEMENT = 'span'
 
 /** @public */
-export declare const DEFAULT_AVATAR_STACK_ELEMENT = 'div'
+export declare const DEFAULT_AVATAR_STACK_ELEMENT = 'span'
 
 /** @public */
 export declare const DEFAULT_BADGE_ELEMENT = 'span'
@@ -924,6 +919,9 @@ export declare const DEFAULT_RADIO_ELEMENT = 'input'
 /** @public */
 export declare const DEFAULT_SELECT_ELEMENT = 'select'
 
+/** @internal */
+export declare const DEFAULT_SELECTABLE_ELEMENT = 'button'
+
 /** @beta */
 export declare const DEFAULT_SKELETON_ELEMENT = 'div'
 
@@ -2165,10 +2163,29 @@ export declare function Select<E extends SelectElementType = typeof DEFAULT_SELE
 ): JSX.Element
 
 /** @internal */
-declare type SelectableElementType = 'button' | 'a' | ComponentType
+export declare function Selectable<
+  E extends SelectableElementType = typeof DEFAULT_SELECTABLE_ELEMENT,
+>(props: SelectableProps<E>): JSX.Element
+
+/** @internal */
+export declare type SelectableElementType = 'button' | 'a' | ComponentType
+
+/** @internal */
+export declare type SelectableOwnProps = BoxOwnProps &
+  SelectableStyleProps & {
+    disabled?: boolean
+    href?: string
+    selected?: boolean
+    tone?: ThemeColorStateToneKey
+    type?: 'button'
+  }
+
+/** @internal */
+export declare type SelectableProps<E extends SelectableElementType = SelectableElementType> =
+  Props<SelectableOwnProps, E>
 
 /**
- * @public
+ * @internal
  * @deprecated Use `ThemeColorStateToneKey` instead
  */
 export declare type SelectableTone = ThemeColorStateToneKey
@@ -2205,11 +2222,10 @@ export declare type SkeletonElementType = 'div' | 'span' | ComponentType
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare type SkeletonOwnProps = BoxOwnProps &
-  SkeletonStyleProps & {
-    animated?: boolean
-    delay?: number
-  }
+export declare type SkeletonOwnProps = SkeletonStyleProps & {
+  animated?: boolean
+  delay?: number
+}
 
 /** @beta */
 export declare type SkeletonProps<E extends SkeletonElementType = SkeletonElementType> = Props<
@@ -2280,6 +2296,7 @@ export declare type StackOwnProps = Omit<
   | 'direction'
   | 'display'
   | 'flexDirection'
+  | 'flexWrap'
   | 'gapX'
   | 'gapY'
   | 'justify'
@@ -2918,6 +2935,7 @@ export declare type TreeItemOwnProps = CardOwnProps & {
   icon?: ElementType_2
   /**
    * Allows passing a custom element type to the link component
+   * @internal
    */
   linkAs?: SelectableElementType
   onClick?: MouseEventHandler<HTMLAnchorElement | HTMLLIElement>

package/dist/index.d.ts

@@ -78,6 +78,7 @@ import {rgbToHex as rgbToHex_2} from '@sanity/ui/theme'
 import {rgbToHsl as rgbToHsl_2} from '@sanity/ui/theme'
 import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
 import {screen as screen_3} from '@sanity/ui/theme'
+import {SelectableStyleProps} from '@sanity/ui/css'
 import {SelectStyleProps} from '@sanity/ui/css'
 import {ShadowStyleProps} from '@sanity/ui/css'
 import {SkeletonStyleProps} from '@sanity/ui/css'
@@ -222,7 +223,7 @@ export declare type AutocompleteOwnProps<
   filterOption?: (query: string, option: O) => boolean
   icon?: ElementType_2 | ReactNode
   /** @beta */
-  listBox?: BoxProps
+  listBox?: BoxOwnProps
   loading?: boolean
   onChange?: (value: string) => void
   onQueryChange?: (query: string | null) => void
@@ -443,12 +444,6 @@ export declare function Badge<E extends BadgeElementType = typeof DEFAULT_BADGE_
 /** @public */
 export declare type BadgeElementType = 'div' | 'span' | ComponentType
 
-/**
- * @public
- * @deprecated No longer used
- */
-export declare type BadgeMode = 'default' | 'outline'
-
 /** @public */
 export declare type BadgeOwnProps = PaddingStyleProps &
   RadiusStyleProps & {
@@ -463,7 +458,7 @@ export declare type BadgeProps<E extends BadgeElementType = BadgeElementType> =
 >
 
 /** @public */
-export declare type BadgeTone = ThemeColorStateToneKey
+declare type BadgeTone = ThemeColorStateToneKey
 
 /** @public */
 export declare interface BaseAutocompleteOption {
@@ -832,13 +827,13 @@ export declare const DEFAULT_ARROW_ELEMENT = 'div'
 export declare const DEFAULT_AUTOCOMPLETE_ELEMENT = 'input'
 
 /** @public */
-export declare const DEFAULT_AVATAR_COUNTER_ELEMENT = 'div'
+export declare const DEFAULT_AVATAR_COUNTER_ELEMENT = 'span'
 
 /** @public */
 export declare const DEFAULT_AVATAR_ELEMENT = 'span'
 
 /** @public */
-export declare const DEFAULT_AVATAR_STACK_ELEMENT = 'div'
+export declare const DEFAULT_AVATAR_STACK_ELEMENT = 'span'
 
 /** @public */
 export declare const DEFAULT_BADGE_ELEMENT = 'span'
@@ -924,6 +919,9 @@ export declare const DEFAULT_RADIO_ELEMENT = 'input'
 /** @public */
 export declare const DEFAULT_SELECT_ELEMENT = 'select'
 
+/** @internal */
+export declare const DEFAULT_SELECTABLE_ELEMENT = 'button'
+
 /** @beta */
 export declare const DEFAULT_SKELETON_ELEMENT = 'div'
 
@@ -2165,10 +2163,29 @@ export declare function Select<E extends SelectElementType = typeof DEFAULT_SELE
 ): JSX.Element
 
 /** @internal */
-declare type SelectableElementType = 'button' | 'a' | ComponentType
+export declare function Selectable<
+  E extends SelectableElementType = typeof DEFAULT_SELECTABLE_ELEMENT,
+>(props: SelectableProps<E>): JSX.Element
+
+/** @internal */
+export declare type SelectableElementType = 'button' | 'a' | ComponentType
+
+/** @internal */
+export declare type SelectableOwnProps = BoxOwnProps &
+  SelectableStyleProps & {
+    disabled?: boolean
+    href?: string
+    selected?: boolean
+    tone?: ThemeColorStateToneKey
+    type?: 'button'
+  }
+
+/** @internal */
+export declare type SelectableProps<E extends SelectableElementType = SelectableElementType> =
+  Props<SelectableOwnProps, E>
 
 /**
- * @public
+ * @internal
  * @deprecated Use `ThemeColorStateToneKey` instead
  */
 export declare type SelectableTone = ThemeColorStateToneKey
@@ -2205,11 +2222,10 @@ export declare type SkeletonElementType = 'div' | 'span' | ComponentType
  * This API might change. DO NOT USE IN PRODUCTION.
  * @beta
  */
-export declare type SkeletonOwnProps = BoxOwnProps &
-  SkeletonStyleProps & {
-    animated?: boolean
-    delay?: number
-  }
+export declare type SkeletonOwnProps = SkeletonStyleProps & {
+  animated?: boolean
+  delay?: number
+}
 
 /** @beta */
 export declare type SkeletonProps<E extends SkeletonElementType = SkeletonElementType> = Props<
@@ -2280,6 +2296,7 @@ export declare type StackOwnProps = Omit<
   | 'direction'
   | 'display'
   | 'flexDirection'
+  | 'flexWrap'
   | 'gapX'
   | 'gapY'
   | 'justify'
@@ -2918,6 +2935,7 @@ export declare type TreeItemOwnProps = CardOwnProps & {
   icon?: ElementType_2
   /**
    * Allows passing a custom element type to the link component
+   * @internal
    */
   linkAs?: SelectableElementType
   onClick?: MouseEventHandler<HTMLAnchorElement | HTMLLIElement>