@sanity/ui 2.10.16 → 2.10.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/index.d.mts +17 -18
  2. package/dist/index.d.ts +17 -18
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/core/components/menu/menuGroup.tsx +2 -2
  8. package/src/core/components/menu/menuItem.tsx +1 -2
  9. package/src/core/primitives/avatar/avatar.tsx +2 -2
  10. package/src/core/primitives/badge/badge.tsx +2 -2
  11. package/src/core/primitives/box/box.tsx +3 -3
  12. package/src/core/primitives/button/button.tsx +2 -2
  13. package/src/core/primitives/code/code.tsx +2 -2
  14. package/src/core/primitives/heading/heading.tsx +2 -2
  15. package/src/core/primitives/kbd/kbd.tsx +2 -2
  16. package/src/core/primitives/label/label.tsx +2 -2
  17. package/src/core/primitives/stack/stack.tsx +2 -2
  18. package/src/core/primitives/text/text.tsx +2 -2
  19. package/src/core/utils/elementQuery/elementQuery.tsx +2 -2
  20. package/src/core/utils/layer/layer.tsx +3 -11
  21. package/src/core/utils/srOnly/srOnly.tsx +2 -2
  22. package/src/core/utils/virtualList/virtualList.tsx +2 -10
package/dist/index.d.mts CHANGED
@@ -13,7 +13,6 @@ import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
13
13
  import {HTMLAttributes} from 'react'
14
14
  import {HTMLProps} from 'react'
15
15
  import {IStyledComponentBase} from 'styled-components/dist/types'
16
- import {JSX} from 'react'
17
16
  import {multiply as multiply_2} from '@sanity/ui/theme'
18
17
  import {MutableRefObject} from 'react'
19
18
  import {NamedExoticComponent} from 'react'
