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

package/src/theme/versioning/themeColor_v0_v2.ts

@@ -1,245 +0,0 @@
-import type {
-  ThemeColor,
-  ThemeColorGenericState,
-  ThemeColorInputState,
-  ThemeColorInputStates,
-  ThemeColorMuted,
-} from '../v0'
-import type {
-  ThemeColorCard_v2,
-  ThemeColorInputMode_v2,
-  ThemeColorInputState_v2,
-  ThemeColorSelectable_v2,
-  ThemeColorState_v2,
-} from '../v2'
-
-const cache = new WeakMap<ThemeColor, ThemeColorCard_v2>()
-
-/** @internal */
-export function themeColor_v0_v2(color_v0: ThemeColor): ThemeColorCard_v2 {
-  const cached_v2 = cache.get(color_v0)
-
-  if (cached_v2) return cached_v2
-
-  const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled)
-
-  const color_v2: ThemeColorCard_v2 = {
-    _blend: color_v0._blend || (color_v0.dark ? 'screen' : 'multiply'),
-    _dark: color_v0.dark,
-    accent: base.accent,
-    avatar: base.avatar,
-    backdrop: color_v0.base.shadow.ambient,
-    badge: base.badge,
-    bg: color_v0.base.bg,
-    border: color_v0.base.border,
-    button: {
-      default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),
-      ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),
-      bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed),
-    },
-    code: base.code,
-    fg: color_v0.base.fg,
-    focusRing: color_v0.base.focusRing,
-    icon: base.muted.fg,
-    input: {
-      default: inputStatesThemeColor_v0_v2(color_v0.input.default),
-      invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid),
-    },
-    kbd: base.kbd,
-    link: base.link,
-    muted: {
-      ...base.muted,
-      bg: color_v0.selectable?.default.enabled.bg2 || color_v0.base.bg,
-    },
-    selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),
-    shadow: color_v0.base.shadow,
-    skeleton: {
-      from: color_v0.skeleton?.from || color_v0.base.border,
-      to: color_v0.skeleton?.to || color_v0.base.border,
-    },
-    syntax: color_v0.syntax,
-  }
-
-  cache.set(color_v0, color_v2)
-
-  return color_v2
-}
-
-function stateTonesThemeColor_v0_v2(
-  v0: ThemeColor,
-  t: Omit<ThemeColorMuted, 'transparent'>,
-): ThemeColorSelectable_v2 {
-  return {
-    default: {
-      enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.default.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.default.disabled),
-    },
-    neutral: {
-      enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.default.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.default.disabled),
-    },
-    primary: {
-      enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.primary.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),
-    },
-    suggest: {
-      enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.primary.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),
-    },
-    positive: {
-      enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.positive.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.positive.disabled),
-    },
-    caution: {
-      enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.caution.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.caution.disabled),
-    },
-    critical: {
-      enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.critical.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.critical.disabled),
-    },
-  }
-}
-
-function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): ThemeColorState_v2 {
-  return {
-    ...state,
-    avatar: {
-      gray: {
-        bg: v0.spot.gray,
-        fg: v0.base.bg,
-      },
-      blue: {
-        bg: v0.spot.blue,
-        fg: v0.base.bg,
-      },
-      purple: {
-        bg: v0.spot.purple,
-        fg: v0.base.bg,
-      },
-      magenta: {
-        bg: v0.spot.magenta,
-        fg: v0.base.bg,
-      },
-      red: {
-        bg: v0.spot.red,
-        fg: v0.base.bg,
-      },
-      orange: {
-        bg: v0.spot.orange,
-        fg: v0.base.bg,
-      },
-      yellow: {
-        bg: v0.spot.yellow,
-        fg: v0.base.bg,
-      },
-      green: {
-        bg: v0.spot.green,
-        fg: v0.base.bg,
-      },
-      cyan: {
-        bg: v0.spot.cyan,
-        fg: v0.base.bg,
-      },
-    },
-    badge: {
-      default: {
-        bg: v0.muted.default.enabled.bg,
-        fg: v0.muted.default.enabled.fg,
-        dot: v0.muted.default.enabled.muted.fg,
-        icon: v0.muted.default.enabled.muted.fg,
-      },
-      neutral: {
-        bg: v0.muted.transparent.enabled.bg,
-        fg: v0.muted.transparent.enabled.fg,
-        dot: v0.muted.transparent.enabled.muted.fg,
-        icon: v0.muted.transparent.enabled.muted.fg,
-      },
-      primary: {
-        bg: v0.muted.primary.enabled.bg,
-        fg: v0.muted.primary.enabled.fg,
-        dot: v0.muted.primary.enabled.muted.fg,
-        icon: v0.muted.primary.enabled.muted.fg,
-      },
-      suggest: {
-        bg: v0.muted.primary.enabled.bg,
-        fg: v0.muted.primary.enabled.fg,
-        dot: v0.muted.primary.enabled.muted.fg,
-        icon: v0.muted.primary.enabled.muted.fg,
-      },
-      positive: {
-        bg: v0.muted.positive.enabled.bg,
-        fg: v0.muted.positive.enabled.fg,
-        dot: v0.muted.positive.enabled.muted.fg,
-        icon: v0.muted.positive.enabled.muted.fg,
-      },
-      caution: {
-        bg: v0.muted.caution.enabled.bg,
-        fg: v0.muted.caution.enabled.fg,
-        dot: v0.muted.caution.enabled.muted.fg,
-        icon: v0.muted.caution.enabled.muted.fg,
-      },
-      critical: {
-        bg: v0.muted.critical.enabled.bg,
-        fg: v0.muted.critical.enabled.fg,
-        dot: v0.muted.critical.enabled.muted.fg,
-        icon: v0.muted.critical.enabled.muted.fg,
-      },
-    },
-    kbd: {
-      bg: v0.muted.default.enabled.bg,
-      fg: v0.muted.default.enabled.fg,
-      border: v0.muted.default.enabled.border,
-    },
-    muted: {
-      ...v0.muted.default.enabled.muted,
-      bg: state.bg2 || state.bg,
-    },
-    skeleton: {
-      from: state.skeleton?.from || state.border,
-      to: state.skeleton?.to || state.border,
-    },
-  }
-}
-
-function inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorInputMode_v2 {
-  return {
-    enabled: inputStateThemeColor_v0_v2(states.enabled),
-    disabled: inputStateThemeColor_v0_v2(states.disabled),
-    readOnly: inputStateThemeColor_v0_v2(states.readOnly),
-    hovered: inputStateThemeColor_v0_v2(states.hovered),
-  }
-}
-
-function inputStateThemeColor_v0_v2(state: ThemeColorInputState): ThemeColorInputState_v2 {
-  return {
-    bg: state.bg,
-    border: state.border,
-    fg: state.fg,
-    muted: {
-      bg: state.bg2,
-    },
-    placeholder: state.placeholder,
-  }
-}

