@sanity/ui 3.0.0-static.33 → 3.0.0-static.34

package/src/theme/v2/defaults/fonts.ts

@@ -1,227 +0,0 @@
-import type {ThemeFonts} from '../../v0'
-
-export const defaultThemeFonts: ThemeFonts = {
-  code: {
-    family: 'ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace',
-    weights: {
-      regular: 400,
-      medium: 500,
-      semibold: 600,
-      bold: 700,
-    },
-    sizes: [
-      {
-        ascenderHeight: 4,
-        descenderHeight: 4,
-        fontSize: 10,
-        iconSize: 17,
-        lineHeight: 15,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 5,
-        descenderHeight: 5,
-        fontSize: 13,
-        iconSize: 21,
-        lineHeight: 19,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 6,
-        descenderHeight: 6,
-        fontSize: 16,
-        iconSize: 25,
-        lineHeight: 23,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 7,
-        descenderHeight: 7,
-        fontSize: 19,
-        iconSize: 29,
-        lineHeight: 27,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 8,
-        descenderHeight: 8,
-        fontSize: 22,
-        iconSize: 33,
-        lineHeight: 31,
-        letterSpacing: 0,
-      },
-    ],
-  },
-  heading: {
-    family:
-      'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
-    weights: {
-      regular: 600,
-      medium: 700,
-      semibold: 800,
-      bold: 900,
-    },
-    sizes: [
-      {
-        ascenderHeight: 5,
-        descenderHeight: 5,
-        fontSize: 13,
-        iconSize: 17,
-        lineHeight: 19,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 6,
-        descenderHeight: 6,
-        fontSize: 16,
-        iconSize: 25,
-        lineHeight: 23,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 7,
-        descenderHeight: 7,
-        fontSize: 21,
-        iconSize: 33,
-        lineHeight: 29,
-        letterSpacing: -0.25,
-      },
-      {
-        ascenderHeight: 8,
-        descenderHeight: 8,
-        fontSize: 27,
-        iconSize: 41,
-        lineHeight: 35,
-        letterSpacing: -0.5,
-      },
-      {
-        ascenderHeight: 9.5,
-        descenderHeight: 8.5,
-        fontSize: 33,
-        iconSize: 49,
-        lineHeight: 41,
-        letterSpacing: -1,
-      },
-      {
-        ascenderHeight: 10.5,
-        descenderHeight: 9.5,
-        fontSize: 38,
-        iconSize: 53,
-        lineHeight: 47,
-        letterSpacing: -1,
-      },
-    ],
-  },
-  label: {
-    family:
-      'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',
-    weights: {
-      regular: 500,
-      medium: 600,
-      semibold: 700,
-      bold: 800,
-    },
-    sizes: [
-      {
-        ascenderHeight: 2,
-        descenderHeight: 2,
-        fontSize: 8.1,
-        iconSize: 13,
-        lineHeight: 10,
-        letterSpacing: 0.5,
-      },
-      {
-        ascenderHeight: 1.5,
-        descenderHeight: 2.5,
-        fontSize: 9.5,
-        iconSize: 15,
-        lineHeight: 11,
-        letterSpacing: 0.5,
-      },
-      {
-        ascenderHeight: 2,
-        descenderHeight: 2,
-        fontSize: 10.8,
-        iconSize: 17,
-        lineHeight: 12,
-        letterSpacing: 0.5,
-      },
-      {
-        ascenderHeight: 2,
-        descenderHeight: 2,
-        fontSize: 12.25,
-        iconSize: 19,
-        lineHeight: 13,
-        letterSpacing: 0.5,
-      },
-      {
-        ascenderHeight: 1.5,
-        descenderHeight: 2.5,
-        fontSize: 13.6,
-        iconSize: 21,
-        lineHeight: 14,
-        letterSpacing: 0.5,
-      },
-      {
-        ascenderHeight: 2,
-        descenderHeight: 2,
-        fontSize: 15,
-        iconSize: 23,
-        lineHeight: 15,
-        letterSpacing: 0.5,
-      },
-    ],
-  },
-  text: {
-    family:
-      'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
-    weights: {
-      regular: 400,
-      medium: 500,
-      semibold: 600,
-      bold: 700,
-    },
-    sizes: [
-      {
-        ascenderHeight: 4,
-        descenderHeight: 4,
-        fontSize: 10,
-        iconSize: 17,
-        lineHeight: 15,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 5,
-        descenderHeight: 5,
-        fontSize: 13,
-        iconSize: 21,
-        lineHeight: 19,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 6,
-        descenderHeight: 6,
-        fontSize: 15,
-        iconSize: 25,
-        lineHeight: 23,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 7,
-        descenderHeight: 7,
-        fontSize: 18,
-        iconSize: 29,
-        lineHeight: 27,
-        letterSpacing: 0,
-      },
-      {
-        ascenderHeight: 8,
-        descenderHeight: 8,
-        fontSize: 21,
-        iconSize: 33,
-        lineHeight: 31,
-        letterSpacing: 0,
-      },
-    ],
-  },
-}