@@ -322,7 +321,7 @@ export declare interface AvatarProps {
322
321
  __unstable_hideInnerStroke?: boolean
323
322
  animateArrowFrom?: AvatarPosition
324
323
  arrowPosition?: AvatarPosition
325
- as?: React.ElementType | keyof JSX.IntrinsicElements
324
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
326
325
  color?: ThemeColorAvatarColorKey
327
326
  initials?: string
328
327
  onImageLoadError?: (event: Error) => void
@@ -390,7 +389,7 @@ export declare type BadgeMode = 'default' | 'outline'
390
389
  * @public
391
390
  */
392
391
  export declare interface BadgeProps extends BoxProps, ResponsiveRadiusProps {
393
- as?: React.ElementType | keyof JSX.IntrinsicElements
392
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
394
393
  fontSize?: number | number[]
395
394
  /** @deprecated No longer used. */
396
395
  mode?: BadgeMode
@@ -477,8 +476,8 @@ export declare interface BoxProps
477
476
  ResponsiveGridItemProps,
478
477
  ResponsiveMarginProps,
479
478
  ResponsivePaddingProps {
480
- as?: React.ElementType | keyof JSX.IntrinsicElements
481
- forwardedAs?: React.ElementType | keyof JSX.IntrinsicElements
479
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
480
+ forwardedAs?: React.ElementType | keyof React.JSX.IntrinsicElements
482
481
  }
483
482
 
484
483
  /**
@@ -527,7 +526,7 @@ export declare type ButtonMode = ThemeColorButtonModeKey_2
527
526
  * @public
528
527
  */
529
528
  export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
530
- as?: React.ElementType | keyof JSX.IntrinsicElements
529
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
531
530
  fontSize?: number | number[]
532
531
  mode?: ButtonMode
533
532
  icon?: React.ElementType | React.ReactNode
@@ -661,7 +660,7 @@ export declare const Code: ForwardRefExoticComponent<
661
660
  * @public
662
661
  */
663
662
  export declare interface CodeProps {
664
- as?: React.ElementType | keyof JSX.IntrinsicElements
663
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
665
664
  /** Define the language to use for syntax highlighting. */
666
665
  language?: string
667
666
  size?: number | number[]
@@ -1076,7 +1075,7 @@ export declare const Heading: ForwardRefExoticComponent<
1076
1075
  export declare interface HeadingProps {
1077
1076
  accent?: boolean
1078
1077
  align?: TextAlign | TextAlign[]
1079
- as?: React.ElementType | keyof JSX.IntrinsicElements
1078
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1080
1079
  muted?: boolean
1081
1080
  size?: number | number[]
1082
1081
  /**
@@ -1221,7 +1220,7 @@ export declare const KBD: ForwardRefExoticComponent<
1221
1220
  * @public
1222
1221
  */
1223
1222
  export declare interface KBDProps {
1224
- as?: React.ElementType | keyof JSX.IntrinsicElements
1223
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1225
1224
  fontSize?: number | number[]
1226
1225
  padding?: number | number[]
1227
1226
  radius?: Radius | Radius[]
@@ -1243,7 +1242,7 @@ export declare const Label: ForwardRefExoticComponent<
1243
1242
  export declare interface LabelProps {
1244
1243
  accent?: boolean
1245
1244
  align?: TextAlign | TextAlign[]
1246
- as?: React.ElementType | keyof JSX.IntrinsicElements
1245
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1247
1246
  muted?: boolean
1248
1247
  size?: number | number[]
1249
1248
  /**
@@ -1296,7 +1295,7 @@ export declare interface LayerContextValue {
1296
1295
  * @public
1297
1296
  */
1298
1297
  export declare interface LayerProps {
1299
- as?: React.ElementType | keyof JSX.IntrinsicElements
1298
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1300
1299
  /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
1301
1300
  onActivate?: (props: {activeElement: HTMLElement | null}) => void
1302
1301
  zOffset?: number | number[]
@@ -1324,7 +1323,7 @@ export declare interface LayerProviderProps {
1324
1323
  * @beta
1325
1324
  */
1326
1325
  export declare interface MediaQueryProps {
1327
- as?: React.ElementType | keyof JSX.IntrinsicElements
1326
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1328
1327
  media?: number[]
1329
1328
  }
1330
1329
 
@@ -1421,7 +1420,7 @@ export declare namespace MenuGroup {
1421
1420
  * @public
1422
1421
  */
1423
1422
  export declare interface MenuGroupProps {
1424
- as?: React.ElementType | keyof JSX.IntrinsicElements
1423
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1425
1424
  fontSize?: number | number[]
1426
1425
  icon?: React.ElementType | React.ReactNode
1427
1426
  padding?: number | number[]
@@ -1445,7 +1444,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
1445
1444
  * @public
1446
1445
  */
1447
1446
  export declare interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
1448
- as?: React.ElementType | keyof JSX.IntrinsicElements
1447
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1449
1448
  fontSize?: number | number[]
1450
1449
  hotkeys?: string[]
1451
1450
  icon?: React.ElementType | React.ReactNode
@@ -2013,7 +2012,7 @@ export declare const SrOnly: ForwardRefExoticComponent<
2013
2012
  * @public
2014
2013
  */
2015
2014
  export declare interface SrOnlyProps {
2016
- as?: React.ElementType | keyof JSX.IntrinsicElements
2015
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2017
2016
  children?: React.ReactNode
2018
2017
  }
2019
2018
 
@@ -2030,7 +2029,7 @@ export declare const Stack: ForwardRefExoticComponent<
2030
2029
  * @public
2031
2030
  */
2032
2031
  export declare interface StackProps extends BoxProps {
2033
- as?: React.ElementType | keyof JSX.IntrinsicElements
2032
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2034
2033
  space?: number | number[]
2035
2034
  }
2036
2035
 
@@ -2247,7 +2246,7 @@ export declare type TextInputType =
2247
2246
  export declare interface TextProps {
2248
2247
  accent?: boolean
2249
2248
  align?: TextAlign | TextAlign[]
2250
- as?: React.ElementType | keyof JSX.IntrinsicElements
2249
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2251
2250
  /** When `true` the text color will be muted. */
2252
2251
  muted?: boolean
2253
2252
  size?: number | number[]
@@ -2903,7 +2902,7 @@ export declare interface VirtualListChangeOpts {
2903
2902
  * @beta
2904
2903
  */
2905
2904
  export declare interface VirtualListProps<Item = any> {
2906
- as?: React.ElementType | keyof JSX.IntrinsicElements
2905
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2907
2906
  gap?: number
2908
2907
  getItemKey?: (item: Item, itemIndex: number) => string
2909
2908
  items?: Item[]
package/dist/index.d.ts CHANGED
@@ -13,7 +13,6 @@ import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
13
13
  import {HTMLAttributes} from 'react'
14
14
  import {HTMLProps} from 'react'
15
15
  import {IStyledComponentBase} from 'styled-components/dist/types'
16
- import {JSX} from 'react'
17
16
  import {multiply as multiply_2} from '@sanity/ui/theme'
18
17
  import {MutableRefObject} from 'react'
19
18
  import {NamedExoticComponent} from 'react'
@@ -322,7 +321,7 @@ export declare interface AvatarProps {
322
321
  __unstable_hideInnerStroke?: boolean
323
322
  animateArrowFrom?: AvatarPosition
324
323
  arrowPosition?: AvatarPosition
325
- as?: React.ElementType | keyof JSX.IntrinsicElements
324
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
326
325
  color?: ThemeColorAvatarColorKey
327
326
  initials?: string
328
327
  onImageLoadError?: (event: Error) => void
@@ -390,7 +389,7 @@ export declare type BadgeMode = 'default' | 'outline'
390
389
  * @public
391
390
  */
392
391
  export declare interface BadgeProps extends BoxProps, ResponsiveRadiusProps {
393
- as?: React.ElementType | keyof JSX.IntrinsicElements
392
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
394
393
  fontSize?: number | number[]
395
394
  /** @deprecated No longer used. */
396
395
  mode?: BadgeMode
@@ -477,8 +476,8 @@ export declare interface BoxProps
477
476
  ResponsiveGridItemProps,
478
477
  ResponsiveMarginProps,
479
478
  ResponsivePaddingProps {
480
- as?: React.ElementType | keyof JSX.IntrinsicElements
481
- forwardedAs?: React.ElementType | keyof JSX.IntrinsicElements
479
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
480
+ forwardedAs?: React.ElementType | keyof React.JSX.IntrinsicElements
482
481
  }
483
482
 
484
483
  /**
@@ -527,7 +526,7 @@ export declare type ButtonMode = ThemeColorButtonModeKey_2
527
526
  * @public
528
527
  */
529
528
  export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
530
- as?: React.ElementType | keyof JSX.IntrinsicElements
529
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
531
530
  fontSize?: number | number[]
532
531
  mode?: ButtonMode
533
532
  icon?: React.ElementType | React.ReactNode
@@ -661,7 +660,7 @@ export declare const Code: ForwardRefExoticComponent<
661
660
  * @public
662
661
  */
663
662
  export declare interface CodeProps {
664
- as?: React.ElementType | keyof JSX.IntrinsicElements
663
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
665
664
  /** Define the language to use for syntax highlighting. */
666
665
  language?: string
667
666
  size?: number | number[]
@@ -1076,7 +1075,7 @@ export declare const Heading: ForwardRefExoticComponent<
1076
1075
  export declare interface HeadingProps {
1077
1076
  accent?: boolean
1078
1077
  align?: TextAlign | TextAlign[]
1079
- as?: React.ElementType | keyof JSX.IntrinsicElements
1078
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1080
1079
  muted?: boolean
1081
1080
  size?: number | number[]
1082
1081
  /**
@@ -1221,7 +1220,7 @@ export declare const KBD: ForwardRefExoticComponent<
1221
1220
  * @public
1222
1221
  */
1223
1222
  export declare interface KBDProps {
1224
- as?: React.ElementType | keyof JSX.IntrinsicElements
1223
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1225
1224
  fontSize?: number | number[]
1226
1225
  padding?: number | number[]
1227
1226
  radius?: Radius | Radius[]
@@ -1243,7 +1242,7 @@ export declare const Label: ForwardRefExoticComponent<
1243
1242
  export declare interface LabelProps {
1244
1243
  accent?: boolean
1245
1244
  align?: TextAlign | TextAlign[]
1246
- as?: React.ElementType | keyof JSX.IntrinsicElements
1245
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1247
1246
  muted?: boolean
1248
1247
  size?: number | number[]
1249
1248
  /**
@@ -1296,7 +1295,7 @@ export declare interface LayerContextValue {
1296
1295
  * @public
1297
1296
  */
1298
1297
  export declare interface LayerProps {
1299
- as?: React.ElementType | keyof JSX.IntrinsicElements
1298
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1300
1299
  /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
1301
1300
  onActivate?: (props: {activeElement: HTMLElement | null}) => void
1302
1301
  zOffset?: number | number[]
@@ -1324,7 +1323,7 @@ export declare interface LayerProviderProps {
1324
1323
  * @beta
1325
1324
  */
1326
1325
  export declare interface MediaQueryProps {
1327
- as?: React.ElementType | keyof JSX.IntrinsicElements
1326
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1328
1327
  media?: number[]
1329
1328
  }
1330
1329
 
@@ -1421,7 +1420,7 @@ export declare namespace MenuGroup {
1421
1420
  * @public
1422
1421
  */
1423
1422
  export declare interface MenuGroupProps {
1424
- as?: React.ElementType | keyof JSX.IntrinsicElements
1423
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1425
1424
  fontSize?: number | number[]
1426
1425
  icon?: React.ElementType | React.ReactNode
1427
1426
  padding?: number | number[]
@@ -1445,7 +1444,7 @@ export declare const MenuItem: ForwardRefExoticComponent<
1445
1444
  * @public
1446
1445
  */
1447
1446
  export declare interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
1448
- as?: React.ElementType | keyof JSX.IntrinsicElements
1447
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
1449
1448
  fontSize?: number | number[]
1450
1449
  hotkeys?: string[]
1451
1450
  icon?: React.ElementType | React.ReactNode
@@ -2013,7 +2012,7 @@ export declare const SrOnly: ForwardRefExoticComponent<
2013
2012
  * @public
2014
2013
  */
2015
2014
  export declare interface SrOnlyProps {
2016
- as?: React.ElementType | keyof JSX.IntrinsicElements
2015
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2017
2016
  children?: React.ReactNode
2018
2017
  }
2019
2018
 
@@ -2030,7 +2029,7 @@ export declare const Stack: ForwardRefExoticComponent<
2030
2029
  * @public
2031
2030
  */
2032
2031
  export declare interface StackProps extends BoxProps {
2033
- as?: React.ElementType | keyof JSX.IntrinsicElements
2032
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2034
2033
  space?: number | number[]
2035
2034
  }
2036
2035
 
@@ -2247,7 +2246,7 @@ export declare type TextInputType =
2247
2246
  export declare interface TextProps {
2248
2247
  accent?: boolean
2249
2248
  align?: TextAlign | TextAlign[]
2250
- as?: React.ElementType | keyof JSX.IntrinsicElements
2249
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2251
2250
  /** When `true` the text color will be muted. */
2252
2251
  muted?: boolean
2253
2252
  size?: number | number[]
@@ -2903,7 +2902,7 @@ export declare interface VirtualListChangeOpts {
2903
2902
  * @beta
2904
2903
  */
2905
2904
  export declare interface VirtualListProps<Item = any> {
2906
- as?: React.ElementType | keyof JSX.IntrinsicElements
2905
+ as?: React.ElementType | keyof React.JSX.IntrinsicElements
2907
2906
  gap?: number
2908
2907
  getItemKey?: (item: Item, itemIndex: number) => string
2909
2908
  items?: Item[]