@sanity/ui 3.0.0-static.4 → 3.0.0-static.40

package/src/theme/v0/theme.ts

@@ -1,72 +0,0 @@
-import {ThemeAvatar} from './avatar'
-import {ThemeColorSchemes} from './color'
-import {ThemeFonts, ThemeFontWeightKey} from './font'
-import {ThemeInput} from './input'
-import {ThemeLayer} from './layer'
-import {ThemeShadow} from './shadow'
-import {ThemeStyles} from './styles'
-
-/** @public */
-export 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
-}

package/src/theme/v2/avatar.ts

@@ -1,14 +0,0 @@
-import {ThemeFocusRing} from '../v0/focusRing'
-
-/**
- * @public
- */
-export interface ThemeAvatar_v2 {
-  sizes: {
-    /** Spacing between avatars in an <AvatarStack> component (px) */
-    distance: number
-    /** Diameter of the avatar (px) */
-    size: number
-  }[]
-  focusRing: ThemeFocusRing
-}

package/src/theme/v2/color/_constants.ts

@@ -1,45 +0,0 @@
-import {COLOR_HUES} from '@sanity/color'
-
-/** @public */
-export const THEME_COLOR_SCHEMES = ['light', 'dark'] as const
-
-/** @public */
-export const THEME_COLOR_BLEND_MODES = ['multiply', 'screen'] as const
-
-/** @public */
-export const THEME_COLOR_CARD_TONES = [
-  'transparent',
-  'default',
-  'neutral',
-  'primary', // deprecated
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-] as const
-
-/** @public */
-export const THEME_COLOR_STATE_TONES = [
-  'default',
-  'neutral',
-  'primary', // deprecated
-  'suggest',
-  'positive',
-  'caution',
-  'critical',
-] as const
-
-/** @public */
-export const THEME_COLOR_STATES = ['enabled', 'hovered', 'pressed', 'selected', 'disabled'] as const
-
-/** @public */
-export const THEME_COLOR_BUTTON_MODES = ['default', 'ghost', 'bleed'] as const
-
-/** @public */
-export const THEME_COLOR_INPUT_MODES = ['default', 'invalid'] as const
-
-/** @public */
-export const THEME_COLOR_INPUT_STATES = ['enabled', 'hovered', 'readOnly', 'disabled'] as const
-
-/** @public */
-export const THEME_COLOR_AVATAR_COLORS = COLOR_HUES

package/src/theme/v2/color/_helpers.ts

@@ -1,24 +0,0 @@
-import {COLOR_HUES, COLOR_TINTS, ColorHueKey, ColorTintKey} from '@sanity/color'
-
-import {THEME_COLOR_BLEND_MODES, THEME_COLOR_BUTTON_MODES} from './_constants'
-import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from './_system'
-
-/** @internal */
-export function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey {
-  return THEME_COLOR_BLEND_MODES.includes(str as ThemeColorBlendModeKey)
-}
-
-/** @internal */
-export function isColorHueKey(str: string): str is ColorHueKey {
-  return COLOR_HUES.includes(str as ColorHueKey)
-}
-
-/** @internal */
-export function isColorTintKey(str: string): str is ColorTintKey {
-  return COLOR_TINTS.includes(str as ColorTintKey)
-}
-
-/** @internal */
-export function isColorButtonMode(str: string): str is ThemeColorButtonModeKey {
-  return THEME_COLOR_BUTTON_MODES.includes(str as ThemeColorButtonModeKey)
-}

package/src/theme/v2/color/_system.ts

@@ -1,40 +0,0 @@
-import {
-  THEME_COLOR_AVATAR_COLORS,
-  THEME_COLOR_BLEND_MODES,
-  THEME_COLOR_BUTTON_MODES,
-  THEME_COLOR_CARD_TONES,
-  THEME_COLOR_INPUT_MODES,
-  THEME_COLOR_INPUT_STATES,
-  THEME_COLOR_SCHEMES,
-  THEME_COLOR_STATE_TONES,
-  THEME_COLOR_STATES,
-} from './_constants'
-
-/**
- * @public
- */
-export type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number]
-
-/** @public */
-export type ThemeColorBlendModeKey = (typeof THEME_COLOR_BLEND_MODES)[number]
-
-/** @public */
-export type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number]
-
-/** @public */
-export type ThemeColorButtonModeKey = (typeof THEME_COLOR_BUTTON_MODES)[number]
-
-/** @public */
-export type ThemeColorStateKey = (typeof THEME_COLOR_STATES)[number]
-
-/** @public */
-export type ThemeColorStateToneKey = (typeof THEME_COLOR_STATE_TONES)[number]
-
-/** @public */
-export type ThemeColorInputModeKey = (typeof THEME_COLOR_INPUT_MODES)[number]
-
-/** @public */
-export type ThemeColorInputStateKey = (typeof THEME_COLOR_INPUT_STATES)[number]
-
-/** @public */
-export type ThemeColorAvatarColorKey = (typeof THEME_COLOR_AVATAR_COLORS)[number]

