@sanity/ui 4.0.0-static.3 → 4.0.0-static.30

package/dist/css/index.d.ts

@@ -7,7 +7,6 @@ import {ColorTokens as ColorTokens_2} from '@sanity/ui/theme'
 import type {ColorVariant} from '@sanity/ui/theme'
 import type {ContainerScale} from '@sanity/ui/theme'
 import type {ContainerWidth} from '@sanity/ui/theme'
-import type {createThemeContract} from '@vanilla-extract/css'
 import type {ElementTone} from '@sanity/ui/theme'
 import type {FontCodeSize} from '@sanity/ui/theme'
 import type {FontHeadingSize} from '@sanity/ui/theme'
@@ -239,7 +238,11 @@ export declare interface CodeSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface CodeStyleProps extends FlexStyleProps, Omit<FontStyleProps, 'align'> {
+export declare interface CodeStyleProps
+  extends FlexStyleProps,
+    Omit<FontStyleProps, 'align'>,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   className?: string
   size?: ResponsiveProp<FontCodeSize>
 }
@@ -293,6 +296,10 @@ export declare type CoreThemeTokens = {
     border: {
       width: string
     }
+    focusRing: {
+      offset: string
+      width: string
+    }
     shadow: {
       outline: string
     }
@@ -360,6 +367,10 @@ export declare type CoreThemeTokens = {
   space: Record<Space, string>
 }
 
+declare function createThemeContract<ThemeTokens extends NullableTokens_2>(
+  tokens: ThemeTokens,
+): ThemeVars_2<ThemeTokens>
+
 /** @public */
 export declare type CSSCardColorTokens = {
   avatar: Record<
@@ -440,6 +451,8 @@ export declare type CSSThemeOptions = {
 /** @public */
 export declare type CSSVarFunction = `var(${CSSVarName})`
 
+declare type CSSVarFunction_2 = `var(--${string})`
+
 /** @public */
 export declare type CSSVarName = `--${string}`
 
@@ -742,7 +755,11 @@ export declare interface HeadingSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface HeadingStyleProps extends FontStyleProps, FlexStyleProps {
+export declare interface HeadingStyleProps
+  extends FontStyleProps,
+    FlexStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   align?: TextAlignStyleProps['textAlign']
   className?: string
   muted?: boolean
@@ -770,7 +787,7 @@ export declare function _inputElement(): string | undefined
 export declare function _inputPresentation(): string | undefined
 
 /** @public */
-export declare interface InputStyleProps extends RadiusStyleProps, WidthStyleProps {
+export declare interface InputStyleProps extends FlexStyleProps, RadiusStyleProps, WidthStyleProps {
   border?: boolean
   fontSize?: ResponsiveProp<FontTextSize>
   gap?: ResponsiveProp<Space>
@@ -830,7 +847,11 @@ export declare interface LabelSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface LabelStyleProps extends FlexStyleProps, FontStyleProps {
+export declare interface LabelStyleProps
+  extends FlexStyleProps,
+    FontStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   align?: TextAlignStyleProps['textAlign']
   className?: string
   muted?: boolean
@@ -840,6 +861,14 @@ export declare interface LabelStyleProps extends FlexStyleProps, FontStyleProps
 /** @public */
 export declare const layers: Record<CSSLayer, string>
 
+declare type MapLeafNodes<Obj, LeafType> = {
+  [Prop in keyof Obj]: Obj[Prop] extends Primitive
+    ? LeafType
+    : Obj[Prop] extends Record<string | number, any>
+      ? MapLeafNodes<Obj[Prop], LeafType>
+      : never
+}
+
 /** @public */
 export declare type Margin = Space | 'auto'
 
@@ -901,6 +930,10 @@ export declare type NullableTokens = {
   [key: string]: string | NullableTokens
 }
 
+declare type NullableTokens_2 = {
+  [key: string]: string | NullableTokens_2 | null
+}
+
 /** @public */
 export declare type Outline = 'none'
 
@@ -973,6 +1006,8 @@ export declare interface PositionStyleProps {
   position?: ResponsiveProp<Position>
 }
 
+declare type Primitive = string | boolean | number | null | undefined
+
 /** @public */
 export declare function radio(props: {className?: string}): string | undefined
 
@@ -1298,7 +1333,11 @@ export declare interface TextSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface TextStyleProps extends FlexStyleProps, FontStyleProps, MaxWidthStyleProps {
+export declare interface TextStyleProps
+  extends FlexStyleProps,
+    FontStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   align?: TextAlignStyleProps['textAlign']
   className?: string
   muted?: boolean
@@ -1329,6 +1368,11 @@ export declare type ThemeVars = ThemeContract<ThemeTokens & ScopedTokens>
  * @internal */
 export declare const themeVars: ThemeContract<ThemeTokens>
 
+declare type ThemeVars_2<ThemeContract extends NullableTokens_2> = MapLeafNodes<
+  ThemeContract,
+  CSSVarFunction_2
+>
+
 /** @public */
 export declare function toast(): string
 
@@ -1357,7 +1401,7 @@ export declare type VariantColorTokens = Record<ElementTone, ElementColorTokens>
 export declare const vars: ThemeVars
 
 /** @public */
-export declare type Width = ContainerWidth | 'auto' | 'fill' | 'stretch' | 'min'
+export declare type Width = ContainerWidth | 'auto' | 'fill' | 'stretch' | 'min' | 'max'
 
 /** @public */
 export declare function width(props: WidthStyleProps): string | undefined