@sanity/ui 4.0.0-static.1 → 4.0.0-static.11

package/dist/css/index.d.cts

@@ -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'
@@ -360,6 +359,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 +443,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 +845,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 +914,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 +990,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 +1348,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
 

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'
@@ -360,6 +359,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 +443,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 +845,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 +914,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 +990,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 +1348,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
 

package/dist/index.cjs

@@ -1040,7 +1040,6 @@ function Popover(props) {
     matchReferenceWidth,
     floatingBoundary = boundaryElementContext.element,
     modal,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onActivate,
     open,
     overflow = "hidden",