package/src/theme/v2/index.ts

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

package/src/theme/v2/input.ts

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

@@ -1,29 +0,0 @@
-/** @public */
-export const AVATAR_SIZE = [0, 1, 2, 3] as const
-
-/** @public */
-export const CONTAINER_SCALE = [0, 1, 2, 3, 4, 5] as const
-
-/** @public */
-export const CONTAINER = [...CONTAINER_SCALE, 'auto'] as const
-
-/** @public */
-export const RADIUS = [0, 1, 2, 3, 4, 5, 6] as const
-
-/** @public */
-export const SPACE = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] as const
-
-/** @public */
-export const FONT_CODE_SIZE = [0, 1, 2, 3, 4] as const
-
-/** @public */
-export const FONT_HEADING_SIZE = [0, 1, 2, 3, 4, 5] as const
-
-/** @public */
-export const FONT_LABEL_SIZE = [0, 1, 2, 3, 4, 5] as const
-
-/** @public */
-export const FONT_TEXT_SIZE = [0, 1, 2, 3, 4] as const
-
-/** @public */
-export const SHADOW = [0, 1, 2, 3, 4, 5] as const

package/src/theme/v3/buildTheme_v3.ts

@@ -1,39 +0,0 @@
-import {black, hues, white} from '@sanity/color'
-
-import type {ThemeShadow} from '../v0'
-import {defaultThemeConfig} from '../v2/defaults/config'
-import {defaultThemeFonts} from './defaultFonts'
-import {defaultTokens} from './defaultTokens'
-import {resolveTokens} from './resolveTokens'
-import type {Radius, Shadow, Space, Theme_v3, ThemeOptions} from './types'
-
-/** @public */
-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: tokens.color,
-    container: v2?.container ?? defaultThemeConfig.container,
-    font: defaultThemeFonts,
-    input: v2?.input ?? defaultThemeConfig.input,
-    layer: v2?.layer ?? defaultThemeConfig.layer,
-    media: v2?.media ?? defaultThemeConfig.media,
-    palette: {black, white, hues},
-    // TODO
-    radius: (v2?.radius ?? defaultThemeConfig.radius) as unknown as Record<Radius, number>,
-    // TODO
-    shadow: (v2?.shadow ?? defaultThemeConfig.shadow) as unknown as Record<
-      Shadow,
-      ThemeShadow | undefined
-    >,
-    // TODO
-    space: (v2?.space ?? defaultThemeConfig.space) as unknown as Record<Space, number>,
-  }
-}

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

@@ -1,15 +0,0 @@
-/** @public */
-export const COLOR_VARIANTS = ['tinted', 'solid'] as const
-
-/** @public */
-export const AVATAR_COLORS = [
-  'gray',
-  'blue',
-  'purple',
-  'magenta',
-  'red',
-  'orange',
-  'yellow',
-  'green',
-  'cyan',
-] as const

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

