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

package/dist/theme.d.mts

@@ -34,48 +34,6 @@ export declare interface CardColorTokens {
     }
   >
   backdrop: [ColorToken, ColorToken]
-  code: {
-    bg: [ColorToken, ColorToken]
-    fg: [ColorToken, ColorToken]
-    token: {
-      atrule: [ColorToken, ColorToken]
-      attrName: [ColorToken, ColorToken]
-      attrValue: [ColorToken, ColorToken]
-      attribute: [ColorToken, ColorToken]
-      boolean: [ColorToken, ColorToken]
-      builtin: [ColorToken, ColorToken]
-      cdata: [ColorToken, ColorToken]
-      char: [ColorToken, ColorToken]
-      class: [ColorToken, ColorToken]
-      className: [ColorToken, ColorToken]
-      comment: [ColorToken, ColorToken]
-      constant: [ColorToken, ColorToken]
-      deleted: [ColorToken, ColorToken]
-      doctype: [ColorToken, ColorToken]
-      entity: [ColorToken, ColorToken]
-      function: [ColorToken, ColorToken]
-      hexcode: [ColorToken, ColorToken]
-      id: [ColorToken, ColorToken]
-      important: [ColorToken, ColorToken]
-      inserted: [ColorToken, ColorToken]
-      keyword: [ColorToken, ColorToken]
-      number: [ColorToken, ColorToken]
-      operator: [ColorToken, ColorToken]
-      prolog: [ColorToken, ColorToken]
-      property: [ColorToken, ColorToken]
-      pseudoClass: [ColorToken, ColorToken]
-      pseudoElement: [ColorToken, ColorToken]
-      punctuation: [ColorToken, ColorToken]
-      regex: [ColorToken, ColorToken]
-      selector: [ColorToken, ColorToken]
-      string: [ColorToken, ColorToken]
-      symbol: [ColorToken, ColorToken]
-      tag: [ColorToken, ColorToken]
-      unit: [ColorToken, ColorToken]
-      url: [ColorToken, ColorToken]
-      variable: [ColorToken, ColorToken]
-    }
-  }
   focusRing: [ColorToken, ColorToken]
   link: {
     fg: [ColorToken, ColorToken]
@@ -90,6 +48,44 @@ export declare interface CardColorTokens {
     from: [ColorToken, ColorToken]
     to: [ColorToken, ColorToken]
   }
+  token: {
+    atrule: [ColorToken, ColorToken]
+    attrName: [ColorToken, ColorToken]
+    attrValue: [ColorToken, ColorToken]
+    attribute: [ColorToken, ColorToken]
+    boolean: [ColorToken, ColorToken]
+    builtin: [ColorToken, ColorToken]
+    cdata: [ColorToken, ColorToken]
+    char: [ColorToken, ColorToken]
+    class: [ColorToken, ColorToken]
+    className: [ColorToken, ColorToken]
+    comment: [ColorToken, ColorToken]
+    constant: [ColorToken, ColorToken]
+    deleted: [ColorToken, ColorToken]
+    doctype: [ColorToken, ColorToken]
+    entity: [ColorToken, ColorToken]
+    function: [ColorToken, ColorToken]
+    hexcode: [ColorToken, ColorToken]
+    id: [ColorToken, ColorToken]
+    important: [ColorToken, ColorToken]
+    inserted: [ColorToken, ColorToken]
+    keyword: [ColorToken, ColorToken]
+    number: [ColorToken, ColorToken]
+    operator: [ColorToken, ColorToken]
+    prolog: [ColorToken, ColorToken]
+    property: [ColorToken, ColorToken]
+    pseudoClass: [ColorToken, ColorToken]
+    pseudoElement: [ColorToken, ColorToken]
+    punctuation: [ColorToken, ColorToken]
+    regex: [ColorToken, ColorToken]
+    selector: [ColorToken, ColorToken]
+    string: [ColorToken, ColorToken]
+    symbol: [ColorToken, ColorToken]
+    tag: [ColorToken, ColorToken]
+    unit: [ColorToken, ColorToken]
+    url: [ColorToken, ColorToken]
+    variable: [ColorToken, ColorToken]
+  }
   variant: {
     solid: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
     tinted: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
@@ -262,10 +258,10 @@ export declare type ColorTokenOpacityValue = `0` | `0.${number}` | `1`
 export declare type ColorTokens = Record<'*' | ThemeColorCardToneKey, CardColorTokens>
 
 /** @public */
-export declare const CONTAINER: readonly [0, 1, 2, 3, 4, 5, 'auto']
+export declare const CONTAINER: readonly [0, 1, 2, 3, 4, 5]
 
 /** @public */
-export declare type ContainerWidth = (typeof CONTAINER)[number]
+export declare type ContainerWidth = (typeof CONTAINER)[number] | 'auto' | 'fill'
 
 /**
  * @public
@@ -284,6 +280,8 @@ export declare type CSSObject = StyledObject<any>
 
 declare type CSSVariableKey = `--${string}`
 
+export declare const defaultPalette: PaletteConfig
+
 export declare const defaultTokens: PartialTokens<Tokens>
 
 /** @public */
@@ -425,6 +423,24 @@ export declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB
  */
 export declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB
 
+export declare type PaletteConfig = {
+  chroma: {
+    min: number
+    max: number
+  }
+  luminosity: {
+    min: number
+    max: number
+  }
+  hues: Record<
+    Hue,
+    {
+      h: number
+      c: number
+    }
+  >
+}
+
 /**
  * @internal
  */
@@ -455,7 +471,7 @@ export declare type PartialTokens<T> = T extends [ColorToken, ColorToken]
 export declare const RADIUS: readonly [0, 1, 2, 3, 4, 5, 6, 'full']
 
 /** @public */
-export declare type Radius = (typeof RADIUS)[number]
+export declare type Radius = (typeof RADIUS)[number] | 'full'
 
 export declare function renderColor(
   token: [ColorToken, ColorToken],
@@ -730,6 +746,7 @@ export declare type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
  */
 export declare interface Theme_v3 {
   _version: 3
+  _palette: PaletteConfig
   _tokens: Tokens
   avatar: ThemeAvatar_v2
   button: {
@@ -1068,48 +1085,6 @@ export declare interface ThemeColorCard_v3 {
   _hue: Hue
   avatar: ThemeColorAvatar_v2
   backdrop: string
-  code: {
-    bg: string
-    fg: string
-    token: {
-      atrule: string
-      attrName: string
-      attrValue: string
-      attribute: string
-      boolean: string
-      builtin: string
-      cdata: string
-      char: string
-      class: string
-      className: string
-      comment: string
-      constant: string
-      deleted: string
-      doctype: string
-      entity: string
-      function: string
-      hexcode: string
-      id: string
-      important: string
-      inserted: string
-      keyword: string
-      number: string
-      operator: string
-      prolog: string
-      property: string
-      pseudoClass: string
-      pseudoElement: string
-      punctuation: string
-      regex: string
-      selector: string
-      string: string
-      symbol: string
-      tag: string
-      unit: string
-      url: string
-      variable: string
-    }
-  }
   focusRing: string
   shadow: {
     outline: string
@@ -1117,6 +1092,44 @@ export declare interface ThemeColorCard_v3 {
     penumbra: string
     ambient: string
   }
+  token: {
+    atrule: string
+    attrName: string
+    attrValue: string
+    attribute: string
+    boolean: string
+    builtin: string
+    cdata: string
+    char: string
+    class: string
+    className: string
+    comment: string
+    constant: string
+    deleted: string
+    doctype: string
+    entity: string
+    function: string
+    hexcode: string
+    id: string
+    important: string
+    inserted: string
+    keyword: string
+    number: string
+    operator: string
+    prolog: string
+    property: string
+    pseudoClass: string
+    pseudoElement: string
+    punctuation: string
+    regex: string
+    selector: string
+    string: string
+    symbol: string
+    tag: string
+    unit: string
+    url: string
+    variable: string
+  }
   skeleton: {
     from: string
     to: string
@@ -1767,6 +1780,7 @@ export declare interface ThemeLayer {
 /** @public */
 export declare interface ThemeOptions {
   v2?: ThemeConfig
+  palette?: PaletteConfig
   tokens?: PartialTokens<Tokens>
 }
 
@@ -1793,7 +1807,27 @@ export declare interface ThemeStyles {
 
 export declare type Tint = (typeof TINTS)[number]
 
-export declare const TINTS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
+export declare const TINTS: readonly [
+  50,
+  100,
+  150,
+  200,
+  250,
+  300,
+  350,
+  400,
+  450,
+  500,
+  550,
+  600,
+  650,
+  700,
+  750,
+  800,
+  850,
+  900,
+  950,
+]
 
 /** @internal */
 export declare interface TokenBaseKeyNode {

package/dist/theme.d.ts

@@ -34,48 +34,6 @@ export declare interface CardColorTokens {
     }
   >
   backdrop: [ColorToken, ColorToken]
-  code: {
-    bg: [ColorToken, ColorToken]
-    fg: [ColorToken, ColorToken]
-    token: {
-      atrule: [ColorToken, ColorToken]
-      attrName: [ColorToken, ColorToken]
-      attrValue: [ColorToken, ColorToken]
-      attribute: [ColorToken, ColorToken]
-      boolean: [ColorToken, ColorToken]
-      builtin: [ColorToken, ColorToken]
-      cdata: [ColorToken, ColorToken]
-      char: [ColorToken, ColorToken]
-      class: [ColorToken, ColorToken]
-      className: [ColorToken, ColorToken]
-      comment: [ColorToken, ColorToken]
-      constant: [ColorToken, ColorToken]
-      deleted: [ColorToken, ColorToken]
-      doctype: [ColorToken, ColorToken]
-      entity: [ColorToken, ColorToken]
-      function: [ColorToken, ColorToken]
-      hexcode: [ColorToken, ColorToken]
-      id: [ColorToken, ColorToken]
-      important: [ColorToken, ColorToken]
-      inserted: [ColorToken, ColorToken]
-      keyword: [ColorToken, ColorToken]
-      number: [ColorToken, ColorToken]
-      operator: [ColorToken, ColorToken]
-      prolog: [ColorToken, ColorToken]
-      property: [ColorToken, ColorToken]
-      pseudoClass: [ColorToken, ColorToken]
-      pseudoElement: [ColorToken, ColorToken]
-      punctuation: [ColorToken, ColorToken]
-      regex: [ColorToken, ColorToken]
-      selector: [ColorToken, ColorToken]
-      string: [ColorToken, ColorToken]
-      symbol: [ColorToken, ColorToken]
-      tag: [ColorToken, ColorToken]
-      unit: [ColorToken, ColorToken]
-      url: [ColorToken, ColorToken]
-      variable: [ColorToken, ColorToken]
-    }
-  }
   focusRing: [ColorToken, ColorToken]
   link: {
     fg: [ColorToken, ColorToken]
@@ -90,6 +48,44 @@ export declare interface CardColorTokens {
     from: [ColorToken, ColorToken]
     to: [ColorToken, ColorToken]
   }
+  token: {
+    atrule: [ColorToken, ColorToken]
+    attrName: [ColorToken, ColorToken]
+    attrValue: [ColorToken, ColorToken]
+    attribute: [ColorToken, ColorToken]
+    boolean: [ColorToken, ColorToken]
+    builtin: [ColorToken, ColorToken]
+    cdata: [ColorToken, ColorToken]
+    char: [ColorToken, ColorToken]
+    class: [ColorToken, ColorToken]
+    className: [ColorToken, ColorToken]
+    comment: [ColorToken, ColorToken]
+    constant: [ColorToken, ColorToken]
+    deleted: [ColorToken, ColorToken]
+    doctype: [ColorToken, ColorToken]
+    entity: [ColorToken, ColorToken]
+    function: [ColorToken, ColorToken]
+    hexcode: [ColorToken, ColorToken]
+    id: [ColorToken, ColorToken]
+    important: [ColorToken, ColorToken]
+    inserted: [ColorToken, ColorToken]
+    keyword: [ColorToken, ColorToken]
+    number: [ColorToken, ColorToken]
+    operator: [ColorToken, ColorToken]
+    prolog: [ColorToken, ColorToken]
+    property: [ColorToken, ColorToken]
+    pseudoClass: [ColorToken, ColorToken]
+    pseudoElement: [ColorToken, ColorToken]
+    punctuation: [ColorToken, ColorToken]
+    regex: [ColorToken, ColorToken]
+    selector: [ColorToken, ColorToken]
+    string: [ColorToken, ColorToken]
+    symbol: [ColorToken, ColorToken]
+    tag: [ColorToken, ColorToken]
+    unit: [ColorToken, ColorToken]
+    url: [ColorToken, ColorToken]
+    variable: [ColorToken, ColorToken]
+  }
   variant: {
     solid: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
     tinted: Record<'*' | ThemeColorStateToneKey, ElementColorTokens>
@@ -262,10 +258,10 @@ export declare type ColorTokenOpacityValue = `0` | `0.${number}` | `1`
 export declare type ColorTokens = Record<'*' | ThemeColorCardToneKey, CardColorTokens>
 
 /** @public */
-export declare const CONTAINER: readonly [0, 1, 2, 3, 4, 5, 'auto']
+export declare const CONTAINER: readonly [0, 1, 2, 3, 4, 5]
 
 /** @public */
-export declare type ContainerWidth = (typeof CONTAINER)[number]
+export declare type ContainerWidth = (typeof CONTAINER)[number] | 'auto' | 'fill'
 
 /**
  * @public
@@ -284,6 +280,8 @@ export declare type CSSObject = StyledObject<any>
 
 declare type CSSVariableKey = `--${string}`
 
+export declare const defaultPalette: PaletteConfig
+
 export declare const defaultTokens: PartialTokens<Tokens>
 
 /** @public */
@@ -425,6 +423,24 @@ export declare function mix(b: RGB | RGBA, s: RGB | RGBA, weight: number): RGB
  */
 export declare function multiply(b: RGB | RGBA, s: RGB | RGBA): RGB
 
+export declare type PaletteConfig = {
+  chroma: {
+    min: number
+    max: number
+  }
+  luminosity: {
+    min: number
+    max: number
+  }
+  hues: Record<
+    Hue,
+    {
+      h: number
+      c: number
+    }
+  >
+}
+
 /**
  * @internal
  */
@@ -455,7 +471,7 @@ export declare type PartialTokens<T> = T extends [ColorToken, ColorToken]
 export declare const RADIUS: readonly [0, 1, 2, 3, 4, 5, 6, 'full']
 
 /** @public */
-export declare type Radius = (typeof RADIUS)[number]
+export declare type Radius = (typeof RADIUS)[number] | 'full'
 
 export declare function renderColor(
   token: [ColorToken, ColorToken],
@@ -730,6 +746,7 @@ export declare type Theme_v2 = Omit<RootTheme_v2, 'color'> & {
  */
 export declare interface Theme_v3 {
   _version: 3
+  _palette: PaletteConfig
   _tokens: Tokens
   avatar: ThemeAvatar_v2
   button: {
@@ -1068,48 +1085,6 @@ export declare interface ThemeColorCard_v3 {
   _hue: Hue
   avatar: ThemeColorAvatar_v2
   backdrop: string
-  code: {
-    bg: string
-    fg: string
-    token: {
-      atrule: string
-      attrName: string
-      attrValue: string
-      attribute: string
-      boolean: string
-      builtin: string
-      cdata: string
-      char: string
-      class: string
-      className: string
-      comment: string
-      constant: string
-      deleted: string
-      doctype: string
-      entity: string
-      function: string
-      hexcode: string
-      id: string
-      important: string
-      inserted: string
-      keyword: string
-      number: string
-      operator: string
-      prolog: string
-      property: string
-      pseudoClass: string
-      pseudoElement: string
-      punctuation: string
-      regex: string
-      selector: string
-      string: string
-      symbol: string
-      tag: string
-      unit: string
-      url: string
-      variable: string
-    }
-  }
   focusRing: string
   shadow: {
     outline: string
@@ -1117,6 +1092,44 @@ export declare interface ThemeColorCard_v3 {
     penumbra: string
     ambient: string
   }
+  token: {
+    atrule: string
+    attrName: string
+    attrValue: string
+    attribute: string
+    boolean: string
+    builtin: string
+    cdata: string
+    char: string
+    class: string
+    className: string
+    comment: string
+    constant: string
+    deleted: string
+    doctype: string
+    entity: string
+    function: string
+    hexcode: string
+    id: string
+    important: string
+    inserted: string
+    keyword: string
+    number: string
+    operator: string
+    prolog: string
+    property: string
+    pseudoClass: string
+    pseudoElement: string
+    punctuation: string
+    regex: string
+    selector: string
+    string: string
+    symbol: string
+    tag: string
+    unit: string
+    url: string
+    variable: string
+  }
   skeleton: {
     from: string
     to: string
@@ -1767,6 +1780,7 @@ export declare interface ThemeLayer {
 /** @public */
 export declare interface ThemeOptions {
   v2?: ThemeConfig
+  palette?: PaletteConfig
   tokens?: PartialTokens<Tokens>
 }
 
@@ -1793,7 +1807,27 @@ export declare interface ThemeStyles {
 
 export declare type Tint = (typeof TINTS)[number]
 
-export declare const TINTS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
+export declare const TINTS: readonly [
+  50,
+  100,
+  150,
+  200,
+  250,
+  300,
+  350,
+  400,
+  450,
+  500,
+  550,
+  600,
+  650,
+  700,
+  750,
+  800,
+  850,
+  900,
+  950,
+]
 
 /** @internal */
 export declare interface TokenBaseKeyNode {