package/src/theme/v2/color/avatar.ts

@@ -1,15 +0,0 @@
-import {ThemeColorAvatarColorKey, ThemeColorBlendModeKey} from './_system'
-
-/**
- * @public
- */
-export interface ThemeColorAvatarHue_v2 {
-  _blend?: ThemeColorBlendModeKey
-  bg: string
-  fg: string
-}
-
-/**
- * @public
- */
-export type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>

package/src/theme/v2/color/badge.ts

@@ -1,16 +0,0 @@
-import {ThemeColorStateToneKey} from './_system'
-
-/**
- * @public
- */
-export interface ThemeColorBadgeTone_v2 {
-  bg: string
-  fg: string
-  dot: string
-  icon: string
-}
-
-/**
- * @public
- */
-export type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>

package/src/theme/v2/color/button.ts

@@ -1,17 +0,0 @@
-import {ThemeColorButtonModeKey, ThemeColorStateKey, ThemeColorStateToneKey} from './_system'
-import {ThemeColorState_v2} from './state'
-
-/**
- * @public
- */
-export type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
-
-/**
- * @public
- */
-export type ThemeColorButtonMode_v2 = Record<ThemeColorStateToneKey, ThemeColorButtonTone_v2>
-
-/**
- * @public
- */
-export type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>

package/src/theme/v2/color/color.ts

@@ -1,34 +0,0 @@
-import {ThemeColorBlendModeKey, ThemeColorCardToneKey, ThemeColorSchemeKey} from './_system'
-import {ThemeColorButton_v2} from './button'
-import {ThemeColorInput_v2} from './input'
-import {ThemeColorSelectable_v2} from './selectable'
-import {ThemeColorShadow} from './shadow'
-import {ThemeColorState_v2} from './state'
-import {ThemeColorSyntax} from './syntax'
-
-/**
- * @public
- */
-export interface ThemeColorCard_v2 extends ThemeColorState_v2 {
-  /** @internal */
-  _blend: ThemeColorBlendModeKey
-  _dark: boolean
-
-  backdrop: string
-  button: ThemeColorButton_v2
-  focusRing: string
-  input: ThemeColorInput_v2
-  selectable: ThemeColorSelectable_v2
-  shadow: ThemeColorShadow
-  syntax: ThemeColorSyntax
-}
-
-/**
- * @public
- */
-export type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>
-
-/**
- * @public
- */
-export type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>

package/src/theme/v2/color/index.ts

@@ -1,13 +0,0 @@
-export * from './_constants'
-export * from './_helpers'
-export * from './_system'
-export * from './avatar'
-export * from './badge'
-export * from './button'
-export * from './color'
-export * from './input'
-export * from './kbd'
-export * from './selectable'
-export * from './shadow'
-export * from './state'
-export * from './syntax'

package/src/theme/v2/color/input.ts

@@ -1,25 +0,0 @@
-import {ThemeColorBlendModeKey, ThemeColorInputModeKey, ThemeColorInputStateKey} from './_system'
-
-/**
- * @public
- */
-export interface ThemeColorInputState_v2 {
-  _blend?: ThemeColorBlendModeKey
-  bg: string
-  border: string
-  fg: string
-  muted: {
-    bg: string
-  }
-  placeholder: string
-}
-
-/**
- * @public
- */
-export type ThemeColorInputMode_v2 = Record<ThemeColorInputStateKey, ThemeColorInputState_v2>
-
-/**
- * @public
- */
-export type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>

package/src/theme/v2/color/kbd.ts

