@sanity/ui 2.0.0-beta.1 → 2.0.0-beta.3

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

@@ -1,4 +1,4 @@
-import {ThemeColorBlendModeKey} from './_system'
+import {ThemeColorBlendModeKey, ThemeColorInputModeKey, ThemeColorInputStateKey} from './_system'
 
 /**
  * @public
@@ -17,17 +17,9 @@ export interface ThemeColorInputState_v2 {
 /**
  * @public
  */
-export interface ThemeColorInputStates_v2 {
-  enabled: ThemeColorInputState_v2
-  disabled: ThemeColorInputState_v2
-  hovered: ThemeColorInputState_v2
-  readOnly: ThemeColorInputState_v2
-}
+export type ThemeColorInputMode_v2 = Record<ThemeColorInputStateKey, ThemeColorInputState_v2>
 
 /**
  * @public
  */
-export interface ThemeColorInput_v2 {
-  default: ThemeColorInputStates_v2
-  invalid: ThemeColorInputStates_v2
-}
+export type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>

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

@@ -1,23 +1,12 @@
+import {ThemeColorStateKey, ThemeColorStateToneKey} from './_system'
 import {ThemeColorState_v2} from './state'
 
 /**
  * @public
  */
-export interface ThemeColorSelectableStates_v2 {
-  enabled: ThemeColorState_v2
-  hovered: ThemeColorState_v2
-  pressed: ThemeColorState_v2
-  selected: ThemeColorState_v2
-  disabled: ThemeColorState_v2
-}
+export type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
 
 /**
  * @public
  */
-export interface ThemeColorSelectable_v2 {
-  default: ThemeColorSelectableStates_v2
-  primary: ThemeColorSelectableStates_v2
-  positive: ThemeColorSelectableStates_v2
-  caution: ThemeColorSelectableStates_v2
-  critical: ThemeColorSelectableStates_v2
-}
+export type ThemeColorSelectable_v2 = Record<ThemeColorStateToneKey, ThemeColorSelectableTone_v2>

package/src/theme/system/shadow.ts

@@ -9,12 +9,6 @@ export type ThemeBoxShadow = [
   number,
 ]
 
-/**
- * @public
- * @deprecated Use `ThemeBoxShadow` instead
- */
-export type BoxShadow = ThemeBoxShadow
-
 /**
  * @public
  */

package/src/theme/system/styles.ts

@@ -11,9 +11,3 @@ export interface ThemeStyles {
     root?: CSSObject
   }
 }
-
-/**
- * @deprecated Use `ThemeStyles` instead
- * @internal
- */
-export type Styles = ThemeStyles

package/src/theme/system/theme.ts

@@ -33,6 +33,7 @@ export interface RootTheme_v2 {
   radius: number[]
   shadow: Array<ThemeShadow | null>
   space: number[]
+  /** @internal */
   style?: ThemeStyles
 }
 
