@sanity/ui 3.0.0-static.17 → 3.0.0-static.19

package/dist/_visual-editing.d.cts

@@ -7,10 +7,10 @@ import type {DisplayStyleProps} from '@sanity/ui/css'
 import {ElementType as ElementType_2} from 'react'
 import type {ExoticComponent} from 'react'
 import type {FlexStyleProps} from '@sanity/ui/css'
-import {FontTextSize} from '@sanity/ui/theme'
+import type {FontTextSize} from '@sanity/ui/theme'
 import {ForwardedRef} from 'react'
 import type {FunctionComponent} from 'react'
-import {GapStyleProps} from '@sanity/ui/css'
+import type {GapStyleProps} from '@sanity/ui/css'
 import {HTMLAttributes} from 'react'
 import {InputStyleProps} from '@sanity/ui/css'
 import type {InsetStyleProps} from '@sanity/ui/css'
@@ -20,21 +20,21 @@ import type {PositionStyleProps} from '@sanity/ui/css'
 import {RadiusStyleProps} from '@sanity/ui/css'
 import {ReactElement} from 'react'
 import {ReactNode} from 'react'
-import {ReactPortal} from 'react'
+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 {Space} from '@sanity/ui/theme'
+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 {ThemeColorButtonModeKey} from '@sanity/ui/theme'
+import type {ThemeColorButtonModeKey} from '@sanity/ui/theme'
 import {ThemeColorCardToneKey} from '@sanity/ui/theme'
 import {ThemeColorSchemeKey} from '@sanity/ui/theme'
-import {ThemeColorStateToneKey} from '@sanity/ui/theme'
-import {ThemeFontWeightKey} 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'
 
 /**
@@ -64,6 +64,7 @@ declare type BoxElementType =
   | 'article'
   | 'aside'
   | 'blockquote'
+  | 'body'
   | 'button'
   | 'details'
   | 'div'
@@ -73,6 +74,7 @@ declare type BoxElementType =
   | 'figcaption'
   | 'footer'
   | 'form'
+  | 'html'
   | 'iframe'
   | 'kbd'
   | 'label'
@@ -106,12 +108,6 @@ export declare namespace Button {
 /** @public */
 declare type ButtonElementType = 'a' | 'button' | 'label' | ComponentType
 
-/**
- * @public
- * @deprecated Use `ThemeColorButtonModeKey` instead
- */
-declare type ButtonMode = ThemeColorButtonModeKey
-
 /** @public */
 declare type ButtonOwnProps = ButtonStyleProps &
   DisplayStyleProps &
@@ -121,7 +117,7 @@ declare type ButtonOwnProps = ButtonStyleProps &
     'data-ui'?: string
     'disabled'?: boolean
     'fontSize'?: ResponsiveProp<FontTextSize>
-    'mode'?: ButtonMode
+    'mode'?: ThemeColorButtonModeKey
     'icon'?: ElementType_2 | ReactNode
     'iconRight'?: ElementType_2 | ReactNode
     'justify'?: FlexStyleProps['justify']
@@ -136,7 +132,7 @@ declare type ButtonOwnProps = ButtonStyleProps &
     'text'?: ReactNode
     'textOverflow'?: TextOwnProps['textOverflow']
     'textWeight'?: TextOwnProps['weight']
-    'tone'?: ButtonTone
+    'tone'?: ThemeColorStateToneKey
     'width'?: ResponsiveProp<Width>
   }
 
@@ -149,12 +145,6 @@ export declare type ButtonProps<E extends ButtonElementType = ButtonElementType>
 /** @public */
 declare type ButtonTextAlign = 'left' | 'right' | 'center'
 
-/**
- * @public
- * @deprecated Use `ThemeColorStateToneKey` instead
- */
-declare type ButtonTone = ThemeColorStateToneKey
-
 /**
  * The `Card` component acts much like a `Box`, but with a background and foreground color.
  * Components within a `Card` inherit its colors.
@@ -780,7 +770,7 @@ declare type TabOwnProps = {
   'label'?: ReactNode
   'padding'?: ResponsiveProp<Space>
   'selected'?: boolean
-  'tone'?: ButtonTone
+  'tone'?: ThemeColorStateToneKey
 }
 
 /** @public */

package/dist/_visual-editing.d.ts

@@ -7,10 +7,10 @@ import type {DisplayStyleProps} from '@sanity/ui/css'
 import {ElementType as ElementType_2} from 'react'
 import type {ExoticComponent} from 'react'
 import type {FlexStyleProps} from '@sanity/ui/css'
