@sanity/ui 2.0.0-alpha.34 → 2.0.0-alpha.36

package/dist/index.cjs.mjs

@@ -1,13 +1,13 @@
 import cjs from './index.js';
 
-export const COLOR_CONFIG_BASE_KEYS = cjs.COLOR_CONFIG_BASE_KEYS;
-export const COLOR_CONFIG_BASE_TONES = cjs.COLOR_CONFIG_BASE_TONES;
 export const COLOR_CONFIG_BLEND_KEYS = cjs.COLOR_CONFIG_BLEND_KEYS;
+export const COLOR_CONFIG_CARD_KEYS = cjs.COLOR_CONFIG_CARD_KEYS;
+export const COLOR_CONFIG_CARD_TONES = cjs.COLOR_CONFIG_CARD_TONES;
 export const COLOR_CONFIG_STATE_KEYS = cjs.COLOR_CONFIG_STATE_KEYS;
 export const COLOR_CONFIG_STATE_TONES = cjs.COLOR_CONFIG_STATE_TONES;
-export const THEME_COLOR_BASE_TONES = cjs.THEME_COLOR_BASE_TONES;
 export const THEME_COLOR_BLEND_MODES = cjs.THEME_COLOR_BLEND_MODES;
 export const THEME_COLOR_BUTTON_MODES = cjs.THEME_COLOR_BUTTON_MODES;
+export const THEME_COLOR_CARD_TONES = cjs.THEME_COLOR_CARD_TONES;
 export const THEME_COLOR_STATES = cjs.THEME_COLOR_STATES;
 export const THEME_COLOR_STATE_TONES = cjs.THEME_COLOR_STATE_TONES;
 export const buildTheme = cjs.buildTheme;
@@ -143,6 +143,7 @@ export const usePrefersDark = cjs.usePrefersDark;
 export const usePrefersReducedMotion = cjs.usePrefersReducedMotion;
 export const useRootTheme = cjs.useRootTheme;
 export const useTheme = cjs.useTheme;
+export const useTheme_v2 = cjs.useTheme_v2;
 export const useToast = cjs.useToast;
 export const useTooltipDelayGroup = cjs.useTooltipDelayGroup;
 export const useTree = cjs.useTree;

package/dist/index.d.ts

@@ -6,15 +6,15 @@ import {BaseTheme} from '@sanity/ui/theme'
 import {BoxShadow} from '@sanity/ui/theme'
 import {buildTheme} from '@sanity/ui/theme'
 import {ClipboardEventHandler} from 'react'
-import {COLOR_CONFIG_BASE_KEYS} from '@sanity/ui/theme'
-import {COLOR_CONFIG_BASE_TONES} from '@sanity/ui/theme'
 import {COLOR_CONFIG_BLEND_KEYS} from '@sanity/ui/theme'
+import {COLOR_CONFIG_CARD_KEYS} from '@sanity/ui/theme'
+import {COLOR_CONFIG_CARD_TONES} from '@sanity/ui/theme'
 import {COLOR_CONFIG_STATE_KEYS} from '@sanity/ui/theme'
 import {COLOR_CONFIG_STATE_TONES} from '@sanity/ui/theme'
 import {ColorBlendModeTokenValue} from '@sanity/ui/theme'
-import {ColorConfigBaseKey} from '@sanity/ui/theme'
-import {ColorConfigBaseTone} from '@sanity/ui/theme'
 import {ColorConfigBlendKey} from '@sanity/ui/theme'
+import {ColorConfigCardKey} from '@sanity/ui/theme'
+import {ColorConfigCardTone} from '@sanity/ui/theme'
 import {ColorConfigOpacityValue} from '@sanity/ui/theme'
 import {ColorConfigStateKey} from '@sanity/ui/theme'
 import {ColorConfigStateTone} from '@sanity/ui/theme'
@@ -74,19 +74,19 @@ import {rgbToHex} from '@sanity/ui/theme'
 import {rgbToHsl} from '@sanity/ui/theme'
 import {RootTheme} from '@sanity/ui/theme'
 import {screen as screen_2} from '@sanity/ui/theme'
-import {studioTheme} from '@sanity/ui/theme'
+import {defaultTheme as studioTheme} from '@sanity/ui/theme'
 import {Theme} from '@sanity/ui/theme'
-import {THEME_COLOR_BASE_TONES} from '@sanity/ui/theme'
 import {THEME_COLOR_BLEND_MODES} from '@sanity/ui/theme'
 import {THEME_COLOR_BUTTON_MODES} from '@sanity/ui/theme'
+import {THEME_COLOR_CARD_TONES} from '@sanity/ui/theme'
 import {THEME_COLOR_STATE_TONES} from '@sanity/ui/theme'
 import {THEME_COLOR_STATES} from '@sanity/ui/theme'
+import {Theme_v2} from '@sanity/ui/theme'
 import {ThemeAvatar} from '@sanity/ui/theme'
 import {ThemeColor} from '@sanity/ui/theme'
 import {ThemeColorAvatarColorKey} from '@sanity/ui/theme'
 import {ThemeColorBase} from '@sanity/ui/theme'
 import {ThemeColorBaseTokens} from '@sanity/ui/theme'
