@sanity/ui 3.0.0-static.11 → 3.0.0-static.13

package/dist/theme.d.ts

@@ -9,9 +9,7 @@ export declare const AVATAR_SIZE: readonly [0, 1, 2, 3]
 /** @public */
 export declare type AvatarSize = (typeof AVATAR_SIZE)[number]
 
-/**
- * @public
- */
+/** @public */
 export declare type BaseTheme = RootTheme
 
 /** @internal */
@@ -20,6 +18,7 @@ export declare function buildColor_v3(tokens: ColorTokens): ThemeColor_v3
 /** @internal */
 export declare function buildTheme(_config?: ThemeConfig): RootTheme
 
+/** @public */
 export declare function buildTheme_v3(options?: ThemeOptions): Theme_v3
 
 /** @public */
@@ -282,8 +281,10 @@ export declare function createColorTheme(
  */
 export declare type CSSObject = StyledObject<any>
 
-declare type CSSVariableKey = `--${string}`
+/** @public */
+export declare type CSSVariableKey = `--${string}`
 
+/** @internal */
 export declare const defaultTokens: PartialTokens<Tokens>
 
 /** @public */
@@ -362,8 +363,10 @@ export declare interface HSL {
  */
 export declare function hslToRgb(hsl: HSL): RGB
 
+/** @public */
 export declare type Hue = (typeof HUES)[number]
 
+/** @public */
 export declare const HUES: readonly [
   'gray',
   'blue',
@@ -457,11 +460,13 @@ export declare const RADIUS: readonly [0, 1, 2, 3, 4, 5, 6, 'full']
 /** @public */
 export declare type Radius = (typeof RADIUS)[number]
 
+/** @public */
 export declare function renderColor(
   token: [ColorToken, ColorToken],
   context: RenderColorContext,
 ): string
 
+/** @public */
 export declare interface RenderColorContext {
   bgVar: CSSVariableKey
   hue: Hue
@@ -512,9 +517,7 @@ export declare function rgbToHex(color: RGB | RGBA): string
  */
 export declare function rgbToHsl({r, g, b}: RGB): HSL
 
-/**
- * @public
- */
+/** @public */
 export declare interface RootTheme extends RootTheme_v0 {
   v2?: RootTheme_v2
   v3?: Theme_v3
@@ -585,9 +588,7 @@ export declare interface RootTheme_v0 {
   styles?: ThemeStyles
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface RootTheme_v2 {
   _version: 2
   avatar: ThemeAvatar_v2
@@ -710,9 +711,7 @@ export declare const THEME_COLOR_STATES: readonly [
   'disabled',
 ]
 
-/**
- * @public
- */
+/** @public */
 export declare type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
   color: ThemeColorCard_v2
   /**
@@ -770,9 +769,7 @@ export declare interface ThemeAvatar {
   }[]
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeAvatar_v2 {
   sizes: {
     /** Spacing between avatars in an <AvatarStack> component (px) */
@@ -783,9 +780,7 @@ export declare interface ThemeAvatar_v2 {
   focusRing: ThemeFocusRing
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeBoxShadow = [number, number, number, number]
 
 /**
@@ -805,19 +800,16 @@ export declare interface ThemeColor extends Partial<Omit<ThemeColorGenericState,
   syntax: ThemeColorSyntax
 }
 
+/** @public */
 export declare type ThemeColor_v3 = Record<ThemeColorSchemeKey, ThemeColorScheme_v3>
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorAvatar_v2 = Record<ThemeColorAvatarColorKey, ThemeColorAvatarHue_v2>
 
 /** @public */
 export declare type ThemeColorAvatarColorKey = (typeof THEME_COLOR_AVATAR_COLORS)[number]
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeColorAvatarHue_v2 {
   _blend?: ThemeColorBlendModeKey
   bg: string
@@ -846,9 +838,7 @@ export declare interface ThemeColorAvatarTokens {
   'cyan'?: ThemeColorAvatarHueTokens
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>
 
 /** @public */
@@ -856,9 +846,7 @@ export declare type ThemeColorBadgeTokens = Partial<
   Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>
 >
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeColorBadgeTone_v2 {
   bg: string
   fg: string
@@ -978,14 +966,10 @@ export declare interface ThemeColorButton {
   bleed: ThemeColorButtonTones
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorButton_v2 = Record<ThemeColorButtonModeKey, ThemeColorButtonMode_v2>
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorButtonMode_v2 = Record<
   ThemeColorStateToneKey,
   ThemeColorButtonTone_v2
@@ -1018,9 +1002,7 @@ export declare interface ThemeColorButtonTokens
   _hue?: ColorHueKey
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorButtonTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
 
 /**
@@ -1048,9 +1030,7 @@ export declare interface ThemeColorCard {
   disabled: ThemeColorGenericState
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeColorCard_v2 extends ThemeColorState_v2 {
   /** @internal */
   _blend: ThemeColorBlendModeKey
@@ -1064,6 +1044,7 @@ export declare interface ThemeColorCard_v2 extends ThemeColorState_v2 {
   syntax: ThemeColorSyntax
 }
 
+/** @public */
 export declare interface ThemeColorCard_v3 {
   _hue: Hue
   avatar: ThemeColorAvatar_v2
@@ -1133,6 +1114,7 @@ export declare type ThemeColorCardState = ThemeColorGenericState
 /** @public */
 export declare type ThemeColorCardToneKey = (typeof THEME_COLOR_CARD_TONES)[number]
 
+/** @public */
 export declare interface ThemeColorElement {
   _hue: Hue
   bg: {
@@ -1192,14 +1174,10 @@ export declare interface ThemeColorInput {
   invalid: ThemeColorInputStates
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorInput_v2 = Record<ThemeColorInputModeKey, ThemeColorInputMode_v2>
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorInputMode_v2 = Record<
   ThemeColorInputStateKey,
   ThemeColorInputState_v2
@@ -1221,9 +1199,7 @@ export declare interface ThemeColorInputState {
   placeholder: string
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeColorInputState_v2 {
   _blend?: ThemeColorBlendModeKey
   bg: string
@@ -1268,9 +1244,7 @@ export declare interface ThemeColorInputTokens
   _hue?: ColorHueKey
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeColorKBD {
   bg: string
   fg: string
@@ -1326,18 +1300,15 @@ export declare type ThemeColorPalette = {
  */
 export declare type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorScheme_v2 = Record<ThemeColorCardToneKey, ThemeColorCard_v2>
 
+/** @public */
 export declare interface ThemeColorScheme_v3 {
   card: Record<ThemeColorCardToneKey, ThemeColorCard_v3>
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number]
 
 /**
@@ -1346,9 +1317,7 @@ export declare type ThemeColorSchemeKey = (typeof THEME_COLOR_SCHEMES)[number]
  */
 export declare type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorSchemes_v2 = Record<ThemeColorSchemeKey, ThemeColorScheme_v2>
 
 /**
@@ -1363,9 +1332,7 @@ export declare interface ThemeColorSelectable {
   critical: ThemeColorSelectableStates
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorSelectable_v2 = Record<
   ThemeColorStateToneKey,
   ThemeColorSelectableTone_v2
@@ -1389,9 +1356,7 @@ export declare interface ThemeColorSelectableStates {
   disabled: ThemeColorSelectableState
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeColorSelectableTone_v2 = Record<ThemeColorStateKey, ThemeColorState_v2>
 
 /** @public */
@@ -1439,9 +1404,7 @@ export declare type ThemeColorSpot = Record<ThemeColorSpotKey, string>
  */
 export declare type ThemeColorSpotKey = ThemeColorAvatarColorKey
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeColorState_v2 {
   /** @internal */
   _blend?: ThemeColorBlendModeKey
@@ -1524,9 +1487,7 @@ export declare interface ThemeColorStateTokens {
 /** @public */
 export declare type ThemeColorStateToneKey = (typeof THEME_COLOR_STATE_TONES)[number]
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeColorSyntax {
   atrule: string
   attrName: string
@@ -1591,8 +1552,10 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
  */
 export declare type ThemeColorToneKey = ThemeColorName
 
+/** @public */
 export declare type ThemeColorVariant = Record<ThemeColorStateToneKey, ThemeColorElement>
 
+/** @public */
 export declare type ThemeColorVariantKey = 'tinted' | 'solid'
 
 /** @public */
@@ -1631,17 +1594,13 @@ export declare interface ThemeConfig {
 /** @public */
 export declare type ThemeEntry = [`--${string}`, string]
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeFocusRing {
   offset: number
   width: number
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeFont {
   family: string
   featureSettings?: string
@@ -1651,14 +1610,10 @@ export declare interface ThemeFont {
   horizontalOffset?: number
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeFontKey = 'code' | 'heading' | 'label' | 'text'
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeFonts {
   code: ThemeFont
   heading: ThemeFont
@@ -1666,9 +1621,7 @@ export declare interface ThemeFonts {
   text: ThemeFont
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeFontSize {
   ascenderHeight: number
   descenderHeight: number
@@ -1678,9 +1631,7 @@ export declare interface ThemeFontSize {
   lineHeight: number
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeFontWeight {
   regular: number
   medium: number
@@ -1688,9 +1639,7 @@ export declare interface ThemeFontWeight {
   bold: number
 }
 
-/**
- * @public
- */
+/** @public */
 export declare type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bold'
 
 /**
@@ -1717,9 +1666,7 @@ export declare interface ThemeInput {
   }
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeInput_v2 {
   checkbox: {
     size: number
@@ -1749,9 +1696,7 @@ export declare interface ThemeInput_v2 {
   }
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeLayer {
   dialog: {
     zOffset: number
@@ -1770,9 +1715,7 @@ export declare interface ThemeOptions {
   tokens?: PartialTokens<Tokens>
 }
 
-/**
- * @public
- */
+/** @public */
 export declare interface ThemeShadow {
   umbra: ThemeBoxShadow
   penumbra: ThemeBoxShadow
@@ -1791,8 +1734,10 @@ export declare interface ThemeStyles {
   }
 }
 
+/** @public */
 export declare type Tint = (typeof TINTS)[number]
 
+/** @public */
 export declare const TINTS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
 
 /** @internal */

package/dist/theme.js

@@ -1938,47 +1938,47 @@ function resolveCardColorTokens(tokens) {
       gray: {
         _hue: tokens?.avatar?.gray?._hue ?? "gray",
         bg: tokens?.avatar?.gray?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.gray?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.gray?.fg ?? ["900", "white"]
       },
       blue: {
         _hue: tokens?.avatar?.blue?._hue ?? "blue",
         bg: tokens?.avatar?.blue?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.blue?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.blue?.fg ?? ["900", "white"]
       },
       purple: {
         _hue: tokens?.avatar?.purple?._hue ?? "purple",
         bg: tokens?.avatar?.purple?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.purple?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.purple?.fg ?? ["900", "white"]
       },
       magenta: {
         _hue: tokens?.avatar?.magenta?._hue ?? "magenta",
         bg: tokens?.avatar?.magenta?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.magenta?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.magenta?.fg ?? ["900", "white"]
       },
       red: {
         _hue: tokens?.avatar?.red?._hue ?? "red",
         bg: tokens?.avatar?.red?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.red?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.red?.fg ?? ["900", "white"]
       },
       orange: {
         _hue: tokens?.avatar?.orange?._hue ?? "orange",
         bg: tokens?.avatar?.orange?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.orange?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.orange?.fg ?? ["900", "white"]
       },
       yellow: {
         _hue: tokens?.avatar?.yellow?._hue ?? "yellow",
         bg: tokens?.avatar?.yellow?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.yellow?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.yellow?.fg ?? ["900", "white"]
       },
       green: {
         _hue: tokens?.avatar?.green?._hue ?? "green",
         bg: tokens?.avatar?.green?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.green?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.green?.fg ?? ["900", "white"]
       },
       cyan: {
         _hue: tokens?.avatar?.cyan?._hue ?? "cyan",
         bg: tokens?.avatar?.cyan?.bg ?? ["400", "500"],
-        fg: tokens?.avatar?.cyan?.fg ?? ["900", "900"]
+        fg: tokens?.avatar?.cyan?.fg ?? ["900", "white"]
       }
     },
     backdrop: tokens?.backdrop ?? ["900", "100"],