-import {FontTextSize} from '@sanity/ui/theme'
+import type {FontTextSize} from '@sanity/ui/theme'
 import {ForwardedRef} from 'react'
 import type {FunctionComponent} from 'react'
-import {GapStyleProps} from '@sanity/ui/css'
+import type {GapStyleProps} from '@sanity/ui/css'
 import {HTMLAttributes} from 'react'
 import {InputStyleProps} from '@sanity/ui/css'
 import type {InsetStyleProps} from '@sanity/ui/css'
@@ -20,21 +20,21 @@ import type {PositionStyleProps} from '@sanity/ui/css'
 import {RadiusStyleProps} from '@sanity/ui/css'
 import {ReactElement} from 'react'
 import {ReactNode} from 'react'
-import {ReactPortal} from 'react'
+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 {Space} from '@sanity/ui/theme'
+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 {ThemeColorButtonModeKey} from '@sanity/ui/theme'
+import type {ThemeColorButtonModeKey} from '@sanity/ui/theme'
 import {ThemeColorCardToneKey} from '@sanity/ui/theme'
 import {ThemeColorSchemeKey} from '@sanity/ui/theme'
-import {ThemeColorStateToneKey} from '@sanity/ui/theme'
-import {ThemeFontWeightKey} 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'
 
 /**
@@ -64,6 +64,7 @@ declare type BoxElementType =
   | 'article'
   | 'aside'
   | 'blockquote'
+  | 'body'
   | 'button'
   | 'details'
   | 'div'
@@ -73,6 +74,7 @@ declare type BoxElementType =
   | 'figcaption'
   | 'footer'
   | 'form'
+  | 'html'
   | 'iframe'
   | 'kbd'
   | 'label'
@@ -106,12 +108,6 @@ export declare namespace Button {
 /** @public */
 declare type ButtonElementType = 'a' | 'button' | 'label' | ComponentType
 
-/**
- * @public
- * @deprecated Use `ThemeColorButtonModeKey` instead
- */
-declare type ButtonMode = ThemeColorButtonModeKey
-
 /** @public */
 declare type ButtonOwnProps = ButtonStyleProps &
   DisplayStyleProps &
@@ -121,7 +117,7 @@ declare type ButtonOwnProps = ButtonStyleProps &
     'data-ui'?: string
     'disabled'?: boolean
     'fontSize'?: ResponsiveProp<FontTextSize>
-    'mode'?: ButtonMode
+    'mode'?: ThemeColorButtonModeKey
     'icon'?: ElementType_2 | ReactNode
     'iconRight'?: ElementType_2 | ReactNode
     'justify'?: FlexStyleProps['justify']
@@ -136,7 +132,7 @@ declare type ButtonOwnProps = ButtonStyleProps &
     'text'?: ReactNode
     'textOverflow'?: TextOwnProps['textOverflow']
     'textWeight'?: TextOwnProps['weight']
-    'tone'?: ButtonTone
+    'tone'?: ThemeColorStateToneKey
     'width'?: ResponsiveProp<Width>
   }
 
@@ -149,12 +145,6 @@ export declare type ButtonProps<E extends ButtonElementType = ButtonElementType>
 /** @public */
 declare type ButtonTextAlign = 'left' | 'right' | 'center'
 
-/**
- * @public
- * @deprecated Use `ThemeColorStateToneKey` instead
- */
-declare type ButtonTone = ThemeColorStateToneKey
-
 /**
  * The `Card` component acts much like a `Box`, but with a background and foreground color.
  * Components within a `Card` inherit its colors.
@@ -780,7 +770,7 @@ declare type TabOwnProps = {
   'label'?: ReactNode
   'padding'?: ResponsiveProp<Space>
   'selected'?: boolean
-  'tone'?: ButtonTone
+  'tone'?: ThemeColorStateToneKey
 }
 
 /** @public */

package/dist/cli.cjs

@@ -335,7 +335,7 @@ class CAC extends events.EventEmitter {
   }
 }
 const cac = (name = "") => new CAC(name);
-var version = "3.0.0-static.17";
+var version = "3.0.0-static.19";
 const cli = cac("sanity-ui");
 cli.command("build").option("--cwd [cwd]", "Working directory").option("--outDir [outDir]", "Output directory").action(async (options) => {
   const {