@@ -97,6 +98,7 @@ export interface BaseTheme {
    */
   space: number[]
   /**
+   * @internal
    * @deprecated Use `v2.style` instead
    */
   styles?: ThemeStyles

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

@@ -1,6 +1,6 @@
 /**
  * @public
- * @deprecated Use `ThemeAvatar_v2` instead
+ * @deprecated Use `ThemeAvatar_v2` from `@sanity/ui/theme` instead.
  */
 export interface ThemeAvatar {
   sizes: {

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

@@ -2,13 +2,13 @@ import {ThemeColorGenericState} from './_generic'
 
 /**
  * @public
- * @deprecated Use `ThemeColorGenericState` instead.
+ * @deprecated Use `ThemeColorState_v2` instead.
  */
 export type ThemeColorButtonState = ThemeColorGenericState
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorButtonStates_v2` instead.
  */
 export interface ThemeColorButtonStates {
   enabled: ThemeColorGenericState
@@ -21,7 +21,7 @@ export interface ThemeColorButtonStates {
 /**
  * TODO: Rename to `ThemeColorButtonMode`.
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorButtonTones_v2` instead.
  */
 export interface ThemeColorButtonTones {
   default: ThemeColorButtonStates
@@ -33,7 +33,7 @@ export interface ThemeColorButtonTones {
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorButton_v2` instead.
  */
 export interface ThemeColorButton {
   default: ThemeColorButtonTones

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

@@ -2,13 +2,13 @@ import {ThemeColorGenericState} from './_generic'
 
 /**
  * @public
- * @deprecated Use `ThemeColorGenericState` instead.
+ * @deprecated Use `ThemeColorState_v2` instead.
  */
 export type ThemeColorCardState = ThemeColorGenericState
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
 export interface ThemeColorCard {
   enabled: ThemeColorGenericState

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

@@ -2,7 +2,7 @@ import {ThemeColorBlendModeKey} from '../../color/_system'
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorInputState_v2` instead.
  */
 export interface ThemeColorInputState {
   _blend?: ThemeColorBlendModeKey
@@ -15,7 +15,7 @@ export interface ThemeColorInputState {
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorInputMode_v2` instead.
  */
 export interface ThemeColorInputStates {
   enabled: ThemeColorInputState
@@ -26,7 +26,7 @@ export interface ThemeColorInputStates {
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorInput_v2` instead.
  */
 export interface ThemeColorInput {
   default: ThemeColorInputStates

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

@@ -2,7 +2,7 @@ import {ThemeColorGenericState} from './_generic'
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
  */
 export interface ThemeColorMutedTone {
   enabled: ThemeColorGenericState
@@ -14,7 +14,7 @@ export interface ThemeColorMutedTone {
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
 export interface ThemeColorMuted {
   default: ThemeColorMutedTone

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

@@ -2,7 +2,7 @@ import {ThemeColorGenericState} from './_generic'
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorSelectableTone_v2` instead.
  */
 export interface ThemeColorSolidTone {
   enabled: ThemeColorGenericState
@@ -14,7 +14,7 @@ export interface ThemeColorSolidTone {
 
 /**
  * @public
- * @deprecated
+ * @deprecated Use `ThemeColorSelectable_v2` instead.
  */
 export interface ThemeColorSolid {
   default: ThemeColorSolidTone

package/src/theme/versioning/themeColor_v0_v2.ts

@@ -6,7 +6,7 @@ import {
   ThemeColorState_v2,
   ThemeColorCard_v2,
   ThemeColorInputStates,
-  ThemeColorInputStates_v2,
+  ThemeColorInputMode_v2,
   ThemeColorInputState,
   ThemeColorInputState_v2,
 } from '../system'
@@ -195,7 +195,7 @@ function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): T
   }
 }
 
-function inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorInputStates_v2 {
+function inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorInputMode_v2 {
   return {
     enabled: inputStateThemeColor_v0_v2(states.enabled),
     disabled: inputStateThemeColor_v0_v2(states.disabled),

package/src/theme/versioning/v2_v0.ts

@@ -3,10 +3,10 @@ import {
   RootTheme_v2,
   ThemeColor,
   ThemeColorCard_v2,
+  ThemeColorInputMode_v2,
   ThemeColorInputState,
   ThemeColorInputState_v2,
   ThemeColorInputStates,
-  ThemeColorInputStates_v2,
 } from '../system'
 
 const cache = new WeakMap<RootTheme_v2, RootTheme>()
@@ -106,7 +106,7 @@ function themeColor_v2_v0(color_v2: ThemeColorCard_v2): ThemeColor {
   }
 }
 
-function inputStatesThemeColor_v2_v0(t: ThemeColorInputStates_v2): ThemeColorInputStates {
+function inputStatesThemeColor_v2_v0(t: ThemeColorInputMode_v2): ThemeColorInputStates {
   return {
     enabled: inputStateThemeColor_v2_v0(t.enabled),
     disabled: inputStateThemeColor_v2_v0(t.disabled),

package/src/theme/build/colorToken.ts

@@ -1,39 +0,0 @@
-import {ColorHueKey} from '@sanity/color'
-import {ThemeColorTokenValue, parseTokenValue, TokenColorValueNode} from '../config'
-
-export interface ColorTokenContext {
-  hue: ColorHueKey
-  scheme: 'light' | 'dark'
-}
-
-const DEFAULT_COLOR_TOKEN_VALUE: ThemeColorTokenValue = ['500', '500']
-
-export function resolveColorTokenValue(
-  context: ColorTokenContext,
-  value: ThemeColorTokenValue = DEFAULT_COLOR_TOKEN_VALUE,
-): string {
-  const {hue, scheme} = context
-  const node = parseTokenValue(value[scheme === 'light' ? 0 : 1])
-
-  if (!node || node.type !== 'color') {
-    throw new Error(`Invalid color token: ${value[0]}`)
-  }
-
-  return compileColorTokenValue({...node, hue: node.hue || hue})
-}
-
-export function compileColorTokenValue(node: TokenColorValueNode): string {
-  let key = ''
-
-  if (node.key === 'black' || node.key === 'white') {
-    key = node.key
-  } else {
-    key = `${node.hue}/${node.tint}`
-  }
-
-  if (node.opacity !== undefined) {
-    key += `/${node.opacity}`
-  }
-
-  return key
-}