package/src/theme/versioning/themeColor_v2_v2_9.ts

@@ -1,49 +0,0 @@
-import type {ThemeColorCard_v2} from '../v2'
-
-/**
- * Apply `neutral` and `suggest` if they're not already part of the color object,
- * as this was introduced in v2.9, but is not compatible with v2.0.
- *
- * @param color - The color object to upgrade
- * @returns The upgraded color object. Returns as-is if already upgraded.
- * @internal
- */
-export function themeColor_v0_v2_9(color: ThemeColorCard_v2): ThemeColorCard_v2 {
-  if ('neutral' in color.badge) {
-    return color // Already at >= v2.9
-  }
-
-  // TypeScript narrows to `never` because the above should always be true
-  const colors = color as ThemeColorCard_v2
-
-  return {
-    ...colors,
-    badge: {
-      ...colors.badge,
-      neutral: colors.badge.default,
-      suggest: colors.badge.primary,
-    },
-    button: {
-      bleed: {
-        ...colors.button.bleed,
-        neutral: colors.button.bleed.default,
-        suggest: colors.button.bleed.primary,
-      },
-      default: {
-        ...colors.button.default,
-        neutral: colors.button.default.default,
-        suggest: colors.button.default.primary,
-      },
-      ghost: {
-        ...colors.button.ghost,
-        neutral: colors.button.ghost.default,
-        suggest: colors.button.ghost.primary,
-      },
-    },
-    selectable: {
-      ...colors.selectable,
-      neutral: colors.selectable.default,
-      suggest: colors.selectable.primary,
-    },
-  }
-}

package/src/theme/versioning/themeColor_v3_v2.ts

