@sanity/ui 3.3.1 → 3.3.3

package/src/theme/system/color/state.ts

@@ -1,43 +0,0 @@
-import {ThemeColorBlendModeKey} from './_system'
-import {ThemeColorAvatar_v2} from './avatar'
-import {ThemeColorBadge_v2} from './badge'
-import {ThemeColorKBD} from './kbd'
-
-/**
- * @public
- */
-export interface ThemeColorState_v2 {
-  /** @internal */
-  _blend?: ThemeColorBlendModeKey
-  accent: {
-    fg: string
-  }
-  /**
-   * @internal  This may be removed in a future release
-   * */
-  avatar: ThemeColorAvatar_v2
-  /**
-   * @internal  This may be removed in a future release
-   * */
-  badge: ThemeColorBadge_v2
-  bg: string
-  border: string
-  code: {
-    bg: string
-    fg: string
-  }
-  fg: string
-  icon: string
-  kbd: ThemeColorKBD
-  link: {
-    fg: string
-  }
-  muted: {
-    bg: string
-    fg: string
-  }
-  skeleton: {
-    from: string
-    to: string
-  }
-}

package/src/theme/system/color/syntax.ts

@@ -1,41 +0,0 @@
-/**
- * @public
- */
-export interface ThemeColorSyntax {
-  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
-}

package/src/theme/system/css.ts

@@ -1,14 +0,0 @@
-import type * as CSS from 'csstype'
-
-/**
- * A CSS-in-JS style object: standard CSS properties plus an index signature that allows nested
- * selectors, at-rules and custom properties.
- *
- * This is a self-owned definition (based on `csstype`) so the published `.d.ts` types stay fully
- * controlled by us and do not reference any external CSS-in-JS library types.
- *
- * @internal
- */
-export interface CSSObject extends CSS.Properties<number | (string & {})> {
-  [key: string]: CSSObject | string | number | undefined
-}

package/src/theme/system/focusRing.ts

@@ -1,7 +0,0 @@
-/**
- * @public
- */
-export interface ThemeFocusRing {
-  offset: number
-  width: number
-}

package/src/theme/system/font.ts

@@ -1,52 +0,0 @@
-/**
- * @public
- */
-export type ThemeFontKey = 'code' | 'heading' | 'label' | 'text'
-
-/**
- * @public
- */
-export type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold'
-
-/**
- * @public
- */
-export interface ThemeFontSize {
-  ascenderHeight: number
-  descenderHeight: number
-  fontSize: number
-  iconSize: number
-  letterSpacing: number
-  lineHeight: number
-}
-
-/**
- * @public
- */
-export interface ThemeFontWeight {
-  regular: number
-  medium: number
-  semibold: number
-  bold: number
-}
-
-/**
- * @public
- */
-export interface ThemeFont {
-  family: string
-  weights: ThemeFontWeight
-  sizes: ThemeFontSize[]
-  /** @deprecated No longer supported. */
-  horizontalOffset?: number
-}
-
-/**
- * @public
- */
-export interface ThemeFonts {
-  code: ThemeFont
-  heading: ThemeFont
-  label: ThemeFont
-  text: ThemeFont
-}

package/src/theme/system/index.ts

@@ -1,11 +0,0 @@
-export * from './avatar'
-export * from './color'
-export * from './css'
-export * from './focusRing'
-export * from './font'
-export * from './input'
-export * from './layer'
-export * from './shadow'
-export * from './styles'
-export * from './theme'
-export * from './v0'

package/src/theme/system/input.ts

@@ -1,33 +0,0 @@
-import {ThemeFocusRing} from './focusRing'
-
-/**
- * @public
- */
-export interface ThemeInput_v2 {
-  checkbox: {
-    size: number
-    focusRing: ThemeFocusRing
-  }
-  radio: {
-    size: number
-    markSize: number
-    focusRing: ThemeFocusRing
-  }
-  switch: {
-    width: number
-    height: number
-    padding: number
-    transitionDurationMs: number
-    transitionTimingFunction: string
-    focusRing: ThemeFocusRing
-  }
-  border: {
-    width: number
-  }
-  select: {
-    focusRing: ThemeFocusRing
-  }
-  text: {
-    focusRing: ThemeFocusRing
-  }
-}

