@sanity/ui 2.9.0-corel.0 → 3.0.0-static.0

package/dist/theme.d.mts

@@ -3,6 +3,12 @@ import {ColorTint} from '@sanity/color'
 import {ColorTintKey} from '@sanity/color'
 import type {StyledObject} from 'styled-components'
 
+/** @public */
+export declare const AVATAR_SIZE: readonly [0, 1, 2, 3]
+
+/** @public */
+export declare type AvatarSize = (typeof AVATAR_SIZE)[number]
+
 /**
  * @public
  */
@@ -116,8 +122,6 @@ export declare const COLOR_CONFIG_CARD_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -158,8 +162,6 @@ export declare const COLOR_CONFIG_STATE_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -220,6 +222,12 @@ export declare type ColorConfigValue =
   | `${ColorTintKey} ${number}%`
   | `${ColorTintKey}/${ColorConfigOpacityValue}`
 
+/** @public */
+export declare const CONTAINER: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare type ContainerWidth = (typeof CONTAINER)[number] | 'auto'
+
 /**
  * @public
  * @deprecated Use `buildColorTheme` instead.
@@ -235,6 +243,33 @@ export declare function createColorTheme(
  * */
 export declare type CSSObject = StyledObject<any>
 
+/** @public */
+export declare const FONT_CODE_SIZE: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare const FONT_HEADING_SIZE: readonly [0, 1, 2, 3, 4, 5, 6]
+
+/** @public */
+export declare const FONT_LABEL_SIZE: readonly [0, 1, 2, 3, 4, 5, 6]
+
+/** @public */
+export declare const FONT_TEXT_SIZE: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare type FontCodeSize = (typeof FONT_CODE_SIZE)[number]
+
+/** @public */
+export declare type FontHeadingSize = (typeof FONT_HEADING_SIZE)[number]
+
+/** @public */
+export declare type FontLabelSize = (typeof FONT_LABEL_SIZE)[number]
+
+/** @public */
+export declare type FontTextSize = (typeof FONT_TEXT_SIZE)[number]
+
+/** @public */
+export declare type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold'
+
 /** @internal */
 export declare function getContrastRatio(bg: string, fg: string): number
 
@@ -339,6 +374,12 @@ export declare function parseTokenValue(str: string): TokenValueNode | undefined
  */
 export declare type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>
 
+/** @public */
+export declare const RADIUS: readonly [0, 1, 2, 3, 4, 5, 6, 'full']
+
+/** @public */
+export declare type Radius = (typeof RADIUS)[number] | 'full'
+
 /**
  * @internal
  */