-import {ThemeColorBaseToneKey} from '@sanity/ui/theme'
 import {ThemeColorBlendModeKey} from '@sanity/ui/theme'
 import {ThemeColorBuilderOpts} from '@sanity/ui/theme'
 import {ThemeColorButton} from '@sanity/ui/theme'
@@ -97,6 +97,7 @@ import {ThemeColorButtonTokens} from '@sanity/ui/theme'
 import {ThemeColorButtonTones} from '@sanity/ui/theme'
 import {ThemeColorCard} from '@sanity/ui/theme'
 import {ThemeColorCardState} from '@sanity/ui/theme'
+import {ThemeColorCardToneKey} from '@sanity/ui/theme'
 import {ThemeColorGenericState} from '@sanity/ui/theme'
 import {ThemeColorInput} from '@sanity/ui/theme'
 import {ThemeColorInputState} from '@sanity/ui/theme'
@@ -405,7 +406,7 @@ export declare interface AvatarProps {
  * @internal
  */
 export declare interface AvatarRootStyleProps {
-  $color: ThemeColorSpotKey
+  $color: ThemeColorAvatarColorKey
 }
 
 /**
@@ -663,7 +664,7 @@ export declare interface CardStyleProps {
 /**
  * @public
  */
-export declare type CardTone = ThemeColorBaseToneKey | 'inherit'
+export declare type CardTone = ThemeColorCardToneKey | 'inherit'
 
 /**
  * Checkboxes allow the user to select one or more items from a set.
@@ -726,11 +727,11 @@ export declare interface CodeSkeletonProps extends SkeletonProps {
   size?: number | number[]
 }
 
-export {COLOR_CONFIG_BASE_KEYS}
+export {COLOR_CONFIG_BLEND_KEYS}
 
-export {COLOR_CONFIG_BASE_TONES}
+export {COLOR_CONFIG_CARD_KEYS}
 
-export {COLOR_CONFIG_BLEND_KEYS}
+export {COLOR_CONFIG_CARD_TONES}
 
 export {COLOR_CONFIG_STATE_KEYS}
 
@@ -738,11 +739,11 @@ export {COLOR_CONFIG_STATE_TONES}
 
 export {ColorBlendModeTokenValue}
 
-export {ColorConfigBaseKey}
+export {ColorConfigBlendKey}
 
-export {ColorConfigBaseTone}
+export {ColorConfigCardKey}
 
-export {ColorConfigBlendKey}
+export {ColorConfigCardTone}
 
 export {ColorConfigOpacityValue}
 
@@ -2558,12 +2559,12 @@ export declare interface TextSkeletonProps extends SkeletonProps {
 
 export {Theme}
 
-export {THEME_COLOR_BASE_TONES}
-
 export {THEME_COLOR_BLEND_MODES}
 
 export {THEME_COLOR_BUTTON_MODES}
 
+export {THEME_COLOR_CARD_TONES}
+
 export {THEME_COLOR_STATE_TONES}
 
 export {THEME_COLOR_STATES}
@@ -2576,8 +2577,6 @@ export {ThemeColorBase}
 
 export {ThemeColorBaseTokens}
 
-export {ThemeColorBaseToneKey}
-
 export {ThemeColorBlendModeKey}
 
 export {ThemeColorBuilderOpts}
@@ -2598,6 +2597,8 @@ export {ThemeColorCard}
 
 export {ThemeColorCardState}
 
+export {ThemeColorCardToneKey}
+
 export {ThemeColorGenericState}
 
 export {ThemeColorInput}
@@ -2623,7 +2624,7 @@ export declare function ThemeColorProvider(props: ThemeColorProviderProps): Reac
 export declare interface ThemeColorProviderProps {
   children?: React.ReactNode
   scheme?: ThemeColorSchemeKey
-  tone?: ThemeColorBaseToneKey
+  tone?: ThemeColorCardToneKey
 }
 
 export {ThemeColorScheme}
@@ -2668,10 +2669,11 @@ export {ThemeConfig}
  * @public
  */
 export declare interface ThemeContextValue {
+  /** @deprecated No longer used */
   version: 0.0
   scheme: ThemeColorSchemeKey
   theme: RootTheme
-  tone: ThemeColorBaseToneKey
+  tone: ThemeColorCardToneKey
 }
 
 export {ThemeFocusRing}
@@ -2711,7 +2713,7 @@ export declare interface ThemeProviderProps {
   children?: React.ReactNode
   scheme?: ThemeColorSchemeKey
   theme?: RootTheme
-  tone?: ThemeColorBaseToneKey
+  tone?: ThemeColorCardToneKey
 }
 
 export {ThemeShadow}
@@ -3060,6 +3062,11 @@ export declare function useRootTheme(): ThemeContextValue
  */
 export declare function useTheme(): Theme
 
+/**
+ * @public
+ */
+export declare function useTheme_v2(): Theme_v2
+
 /**
  * @public
  */