@sanity/ui 4.0.0-static.2 → 4.0.0-static.21

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'
@@ -293,6 +292,10 @@ export declare type CoreThemeTokens = {
     border: {
       width: string
     }
+    focusRing: {
+      offset: string
+      width: string
+    }
     shadow: {
       outline: string
     }
@@ -360,6 +363,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 +447,8 @@ export declare type CSSThemeOptions = {
 /** @public */
 export declare type CSSVarFunction = `var(${CSSVarName})`
 
+declare type CSSVarFunction_2 = `var(--${string})`
+
 /** @public */
 export declare type CSSVarName = `--${string}`
 
@@ -840,6 +849,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 +918,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 +994,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
 
@@ -1329,6 +1352,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