@sanity/ui 3.0.0-static.9 → 3.0.0

package/dist/theme.d.ts

@@ -3,99 +3,77 @@ import {ColorTint} from '@sanity/color'
 import {ColorTintKey} from '@sanity/color'
 import type {StyledObject} from 'styled-components'
 
-/** @public */
-export declare const AVATAR_SIZE: readonly [0, 1, 2, 3]
-
-/** @public */
-export declare type AvatarSize = (typeof AVATAR_SIZE)[number]
-
 /**
  * @public
  */
-export declare type BaseTheme = RootTheme
-
-/** @internal */
-export declare function buildColor_v3(tokens: ColorTokens): ThemeColor_v3
-
-/** @internal */
-export declare function buildTheme(_config?: ThemeConfig): RootTheme
-
-export declare function buildTheme_v3(options?: ThemeOptions): Theme_v3
-
-/** @public */
-export declare interface CardColorTokens {
-  _hue: Hue
-  avatar: Record<
-    Hue,
-    {
-      _hue: Hue
-      bg: [ColorToken, ColorToken]
-      fg: [ColorToken, ColorToken]
-    }
-  >
-  backdrop: [ColorToken, ColorToken]
-  code: {
-    bg: [ColorToken, ColorToken]
-    fg: [ColorToken, ColorToken]
-    token: {
-      atrule: [ColorToken, ColorToken]
-      attrName: [ColorToken, ColorToken]
-      attrValue: [ColorToken, ColorToken]
-      attribute: [ColorToken, ColorToken]
-      boolean: [ColorToken, ColorToken]
-      builtin: [ColorToken, ColorToken]
-      cdata: [ColorToken, ColorToken]
-      char: [ColorToken, ColorToken]
-      class: [ColorToken, ColorToken]
-      className: [ColorToken, ColorToken]
-      comment: [ColorToken, ColorToken]
-      constant: [ColorToken, ColorToken]
-      deleted: [ColorToken, ColorToken]
-      doctype: [ColorToken, ColorToken]
-      entity: [ColorToken, ColorToken]
-      function: [ColorToken, ColorToken]
-      hexcode: [ColorToken, ColorToken]
-      id: [ColorToken, ColorToken]
-      important: [ColorToken, ColorToken]
-      inserted: [ColorToken, ColorToken]
-      keyword: [ColorToken, ColorToken]
-      number: [ColorToken, ColorToken]
-      operator: [ColorToken, ColorToken]
-      prolog: [ColorToken, ColorToken]
-      property: [ColorToken, ColorToken]
-      pseudoClass: [ColorToken, ColorToken]
-      pseudoElement: [ColorToken, ColorToken]
-      punctuation: [ColorToken, ColorToken]
-      regex: [ColorToken, ColorToken]
-      selector: [ColorToken, ColorToken]
-      string: [ColorToken, ColorToken]
-      symbol: [ColorToken, ColorToken]
-      tag: [ColorToken, ColorToken]
-      unit: [ColorToken, ColorToken]
-      url: [ColorToken, ColorToken]
-      variable: [ColorToken, ColorToken]
-    }
-  }
-  focusRing: [ColorToken, ColorToken]
-  link: {
-    fg: [ColorToken, ColorToken]
-  }
-  shadow: {
-    outline: [ColorToken, ColorToken]
-    umbra: [ColorToken, ColorToken]
-    penumbra: [ColorToken, ColorToken]
-    ambient: [ColorToken, ColorToken]
-  }
-  skeleton: {
-    from: [ColorToken, ColorToken]
-    to: [ColorToken, ColorToken]
+export declare interface BaseTheme {
+  _version?: 0
+  /**
+   * @deprecated Use `v2.avatar` instead
+   */
+  avatar: ThemeAvatar
+  /**
+   * @deprecated Use `v2.button` instead
+   */
+  button: {
+    textWeight: ThemeFontWeightKey
   }
-  variant: {
-    solid: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
-    tinted: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
+  /**
+   * @deprecated Use `v2.color` instead
+   */
+  color: ThemeColorSchemes
+  /**
+   * @deprecated Use `v2.container` instead
+   */
+  container: number[]
+  /**
+   * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
+   */
+  focusRing: {
+    offset: number
+    width: number
   }
+  /**
+   * @deprecated Use `v2.font` instead
+   */
+  fonts: ThemeFonts
+  /**
+   * @deprecated Use `v2.input` instead
+   */
+  input: ThemeInput
+  /**
+   * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
+   * @beta
+   * @deprecated Use `v2.layer` instead
+   */
+  layer?: ThemeLayer
+  /**
+   * @deprecated Use `v2.media` instead
+   */
+  media: number[]
+  /**
+   * @deprecated Use `v2.radius` instead
+   */
+  radius: number[]
+  /**
+   * @deprecated Use `v2.shadow` instead
+   */
+  shadows: Array<ThemeShadow | null>
+  /**
+   * @deprecated Use `v2.space` instead
+   */
+  space: number[]
+  /**
+   * @internal
+   * @deprecated Use `v2.style` instead
+   */
+  styles?: ThemeStyles
+  v2?: RootTheme_v2
 }
 
+/** @internal */
+export declare function buildTheme(config?: ThemeConfig): RootTheme
+
 /** @public */
 export declare const COLOR_CONFIG_AVATAR_COLORS: readonly ['*', ...ColorHueKey[]]
 
@@ -242,31 +220,6 @@ export declare type ColorConfigValue =
   | `${ColorTintKey} ${number}%`
   | `${ColorTintKey}/${ColorConfigOpacityValue}`
 
-/** @public */
-export declare type ColorToken =
-  | `black`
-  | `black/${ColorTokenOpacityValue}`
-  | `white`
-  | `white/${ColorTokenOpacityValue}`
-  | `${Hue}/${Tint}`
-  | `${Hue}/${Tint}/${ColorTokenOpacityValue}`
-  | `${Hue}/${Tint} ${number}%`
-  | `${Tint}`
-  | `${Tint}/${ColorTokenOpacityValue}`
-  | `${Tint} ${number}%`
-
-/** @public */
-export declare type ColorTokenOpacityValue = `0` | `0.${number}` | `1`
-
-/** @public */
-export declare type ColorTokens = Record<'*' | ThemeColorCardToneKey, CardColorTokens>
-
-/** @public */
-export declare const CONTAINER: readonly [0, 1, 2, 3, 4, 5, 'auto']
-
-/** @public */
-export declare type ContainerWidth = (typeof CONTAINER)[number]
-
 /**
  * @public
  * @deprecated Use `buildColorTheme` instead.
@@ -282,54 +235,6 @@ export declare function createColorTheme(
  */
 export declare type CSSObject = StyledObject<any>
 
-declare type CSSVariableKey = `--${string}`
-
-export declare const defaultTokens: PartialTokens<Tokens>
-
-/** @public */
-export declare interface ElementColorTokens {
-  _hue: Hue
-  bg: {
-    0: [ColorToken, ColorToken]
-    4: [ColorToken, ColorToken]
-  }
-  border: {
-    0: [ColorToken, ColorToken]
-    4: [ColorToken, ColorToken]
-  }
-  fg: {
-    0: [ColorToken, ColorToken]
-    4: [ColorToken, ColorToken]
-  }
-}
-
-/** @public */
-export declare const FONT_CODE_SIZE: readonly [0, 1, 2, 3, 4]
-
-/** @public */
-export declare const FONT_HEADING_SIZE: readonly [0, 1, 2, 3, 4, 5]
-
-/** @public */
-export declare const FONT_LABEL_SIZE: readonly [0, 1, 2, 3, 4, 5]
-
-/** @public */
-export declare const FONT_TEXT_SIZE: readonly [0, 1, 2, 3, 4]
-
-/** @public */
-export declare type FontCodeSize = (typeof FONT_CODE_SIZE)[number]
-
-/** @public */
-export declare type FontHeadingSize = (typeof FONT_HEADING_SIZE)[number]
-
-/** @public */
-export declare type FontLabelSize = (typeof FONT_LABEL_SIZE)[number]
-
-/** @public */
-export declare type FontTextSize = (typeof FONT_TEXT_SIZE)[number]
-
-/** @public */
-export declare type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold'
-
 /** @internal */
 export declare function getContrastRatio(bg: string, fg: string): number
 
@@ -362,19 +267,11 @@ export declare interface HSL {
  */
 export declare function hslToRgb(hsl: HSL): RGB
 
-export declare type Hue = (typeof HUES)[number]
-
-export declare const HUES: readonly [
-  'gray',
-  'blue',
-  'purple',
-  'magenta',
-  'red',
-  'orange',
-  'yellow',
-  'green',
-  'cyan',
-]
+/** @internal */
+export declare function is_v0(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme
+
+/** @internal */
+export declare function is_v2(themeProp: RootTheme | RootTheme_v2): themeProp is RootTheme_v2
 
 /** @internal */
 export declare function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey
@@ -442,35 +339,6 @@ export declare function parseTokenValue(str: string): TokenValueNode | undefined
  */
 export declare type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>
 
-/** @public */
-export declare type PartialTokens<T> = T extends [ColorToken, ColorToken]
-  ? T
-  : T extends {}
-    ? {
-        [P in keyof T]?: PartialTokens<T[P]>
-      }
-    : T
-
-/** @public */
-export declare const RADIUS: readonly [0, 1, 2, 3, 4, 5, 6, 'full']
-
-/** @public */
-export declare type Radius = (typeof RADIUS)[number]
-
-export declare function renderColor(
-  token: [ColorToken, ColorToken],
-  context: RenderColorContext,
-): string
-
-export declare interface RenderColorContext {
-  bgVar: CSSVariableKey
-  hue: Hue
-  scheme: ThemeColorSchemeKey
-}
-
-/** @internal */
-export declare function resolveTokens(tokens?: PartialTokens<Tokens>): Tokens
-
 /**
  * @internal
  */
@@ -515,75 +383,7 @@ export declare function rgbToHsl({r, g, b}: RGB): HSL
 /**
  * @public
  */
-export declare interface RootTheme extends RootTheme_v0 {
-  v2?: RootTheme_v2
-  v3?: Theme_v3
-}
-
-/** @public */
-export declare interface RootTheme_v0 {
-  _version?: 0
-  /**
-   * @deprecated Use `v2.avatar` instead
-   */
-  avatar: ThemeAvatar
-  /**
-   * @deprecated Use `v2.button` instead
-   */
-  button: {
-    textWeight: ThemeFontWeightKey
-  }
-  /**
-   * @deprecated Use `v2.color` instead
-   */
-  color: ThemeColorSchemes
-  /**
-   * @deprecated Use `v2.container` instead
-   */
-  container: number[]
-  /**
-   * @deprecated Use component-specific `v2.{button | card | input}.focusRing` values instead
-   */
-  focusRing: {
-    offset: number
-    width: number
-  }
-  /**
-   * @deprecated Use `v2.font` instead
-   */
-  fonts: ThemeFonts
-  /**
-   * @deprecated Use `v2.input` instead
-   */
-  input: ThemeInput
-  /**
-   * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
-   * @beta
-   * @deprecated Use `v2.layer` instead
-   */
-  layer?: ThemeLayer
-  /**
-   * @deprecated Use `v2.media` instead
-   */
-  media: number[]
-  /**
-   * @deprecated Use `v2.radius` instead
-   */
-  radius: number[]
-  /**
-   * @deprecated Use `v2.shadow` instead
-   */
-  shadows: Array<ThemeShadow | null>
-  /**
-   * @deprecated Use `v2.space` instead
-   */
-  space: number[]
-  /**
-   * @internal
-   * @deprecated Use `v2.style` instead
-   */
-  styles?: ThemeStyles
-}
+export declare type RootTheme = BaseTheme
 
 /**
  * @public
@@ -628,21 +428,7 @@ export declare interface RootTheme_v2 {
 declare function screen_2(b: RGB | RGBA, s: RGB | RGBA): RGB
 export {screen_2 as screen}
 
-/** @public */
-export declare const SHADOW: readonly [0, 1, 2, 3, 4, 5]
-
-/** @public */
-export declare type Shadow = (typeof SHADOW)[number]
-
-/** @public */
-export declare const SPACE: readonly [0, 0.5, 1, 2, 3, 4, 5, 6, 7, 8, 9]
-
-/** @public */
-export declare type Space = (typeof SPACE)[number]
-
 /**
- * Used for the `theme` prop in `styled-components`’s `ThemeProvider`.
- *
  * @public
  */
 export declare interface Theme {
@@ -723,42 +509,6 @@ export declare type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
   _resolved: boolean
 }
 
-/**
- * Supersedes `RootTheme` and `RootTheme_v2`.
- *
- * @public
- */
-export declare interface Theme_v3 {
-  _version: 3
-  _tokens: Tokens
-  avatar: ThemeAvatar_v2
-  button: {
-    border: {
-      width: number
-    }
-    focusRing: ThemeFocusRing
-    textWeight: ThemeFontWeightKey
-  }
-  card: {
-    border: {
-      width: number
-    }
-    focusRing: ThemeFocusRing
-    shadow: {
-      outline: number
-    }
-  }
-  color: ThemeColor_v3
-  container: number[]
-  font: ThemeFonts
-  input: ThemeInput_v2
-  layer: ThemeLayer
-  media: number[]
-  radius: number[]
-  shadow: Array<ThemeShadow | null>
-  space: number[]
-}
-
 /**
  * @public
  * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
@@ -805,8 +555,6 @@ export declare interface ThemeColor extends Partial<Omit<ThemeColorGenericState,
   syntax: ThemeColorSyntax
 }
 
-export declare type ThemeColor_v3 = Record<ThemeColorSchemeKey, ThemeColorScheme_v3>
-
 /**
  * @public
  */
@@ -1064,66 +812,6 @@ export declare interface ThemeColorCard_v2 extends ThemeColorState_v2 {
   syntax: ThemeColorSyntax
 }
 
-export declare interface ThemeColorCard_v3 {
-  _hue: Hue
-  avatar: ThemeColorAvatar_v2
-  backdrop: string
-  code: {
-    bg: string
-    fg: string
-    token: {
-      atrule: string
-      attrName: string
-      attrValue: string
-      attribute: string
-      boolean: string
-      builtin: string
-      cdata: string
-      char: string
-      class: string
-      className: string
-      comment: string
-      constant: string
-      deleted: string
-      doctype: string
-      entity: string
-      function: string
-      hexcode: string
-      id: string
-      important: string
-      inserted: string
-      keyword: string
-      number: string
-      operator: string
-      prolog: string
-      property: string
-      pseudoClass: string
-      pseudoElement: string
-      punctuation: string
-      regex: string
-      selector: string
-      string: string
-      symbol: string
-      tag: string
-      unit: string
-      url: string
-      variable: string
-    }
-  }
-  focusRing: string
-  shadow: {
-    outline: string
-    umbra: string
-    penumbra: string
-    ambient: string
-  }
-  skeleton: {
-    from: string
-    to: string
-  }
-  variant: Record<ThemeColorVariantKey, ThemeColorVariant>
-}
-
 /**
  * @public
  * @deprecated Use `ThemeColorState_v2` instead.
@@ -1133,22 +821,6 @@ export declare type ThemeColorCardState = ThemeColorGenericState
 /** @public */
 export declare type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number]
 
-export declare interface ThemeColorElement {
-  _hue: Hue
-  bg: {
-    0: string
-    4: string
-  }
-  border: {
-    0: string
-    4: string
-  }
-  fg: {
-    0: string
-    4: string
-  }
-}
-
 /**
  * @public
  * @deprecated Use `ThemeColorState_v2` instead.
@@ -1331,10 +1003,6 @@ export declare type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
  */
 export declare type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>
 
-export declare interface ThemeColorScheme_v3 {
-  card: Record<ThemeColorCardToneKey, ThemeColorCard_v3>
-}
-
 /**
  * @public
  */
@@ -1591,10 +1259,6 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
  */
 export declare type ThemeColorToneKey = ThemeColorName
 
-export declare type ThemeColorVariant = Record<ThemeColorStateToneKey, ThemeColorElement>
-
-export declare type ThemeColorVariantKey = 'tinted' | 'solid'
-
 /** @public */
 export declare interface ThemeConfig {
   avatar?: ThemeAvatar_v2
@@ -1628,9 +1292,6 @@ export declare interface ThemeConfig {
   style?: ThemeStyles
 }
 
-/** @public */
-export declare type ThemeEntry = [`--${string}`, string]
-
 /**
  * @public
  */
@@ -1644,7 +1305,6 @@ export declare interface ThemeFocusRing {
  */
 export declare interface ThemeFont {
   family: string
-  featureSettings?: string
   weights: ThemeFontWeight
   sizes: ThemeFontSize[]
   /** @deprecated No longer supported. */
@@ -1764,12 +1424,6 @@ export declare interface ThemeLayer {
   }
 }
 
-/** @public */
-export declare interface ThemeOptions {
-  v2?: ThemeConfig
-  tokens?: PartialTokens<Tokens>
-}
-
 /**
  * @public
  */
@@ -1791,10 +1445,6 @@ export declare interface ThemeStyles {
   }
 }
 
-export declare type Tint = (typeof TINTS)[number]
-
-export declare const TINTS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
-
 /** @internal */
 export declare interface TokenBaseKeyNode {
   type: 'base'
@@ -1835,15 +1485,16 @@ export declare interface TokenHueValueNode {
 /** @internal */
 export declare type TokenKeyNode = TokenBaseKeyNode | TokenButtonKeyNode
 
-/** @public */
-export declare interface Tokens {
-  color: ColorTokens
-}
-
 /** @internal */
 export declare type TokenValueNode =
   | TokenColorValueNode
   | TokenHueValueNode
   | TokenBlendModeValueNode
 
+/** @internal */
+export declare function v0_v2(v0: RootTheme): RootTheme_v2
+
+/** @internal */
+export declare function v2_v0(v2: RootTheme_v2): RootTheme
+
 export {}