@sanity/ui 3.0.0-static.33 → 3.0.0-static.35

package/dist/_visual-editing.d.ts

@@ -1,26 +1,28 @@
 import type {AlignItems} from '@sanity/ui/css'
-import type {BoxStyleProps} from '@sanity/ui/css'
+import {BoxStyleProps} from '@sanity/ui/css'
 import type {ButtonStyleProps} from '@sanity/ui/css'
 import {CardStyleProps} from '@sanity/ui/css'
+import type {CardTone} from '@sanity/ui/theme'
+import type {ColorScheme} from '@sanity/ui/theme'
 import type {ComponentClass} from 'react'
 import type {ComponentProps} from 'react'
 import type {DisplayStyleProps} from '@sanity/ui/css'
+import type {ElementTone} from '@sanity/ui/theme'
 import {ElementType as ElementType_2} from 'react'
 import type {ExoticComponent} from 'react'
 import type {FlexDirection} from '@sanity/ui/css'
 import type {FlexWrap} from '@sanity/ui/css'
 import type {FontTextSize} from '@sanity/ui/theme'
+import type {FontWeight} from '@sanity/ui/theme'
 import {ForwardedRef} from 'react'
 import type {FunctionComponent} from 'react'
 import type {GapStyleProps} from '@sanity/ui/css'
 import {HTMLAttributes} from 'react'
 import {InputStyleProps} from '@sanity/ui/css'
-import type {InsetStyleProps} from '@sanity/ui/css'
-import {JSX} from 'react'
+import type {JSX} from 'react'
 import type {JustifyContent} from '@sanity/ui/css'
 import {MaxWidth} from '@sanity/ui/css'
 import {PaddingStyleProps} from '@sanity/ui/css'
-import type {PositionStyleProps} from '@sanity/ui/css'
 import {RadiusStyleProps} from '@sanity/ui/css'
 import {ReactElement} from 'react'
 import {ReactNode} from 'react'
@@ -28,16 +30,10 @@ import type {ReactPortal} from 'react'
 import {Ref} from 'react'
 import {RefAttributes} from 'react'
 import {ResponsiveProp} from '@sanity/ui/css'
-import {RootTheme} from '@sanity/ui/theme'
 import {ShadowStyleProps} from '@sanity/ui/css'
 import type {Space} from '@sanity/ui/theme'
 import {TextOverflowStyleProps} from '@sanity/ui/css'
 import {TextStyleProps} from '@sanity/ui/css'