package/src/theme/system/layer.ts

@@ -1,8 +0,0 @@
-/**
- * @public
- */
-export interface ThemeLayer {
-  dialog: {zOffset: number}
-  popover: {zOffset: number}
-  tooltip: {zOffset: number}
-}

package/src/theme/system/shadow.ts

@@ -1,19 +0,0 @@
-/**
- * @public
- */
-export type ThemeBoxShadow = [
-  // offsetX, offsetY, blurRadius, spreadRadius
-  number,
-  number,
-  number,
-  number,
-]
-
-/**
- * @public
- */
-export interface ThemeShadow {
-  umbra: ThemeBoxShadow
-  penumbra: ThemeBoxShadow
-  ambient: ThemeBoxShadow
-}

package/src/theme/system/styles.ts

@@ -1,13 +0,0 @@
-import {CSSObject} from './css'
-
-/**
- * @internal
- */
-export interface ThemeStyles {
-  button?: {
-    root?: CSSObject
-  }
-  card?: {
-    root?: CSSObject
-  }
-}

package/src/theme/system/theme.ts

@@ -1,138 +0,0 @@
-import {ThemeAvatar_v2} from './avatar'
-import {ThemeColorCard_v2, ThemeColorSchemes_v2} from './color'
-import {ThemeFocusRing} from './focusRing'
-import {ThemeFonts, ThemeFontWeightKey} from './font'
-import {ThemeInput_v2} from './input'
-import {ThemeLayer} from './layer'
-import {ThemeShadow} from './shadow'
-import {ThemeStyles} from './styles'
-import {ThemeAvatar, ThemeColor, ThemeColorSchemes, ThemeInput} from './v0'
-
-/**
- * @public
- */
-export interface RootTheme_v2 {
-  _version: 2
-  avatar: ThemeAvatar_v2
-  button: {
-    border: {width: number}
-    focusRing: ThemeFocusRing
-    textWeight: ThemeFontWeightKey
-  }
-  card: {
-    border: {width: number}
-    focusRing: ThemeFocusRing
-    shadow: {outline: number}
-  }
-  color: ThemeColorSchemes_v2
-  container: number[]
-  font: ThemeFonts
-  input: ThemeInput_v2
-  layer: ThemeLayer
-  media: number[]
-  radius: number[]
-  shadow: Array<ThemeShadow | null>
-  space: number[]
-  /** @internal */
-  style?: ThemeStyles
-}
-
-/**
- * @public
- */
-export interface BaseTheme {
-  _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
-
-  v2?: RootTheme_v2
-}
-
-/**
- * @public
- */
-export type RootTheme = BaseTheme
-
-/**
- * @public
- */
-export type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
-  color: ThemeColorCard_v2
-  /**
-   * Indicates whether the theme is resolved or raw, it's necessary to avoid issues
-   * with sanity V2 components accessing a v1 <ThemeProvider>.
-   * See https://github.com/sanity-io/ui/pull/1203 for more info.
-   */
-  _resolved: boolean
-}
-
-/**
- * @public
- */
-export interface Theme {
-  sanity: Omit<RootTheme, 'color' | 'v2'> & {
-    /**
-     * @deprecated Use `v2.color` instead
-     */
-    color: ThemeColor
-    v2?: Theme_v2
-  }
-}

package/src/theme/system/v0/avatar.ts

@@ -1,10 +0,0 @@
-/**
- * @public
- * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
- */
-export interface ThemeAvatar {
-  sizes: {
-    distance: number
-    size: number
-  }[]
-}

package/src/theme/system/v0/color/_generic.ts