@@ -428,6 +469,17 @@ export declare interface RootTheme_v2 {
 declare function screen_2(b: RGB | RGBA, s: RGB | RGBA): RGB
 export {screen_2 as screen}
 
+export declare const SHADOW: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare type Shadow = (typeof SHADOW)[number]
+
+/** @public */
+export declare const SPACE: readonly [0, 0.5, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+
+/** @public */
+export declare type Space = (typeof SPACE)[number]
+
 /**
  * @public
  */
@@ -458,8 +510,6 @@ export declare const THEME_COLOR_CARD_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -483,8 +533,6 @@ export declare const THEME_COLOR_STATE_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -597,12 +645,32 @@ export declare interface ThemeColorAvatarTokens {
 /**
  * @public
  */
-export declare type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>
+export declare interface ThemeColorBadge_v2 {
+  default: ThemeColorBadgeTone_v2
+  primary: ThemeColorBadgeTone_v2
+  positive: ThemeColorBadgeTone_v2
+  caution: ThemeColorBadgeTone_v2
+  critical: ThemeColorBadgeTone_v2
+}
 
 /** @public */
-export declare type ThemeColorBadgeTokens = Partial<
-  Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>
->
+export declare interface ThemeColorBadgeTokens {
+  _hue?: ColorHueKey
+  bg?: ThemeColorTokenValue
+  fg?: ThemeColorTokenValue
+  dot?: ThemeColorTokenValue
+  icon?: ThemeColorTokenValue
+}
+
+/** @public */
+export declare interface ThemeColorBadgeTokens {
+  '*'?: ThemeColorBadgeToneTokens
+  'default'?: ThemeColorBadgeToneTokens
+  'primary'?: ThemeColorBadgeToneTokens
+  'positive'?: ThemeColorBadgeToneTokens
+  'caution'?: ThemeColorBadgeToneTokens
+  'critical'?: ThemeColorBadgeToneTokens
+}
 
 /**
  * @public
@@ -670,7 +738,7 @@ export declare interface ThemeColorBuilderOpts {
   solid: (opts: {
     base: ThemeColorBase
     dark: boolean
-    tone: ThemeColorName
+    tone: ThemeColorToneKey
     name: ThemeColorName
     state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
   }) => ThemeColorGenericState
@@ -978,13 +1046,7 @@ export declare interface ThemeColorMutedTone {
  * @public
  * @deprecated Use `ThemeColorCardToneKey` instead.
  */
-export declare type ThemeColorName =
-  | 'transparent'
-  | 'default'
-  | 'primary'
-  | 'positive'
-  | 'caution'
-  | 'critical'
+export declare type ThemeColorName = ThemeColorCardToneKey
 
 /** @public */
 export declare type ThemeColorPalette = {
@@ -996,7 +1058,7 @@ export declare type ThemeColorPalette = {
  * @public
  * @deprecated Use `ThemeColorScheme_v2` instead.
  */
-export declare type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
+export declare type ThemeColorScheme = Record<ThemeColorCardToneKey, ThemeColor>
 
 /**
  * @public
@@ -1257,7 +1319,7 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
  * @public
  * @deprecated Use `ThemeColorCardToneKey` instead.
  */
-export declare type ThemeColorToneKey = ThemeColorName
+export declare type ThemeColorToneKey = ThemeColorCardToneKey
 
 /** @public */
 export declare interface ThemeConfig {

package/dist/theme.d.ts

@@ -3,6 +3,12 @@ import {ColorTint} from '@sanity/color'
 import {ColorTintKey} from '@sanity/color'
 import type {StyledObject} from 'styled-components'
 
+/** @public */
+export declare const AVATAR_SIZE: readonly [0, 1, 2, 3]
+
+/** @public */
+export declare type AvatarSize = (typeof AVATAR_SIZE)[number]
+
 /**
  * @public
  */
@@ -116,8 +122,6 @@ export declare const COLOR_CONFIG_CARD_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -158,8 +162,6 @@ export declare const COLOR_CONFIG_STATE_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -220,6 +222,12 @@ export declare type ColorConfigValue =
   | `${ColorTintKey} ${number}%`
   | `${ColorTintKey}/${ColorConfigOpacityValue}`
 
+/** @public */
+export declare const CONTAINER: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare type ContainerWidth = (typeof CONTAINER)[number] | 'auto'
+
 /**
  * @public
  * @deprecated Use `buildColorTheme` instead.
@@ -235,6 +243,33 @@ export declare function createColorTheme(
  * */
 export declare type CSSObject = StyledObject<any>
 
+/** @public */
+export declare const FONT_CODE_SIZE: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare const FONT_HEADING_SIZE: readonly [0, 1, 2, 3, 4, 5, 6]
+
+/** @public */
+export declare const FONT_LABEL_SIZE: readonly [0, 1, 2, 3, 4, 5, 6]
+
+/** @public */
+export declare const FONT_TEXT_SIZE: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare type FontCodeSize = (typeof FONT_CODE_SIZE)[number]
+
+/** @public */
+export declare type FontHeadingSize = (typeof FONT_HEADING_SIZE)[number]
+
+/** @public */
+export declare type FontLabelSize = (typeof FONT_LABEL_SIZE)[number]
+
+/** @public */
+export declare type FontTextSize = (typeof FONT_TEXT_SIZE)[number]
+
+/** @public */
+export declare type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold'
+
 /** @internal */
 export declare function getContrastRatio(bg: string, fg: string): number
 
@@ -339,6 +374,12 @@ export declare function parseTokenValue(str: string): TokenValueNode | undefined
  */
 export declare type PartialThemeColorBuilderOpts = Partial<ThemeColorBuilderOpts>
 
+/** @public */
+export declare const RADIUS: readonly [0, 1, 2, 3, 4, 5, 6, 'full']
+
+/** @public */
+export declare type Radius = (typeof RADIUS)[number] | 'full'
+
 /**
  * @internal
  */
@@ -428,6 +469,17 @@ export declare interface RootTheme_v2 {
 declare function screen_2(b: RGB | RGBA, s: RGB | RGBA): RGB
 export {screen_2 as screen}
 
+export declare const SHADOW: readonly [0, 1, 2, 3, 4, 5]
+
+/** @public */
+export declare type Shadow = (typeof SHADOW)[number]
+
+/** @public */
+export declare const SPACE: readonly [0, 0.5, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+
+/** @public */
+export declare type Space = (typeof SPACE)[number]
+
 /**
  * @public
  */
@@ -458,8 +510,6 @@ export declare const THEME_COLOR_CARD_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -483,8 +533,6 @@ export declare const THEME_COLOR_STATE_TONES: readonly [
   'positive',
   'caution',
   'critical',
-  'prospect',
-  'explore',
 ]
 
 /** @public */
@@ -597,12 +645,32 @@ export declare interface ThemeColorAvatarTokens {
 /**
  * @public
  */
-export declare type ThemeColorBadge_v2 = Record<ThemeColorStateToneKey, ThemeColorBadgeTone_v2>
+export declare interface ThemeColorBadge_v2 {
+  default: ThemeColorBadgeTone_v2
+  primary: ThemeColorBadgeTone_v2
+  positive: ThemeColorBadgeTone_v2
+  caution: ThemeColorBadgeTone_v2
+  critical: ThemeColorBadgeTone_v2
+}
 
 /** @public */
-export declare type ThemeColorBadgeTokens = Partial<
-  Record<'*' | ThemeColorStateToneKey, ThemeColorBadgeToneTokens>
->
+export declare interface ThemeColorBadgeTokens {
+  _hue?: ColorHueKey
+  bg?: ThemeColorTokenValue
+  fg?: ThemeColorTokenValue
+  dot?: ThemeColorTokenValue
+  icon?: ThemeColorTokenValue
+}
+
+/** @public */
+export declare interface ThemeColorBadgeTokens {
+  '*'?: ThemeColorBadgeToneTokens
+  'default'?: ThemeColorBadgeToneTokens
+  'primary'?: ThemeColorBadgeToneTokens
+  'positive'?: ThemeColorBadgeToneTokens
+  'caution'?: ThemeColorBadgeToneTokens
+  'critical'?: ThemeColorBadgeToneTokens
+}
 
 /**
  * @public
@@ -670,7 +738,7 @@ export declare interface ThemeColorBuilderOpts {
   solid: (opts: {
     base: ThemeColorBase
     dark: boolean
-    tone: ThemeColorName
+    tone: ThemeColorToneKey
     name: ThemeColorName
     state: 'enabled' | 'disabled' | 'hovered' | 'pressed' | 'selected'
   }) => ThemeColorGenericState
@@ -978,13 +1046,7 @@ export declare interface ThemeColorMutedTone {
  * @public
  * @deprecated Use `ThemeColorCardToneKey` instead.
  */
-export declare type ThemeColorName =
-  | 'transparent'
-  | 'default'
-  | 'primary'
-  | 'positive'
-  | 'caution'
-  | 'critical'
+export declare type ThemeColorName = ThemeColorCardToneKey
 
 /** @public */
 export declare type ThemeColorPalette = {
@@ -996,7 +1058,7 @@ export declare type ThemeColorPalette = {
  * @public
  * @deprecated Use `ThemeColorScheme_v2` instead.
  */
-export declare type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
+export declare type ThemeColorScheme = Record<ThemeColorCardToneKey, ThemeColor>
 
 /**
  * @public
@@ -1257,7 +1319,7 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
  * @public
  * @deprecated Use `ThemeColorCardToneKey` instead.
  */
-export declare type ThemeColorToneKey = ThemeColorName
+export declare type ThemeColorToneKey = ThemeColorCardToneKey
 
 /** @public */
 export declare interface ThemeConfig {