-import {Theme_v2} from '@sanity/ui/theme'
-import {ThemeColorCardToneKey} from '@sanity/ui/theme'
-import {ThemeColorSchemeKey} from '@sanity/ui/theme'
-import type {ThemeColorStateToneKey} from '@sanity/ui/theme'
-import type {ThemeFontWeightKey} from '@sanity/ui/theme'
 import type {Width} from '@sanity/ui/css'
 
 /**
@@ -55,7 +51,7 @@ declare type Assign<T extends {}, U extends {}> = Omit<T, keyof U> & U
  */
 export declare function Box<E extends BoxElementType = typeof DEFAULT_BOX_ELEMENT>(
   props: BoxProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type BoxElementType =
@@ -90,7 +86,7 @@ declare type BoxElementType =
   | ComponentType
 
 /** @public */
-declare type BoxOwnProps = BoxStyleProps & GapStyleProps & InsetStyleProps & PositionStyleProps
+declare type BoxOwnProps = BoxStyleProps
 
 /** @public */
 export declare type BoxProps<E extends BoxElementType = BoxElementType> = Props<BoxOwnProps, E>
@@ -98,7 +94,7 @@ export declare type BoxProps<E extends BoxElementType = BoxElementType> = Props<
 /** @public */
 export declare function Button<E extends ButtonElementType = typeof DEFAULT_BUTTON_ELEMENT>(
   props: ButtonProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type ButtonElementType = 'a' | 'button' | 'label' | ComponentType
@@ -118,8 +114,6 @@ declare type ButtonOwnProps = ButtonStyleProps &
     /** @beta Do not use in production, as this might change.*/
     'loading'?: boolean
     'selected'?: boolean
-    /** @deprecated Use `gap` instead. */
-    'space'?: ResponsiveProp<Space>
     'textAlign'?: ButtonTextAlign
     'muted'?: boolean
     'target'?: string
@@ -146,7 +140,7 @@ declare type ButtonTextAlign = 'left' | 'right' | 'center'
  */
 export declare function Card<E extends CardElementType = typeof DEFAULT_CARD_ELEMENT>(
   props: CardProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type CardElementType = BoxElementType
@@ -250,7 +244,7 @@ declare type EmptyProps = {}
  */
 export declare function Flex<E extends FlexElementType = typeof DEFAULT_FLEX_ELEMENT>(
   props: FlexProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type FlexElementType = BoxElementType
@@ -276,7 +270,7 @@ export declare type FlexProps<E extends FlexElementType = FlexElementType> = Pro
  */
 export declare function Grid<E extends GridElementType = typeof DEFAULT_GRID_ELEMENT>(
   props: GridProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type GridElementType = BoxElementType
@@ -294,7 +288,7 @@ export declare type GridProps<E extends GridElementType = GridElementType> = Pro
  */
 export declare function Hotkeys<E extends HotkeysElementType = typeof DEFAULT_HOTKEYS_ELEMENT>(
   props: HotkeysProps<E>,
-): JSX.Element | undefined
+): React.JSX.Element | undefined
 
 /** @public */
 declare type HotkeysElementType = 'kbd' | ComponentType
@@ -303,8 +297,6 @@ declare type HotkeysElementType = 'kbd' | ComponentType
 declare interface HotkeysOwnProps extends GapStyleProps, RadiusStyleProps {
   fontSize?: ResponsiveProp<FontTextSize>
   padding?: ResponsiveProp<Space>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
   keys?: string[]
 }
 
@@ -332,7 +324,7 @@ declare type LayerOwnProps = CardOwnProps & {
 }
 
 /** @public */
-export declare function LayerProvider(props: LayerProviderProps): ReactElement
+export declare function LayerProvider(props: LayerProviderProps): React.JSX.Element
 
 /** @public */
 declare interface LayerProviderProps {
@@ -347,12 +339,12 @@ declare interface LayerProviderProps {
  */
 export declare function Menu<E extends MenuElementType = typeof DEFAULT_MENU_ELEMENT>(
   props: MenuProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 export declare function MenuDivider<
   E extends MenuDividerElementType = typeof DEFAULT_MENU_DIVIDER_ELEMENT,
->(props: MenuDividerProps<E>): JSX.Element
+>(props: MenuDividerProps<E>): React.JSX.Element
 
 /** @public */
 declare type MenuDividerElementType = 'div' | 'hr' | 'span' | ComponentType
@@ -372,7 +364,7 @@ declare type MenuElementType = 'div' | 'span' | ComponentType
 /** @public */
 export declare function MenuGroup<
   E extends MenuGroupElementType = typeof DEFAULT_MENU_GROUP_ELEMENT,
->(props: MenuGroupProps<E>): JSX.Element
+>(props: MenuGroupProps<E>): React.JSX.Element
 
 /** @public */
 declare type MenuGroupElementType = 'button' | ComponentType
@@ -396,10 +388,8 @@ declare type MenuGroupOwnProps = RadiusStyleProps & {
   >
   padding?: ResponsiveProp<Space>
   popover?: Omit<PopoverProps, 'content' | 'open'>
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
   text?: ReactNode
-  tone?: ThemeColorStateToneKey
+  tone?: ElementTone
 }
 
 /** @public */
@@ -411,7 +401,7 @@ export declare type MenuGroupProps<E extends MenuGroupElementType = MenuGroupEle
 /** @public */
 export declare function MenuItem<E extends MenuItemElementType = typeof DEFAULT_MENU_ITEM_ELEMENT>(
   props: MenuItemProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type MenuItemElementType = 'button' | 'a' | ComponentType
@@ -427,10 +417,8 @@ declare type MenuItemOwnProps = GapStyleProps &
     iconRight?: ElementType_2 | ReactNode
     pressed?: boolean
     selected?: boolean
-    /** @deprecated Use `gap` instead. */
-    space?: ResponsiveProp<Space>
     text?: ReactNode
-    tone?: ThemeColorStateToneKey
+    tone?: ElementTone
   }
 
 /** @public */
@@ -441,14 +429,6 @@ export declare type MenuItemProps<E extends MenuItemElementType = MenuItemElemen
 
 /** @public */
 declare type MenuOwnProps = PaddingStyleProps & {
-  /**
-   * @deprecated Use `shouldFocus="first"` instead.
-   */
-  'focusFirst'?: boolean
-  /**
-   * @deprecated Use `shouldFocus="last"` instead.
-   */
-  'focusLast'?: boolean
   'gap'?: ResponsiveProp<Space>
   'onClickOutside'?: (event: MouseEvent) => void
   'onEscape'?: () => void
@@ -457,8 +437,6 @@ declare type MenuOwnProps = PaddingStyleProps & {
   'originElement'?: HTMLElement | null
   'registerElement'?: (el: HTMLElement) => () => void
   'shouldFocus'?: 'first' | 'last' | null
-  /** @deprecated Use `gap` property instead. */
-  'space'?: ResponsiveProp<Space>
   'aria-labelledby'?: string
 }
 
@@ -491,7 +469,7 @@ declare type Placement =
  */
 export declare function Popover<E extends PopoverElementType = typeof DEFAULT_POPOVER_ELEMENT>(
   props: PopoverProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type PopoverElementType = 'div' | ComponentType
@@ -513,8 +491,6 @@ declare type PopoverOwnProps = Omit<LayerOwnProps, 'maxWidth'> & {
    */
   animate?: boolean
   arrow?: boolean
-  /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
-  boundaryElement?: HTMLElement | null
   children?: ReactElement<{
     ref: ForwardedRef<HTMLElement>
   }>
@@ -598,14 +574,10 @@ export declare interface PortalProps {
 }
 
 /** @public */
-export declare function PortalProvider(props: PortalProviderProps): ReactElement
+export declare function PortalProvider(props: PortalProviderProps): React.JSX.Element
 
 /** @public */
 export declare interface PortalProviderProps {
-  /**
-   * @deprecated Use `<BoundaryElementProvider element={...} />` instead
-   */
-  boundaryElement?: HTMLElement | null
   children: ReactNode
   element?: HTMLElement | null
   /**
@@ -629,7 +601,7 @@ declare type Props<P extends EmptyProps, E extends ElementType<P>> = Assign<
  */
 export declare function Spinner<E extends SpinnerElementType = typeof DEFAULT_SPINNER_ELEMENT>(
   props: SpinnerProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type SpinnerElementType = 'div' | 'span' | ComponentType
@@ -653,7 +625,7 @@ export declare type SpinnerProps<E extends SpinnerElementType = SpinnerElementTy
  */
 export declare function Stack<E extends StackElementType = typeof DEFAULT_STACK_ELEMENT>(
   props: StackProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type StackElementType = BoxElementType
@@ -675,10 +647,7 @@ declare type StackOwnProps = Omit<
   | 'justifyContent'
   | 'rows'
   | 'gridTemplateRows'
-> & {
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
-}
+>
 
 /** @public */
 export declare type StackProps<E extends StackElementType = StackElementType> = Props<
@@ -689,7 +658,7 @@ export declare type StackProps<E extends StackElementType = StackElementType> =
 /** @public */
 export declare function Tab<E extends TabElementType = typeof DEFAULT_TAB_ELEMENT>(
   props: TabProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type TabElementType = 'button' | ComponentType
@@ -697,7 +666,7 @@ declare type TabElementType = 'button' | ComponentType
 /** @public */
 export declare function TabList<E extends TabListElementType = typeof DEFAULT_TAB_LIST_ELEMENT>(
   props: TabListProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type TabListChild = ReactElement<Props<TabProps, 'button'>> | null | undefined | false
@@ -708,8 +677,6 @@ declare type TabListElementType = 'div' | 'span' | ComponentType
 /** @public */
 declare type TabListOwnProps = Omit<FlexOwnProps, 'as' | 'height'> & {
   children: TabListChild[]
-  /** @deprecated Use `gap` instead */
-  space?: ResponsiveProp<Space>
 }
 
 /** @public */
@@ -731,7 +698,7 @@ declare type TabOwnProps = {
   'label'?: ReactNode
   'padding'?: ResponsiveProp<Space>
   'selected'?: boolean
-  'tone'?: ThemeColorStateToneKey
+  'tone'?: ElementTone
 }
 
 /** @public */
@@ -747,7 +714,7 @@ declare type TagType = keyof JSX.IntrinsicElements
  */
 declare function Text_2<E extends TextElementType = typeof DEFAULT_TEXT_ELEMENT>(
   props: TextProps<E>,
-): JSX.Element
+): React.JSX.Element
 export {Text_2 as Text}
 
 /** @public */
@@ -772,7 +739,7 @@ declare type TextElementType =
  */
 export declare function TextInput<
   E extends TextInputElementType = typeof DEFAULT_TEXT_INPUT_ELEMENT,
->(props: TextInputProps<E>): JSX.Element
+>(props: TextInputProps<E>): React.JSX.Element
 
 /** @public */
 declare type TextInputClearButtonProps = Omit<
@@ -801,10 +768,8 @@ declare type TextInputOwnProps = InputStyleProps & {
    */
   onClear?: () => void
   prefix?: ReactNode
-  /** @deprecated Use `gap` instead. */
-  space?: ResponsiveProp<Space>
   suffix?: ReactNode
-  weight?: ThemeFontWeightKey
+  weight?: FontWeight
 }
 
 /** @public */
@@ -819,17 +784,6 @@ declare type TextOwnProps = TextStyleProps & TextOverflowStyleProps
 /** @public */
 export declare type TextProps<E extends TextElementType = TextElementType> = Props<TextOwnProps, E>
 
-/** @public */
-export declare function ThemeProvider(props: ThemeProviderProps): ReactElement
-
-/** @public */
-export declare interface ThemeProviderProps {
-  children?: ReactNode
-  scheme?: ThemeColorSchemeKey
-  theme?: RootTheme
-  tone?: ThemeColorCardToneKey
-}
-
 /**
  * Tooltips display information when hovering, focusing or tapping.
  *
@@ -837,7 +791,7 @@ export declare interface ThemeProviderProps {
  */
 export declare function Tooltip<E extends TooltipElementType = typeof DEFAULT_TOOLTIP_ELEMENT>(
   props: TooltipProps<E>,
-): JSX.Element
+): React.JSX.Element
 
 /** @public */
 declare type TooltipElementType = 'div' | 'span' | ComponentType
@@ -846,8 +800,6 @@ declare type TooltipElementType = 'div' | 'span' | ComponentType
 declare type TooltipOwnProps = LayerOwnProps &
   RadiusStyleProps &
   ShadowStyleProps & {
-    /** @deprecated Use `fallbackPlacements` instead. */
-    allowedAutoPlacements?: Placement[]
     /**
      * Whether the tooltip should animate in and out.
      *
@@ -875,8 +827,8 @@ declare type TooltipOwnProps = LayerOwnProps &
     placement?: Placement
     /** Whether or not to render the tooltip in a portal element. */
     portal?: boolean | string
-    scheme?: ThemeColorSchemeKey
-    tone?: ThemeColorCardToneKey
+    scheme?: ColorScheme
+    tone?: CardTone
   }
 
 /** @public */
@@ -898,7 +850,4 @@ export declare type TooltipProps<E extends TooltipElementType = TooltipElementTy
  */
 export declare function usePrefersDark(getServerSnapshot?: () => boolean): boolean
 
-/** @public */
-export declare function useTheme_v2(): Theme_v2
-
 export {}

package/dist/_visual-editing.js

@@ -1,4 +1,4 @@
-import { Box, Button, Card, Flex, Grid, Hotkeys, LayerProvider, Menu, MenuDivider, MenuGroup, MenuItem, Popover, Portal, PortalProvider, Spinner, Stack, Tab, TabList, Text, TextInput, ThemeProvider, Tooltip, isHTMLAnchorElement, isHTMLElement, usePrefersDark, useTheme_v2 } from "./_chunks-es/_visual-editing.js";
+import { Box, Button, Card, Flex, Grid, Hotkeys, LayerProvider, Menu, MenuDivider, MenuGroup, MenuItem, Popover, Portal, PortalProvider, Spinner, Stack, Tab, TabList, Text, TextInput, Tooltip, isHTMLAnchorElement, isHTMLElement, usePrefersDark } from "./_chunks-es/_visual-editing.js";
 export {
   Box,
   Button,
@@ -20,11 +20,9 @@ export {
   TabList,
   Text,
   TextInput,
-  ThemeProvider,
   Tooltip,
   isHTMLAnchorElement,
   isHTMLElement,
-  usePrefersDark,
-  useTheme_v2
+  usePrefersDark
 };
 //# sourceMappingURL=_visual-editing.js.map