@@ -1,35 +0,0 @@
-import {ThemeColorBlendModeKey} from '../../color/_system'
-
-/**
- * @public
- * @deprecated Use `ThemeColorState_v2` instead.
- */
-export interface ThemeColorGenericState {
-  /** @internal */
-  _blend?: ThemeColorBlendModeKey
-  bg: string
-  /**
-   * @beta
-   */
-  bg2?: string
-  border: string
-  fg: string
-  icon: string
-  muted: {
-    fg: string
-  }
-  accent: {
-    fg: string
-  }
-  link: {
-    fg: string
-  }
-  code: {
-    bg: string
-    fg: string
-  }
-  skeleton?: {
-    from: string
-    to: string
-  }
-}

package/src/theme/system/v0/color/_system.ts

@@ -1,17 +0,0 @@
-/**
- * @public
- * @deprecated Use `ThemeColorCardToneKey` instead.
- */
-export type ThemeColorName =
-  | 'transparent'
-  | 'default'
-  | 'primary'
-  | 'positive'
-  | 'caution'
-  | 'critical'
-
-/**
- * @public
- * @deprecated Use `ThemeColorCardToneKey` instead.
- */
-export type ThemeColorToneKey = ThemeColorName

package/src/theme/system/v0/color/base.ts

@@ -1,21 +0,0 @@
-/**
- * @public
- * @deprecated Use `ThemeColorCard_v2` instead.
- */
-export interface ThemeColorBase {
-  bg: string
-  fg: string
-  border: string
-  focusRing: string
-  backdrop?: string
-  shadow: {
-    outline: string
-    umbra: string
-    penumbra: string
-    ambient: string
-  }
-  skeleton?: {
-    from: string
-    to: string
-  }
-}

package/src/theme/system/v0/color/button.ts

@@ -1,42 +0,0 @@
-import {ThemeColorGenericState} from './_generic'
-
-/**
- * @public
- * @deprecated Use `ThemeColorState_v2` instead.
- */
-export type ThemeColorButtonState = ThemeColorGenericState
-
-/**
- * @public
- * @deprecated Use `ThemeColorButtonStates_v2` instead.
- */
-export interface ThemeColorButtonStates {
-  enabled: ThemeColorGenericState
-  hovered: ThemeColorGenericState
-  pressed: ThemeColorGenericState
-  selected: ThemeColorGenericState
-  disabled: ThemeColorGenericState
-}
-
-/**
- * TODO: Rename to `ThemeColorButtonMode`.
- * @public
- * @deprecated Use `ThemeColorButtonTones_v2` instead.
- */
-export interface ThemeColorButtonTones {
-  default: ThemeColorButtonStates
-  primary: ThemeColorButtonStates
-  positive: ThemeColorButtonStates
-  caution: ThemeColorButtonStates
-  critical: ThemeColorButtonStates
-}
-
-/**
- * @public
- * @deprecated Use `ThemeColorButton_v2` instead.
- */
-export interface ThemeColorButton {
-  default: ThemeColorButtonTones
-  ghost: ThemeColorButtonTones
-  bleed: ThemeColorButtonTones
-}

package/src/theme/system/v0/color/card.ts

@@ -1,19 +0,0 @@
-import {ThemeColorGenericState} from './_generic'
-
-/**
- * @public
- * @deprecated Use `ThemeColorState_v2` instead.
- */
-export type ThemeColorCardState = ThemeColorGenericState
-
-/**
- * @public
- * @deprecated Use `ThemeColorSelectable_v2` instead.
- */
-export interface ThemeColorCard {
-  enabled: ThemeColorGenericState
-  hovered: ThemeColorGenericState
-  pressed: ThemeColorGenericState
-  selected: ThemeColorGenericState
-  disabled: ThemeColorGenericState
-}

package/src/theme/system/v0/color/color.ts

