@sanity/ui 3.0.0-static.10 → 3.0.0-static.11

package/dist/_visual-editing.d.mts

@@ -585,9 +585,7 @@ export declare interface StackProps
  * @public
  * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
  */
-export declare const studioTheme: {
-  readonly value: RootTheme
-}
+export declare const studioTheme: RootTheme
 
 /**
  * @public

package/dist/_visual-editing.d.ts

@@ -585,9 +585,7 @@ export declare interface StackProps
  * @public
  * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
  */
-export declare const studioTheme: {
-  readonly value: RootTheme
-}
+export declare const studioTheme: RootTheme
 
 /**
  * @public

package/dist/cli.js

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

package/dist/css.d.mts

@@ -1,4 +1,5 @@
 import {AvatarSize} from '@sanity/ui/theme'
+import {ColorTintKey} from '@sanity/color'
 import {ContainerWidth} from '@sanity/ui/theme'
 import {default as CSS_2} from 'csstype'
 import {FontCodeSize} from '@sanity/ui/theme'
@@ -28,6 +29,8 @@ export declare function _arrowShape(): string | undefined
 
 export declare function _arrowStroke(): string | undefined
 
+export declare function _arrowStrokeMask(): string | undefined
+
 export declare function avatar(props: AvatarStyleProps): string | undefined
 
 export declare function avatarArrow(): string | undefined
@@ -114,6 +117,15 @@ export declare interface BoxStyleProps
 
 export declare function breadcrumbs(): string | undefined
 
+export declare const BREAKPOINTS: {
+  1: number
+  2: number
+  3: number
+  4: number
+  5: number
+  6: number
+}
+
 export declare function button(props: ButtonStyleProps): string | undefined
 
 export declare function buttonLoadingBox(): string | undefined
@@ -777,8 +789,9 @@ export declare interface FontStyleProps {
 
 export declare interface FontVarNames<Size extends number> {
   family: VarName
+  featureSettings: VarName
   sizes: Record<Size, FontSizeVarNames>
-  weight: Record<FontWeight, VarName>
+  weights: Record<FontWeight, VarName>
 }
 
 /** @public */
@@ -1078,6 +1091,8 @@ export declare interface PositionStyleProps {
   position?: ResponsiveProp<Position>
 }
 
+export declare const PREFIX = 's-'
+
 /** @public */
 export declare type Properties = PropertiesWithVarsAndNested & {
   '@media'?: Record<string, PropertiesWithVarsAndNested>
@@ -1277,7 +1292,7 @@ export declare type ThemeVarName =
   | `--card-border-width`
   | `--card-focus-ring-offset`
   | `--card-focus-ring-width`
-  | `--shadow-outline`
+  | `--card-shadow-outline`
   | `--container-${ContainerWidth}`
   | `--font-code-family`
   | `--font-code-feature-settings`
@@ -1376,6 +1391,20 @@ export declare type VarName =
 
 /** @public */
 export declare interface VarNames {
+  button: {
+    border: {
+      width: VarName
+    }
+    focusRing: {
+      offset: VarName
+      width: VarName
+    }
+  }
+  card: {
+    shadow: {
+      outline: VarName
+    }
+  }
   color: Record<ThemeColorSchemeKey, ColorSchemeVarNames> &
     ScopedColorVarNames &
     Record<ThemeColorCardToneKey, ColorCardVarNames>
@@ -1402,6 +1431,47 @@ export declare interface VarNames {
     text: FontVarNames<FontTextSize>
   }
   input: {
+    border: {
+      width: VarName
+    }
+    checkbox: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+      size: VarName
+    }
+    radio: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+      markSize: VarName
+      size: VarName
+    }
+    select: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+    }
+    switch: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+      height: VarName
+      padding: VarName
+      transitionDurationMs: VarName
+      transitionTimingFunction: VarName
+      width: VarName
+    }
+    text: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+    }
     fontSize: VarName
     lineHeight: VarName
     letterSpacing: VarName
@@ -1411,7 +1481,26 @@ export declare interface VarNames {
     padding: VarName
   }
   radius: Record<Radius, VarName>
+  shadow: Record<
+    Shadow,
+    {
+      umbra: VarName
+      penumbra: VarName
+      ambient: VarName
+    }
+  >
   space: Record<Space, VarName>
+  black: VarName
+  white: VarName
+  gray: Record<ColorTintKey, VarName>
+  blue: Record<ColorTintKey, VarName>
+  purple: Record<ColorTintKey, VarName>
+  magenta: Record<ColorTintKey, VarName>
+  red: Record<ColorTintKey, VarName>
+  orange: Record<ColorTintKey, VarName>
+  yellow: Record<ColorTintKey, VarName>
+  green: Record<ColorTintKey, VarName>
+  cyan: Record<ColorTintKey, VarName>
 }
 
 export declare const varNames: VarNames
@@ -1429,6 +1518,11 @@ export declare interface Vars {
       }
     >
   }
+  card: {
+    shadow: {
+      outline: CSSVar
+    }
+  }
   color: {
     dark: ColorSchemeVars
     light: ColorSchemeVars
@@ -1457,7 +1551,26 @@ export declare interface Vars {
     }
   }
   radius: Record<Radius, CSSVar>
+  shadow: Record<
+    Shadow,
+    {
+      umbra: CSSVar
+      penumbra: CSSVar
+      ambient: CSSVar
+    }
+  >
   space: Record<Space, CSSVar>
+  black: CSSVar
+  white: CSSVar
+  gray: Record<ColorTintKey, CSSVar>
+  blue: Record<ColorTintKey, CSSVar>
+  purple: Record<ColorTintKey, CSSVar>
+  magenta: Record<ColorTintKey, CSSVar>
+  red: Record<ColorTintKey, CSSVar>
+  orange: Record<ColorTintKey, CSSVar>
+  yellow: Record<ColorTintKey, CSSVar>
+  green: Record<ColorTintKey, CSSVar>
+  cyan: Record<ColorTintKey, CSSVar>
 }
 
 export declare const vars: Vars

