@sanity/ui 3.0.0-static.1 → 3.0.0-static.2

package/src/theme/build/resolveColorTokens.ts

@@ -1,30 +1,33 @@
-import {ColorHueKey} from '@sanity/color'
+import {COLOR_HUES, ColorHueKey} from '@sanity/color'
+
 import {
   ColorConfigCardTone,
   ColorConfigInputMode,
   ColorConfigInputState,
   ColorConfigStateTone,
+  ThemeColorAvatarTokens,
+  ThemeColorBadgeTokens,
   ThemeColorBaseTokens,
   ThemeColorButtonTokens,
   ThemeColorInputStateTokens,
   ThemeColorInputTokens,
-  ThemeColorStateTokens,
   ThemeColorStatesTokens,
+  ThemeColorStateTokens,
   ThemeColorTokens,
 } from '../config'
 import {defaultColorTokens} from '../defaults/colorTokens'
 import {
-  THEME_COLOR_CARD_TONES,
   THEME_COLOR_BUTTON_MODES,
+  THEME_COLOR_CARD_TONES,
   THEME_COLOR_INPUT_MODES,
   THEME_COLOR_INPUT_STATES,
-  THEME_COLOR_STATES,
   THEME_COLOR_STATE_TONES,
-  ThemeColorCardToneKey,
+  THEME_COLOR_STATES,
   ThemeColorButtonModeKey,
+  ThemeColorCardToneKey,
   ThemeColorStateKey,
   ThemeColorStateToneKey,
-} from '../system'
+} from '../v2'
 import {merge} from './merge'
 
 /**
@@ -64,44 +67,22 @@ function resolveBaseColorTones(
   return {
     ...spec,
     _hue: hue,
-    avatar: {
-      gray: merge({_hue: 'gray'}, spec.avatar?.['*'], spec.avatar?.gray),
-      blue: merge({_hue: 'blue'}, spec.avatar?.['*'], spec.avatar?.blue),
-      purple: merge({_hue: 'purple'}, spec.avatar?.['*'], spec.avatar?.purple),
-      magenta: merge({_hue: 'magenta'}, spec.avatar?.['*'], spec.avatar?.magenta),
-      red: merge({_hue: 'red'}, spec.avatar?.['*'], spec.avatar?.red),
-      orange: merge({_hue: 'orange'}, spec.avatar?.['*'], spec.avatar?.orange),
-      yellow: merge({_hue: 'yellow'}, spec.avatar?.['*'], spec.avatar?.yellow),
-      green: merge({_hue: 'green'}, spec.avatar?.['*'], spec.avatar?.green),
-      cyan: merge({_hue: 'cyan'}, spec.avatar?.['*'], spec.avatar?.cyan),
-    },
-    badge: {
-      default: {
-        _hue: inputTokens?.base?.default?._hue || hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.default,
-      },
-      primary: {
-        _hue: inputTokens?.base?.primary?._hue || hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.primary,
-      },
-      positive: {
-        _hue: inputTokens?.base?.positive?._hue || hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.positive,
-      },
-      caution: {
-        _hue: inputTokens?.base?.caution?._hue || hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.caution,
-      },
-      critical: {
-        _hue: inputTokens?.base?.critical?._hue || hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.critical,
-      },
-    },
+    avatar: COLOR_HUES.reduce((acc, hue) => {
+      return {
+        ...acc,
+        [hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
+      }
+    }, {} as ThemeColorAvatarTokens),
+    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
+      return {
+        ...acc,
+        [tone]: {
+          _hue: inputTokens?.base?.[tone]?._hue || hue,
+          ...spec.badge?.['*'],
+          ...spec.badge?.[tone],
+        },
+      }
+    }, {} as ThemeColorBadgeTokens),
   }
 }
 
@@ -162,44 +143,22 @@ function resolveButtonStateColorTokens(
   return {
     ...spec,
     _hue: hue,
-    avatar: {
-      gray: merge({_hue: 'gray'}, spec.avatar?.['*'], spec.avatar?.gray),
-      blue: merge({_hue: 'blue'}, spec.avatar?.['*'], spec.avatar?.blue),
-      purple: merge({_hue: 'purple'}, spec.avatar?.['*'], spec.avatar?.purple),
-      magenta: merge({_hue: 'magenta'}, spec.avatar?.['*'], spec.avatar?.magenta),
-      red: merge({_hue: 'red'}, spec.avatar?.['*'], spec.avatar?.red),
-      orange: merge({_hue: 'orange'}, spec.avatar?.['*'], spec.avatar?.orange),
-      yellow: merge({_hue: 'yellow'}, spec.avatar?.['*'], spec.avatar?.yellow),
-      green: merge({_hue: 'green'}, spec.avatar?.['*'], spec.avatar?.green),
-      cyan: merge({_hue: 'cyan'}, spec.avatar?.['*'], spec.avatar?.cyan),
-    },
-    badge: {
-      default: {
-        _hue: inputTokens?.base?.default?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.default,
-      },
-      primary: {
-        _hue: inputTokens?.base?.primary?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.primary,
-      },
-      positive: {
-        _hue: inputTokens?.base?.positive?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.positive,
-      },
-      caution: {
-        _hue: inputTokens?.base?.caution?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.caution,
-      },
-      critical: {
-        _hue: inputTokens?.base?.critical?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.critical,
-      },
-    },
+    avatar: COLOR_HUES.reduce((acc, hue) => {
+      return {
+        ...acc,
+        [hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
+      }
+    }, {} as ThemeColorAvatarTokens),
+    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
+      return {
+        ...acc,
+        [tone]: {
+          _hue: inputTokens?.base?.[tone]?._hue || hue,
+          ...spec.badge?.['*'],
+          ...spec.badge?.[tone],
+        },
+      }
+    }, {} as ThemeColorBadgeTokens),
   }
 }
 
@@ -289,43 +248,21 @@ function resolveSelectableStateColorTokens(
   return {
     ...spec,
     _hue: hue,
-    avatar: {
-      gray: merge({_hue: 'gray'}, spec.avatar?.['*'], spec.avatar?.gray),
-      blue: merge({_hue: 'blue'}, spec.avatar?.['*'], spec.avatar?.blue),
-      purple: merge({_hue: 'purple'}, spec.avatar?.['*'], spec.avatar?.purple),
-      magenta: merge({_hue: 'magenta'}, spec.avatar?.['*'], spec.avatar?.magenta),
-      red: merge({_hue: 'red'}, spec.avatar?.['*'], spec.avatar?.red),
-      orange: merge({_hue: 'orange'}, spec.avatar?.['*'], spec.avatar?.orange),
-      yellow: merge({_hue: 'yellow'}, spec.avatar?.['*'], spec.avatar?.yellow),
-      green: merge({_hue: 'green'}, spec.avatar?.['*'], spec.avatar?.green),
-      cyan: merge({_hue: 'cyan'}, spec.avatar?.['*'], spec.avatar?.cyan),
-    },
-    badge: {
-      default: {
-        _hue: inputTokens?.base?.default?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.default,
-      },
-      primary: {
-        _hue: inputTokens?.base?.primary?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.primary,
-      },
-      positive: {
-        _hue: inputTokens?.base?.positive?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.positive,
-      },
-      caution: {
-        _hue: inputTokens?.base?.caution?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.caution,
-      },
-      critical: {
-        _hue: inputTokens?.base?.critical?._hue,
-        ...spec.badge?.['*'],
-        ...spec.badge?.critical,
-      },
-    },
+    avatar: COLOR_HUES.reduce((acc, hue) => {
+      return {
+        ...acc,
+        [hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
+      }
+    }, {} as ThemeColorAvatarTokens),
+    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
+      return {
+        ...acc,
+        [tone]: {
+          _hue: inputTokens?.base?.[tone]?._hue || hue,
+          ...spec.badge?.['*'],
+          ...spec.badge?.[tone],
+        },
+      }
+    }, {} as ThemeColorBadgeTokens),
   }
 }

package/src/theme/config/helpers.ts

@@ -1,12 +1,12 @@
 import {
+  COLOR_CONFIG_BLEND_KEYS,
   COLOR_CONFIG_CARD_KEYS,
   COLOR_CONFIG_CARD_TONES,
-  COLOR_CONFIG_BLEND_KEYS,
   COLOR_CONFIG_STATE_KEYS,
   COLOR_CONFIG_STATE_TONES,
+  ColorConfigBlendKey,
   ColorConfigCardKey,
   ColorConfigCardTone,
-  ColorConfigBlendKey,
   ColorConfigOpacityValue,
   ColorConfigStateKey,
   ColorConfigStateTone,

package/src/theme/config/system.ts

@@ -1,13 +1,14 @@
 import {ColorHueKey, ColorTintKey} from '@sanity/color'
+
 import {
   THEME_COLOR_AVATAR_COLORS,
   THEME_COLOR_CARD_TONES,
   THEME_COLOR_INPUT_MODES,
   THEME_COLOR_INPUT_STATES,
-  THEME_COLOR_STATES,
   THEME_COLOR_STATE_TONES,
+  THEME_COLOR_STATES,
   ThemeColorBlendModeKey,
-} from '../system'
+} from '../v2'
 
 /** @public */
 export const COLOR_CONFIG_STATE_KEYS = [

package/src/theme/config/tokens/color/types.ts

@@ -1,5 +1,6 @@
 import {ColorHueKey} from '@sanity/color'
-import {ThemeColorSyntax, ThemeColorButtonModeKey} from '../../../system'
+
+import {ThemeColorButtonModeKey, ThemeColorStateToneKey, ThemeColorSyntax} from '../../../v2'
 import {
   ColorBlendModeTokenValue,
   ColorConfigCardTone,
@@ -32,15 +33,6 @@ export interface ThemeColorAvatarTokens {
   'cyan'?: ThemeColorAvatarHueTokens
 }
 
-/** @public */
-export interface ThemeColorBadgeTokens {
-  _hue?: ColorHueKey
-  bg?: ThemeColorTokenValue
-  fg?: ThemeColorTokenValue
-  dot?: ThemeColorTokenValue
-  icon?: ThemeColorTokenValue
-}
-
 /** @public */
 export interface ThemeColorBaseTokens extends ThemeColorStateTokens {
   focusRing?: ThemeColorTokenValue
@@ -64,14 +56,9 @@ export interface ThemeColorBadgeToneTokens {
 }
 
 /** @public */
-export interface ThemeColorBadgeTokens {
-  '*'?: ThemeColorBadgeToneTokens
-  'default'?: ThemeColorBadgeToneTokens
-  'primary'?: ThemeColorBadgeToneTokens
-  'positive'?: ThemeColorBadgeToneTokens
-  'caution'?: ThemeColorBadgeToneTokens
-  'critical'?: ThemeColorBadgeToneTokens
-}
+export type ThemeColorBadgeTokens = Partial<
+  Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>
+>
 
 /** @public */
 export interface ThemeColorStateTokens {

package/src/theme/config/tokens/parseTokenKey.ts

@@ -1,4 +1,4 @@
-import {isColorButtonMode} from '../../system'
+import {isColorButtonMode} from '../../v2'
 import {
   isColorConfigBaseKey,
   isColorConfigBaseTone,

package/src/theme/config/tokens/parseTokenValue.ts

@@ -1,4 +1,4 @@
-import {isColorBlendModeValue, isColorHueKey, isColorTintKey} from '../../system'
+import {isColorBlendModeValue, isColorHueKey, isColorTintKey} from '../../v2'
 import {isColorOpacityValue, isColorValue} from '../helpers'
 import {TokenValueNode} from './types'
 

package/src/theme/config/tokens/types.ts

@@ -1,9 +1,10 @@
 import {ColorHueKey, ColorTintKey} from '@sanity/color'
-import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from '../../system'
+
+import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from '../../v2'
 import {
+  ColorConfigBlendKey,
   ColorConfigCardKey,
   ColorConfigCardTone,
-  ColorConfigBlendKey,
   ColorConfigStateKey,
   ColorConfigStateTone,
 } from '../system'

package/src/theme/config/types.ts

@@ -1,14 +1,14 @@
 import {ColorHueKey, ColorTint as ColorPaletteValue, ColorTintKey} from '@sanity/color'
+
 import {
-  ThemeAvatar_v2,
   ThemeFocusRing,
-  ThemeFontWeightKey,
   ThemeFonts,
-  ThemeInput_v2,
+  ThemeFontWeightKey,
   ThemeLayer,
   ThemeShadow,
   ThemeStyles,
-} from '../system'
+} from '../v0'
+import {ThemeAvatar_v2, ThemeInput_v2} from '../v2'
 import {ThemeColorTokens} from './tokens'
 
 /** @public */

package/src/theme/defaults/colorTokens.ts

@@ -74,6 +74,7 @@ export const defaultColorTokens: ThemeColorTokens = {
       },
     },
     'primary': {_hue: 'blue'},
+    'suggest': {_hue: 'purple'},
     'positive': {
       _hue: 'green',
       shadow: {outline: ['500/0.4', '500/0.4']},
@@ -133,7 +134,7 @@ export const defaultColorTokens: ThemeColorTokens = {
           },
         },
         'hovered': {
-          bg: ['700', '300'],
+          bg: ['600', '300'],
           border: ['700/0', '300/0'],
         },
         'pressed': {
@@ -260,11 +261,11 @@ export const defaultColorTokens: ThemeColorTokens = {
           fg: ['700', '300'],
         },
         'pressed': {
-          bg: ['100', '900'],
+          bg: ['200', '800'],
           fg: ['800', '200'],
         },
         'selected': {
-          bg: ['100', '900'],
+          bg: ['200', '800'],
           fg: ['800', '200'],
         },
         'disabled': {
@@ -368,7 +369,8 @@ export const defaultColorTokens: ThemeColorTokens = {
         },
         'hovered': {
           bg: ['50', '950'],
-          icon: ['700 70%', '400 70%'],
+          fg: ['800', '200'],
+          icon: ['800 70%', '300 70%'],
         },
         'pressed': {
           bg: ['100', '900'],

package/src/theme/defaults/config.ts

@@ -1,4 +1,4 @@
-import {RootTheme_v2} from '../system'
+import {RootTheme_v2} from '../v2'
 
 const BORDER_WIDTH = 1
 const OUTLINE_WIDTH = 0.5
@@ -31,7 +31,7 @@ export const defaultThemeConfig: Omit<RootTheme_v2, 'color' | 'font'> = {
     popover: {zOffset: 400},
     tooltip: {zOffset: 200},
   },
-  radius: [0, 1, 5, 9, 13, 21, 33],
+  radius: [0, 1, 5, 9, 13, 17, 25, 45, 77, 129],
   shadow: [
     null,
     {umbra: [0, 0, 0, 0], penumbra: [0, 0, 0, 0], ambient: [0, 0, 0, 0]},

package/src/theme/defaults/fonts.ts

@@ -1,4 +1,4 @@
-import {ThemeFonts} from '../system'
+import {ThemeFonts} from '../v0'
 
 export const defaultThemeFonts: ThemeFonts = {
   code: {
@@ -55,11 +55,12 @@ export const defaultThemeFonts: ThemeFonts = {
   heading: {
     family:
       'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
+    featureSettings: `'liga' 1, 'calt' 1, 'ss01' 1, 'ss03' 1, 'zero' 1`,
     weights: {
-      regular: 700,
-      medium: 800,
-      semibold: 900,
-      bold: 900,
+      regular: 400,
+      medium: 500,
+      semibold: 600,
+      bold: 700,
     },
     sizes: [
       {
@@ -84,7 +85,7 @@ export const defaultThemeFonts: ThemeFonts = {
         fontSize: 21,
         iconSize: 33,
         lineHeight: 29,
-        letterSpacing: 0,
+        letterSpacing: -0.25,
       },
       {
         ascenderHeight: 8,
@@ -92,7 +93,7 @@ export const defaultThemeFonts: ThemeFonts = {
         fontSize: 27,
         iconSize: 41,
         lineHeight: 35,
-        letterSpacing: 0,
+        letterSpacing: -0.5,
       },
       {
         ascenderHeight: 9.5,
@@ -100,7 +101,7 @@ export const defaultThemeFonts: ThemeFonts = {
         fontSize: 33,
         iconSize: 49,
         lineHeight: 41,
-        letterSpacing: 0,
+        letterSpacing: -1,
       },
       {
         ascenderHeight: 10.5,
@@ -108,7 +109,7 @@ export const defaultThemeFonts: ThemeFonts = {
         fontSize: 38,
         iconSize: 53,
         lineHeight: 47,
-        letterSpacing: 0,
+        letterSpacing: -1,
       },
     ],
   },
@@ -116,10 +117,10 @@ export const defaultThemeFonts: ThemeFonts = {
     family:
       'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',
     weights: {
-      regular: 600,
-      medium: 700,
-      semibold: 800,
-      bold: 900,
+      regular: 500,
+      medium: 600,
+      semibold: 700,
+      bold: 800,
     },
     sizes: [
       {
@@ -131,8 +132,8 @@ export const defaultThemeFonts: ThemeFonts = {
         letterSpacing: 0.5,
       },
       {
-        ascenderHeight: 2,
-        descenderHeight: 2,
+        ascenderHeight: 1.5,
+        descenderHeight: 2.5,
         fontSize: 9.5,
         iconSize: 15,
         lineHeight: 11,
@@ -155,8 +156,8 @@ export const defaultThemeFonts: ThemeFonts = {
         letterSpacing: 0.5,
       },
       {
-        ascenderHeight: 2,
-        descenderHeight: 2,
+        ascenderHeight: 1.5,
+        descenderHeight: 2.5,
         fontSize: 13.6,
         iconSize: 21,
         lineHeight: 14,

package/src/theme/getScopedTheme.ts

@@ -1,6 +1,11 @@
 import {defaultThemeConfig} from './defaults/config'
-import {RootTheme, RootTheme_v2, Theme, ThemeColorCardToneKey, ThemeColorSchemeKey} from './system'
-import {is_v2, v0_v2, v2_v0} from './versioning'
+import {RootTheme, Theme} from './types'
+import {ThemeColor} from './v0'
+import {RootTheme_v2, ThemeColorCardToneKey, ThemeColorSchemeKey} from './v2'
+import {is_v2} from './versioning/is_v2'
+import {themeColor_v0_v2_9} from './versioning/themeColor_v2_v2_9'
+import {v0_v2} from './versioning/v0_v2'
+import {v2_v0} from './versioning/v2_v0'
 
 // cache[scheme][tone][rootTheme] = theme
 const cache = new Map<
@@ -22,11 +27,12 @@ export function getScopedTheme(
   const v2 = is_v2(themeProp) ? themeProp : v0_v2(themeProp)
 
   const colorScheme_v0 = v0.color[scheme] || v0.color.light
-  const color_v0 = colorScheme_v0[tone] || colorScheme_v0.default
+  const color_v0 = (colorScheme_v0 as Record<string, ThemeColor>)[tone] || colorScheme_v0.default
   const layer_v0 = v0.layer || defaultThemeConfig.layer
 
   const colorScheme_v2 = v2.color[scheme] || v2.color.light
   const color_v2 = colorScheme_v2[tone] || colorScheme_v2.default
+  const color_v2_9 = themeColor_v0_v2_9(color_v2)
   const layer_v2 = v2.layer || defaultThemeConfig.layer
 
   const theme: Theme = {
@@ -37,7 +43,7 @@ export function getScopedTheme(
       v2: {
         ...v2,
         _resolved: true,
-        color: color_v2,
+        color: color_v2_9,
         layer: layer_v2,
       },
     },

package/src/theme/index.ts

@@ -1,5 +1,11 @@
+export * from './_constants'
+export * from './_types'
 export * from './build'
 export * from './config'
 export * from './getScopedTheme'
-export * from './system'
+export * from './palette'
+export * from './types'
+export * from './v0'
+export * from './v2'
+export * from './v3'
 export * from './versioning'

package/src/theme/palette/constants.ts

@@ -0,0 +1,15 @@
+export const HUES = [
+  'gray',
+  'blue',
+  'purple',
+  'magenta',
+  'red',
+  'orange',
+  'yellow',
+  'green',
+  'cyan',
+] as const
+
+export const TINTS = [
+  50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950,
+] as const

package/src/theme/palette/index.ts

@@ -0,0 +1,2 @@
+export * from './constants'
+export * from './types'

package/src/theme/palette/types.ts

@@ -0,0 +1,16 @@
+import {type HUES, type TINTS} from './constants'
+
+export type Hue = (typeof HUES)[number]
+export type Tint = (typeof TINTS)[number]
+
+export type PaletteConfig = {
+  chroma: {
+    min: number
+    max: number
+  }
+  luminosity: {
+    min: number
+    max: number
+  }
+  hues: Record<Hue, {h: number; c: number}>
+}

package/src/theme/types.ts

@@ -0,0 +1,32 @@
+import {ThemeColor} from './v0'
+import {RootTheme_v0} from './v0/theme'
+import {RootTheme_v2, Theme_v2} from './v2/theme'
+import {Theme_v3} from './v3'
+
+/**
+ * @public
+ */
+export interface RootTheme extends RootTheme_v0 {
+  v2?: RootTheme_v2
+  v3?: Theme_v3
+}
+
+/**
+ * @public
+ */
+export type BaseTheme = RootTheme
+
+/**
+ * Used for the `theme` prop in `styled-components`’s `ThemeProvider`.
+ *
+ * @public
+ */
+export interface Theme {
+  sanity: Omit<RootTheme, 'color' | 'v2'> & {
+    /**
+     * @deprecated Use `v2.color` instead
+     */
+    color: ThemeColor
+    v2?: Theme_v2
+  }
+}

package/src/theme/{system/v0 → v0}/color/_generic.ts

@@ -1,4 +1,4 @@
-import {ThemeColorBlendModeKey} from '../../color/_system'
+import {ThemeColorBlendModeKey} from '../../v2/color/_system'
 
 /**
  * @public

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

@@ -0,0 +1,17 @@
+/**
+ * @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 → v0}/color/color.ts

@@ -1,5 +1,6 @@
-import {ThemeColorCardToneKey, ThemeColorSchemeKey, ThemeColorSyntax} from '../../color'
+import {ThemeColorSchemeKey, ThemeColorSyntax} from '../../v2/color'
 import {ThemeColorGenericState} from './_generic'
+import {ThemeColorName} from './_system'
 import {ThemeColorBase} from './base'
 import {ThemeColorButton} from './button'
 import {ThemeColorCard} from './card'
@@ -30,7 +31,7 @@ export interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'
  * @public
  * @deprecated Use `ThemeColorScheme_v2` instead.
  */
-export type ThemeColorScheme = Record<ThemeColorCardToneKey, ThemeColor>
+export type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
 
 /**
  * @public

package/src/theme/{system/v0 → v0}/color/input.ts

@@ -1,4 +1,4 @@
-import {ThemeColorBlendModeKey} from '../../color/_system'
+import {ThemeColorBlendModeKey} from '../../v2/color/_system'
 
 /**
  * @public