@@ -1,383 +0,0 @@
-import {
-  THEME_COLOR_BUTTON_MODES,
-  THEME_COLOR_INPUT_MODES,
-  THEME_COLOR_INPUT_STATES,
-  THEME_COLOR_STATE_TONES,
-  THEME_COLOR_STATES,
-  type ThemeColorBadge_v2,
-  type ThemeColorButton_v2,
-  type ThemeColorButtonMode_v2,
-  type ThemeColorButtonTone_v2,
-  type ThemeColorCard_v2,
-  type ThemeColorInput_v2,
-  type ThemeColorInputMode_v2,
-  type ThemeColorInputState_v2,
-  type ThemeColorSelectable_v2,
-  type ThemeColorSelectableTone_v2,
-  type ThemeColorState_v2,
-  type ThemeColorStateKey,
-  type ThemeColorStateToneKey,
-} from '../v2'
-import {
-  _parseColorToken,
-  type ColorToken,
-  type ColorValue,
-  type Hue,
-  type ThemeColorCard_v3,
-  type ThemeColorElement,
-  type ThemeColorVariantKey,
-  type ThemePalette_v3,
-} from '../v3'
-
-function renderColor(colorToken: ColorToken, options: {defaultHue: Hue; palette: ThemePalette_v3}) {
-  const {defaultHue, palette} = options
-
-  const color = _parseColorToken(colorToken, {defaultHue})
-
-  if (color.type === 'color') {
-    return palette[color.name].hex
-  }
-
-  if (color.type === 'tint') {
-    return palette.hues[color.hue][color.tint].hex
-  }
-
-  return '#000'
-}
-
-export function themeColor_v3_v2(options: {
-  color: ThemeColorCard_v3
-  dark: boolean
-  palette: ThemePalette_v3
-}): ThemeColorCard_v2 {
-  const {color, dark, palette} = options
-
-  const i = dark ? 1 : 0
-
-  const defaultHue = color._hue
-
-  const colorOptions = {defaultHue, palette}
-
-  return {
-    _blend: 'screen',
-    _dark: dark,
-    ...buildColorState({
-      cardColor: color,
-      dark,
-      palette,
-      state: 'enabled',
-      tone: 'default',
-      variant: 'tinted',
-    }),
-
-    backdrop: renderColor(color.backdrop[i], colorOptions),
-    button: THEME_COLOR_BUTTON_MODES.reduce<ThemeColorButton_v2>((modes, mode) => {
-      modes[mode] = THEME_COLOR_STATE_TONES.reduce<ThemeColorButtonMode_v2>((tones, tone) => {
-        tones[tone] = THEME_COLOR_STATES.reduce<ThemeColorButtonTone_v2>((states, state) => {
-          states[state] = buildColorState({
-            cardColor: color,
-            dark,
-            palette,
-            state,
-            tone,
-            variant: mode === 'default' ? 'solid' : 'tinted',
-          })
-
-          if (mode === 'bleed') {
-            states[state].border = 'transparent'
-          }
-
-          return states
-        }, {} as ThemeColorButtonTone_v2)
-
-        return tones
-      }, {} as ThemeColorButtonMode_v2)
-
-      return modes
-    }, {} as ThemeColorButton_v2),
-
-    focusRing: renderColor(color.focusRing[i], colorOptions),
-    input: THEME_COLOR_INPUT_MODES.reduce<ThemeColorInput_v2>((modes, mode) => {
-      modes[mode] = THEME_COLOR_INPUT_STATES.reduce<ThemeColorInputMode_v2>((states, state) => {
-        states[state] = buildInputState(color.variant.tinted.default, {
-          dark,
-          defaultHue,
-          palette,
-        })
-
-        return states
-      }, {} as ThemeColorInputMode_v2)
-
-      return modes
-    }, {} as ThemeColorInput_v2),
-    selectable: THEME_COLOR_STATE_TONES.reduce<ThemeColorSelectable_v2>((tones, tone) => {
-      tones[tone] = THEME_COLOR_STATES.reduce<ThemeColorSelectableTone_v2>((states, state) => {
-        states[state] = buildColorState({
-          cardColor: color,
-          dark,
-          palette,
-          state,
-          tone,
-          variant: 'tinted',
-        })
-
-        return states
-      }, {} as ThemeColorSelectableTone_v2)
-
-      return tones
-    }, {} as ThemeColorSelectable_v2),
-
-    shadow: {
-      outline: renderColor(color.shadow.outline[i], colorOptions),
-      umbra: renderColor(color.shadow.umbra[i], colorOptions),
-      penumbra: renderColor(color.shadow.penumbra[i], colorOptions),
-      ambient: renderColor(color.shadow.ambient[i], colorOptions),
-    },
-
-    syntax: {
-      atrule: renderColor(color.code.token.atrule[i], colorOptions),
-      attrName: renderColor(color.code.token.attrName[i], colorOptions),
-      attrValue: renderColor(color.code.token.attrValue[i], colorOptions),
-      attribute: renderColor(color.code.token.attribute[i], colorOptions),
-      boolean: renderColor(color.code.token.boolean[i], colorOptions),
-      builtin: renderColor(color.code.token.builtin[i], colorOptions),
-      cdata: renderColor(color.code.token.cdata[i], colorOptions),
-      char: renderColor(color.code.token.char[i], colorOptions),
-      class: renderColor(color.code.token.class[i], colorOptions),
-      className: renderColor(color.code.token.className[i], colorOptions),
-      comment: renderColor(color.code.token.comment[i], colorOptions),
-      constant: renderColor(color.code.token.constant[i], colorOptions),
-      deleted: renderColor(color.code.token.deleted[i], colorOptions),
-      doctype: renderColor(color.code.token.doctype[i], colorOptions),
-      entity: renderColor(color.code.token.entity[i], colorOptions),
-      function: renderColor(color.code.token.function[i], colorOptions),
-      hexcode: renderColor(color.code.token.hexcode[i], colorOptions),
-      id: renderColor(color.code.token.id[i], colorOptions),
-      important: renderColor(color.code.token.important[i], colorOptions),
-      inserted: renderColor(color.code.token.inserted[i], colorOptions),
-      keyword: renderColor(color.code.token.keyword[i], colorOptions),
-      number: renderColor(color.code.token.number[i], colorOptions),
-      operator: renderColor(color.code.token.operator[i], colorOptions),
-      prolog: renderColor(color.code.token.prolog[i], colorOptions),
-      property: renderColor(color.code.token.property[i], colorOptions),
-      pseudoClass: renderColor(color.code.token.pseudoClass[i], colorOptions),
-      pseudoElement: renderColor(color.code.token.pseudoElement[i], colorOptions),
-      punctuation: renderColor(color.code.token.punctuation[i], colorOptions),
-      regex: renderColor(color.code.token.regex[i], colorOptions),
-      selector: renderColor(color.code.token.selector[i], colorOptions),
-      string: renderColor(color.code.token.string[i], colorOptions),
-      symbol: renderColor(color.code.token.symbol[i], colorOptions),
-      tag: renderColor(color.code.token.tag[i], colorOptions),
-      unit: renderColor(color.code.token.unit[i], colorOptions),
-      url: renderColor(color.code.token.url[i], colorOptions),
-      variable: renderColor(color.code.token.variable[i], colorOptions),
-    },
-  }
-}
-
-type ElementTokenIndex = 0 | 1 | 2 | 3 | 4
-
-const stateShades: Record<
-  ThemeColorStateKey,
-  {
-    bg: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]
-    border: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]
-    fg: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]
-  }
-> = {
-  enabled: {
-    bg: [0, 1, 2],
-    border: [0, 1, 2],
-    fg: [0, 1, 2],
-  },
-  hovered: {
-    bg: [1, 2, 3],
-    border: [1, 2, 3],
-    fg: [1, 2, 3],
-  },
-  pressed: {
-    bg: [2, 3, 4],
-    border: [2, 3, 4],
-    fg: [2, 3, 4],
-  },
-  selected: {
-    bg: [3, 4, 4],
-    border: [3, 4, 4],
-    fg: [3, 4, 4],
-  },
-  disabled: {
-    bg: [4, 4, 4],
-    border: [4, 4, 4],
-    fg: [4, 4, 4],
-  },
-}
-
-function mix(
-  tokens: {
-    0: ColorValue
-    4: ColorValue
-  },
-  index: ElementTokenIndex,
-  options: {
-    dark: boolean
-    defaultHue: Hue
-    palette: ThemePalette_v3
-  },
-) {
-  const {dark, defaultHue, palette} = options
-  const colorOptions = {defaultHue, palette}
-  const i = dark ? 1 : 0
-
-  const from = renderColor(tokens[0][i], colorOptions)
-  const to = renderColor(tokens[4][i], colorOptions)
-
-  if (index === 0) {
-    return from
-  }
-
-  if (index === 4) {
-    return to
-  }
-
-  return `color-mix(in oklch, ${from}, ${to} ${index * 25}%)`
-}
-
-function buildColorState(options: {
-  cardColor: ThemeColorCard_v3
-  dark: boolean
-  palette: ThemePalette_v3
-  state: ThemeColorStateKey
-  tone: ThemeColorStateToneKey
-  variant: ThemeColorVariantKey
-}): ThemeColorState_v2 {
-  const {cardColor, dark, palette, state, tone, variant} = options
-  const color = cardColor.variant[variant][tone]
-
-  const shades = stateShades[state]
-
-  const defaultHue = cardColor._hue
-  const colorOptions = {defaultHue, palette}
-
-  const i = dark ? 1 : 0
-
-  // cardColor.avatar.blue.bg
-
-  return {
-    accent: {
-      fg: renderColor(color.fg[4][i], colorOptions),
-    },
-
-    avatar: {
-      gray: {
-        bg: renderColor(cardColor.avatar.gray.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.gray.fg[i], colorOptions),
-      },
-      blue: {
-        bg: renderColor(cardColor.avatar.blue.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.blue.fg[i], colorOptions),
-      },
-      purple: {
-        bg: renderColor(cardColor.avatar.purple.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.purple.fg[i], colorOptions),
-      },
-      magenta: {
-        bg: renderColor(cardColor.avatar.magenta.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.magenta.fg[i], colorOptions),
-      },
-      red: {
-        bg: renderColor(cardColor.avatar.red.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.red.fg[i], colorOptions),
-      },
-      orange: {
-        bg: renderColor(cardColor.avatar.orange.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.orange.fg[i], colorOptions),
-      },
-      yellow: {
-        bg: renderColor(cardColor.avatar.yellow.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.yellow.fg[i], colorOptions),
-      },
-      green: {
-        bg: renderColor(cardColor.avatar.green.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.green.fg[i], colorOptions),
-      },
-      cyan: {
-        bg: renderColor(cardColor.avatar.cyan.bg[i], colorOptions),
-        fg: renderColor(cardColor.avatar.cyan.fg[i], colorOptions),
-      },
-    },
-
-    // avatar: cardColor.avatar,
-    badge: THEME_COLOR_STATE_TONES.reduce<ThemeColorBadge_v2>((tones, tone) => {
-      tones[tone] = {
-        bg: mix(color.bg, 1, {dark, defaultHue, palette}),
-
-        fg: mix(color.fg, 1, {dark, defaultHue, palette}),
-
-        dot: mix(color.fg, 3, {dark, defaultHue, palette}),
-
-        icon: mix(color.fg, 3, {dark, defaultHue, palette}),
-      }
-
-      return tones
-    }, {} as ThemeColorBadge_v2),
-
-    bg: mix(color.bg, shades.bg[0], {dark, defaultHue, palette}),
-
-    border: mix(color.border, shades.border[0], {dark, defaultHue, palette}),
-
-    fg: mix(color.fg, shades.fg[0], {dark, defaultHue, palette}),
-    code: {
-      bg: mix(color.bg, shades.bg[1], {dark, defaultHue, palette}),
-
-      fg: mix(color.fg, shades.fg[2], {dark, defaultHue, palette}),
-    },
-
-    icon: mix(color.fg, shades.fg[2], {dark, defaultHue, palette}),
-    kbd: {
-      bg: mix(color.bg, 0, {dark, defaultHue, palette}),
-
-      fg: mix(color.fg, 0, {dark, defaultHue, palette}),
-
-      border: mix(color.bg, 0, {dark, defaultHue, palette}),
-    },
-    link: {
-      fg: mix(color.fg, shades.fg[2], {dark, defaultHue, palette}),
-    },
-    muted: {
-      bg: mix(color.bg, shades.bg[1], {dark, defaultHue, palette}),
-
-      fg: mix(color.fg, shades.fg[2], {dark, defaultHue, palette}),
-    },
-
-    skeleton: {
-      from: renderColor(cardColor.skeleton.from[i], colorOptions),
-      to: renderColor(cardColor.skeleton.to[i], colorOptions),
-    },
-  }
-}
-
-function buildInputState(
-  colorElement: ThemeColorElement,
-  options: {
-    dark: boolean
-    defaultHue: Hue
-    palette: ThemePalette_v3
-  },
-): ThemeColorInputState_v2 {
-  const {dark, defaultHue, palette} = options
-  const colorOptions = {defaultHue, palette}
-  const i = dark ? 1 : 0
-
-  return {
-    bg: renderColor(colorElement.bg[0][i], colorOptions),
-
-    border: renderColor(colorElement.bg[0][i], colorOptions),
-
-    fg: renderColor(colorElement.fg[0][i], colorOptions),
-    muted: {
-      bg: renderColor(colorElement.bg[0][i], colorOptions),
-    },
-
-    placeholder: renderColor(colorElement.fg[0][i], colorOptions),
-  }
-}