@@ -1,14 +0,0 @@
-import type {AVATAR_COLORS} from './_constants'
-import type {ColorValue} from './token'
-
-/** @public */
-export type AvatarColor = (typeof AVATAR_COLORS)[number]
-
-/** @public */
-export interface ThemeColorAvatarHue_v3 {
-  bg: ColorValue
-  fg: ColorValue
-}
-
-/** @public */
-export type ThemeColorAvatar_v3 = Record<AvatarColor, ThemeColorAvatarHue_v3>

package/src/theme/v3/color/card.ts

@@ -1,79 +0,0 @@
-import type {ThemeColorStateToneKey} from '../../v2'
-import type {Hue} from '../palette'
-import type {ElementColorTokens} from './element'
-import type {ColorValue} from './token'
-
-/** @public */
-export interface CardColorTokens {
-  _hue: Hue
-  avatar: Record<
-    Hue,
-    {
-      _hue: Hue
-      bg: ColorValue
-      fg: ColorValue
-    }
-  >
-  backdrop: ColorValue
-  code: {
-    bg: ColorValue
-    fg: ColorValue
-    token: {
-      atrule: ColorValue
-      attrName: ColorValue
-      attrValue: ColorValue
-      attribute: ColorValue
-      boolean: ColorValue
-      builtin: ColorValue
-      cdata: ColorValue
-      char: ColorValue
-      class: ColorValue
-      className: ColorValue
-      comment: ColorValue
-      constant: ColorValue
-      deleted: ColorValue
-      doctype: ColorValue
-      entity: ColorValue
-      function: ColorValue
-      hexcode: ColorValue
-      id: ColorValue
-      important: ColorValue
-      inserted: ColorValue
-      keyword: ColorValue
-      number: ColorValue
-      operator: ColorValue
-      prolog: ColorValue
-      property: ColorValue
-      pseudoClass: ColorValue
-      pseudoElement: ColorValue
-      punctuation: ColorValue
-      regex: ColorValue
-      selector: ColorValue
-      string: ColorValue
-      symbol: ColorValue
-      tag: ColorValue
-      unit: ColorValue
-      url: ColorValue
-      variable: ColorValue
-    }
-  }
-  focusRing: ColorValue
-  link: {
-    fg: ColorValue
-  }
-  shadow: {
-    outline: ColorValue
-    umbra: ColorValue
-    penumbra: ColorValue
-    ambient: ColorValue
-  }
-  skeleton: {
-    from: ColorValue
-    to: ColorValue
-  }
-
-  variant: {
-    solid: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
-    tinted: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
-  }
-}

package/src/theme/v3/color/color.ts

