@sanity/ui 1.8.2 → 2.0.0-alpha.2

package/dist/index.d.ts

@@ -132,7 +132,7 @@ export declare interface AutocompleteProps<
   popover?: Omit<PopoverProps, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'> &
     Omit<HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'ref' | 'width'>
   prefix?: ReactNode
-  radius?: number | number[]
+  radius?: Radius | Radius[]
   /** @beta */
   relatedElements?: HTMLElement[]
   renderOption?: (option: Option) => ReactElement
@@ -342,14 +342,20 @@ export declare interface BaseTheme<Styles extends {} = {}> {
   avatar: ThemeAvatar
   button: {
     textWeight: ThemeFontWeightKey
+    focusRing: FocusRing
+  }
+  card: {
+    focusRing: FocusRing
   }
   color: ThemeColorSchemes
   container: number[]
+  /** @deprecated Use component-specific `focusRing` values instead */
   focusRing: {
     offset: number
     width: number
   }
   fonts: ThemeFonts
+  input: ThemeInput
   /**
    * THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
    * @beta
@@ -359,7 +365,6 @@ export declare interface BaseTheme<Styles extends {} = {}> {
   radius: number[]
   shadows: Array<ThemeShadow | null>
   space: number[]
-  input: ThemeInput
   styles?: Styles
 }
 
@@ -481,6 +486,7 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
   selected?: boolean
   space?: number | number[]
   textAlign?: ButtonTextAlign
+  muted?: boolean
   text?: React.ReactNode
   tone?: ButtonTone
   type?: 'button' | 'reset' | 'submit'
@@ -628,7 +634,7 @@ export declare function createColorTheme(
 export declare type CSSObject = StyledObject<any>
 
 /**
- * @beta
+ * @public
  */
 export declare type Delay =
   | number
@@ -677,7 +683,7 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
    * @beta
    */
   __unstable_hideCloseButton?: boolean
-  cardRadius?: number | number[]
+  cardRadius?: Radius | Radius[]
   cardShadow?: number | number[]
   contentRef?: React.ForwardedRef<HTMLDivElement>
   footer?: React.ReactNode
@@ -854,6 +860,14 @@ export declare function focusFirstDescendant(element: HTMLElement): boolean
  */
 export declare function focusLastDescendant(element: HTMLElement): boolean
 
+/**
+ * @public
+ */
+export declare interface FocusRing {
+  offset: number
+  width: number
+}
+
 /**
  * @internal
  */
@@ -1002,7 +1016,7 @@ export declare const Hotkeys: ForwardRefExoticComponent<
 export declare interface HotkeysProps {
   fontSize?: number | number[]
   padding?: number | number[]
-  radius?: number | number[]
+  radius?: Radius | Radius[]
   space?: number | number[]
   keys?: string[]
 }
@@ -1094,7 +1108,7 @@ export declare interface KBDProps {
   as?: React.ElementType | keyof JSX.IntrinsicElements
   fontSize?: number | number[]
   padding?: number | number[]
-  radius?: number | number[]
+  radius?: Radius | Radius[]
 }
 
 /**
@@ -1244,7 +1258,7 @@ export declare interface MenuButtonProps {
   /**
    * @deprecated Use `popover={{radius: 2}}` instead.
    */
-  popoverRadius?: number | number[]
+  popoverRadius?: Radius | Radius[]
   /**
    * @beta Do not use in production.
    * @deprecated Use `popover={{portal: true}}` instead.
@@ -1592,7 +1606,7 @@ export declare interface MenuGroupProps {
   icon?: React.ElementType | React.ReactNode
   padding?: number | number[]
   popover?: Omit<PopoverProps, 'content' | 'open'>
-  radius?: number | number[]
+  radius?: Radius | Radius[]
   space?: number | number[]
   text: React.ReactNode
   tone?: SelectableTone
@@ -1799,6 +1813,11 @@ export declare interface RadioProps {
   customValidity?: string
 }
 
+/**
+ * @public
+ */
+export declare type Radius = number | 'full'
+
 /**
  * @internal
  */
@@ -1971,7 +1990,7 @@ export declare interface ResponsivePaddingProps {
  * @public
  */
 export declare interface ResponsiveRadiusProps {
-  radius?: number | number[]
+  radius?: Radius | Radius[]
 }
 
 /**
@@ -2075,7 +2094,7 @@ export declare type SelectableTone = 'default' | 'primary' | 'positive' | 'cauti
 export declare interface SelectProps {
   fontSize?: number | number[]
   padding?: number | number[]
-  radius?: number | number[]
+  radius?: Radius | Radius[]
   space?: number | number[]
   customValidity?: string
 }
@@ -2309,7 +2328,7 @@ export declare interface TextInputProps {
   onClear?: () => void
   padding?: number | number[]
   prefix?: React.ReactNode
-  radius?: number | number[]
+  radius?: Radius | Radius[]
   space?: number | number[]
   suffix?: React.ReactNode
   type?: TextInputType
@@ -2388,6 +2407,7 @@ export declare interface ThemeAvatar {
     distance: number
     size: number
   }[]
+  focusRing: FocusRing
 }
 
 /**
@@ -2551,6 +2571,7 @@ export declare interface ThemeColorGenericState {
   bg2?: string
   border: string
   fg: string
+  iconColor: string
   muted: {
     fg: string
   }
@@ -2583,6 +2604,7 @@ export declare interface ThemeColorInput {
  */
 export declare interface ThemeColorInputState {
   bg: string
+  bg2: string
   fg: string
   border: string
   placeholder: string
@@ -2873,10 +2895,12 @@ export declare type ThemeFontWeightKey = 'regular' | 'medium' | 'semibold' | 'bo
 export declare interface ThemeInput {
   checkbox: {
     size: number
+    focusRing: FocusRing
   }
   radio: {
     size: number
     markSize: number
+    focusRing: FocusRing
   }
   switch: {
     width: number
@@ -2884,10 +2908,17 @@ export declare interface ThemeInput {
     padding: number
     transitionDurationMs: number
     transitionTimingFunction: string
+    focusRing: FocusRing
   }
   border: {
     width: number
   }
+  select: {
+    focusRing: FocusRing
+  }
+  text: {
+    focusRing: FocusRing
+  }
 }
 
 /**