@@ -1,40 +0,0 @@
-import {ThemeColorSchemeKey, ThemeColorSyntax} from '../../color'
-import {ThemeColorGenericState} from './_generic'
-import {ThemeColorName} from './_system'
-import {ThemeColorBase} from './base'
-import {ThemeColorButton} from './button'
-import {ThemeColorCard} from './card'
-import {ThemeColorInput} from './input'
-import {ThemeColorMuted} from './muted'
-import {ThemeColorSelectable} from './selectable'
-import {ThemeColorSolid} from './solid'
-import {ThemeColorSpot} from './spot'
-
-/**
- * @public
- * @deprecated Use `ThemeColor_v2` instead.
- */
-export interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
-  base: ThemeColorBase
-  button: ThemeColorButton
-  card: ThemeColorCard
-  dark: boolean
-  input: ThemeColorInput
-  muted: ThemeColorMuted
-  selectable?: ThemeColorSelectable
-  solid: ThemeColorSolid
-  spot: ThemeColorSpot
-  syntax: ThemeColorSyntax
-}
-
-/**
- * @public
- * @deprecated Use `ThemeColorScheme_v2` instead.
- */
-export type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
-
-/**
- * @public
- * @deprecated Use `ThemeColorSchemes_v2` instead.
- */
-export type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>

package/src/theme/system/v0/color/index.ts

@@ -1,11 +0,0 @@
-export * from './_generic'
-export * from './_system'
-export * from './base'
-export * from './button'
-export * from './card'
-export * from './color'
-export * from './input'
-export * from './muted'
-export * from './selectable'
-export * from './solid'
-export * from './spot'

package/src/theme/system/v0/color/input.ts

@@ -1,34 +0,0 @@
-import {ThemeColorBlendModeKey} from '../../color/_system'
-
-/**
- * @public
- * @deprecated Use `ThemeColorInputState_v2` instead.
- */
-export interface ThemeColorInputState {
-  _blend?: ThemeColorBlendModeKey
-  bg: string
-  bg2: string
-  border: string
-  fg: string
-  placeholder: string
-}
-
-/**
- * @public
- * @deprecated Use `ThemeColorInputMode_v2` instead.
- */
-export interface ThemeColorInputStates {
-  enabled: ThemeColorInputState
-  disabled: ThemeColorInputState
-  hovered: ThemeColorInputState
-  readOnly: ThemeColorInputState
-}
-
-/**
- * @public
- * @deprecated Use `ThemeColorInput_v2` instead.
- */
-export interface ThemeColorInput {
-  default: ThemeColorInputStates
-  invalid: ThemeColorInputStates
-}

package/src/theme/system/v0/color/muted.ts

@@ -1,26 +0,0 @@
-import {ThemeColorGenericState} from './_generic'
-
-/**
- * @public
- * @deprecated Use `ThemeColorSelectableTone_v2` instead.
- */
-export interface ThemeColorMutedTone {
-  enabled: ThemeColorGenericState
-  disabled: ThemeColorGenericState
-  hovered: ThemeColorGenericState
-  pressed: ThemeColorGenericState
-  selected: ThemeColorGenericState
-}
-
-/**
- * @public
- * @deprecated Use `ThemeColorSelectable_v2` instead.
- */
-export interface ThemeColorMuted {
-  default: ThemeColorMutedTone
-  transparent: ThemeColorMutedTone
-  primary: ThemeColorMutedTone
-  positive: ThemeColorMutedTone
-  caution: ThemeColorMutedTone
-  critical: ThemeColorMutedTone
-}

package/src/theme/system/v0/color/selectable.ts

@@ -1,31 +0,0 @@
-import {ThemeColorGenericState} from './_generic'
-
-/**
- * @public
- * @deprecated Use `ThemeColorState_v2` instead.
- */
-export type ThemeColorSelectableState = ThemeColorGenericState
-
-/**
- * @public
- * @deprecated Use `ThemeColorSelectableStates_v2` instead.
- */
-export interface ThemeColorSelectableStates {
-  enabled: ThemeColorSelectableState
-  hovered: ThemeColorSelectableState
-  pressed: ThemeColorSelectableState
-  selected: ThemeColorSelectableState
-  disabled: ThemeColorSelectableState
-}
-
-/**
- * @public
- * @deprecated Use `ThemeColorSelectable_v2` instead.
- */
-export interface ThemeColorSelectable {
-  default: ThemeColorSelectableStates
-  primary: ThemeColorSelectableStates
-  positive: ThemeColorSelectableStates
-  caution: ThemeColorSelectableStates
-  critical: ThemeColorSelectableStates
-}