package/dist/css.d.ts

@@ -1,4 +1,5 @@
 import {AvatarSize} from '@sanity/ui/theme'
+import {ColorTintKey} from '@sanity/color'
 import {ContainerWidth} from '@sanity/ui/theme'
 import {default as CSS_2} from 'csstype'
 import {FontCodeSize} from '@sanity/ui/theme'
@@ -28,6 +29,8 @@ export declare function _arrowShape(): string | undefined
 
 export declare function _arrowStroke(): string | undefined
 
+export declare function _arrowStrokeMask(): string | undefined
+
 export declare function avatar(props: AvatarStyleProps): string | undefined
 
 export declare function avatarArrow(): string | undefined
@@ -114,6 +117,15 @@ export declare interface BoxStyleProps
 
 export declare function breadcrumbs(): string | undefined
 
+export declare const BREAKPOINTS: {
+  1: number
+  2: number
+  3: number
+  4: number
+  5: number
+  6: number
+}
+
 export declare function button(props: ButtonStyleProps): string | undefined
 
 export declare function buttonLoadingBox(): string | undefined
@@ -777,8 +789,9 @@ export declare interface FontStyleProps {
 
 export declare interface FontVarNames<Size extends number> {
   family: VarName
+  featureSettings: VarName
   sizes: Record<Size, FontSizeVarNames>
-  weight: Record<FontWeight, VarName>
+  weights: Record<FontWeight, VarName>
 }
 
 /** @public */
@@ -1078,6 +1091,8 @@ export declare interface PositionStyleProps {
   position?: ResponsiveProp<Position>
 }
 
+export declare const PREFIX = 's-'
+
 /** @public */
 export declare type Properties = PropertiesWithVarsAndNested & {
   '@media'?: Record<string, PropertiesWithVarsAndNested>
@@ -1277,7 +1292,7 @@ export declare type ThemeVarName =
   | `--card-border-width`
   | `--card-focus-ring-offset`
   | `--card-focus-ring-width`
-  | `--shadow-outline`
+  | `--card-shadow-outline`
   | `--container-${ContainerWidth}`
   | `--font-code-family`
   | `--font-code-feature-settings`
@@ -1376,6 +1391,20 @@ export declare type VarName =
 
 /** @public */
 export declare interface VarNames {
+  button: {
+    border: {
+      width: VarName
+    }
+    focusRing: {
+      offset: VarName
+      width: VarName
+    }
+  }
+  card: {
+    shadow: {
+      outline: VarName
+    }
+  }
   color: Record<ThemeColorSchemeKey, ColorSchemeVarNames> &
     ScopedColorVarNames &
     Record<ThemeColorCardToneKey, ColorCardVarNames>
@@ -1402,6 +1431,47 @@ export declare interface VarNames {
     text: FontVarNames<FontTextSize>
   }
   input: {
+    border: {
+      width: VarName
+    }
+    checkbox: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+      size: VarName
+    }
+    radio: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+      markSize: VarName
+      size: VarName
+    }
+    select: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+    }
+    switch: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+      height: VarName
+      padding: VarName
+      transitionDurationMs: VarName
+      transitionTimingFunction: VarName
+      width: VarName
+    }
+    text: {
+      focusRing: {
+        offset: VarName
+        width: VarName
+      }
+    }
     fontSize: VarName
     lineHeight: VarName
     letterSpacing: VarName
@@ -1411,7 +1481,26 @@ export declare interface VarNames {
     padding: VarName
   }
   radius: Record<Radius, VarName>
+  shadow: Record<
+    Shadow,
+    {
+      umbra: VarName
+      penumbra: VarName
+      ambient: VarName
+    }
+  >
   space: Record<Space, VarName>
+  black: VarName
+  white: VarName
+  gray: Record<ColorTintKey, VarName>
+  blue: Record<ColorTintKey, VarName>
+  purple: Record<ColorTintKey, VarName>
+  magenta: Record<ColorTintKey, VarName>
+  red: Record<ColorTintKey, VarName>
+  orange: Record<ColorTintKey, VarName>
+  yellow: Record<ColorTintKey, VarName>
+  green: Record<ColorTintKey, VarName>
+  cyan: Record<ColorTintKey, VarName>
 }
 
 export declare const varNames: VarNames
@@ -1429,6 +1518,11 @@ export declare interface Vars {
       }
     >
   }
+  card: {
+    shadow: {
+      outline: CSSVar
+    }
+  }
   color: {
     dark: ColorSchemeVars
     light: ColorSchemeVars
@@ -1457,7 +1551,26 @@ export declare interface Vars {
     }
   }
   radius: Record<Radius, CSSVar>
+  shadow: Record<
+    Shadow,
+    {
+      umbra: CSSVar
+      penumbra: CSSVar
+      ambient: CSSVar
+    }
+  >
   space: Record<Space, CSSVar>
+  black: CSSVar
+  white: CSSVar
+  gray: Record<ColorTintKey, CSSVar>
+  blue: Record<ColorTintKey, CSSVar>
+  purple: Record<ColorTintKey, CSSVar>
+  magenta: Record<ColorTintKey, CSSVar>
+  red: Record<ColorTintKey, CSSVar>
+  orange: Record<ColorTintKey, CSSVar>
+  yellow: Record<ColorTintKey, CSSVar>
+  green: Record<ColorTintKey, CSSVar>
+  cyan: Record<ColorTintKey, CSSVar>
 }
 
 export declare const vars: Vars