@@ -1,98 +0,0 @@
-import type {
-  ThemeColorCardToneKey as CardTone,
-  ThemeColorStateToneKey as ElementTone,
-} from '../../v2'
-import type {Hue} from '../palette'
-import type {COLOR_VARIANTS} from './_constants'
-import type {ThemeColorAvatar_v3} from './avatar'
-import type {ColorValue} from './token'
-
-/** @public */
-export interface ThemeColorElement {
-  _hue: Hue
-  bg: {
-    0: ColorValue
-    4: ColorValue
-  }
-  border: {
-    0: ColorValue
-    4: ColorValue
-  }
-  fg: {
-    0: ColorValue
-    4: ColorValue
-  }
-}
-
-/** @public */
-export type ThemeColorVariant = Record<ElementTone, ThemeColorElement>
-
-/** @public */
-export type ThemeColorVariantKey = (typeof COLOR_VARIANTS)[number] // 'tinted' | 'solid'
-
-/** @public */
-export interface ThemeColorCard_v3 {
-  _hue: Hue
-  avatar: ThemeColorAvatar_v3
-  backdrop: ColorValue
-  code: {
-    bg: ColorValue
-    fg: ColorValue
-    token: {
-      atrule: ColorValue
-      attrName: ColorValue
-      attrValue: ColorValue
-      attribute: ColorValue
-      boolean: ColorValue
-      builtin: ColorValue
-      cdata: ColorValue
-      char: ColorValue
-      class: ColorValue
-      className: ColorValue
-      comment: ColorValue
-      constant: ColorValue
-      deleted: ColorValue
-      doctype: ColorValue
-      entity: ColorValue
-      function: ColorValue
-      hexcode: ColorValue
-      id: ColorValue
-      important: ColorValue
-      inserted: ColorValue
-      keyword: ColorValue
-      number: ColorValue
-      operator: ColorValue
-      prolog: ColorValue
-      property: ColorValue
-      pseudoClass: ColorValue
-      pseudoElement: ColorValue
-      punctuation: ColorValue
-      regex: ColorValue
-      selector: ColorValue
-      string: ColorValue
-      symbol: ColorValue
-      tag: ColorValue
-      unit: ColorValue
-      url: ColorValue
-      variable: ColorValue
-    }
-  }
-  focusRing: ColorValue
-  link: {
-    fg: ColorValue
-  }
-  shadow: {
-    outline: ColorValue
-    umbra: ColorValue
-    penumbra: ColorValue
-    ambient: ColorValue
-  }
-  skeleton: {
-    from: ColorValue
-    to: ColorValue
-  }
-  variant: Record<ThemeColorVariantKey, ThemeColorVariant>
-}
-
-/** @public */
-export type ThemeColor_v3 = Record<CardTone, ThemeColorCard_v3>

package/src/theme/v3/color/element.ts

@@ -1,19 +0,0 @@
-import type {Hue} from '../palette'
-import type {ColorValue} from './token'
-
-/** @public */
-export interface ElementColorTokens {
-  _hue: Hue
-  bg: {
-    0: ColorValue
-    4: ColorValue
-  }
-  border: {
-    0: ColorValue
-    4: ColorValue
-  }
-  fg: {
-    0: ColorValue
-    4: ColorValue
-  }
-}

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

@@ -1,7 +0,0 @@
-export * from './_constants'
-export * from './avatar'
-export * from './card'
-export * from './color'
-export * from './element'
-export * from './token'
-export * from './tokens'

package/src/theme/v3/color/token.ts

@@ -1,32 +0,0 @@
-import type {Hue, Tint} from '../palette'
-
-/** @public */
-export type ColorTokenOpacityValue = `0` | `0.${number}` | `1`
-
-/** @public */
-export type ColorToken =
-  | `inherit`
-  | `black`
-  | `black/${ColorTokenOpacityValue}`
-  | `white`
-  | `white/${ColorTokenOpacityValue}`
-  | `${Hue}-${Tint}`
-  | `${Hue}-${Tint}/${ColorTokenOpacityValue}`
-  | `${Hue}-${Tint} ${number}%`
-  | `${Tint}`
-  | `${Tint}/${ColorTokenOpacityValue}`
-  | `${Tint} ${number}%`
-
-/**
- * Theme color values are tuples of [light, dark] color tokens.
- *
- * @public
- */
-export type ColorValue = [ColorToken, ColorToken]
-
-/** @public */
-export interface ResolvedColorToken {
-  color: {type: 'inherit'} | {type: 'black' | 'white'} | {type: 'hue'; hue: Hue; tint: Tint}
-  opacity: number
-  mix: number
-}

package/src/theme/v3/color/tokens.ts

@@ -1,5 +0,0 @@
-import type {ThemeColorCardToneKey} from '../../v2'
-import type {CardColorTokens} from './card'
-
-/** @public */
-export type ColorTokens = Record<'*' | ThemeColorCardToneKey, CardColorTokens>