@@ -1,8 +0,0 @@
-/**
- * @public
- */
-export interface ThemeColorKBD {
-  bg: string
-  fg: string
-  border: string
-}

package/src/theme/v2/color/selectable.ts

@@ -1,12 +0,0 @@
-import {ThemeColorStateKey, ThemeColorStateToneKey} from './_system'
-import {ThemeColorState_v2} from './state'
-
-/**
- * @public
- */
-export type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
-
-/**
- * @public
- */
-export type ThemeColorSelectable_v2 = Record<ThemeColorStateToneKey, ThemeColorSelectableTone_v2>

package/src/theme/v2/color/shadow.ts

@@ -1,7 +0,0 @@
-/** @public */
-export interface ThemeColorShadow {
-  outline: string
-  umbra: string
-  penumbra: string
-  ambient: string
-}

package/src/theme/v2/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/v2/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/v2/index.ts

@@ -1,4 +0,0 @@
-export * from './avatar'
-export * from './color'
-export * from './input'
-export * from './theme'

package/src/theme/v2/input.ts

@@ -1,33 +0,0 @@
-import {ThemeFocusRing} from '../v0/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/v2/theme.ts

@@ -1,49 +0,0 @@
-import {ThemeFocusRing} from '../v0/focusRing'
-import {ThemeFonts, ThemeFontWeightKey} from '../v0/font'
-import {ThemeLayer} from '../v0/layer'
-import {ThemeShadow} from '../v0/shadow'
-import {ThemeStyles} from '../v0/styles'
-import {ThemeAvatar_v2} from './avatar'
-import {ThemeColorCard_v2, ThemeColorSchemes_v2} from './color'
-import {ThemeInput_v2} from './input'
-
-/**
- * @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 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
-}

package/src/theme/v3/buildTheme_v3.test.ts

@@ -1,40 +0,0 @@
-import {buildTheme_v3} from './buildTheme_v3'
-
-it('should build theme', () => {
-  const theme = buildTheme_v3({
-    tokens: {
-      color: {
-        '*': {
-          variant: {
-            tinted: {
-              '*': {
-                bg: {
-                  0: ['50', '950'],
-                },
-                fg: {
-                  0: ['900 50%', '100 50%'],
-                },
-              },
-            },
-          },
-        },
-        'primary': {
-          _hue: 'purple',
-        },
-        'positive': {
-          _hue: 'green',
-        },
-      },
-    },
-  })
-
-  // eslint-disable-next-line no-console
-  console.log('default', theme.color.light.card.default)
-  // eslint-disable-next-line no-console
-  console.log('primary', theme.color.light.card.primary)
-  // eslint-disable-next-line no-console
-  console.log(
-    'primary.variant.tinted.positive',
-    theme.color.light.card.primary.variant.tinted.positive,
-  )
-})

package/src/theme/v3/buildTheme_v3.ts

@@ -1,29 +0,0 @@
-import {defaultThemeConfig} from '../defaults/config'
-import {defaultThemeFonts} from '../defaults/fonts'
-import {buildColor_v3} from './color/buildColor_v3'
-import {defaultTokens} from './defaults'
-import {resolveTokens} from './resolveTokens'
-import {Theme_v3, ThemeOptions} from './types'
-
-export function buildTheme_v3(options?: ThemeOptions): Theme_v3 {
-  const {v2} = options ?? {}
-
-  const tokens = resolveTokens(options?.tokens ?? defaultTokens)
-
-  return {
-    _version: 3,
-    _tokens: tokens,
-    avatar: v2?.avatar ?? defaultThemeConfig.avatar,
-    button: v2?.button ?? defaultThemeConfig.button,
-    card: v2?.card ?? defaultThemeConfig.card,
-    color: buildColor_v3(tokens.color),
-    container: v2?.container ?? defaultThemeConfig.container,
-    font: v2?.font ?? defaultThemeFonts,
-    input: v2?.input ?? defaultThemeConfig.input,
-    layer: v2?.layer ?? defaultThemeConfig.layer,
-    media: v2?.media ?? defaultThemeConfig.media,
-    radius: v2?.radius ?? defaultThemeConfig.radius,
-    shadow: v2?.shadow ?? defaultThemeConfig.shadow,
-    space: v2?.space ?? defaultThemeConfig.space,
-  }
-}