@sanity/ui 3.1.13 → 3.2.0

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 (47) hide show
  1. package/dist/_chunks-cjs/_visual-editing.js +276 -252
  2. package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
  3. package/dist/_chunks-es/_visual-editing.mjs +276 -252
  4. package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
  5. package/dist/_visual-editing.d.mts +66 -1
  6. package/dist/_visual-editing.d.ts +66 -1
  7. package/dist/index.d.mts +86 -1
  8. package/dist/index.d.ts +86 -1
  9. package/dist/index.js +97 -93
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +97 -93
  12. package/dist/index.mjs.map +1 -1
  13. package/package.json +1 -1
  14. package/src/core/components/breadcrumbs/breadcrumbs.test.tsx +51 -0
  15. package/src/core/components/breadcrumbs/breadcrumbs.tsx +7 -3
  16. package/src/core/components/hotkeys/hotkeys.test.tsx +42 -0
  17. package/src/core/components/hotkeys/hotkeys.tsx +7 -3
  18. package/src/core/components/menu/menu.spacing.test.tsx +63 -0
  19. package/src/core/components/menu/menu.tsx +8 -2
  20. package/src/core/components/menu/menuGroup.spacing.test.tsx +69 -0
  21. package/src/core/components/menu/menuGroup.tsx +8 -2
  22. package/src/core/components/menu/menuItem.spacing.test.tsx +59 -0
  23. package/src/core/components/menu/menuItem.tsx +8 -2
  24. package/src/core/components/tab/tabList.test.tsx +48 -0
  25. package/src/core/components/tree/tree.test.tsx +55 -0
  26. package/src/core/components/tree/tree.tsx +10 -4
  27. package/src/core/components/tree/treeGroup.tsx +2 -2
  28. package/src/core/components/tree/treeItem.test.tsx +65 -0
  29. package/src/core/components/tree/treeItem.tsx +8 -2
  30. package/src/core/components/tree/types.ts +4 -0
  31. package/src/core/hooks/useDelayed.test.ts +20 -0
  32. package/src/core/hooks/useDelayedState.ts +9 -1
  33. package/src/core/primitives/box/box.test.tsx +134 -0
  34. package/src/core/primitives/box/box.tsx +18 -6
  35. package/src/core/primitives/button/button.test.tsx +38 -0
  36. package/src/core/primitives/button/button.tsx +8 -3
  37. package/src/core/primitives/grid/grid.test.tsx +78 -0
  38. package/src/core/primitives/grid/grid.tsx +17 -4
  39. package/src/core/primitives/inline/inline.test.tsx +51 -0
  40. package/src/core/primitives/inline/inline.tsx +9 -3
  41. package/src/core/primitives/select/select.test.tsx +52 -0
  42. package/src/core/primitives/select/select.tsx +8 -2
  43. package/src/core/primitives/stack/stack.test.tsx +57 -0
  44. package/src/core/primitives/stack/stack.tsx +7 -2
  45. package/src/core/primitives/textInput/textInput.test.tsx +48 -0
  46. package/src/core/primitives/textInput/textInput.tsx +7 -2
  47. package/src/core/primitives/types.ts +33 -0
@@ -87,7 +87,11 @@ declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusPr
87
87
  */
88
88
  loading?: boolean
89
89
  selected?: boolean
90
+ /**
91
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
92
+ */
90
93
  space?: number | number[]
94
+ gap?: number | number[]
91
95
  muted?: boolean
92
96
  text?: React.ReactNode
93
97
  textAlign?: ButtonTextAlign
@@ -287,8 +291,12 @@ export declare const Hotkeys: ForwardRefExoticComponent<
287
291
  */
288
292
  declare interface HotkeysProps {
289
293
  fontSize?: number | number[]
294
+ gap?: number | number[]
290
295
  padding?: number | number[]
291
296
  radius?: Radius | Radius[]
297
+ /**
298
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
299
+ */
292
300
  space?: number | number[]
293
301
  keys?: string[]
294
302
  }
@@ -297,8 +305,13 @@ declare interface HotkeysProps {
297
305
  * @public
298
306
  */
299
307
  declare interface InlineProps extends Omit<BoxProps, 'display'> {
300
- /** The spacing between children. */
308
+ /**
309
+ * The spacing between children.
310
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
311
+ */
301
312
  space?: number | number[]
313
+ /** The spacing between children. */
314
+ gap?: number | number[]
302
315
  }
303
316
 
304
317
  /**
@@ -390,6 +403,10 @@ declare interface MenuGroupProps {
390
403
  padding?: number | number[]
391
404
  popover?: Omit<PopoverProps, 'content' | 'open'>
392
405
  radius?: Radius | Radius[]
406
+ gap?: number | number[]
407
+ /**
408
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
409
+ */
393
410
  space?: number | number[]
394
411
  text: React.ReactNode
395
412
  tone?: SelectableTone
@@ -415,6 +432,10 @@ export declare interface MenuItemProps extends ResponsivePaddingProps, Responsiv
415
432
  iconRight?: React.ElementType | React.ReactNode
416
433
  pressed?: boolean
417
434
  selected?: boolean
435
+ gap?: number | number[]
436
+ /**
437
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
438
+ */
418
439
  space?: number | number[]
419
440
  text?: React.ReactNode
420
441
  tone?: SelectableTone
@@ -439,6 +460,10 @@ declare interface MenuProps extends ResponsivePaddingProps {
439
460
  'originElement'?: HTMLElement | null
440
461
  'registerElement'?: (el: HTMLElement) => () => void
441
462
  'shouldFocus'?: 'first' | 'last' | null
463
+ 'gap'?: number | number[]
464
+ /**
465
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
466
+ */
442
467
  'space'?: number | number[]
443
468
  'aria-labelledby'?: string
444
469
  'onBlurCapture'?: (event: FocusEvent) => void
@@ -660,11 +685,35 @@ declare interface ResponsiveFlexProps {
660
685
  * @public
661
686
  */
662
687
  declare interface ResponsiveGridItemProps {
688
+ gridColumn?: GridItemColumn | GridItemColumn[]
689
+ /**
690
+ * @deprecated Use `gridColumn` instead. `column` will be removed in v4.
691
+ */
663
692
  column?: GridItemColumn | GridItemColumn[]
693
+ gridColumnStart?: GridItemColumnStart | GridItemColumnStart[]
694
+ /**
695
+ * @deprecated Use `gridColumnStart` instead. `columnStart` will be removed in v4.
696
+ */
664
697
  columnStart?: GridItemColumnStart | GridItemColumnStart[]
698
+ gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
699
+ /**
700
+ * @deprecated Use `gridColumnEnd` instead. `columnEnd` will be removed in v4.
701
+ */
665
702
  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
703
+ gridRow?: GridItemRow | GridItemRow[]
704
+ /**
705
+ * @deprecated Use `gridRow` instead. `row` will be removed in v4.
706
+ */
666
707
  row?: GridItemRow | GridItemRow[]
708
+ gridRowStart?: GridItemRowStart | GridItemRowStart[]
709
+ /**
710
+ * @deprecated Use `gridRowStart` instead. `rowStart` will be removed in v4.
711
+ */
667
712
  rowStart?: GridItemRowStart | GridItemRowStart[]
713
+ gridRowEnd?: GridItemRowEnd | GridItemRowEnd[]
714
+ /**
715
+ * @deprecated Use `gridRowEnd` instead. `rowEnd` will be removed in v4.
716
+ */
668
717
  rowEnd?: GridItemRowEnd | GridItemRowEnd[]
669
718
  }
670
719
 
@@ -675,11 +724,19 @@ declare interface ResponsiveGridProps {
675
724
  autoRows?: GridAutoRows | GridAutoRows[]
676
725
  autoCols?: GridAutoCols | GridAutoCols[]
677
726
  autoFlow?: GridAutoFlow | GridAutoFlow[]
727
+ /**
728
+ * @deprecated Use `gridTemplateColumns` instead. `columns` will be removed in v4.
729
+ */
678
730
  columns?: number | number[]
731
+ gridTemplateColumns?: number | number[]
679
732
  gap?: number | number[]
680
733
  gapX?: number | number[]
681
734
  gapY?: number | number[]
735
+ /**
736
+ * @deprecated Use `gridTemplateRows` instead. `rows` will be removed in v4.
737
+ */
682
738
  rows?: number | number[]
739
+ gridTemplateRows?: number | number[]
683
740
  }
684
741
 
685
742
  /**
@@ -762,6 +819,10 @@ export declare const Stack: ForwardRefExoticComponent<
762
819
  */
763
820
  declare interface StackProps extends BoxProps {
764
821
  as?: React.ElementType | keyof React.JSX.IntrinsicElements
822
+ gap?: number | number[]
823
+ /**
824
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
825
+ */
765
826
  space?: number | number[]
766
827
  }
767
828
 
@@ -875,7 +936,11 @@ declare interface TextInputProps {
875
936
  padding?: number | number[]
876
937
  prefix?: React.ReactNode
877
938
  radius?: Radius | Radius[]
939
+ /**
940
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
941
+ */
878
942
  space?: number | number[]
943
+ gap?: number | number[]
879
944
  suffix?: React.ReactNode
880
945
  type?: TextInputType
881
946
  weight?: ThemeFontWeightKey
@@ -87,7 +87,11 @@ declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusPr
87
87
  */
88
88
  loading?: boolean
89
89
  selected?: boolean
90
+ /**
91
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
92
+ */
90
93
  space?: number | number[]
94
+ gap?: number | number[]
91
95
  muted?: boolean
92
96
  text?: React.ReactNode
93
97
  textAlign?: ButtonTextAlign
@@ -287,8 +291,12 @@ export declare const Hotkeys: ForwardRefExoticComponent<
287
291
  */
288
292
  declare interface HotkeysProps {
289
293
  fontSize?: number | number[]
294
+ gap?: number | number[]
290
295
  padding?: number | number[]
291
296
  radius?: Radius | Radius[]
297
+ /**
298
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
299
+ */
292
300
  space?: number | number[]
293
301
  keys?: string[]
294
302
  }
@@ -297,8 +305,13 @@ declare interface HotkeysProps {
297
305
  * @public
298
306
  */
299
307
  declare interface InlineProps extends Omit<BoxProps, 'display'> {
300
- /** The spacing between children. */
308
+ /**
309
+ * The spacing between children.
310
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
311
+ */
301
312
  space?: number | number[]
313
+ /** The spacing between children. */
314
+ gap?: number | number[]
302
315
  }
303
316
 
304
317
  /**
@@ -390,6 +403,10 @@ declare interface MenuGroupProps {
390
403
  padding?: number | number[]
391
404
  popover?: Omit<PopoverProps, 'content' | 'open'>
392
405
  radius?: Radius | Radius[]
406
+ gap?: number | number[]
407
+ /**
408
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
409
+ */
393
410
  space?: number | number[]
394
411
  text: React.ReactNode
395
412
  tone?: SelectableTone
@@ -415,6 +432,10 @@ export declare interface MenuItemProps extends ResponsivePaddingProps, Responsiv
415
432
  iconRight?: React.ElementType | React.ReactNode
416
433
  pressed?: boolean
417
434
  selected?: boolean
435
+ gap?: number | number[]
436
+ /**
437
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
438
+ */
418
439
  space?: number | number[]
419
440
  text?: React.ReactNode
420
441
  tone?: SelectableTone
@@ -439,6 +460,10 @@ declare interface MenuProps extends ResponsivePaddingProps {
439
460
  'originElement'?: HTMLElement | null
440
461
  'registerElement'?: (el: HTMLElement) => () => void
441
462
  'shouldFocus'?: 'first' | 'last' | null
463
+ 'gap'?: number | number[]
464
+ /**
465
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
466
+ */
442
467
  'space'?: number | number[]
443
468
  'aria-labelledby'?: string
444
469
  'onBlurCapture'?: (event: FocusEvent) => void
@@ -660,11 +685,35 @@ declare interface ResponsiveFlexProps {
660
685
  * @public
661
686
  */
662
687
  declare interface ResponsiveGridItemProps {
688
+ gridColumn?: GridItemColumn | GridItemColumn[]
689
+ /**
690
+ * @deprecated Use `gridColumn` instead. `column` will be removed in v4.
691
+ */
663
692
  column?: GridItemColumn | GridItemColumn[]
693
+ gridColumnStart?: GridItemColumnStart | GridItemColumnStart[]
694
+ /**
695
+ * @deprecated Use `gridColumnStart` instead. `columnStart` will be removed in v4.
696
+ */
664
697
  columnStart?: GridItemColumnStart | GridItemColumnStart[]
698
+ gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
699
+ /**
700
+ * @deprecated Use `gridColumnEnd` instead. `columnEnd` will be removed in v4.
701
+ */
665
702
  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
703
+ gridRow?: GridItemRow | GridItemRow[]
704
+ /**
705
+ * @deprecated Use `gridRow` instead. `row` will be removed in v4.
706
+ */
666
707
  row?: GridItemRow | GridItemRow[]
708
+ gridRowStart?: GridItemRowStart | GridItemRowStart[]
709
+ /**
710
+ * @deprecated Use `gridRowStart` instead. `rowStart` will be removed in v4.
711
+ */
667
712
  rowStart?: GridItemRowStart | GridItemRowStart[]
713
+ gridRowEnd?: GridItemRowEnd | GridItemRowEnd[]
714
+ /**
715
+ * @deprecated Use `gridRowEnd` instead. `rowEnd` will be removed in v4.
716
+ */
668
717
  rowEnd?: GridItemRowEnd | GridItemRowEnd[]
669
718
  }
670
719
 
@@ -675,11 +724,19 @@ declare interface ResponsiveGridProps {
675
724
  autoRows?: GridAutoRows | GridAutoRows[]
676
725
  autoCols?: GridAutoCols | GridAutoCols[]
677
726
  autoFlow?: GridAutoFlow | GridAutoFlow[]
727
+ /**
728
+ * @deprecated Use `gridTemplateColumns` instead. `columns` will be removed in v4.
729
+ */
678
730
  columns?: number | number[]
731
+ gridTemplateColumns?: number | number[]
679
732
  gap?: number | number[]
680
733
  gapX?: number | number[]
681
734
  gapY?: number | number[]
735
+ /**
736
+ * @deprecated Use `gridTemplateRows` instead. `rows` will be removed in v4.
737
+ */
682
738
  rows?: number | number[]
739
+ gridTemplateRows?: number | number[]
683
740
  }
684
741
 
685
742
  /**
@@ -762,6 +819,10 @@ export declare const Stack: ForwardRefExoticComponent<
762
819
  */
763
820
  declare interface StackProps extends BoxProps {
764
821
  as?: React.ElementType | keyof React.JSX.IntrinsicElements
822
+ gap?: number | number[]
823
+ /**
824
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
825
+ */
765
826
  space?: number | number[]
766
827
  }
767
828
 
@@ -875,7 +936,11 @@ declare interface TextInputProps {
875
936
  padding?: number | number[]
876
937
  prefix?: React.ReactNode
877
938
  radius?: Radius | Radius[]
939
+ /**
940
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
941
+ */
878
942
  space?: number | number[]
943
+ gap?: number | number[]
879
944
  suffix?: React.ReactNode
880
945
  type?: TextInputType
881
946
  weight?: ThemeFontWeightKey
package/dist/index.d.mts CHANGED
@@ -502,6 +502,10 @@ export declare const Breadcrumbs: ForwardRefExoticComponent<
502
502
  export declare interface BreadcrumbsProps {
503
503
  maxLength?: number
504
504
  separator?: React.ReactNode
505
+ gap?: number | number[]
506
+ /**
507
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
508
+ */
505
509
  space?: number | number[]
506
510
  }
507
511
 
@@ -533,7 +537,11 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
533
537
  */
534
538
  loading?: boolean
535
539
  selected?: boolean
540
+ /**
541
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
542
+ */
536
543
  space?: number | number[]
544
+ gap?: number | number[]
537
545
  muted?: boolean
538
546
  text?: React.ReactNode
539
547
  textAlign?: ButtonTextAlign
@@ -1124,8 +1132,12 @@ export declare const Hotkeys: ForwardRefExoticComponent<
1124
1132
  */
1125
1133
  export declare interface HotkeysProps {
1126
1134
  fontSize?: number | number[]
1135
+ gap?: number | number[]
1127
1136
  padding?: number | number[]
1128
1137
  radius?: Radius | Radius[]
1138
+ /**
1139
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1140
+ */
1129
1141
  space?: number | number[]
1130
1142
  keys?: string[]
1131
1143
  }
@@ -1155,8 +1167,13 @@ export declare const Inline: ForwardRefExoticComponent<
1155
1167
  * @public
1156
1168
  */
1157
1169
  export declare interface InlineProps extends Omit<BoxProps, 'display'> {
1158
- /** The spacing between children. */
1170
+ /**
1171
+ * The spacing between children.
1172
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1173
+ */
1159
1174
  space?: number | number[]
1175
+ /** The spacing between children. */
1176
+ gap?: number | number[]
1160
1177
  }
1161
1178
 
1162
1179
  /**
@@ -1434,6 +1451,10 @@ export declare interface MenuGroupProps {
1434
1451
  padding?: number | number[]
1435
1452
  popover?: Omit<PopoverProps, 'content' | 'open'>
1436
1453
  radius?: Radius | Radius[]
1454
+ gap?: number | number[]
1455
+ /**
1456
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1457
+ */
1437
1458
  space?: number | number[]
1438
1459
  text: React.ReactNode
1439
1460
  tone?: SelectableTone
@@ -1459,6 +1480,10 @@ export declare interface MenuItemProps extends ResponsivePaddingProps, Responsiv
1459
1480
  iconRight?: React.ElementType | React.ReactNode
1460
1481
  pressed?: boolean
1461
1482
  selected?: boolean
1483
+ gap?: number | number[]
1484
+ /**
1485
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1486
+ */
1462
1487
  space?: number | number[]
1463
1488
  text?: React.ReactNode
1464
1489
  tone?: SelectableTone
@@ -1483,6 +1508,10 @@ export declare interface MenuProps extends ResponsivePaddingProps {
1483
1508
  'originElement'?: HTMLElement | null
1484
1509
  'registerElement'?: (el: HTMLElement) => () => void
1485
1510
  'shouldFocus'?: 'first' | 'last' | null
1511
+ 'gap'?: number | number[]
1512
+ /**
1513
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1514
+ */
1486
1515
  'space'?: number | number[]
1487
1516
  'aria-labelledby'?: string
1488
1517
  'onBlurCapture'?: (event: FocusEvent) => void
@@ -1807,11 +1836,35 @@ export declare interface ResponsiveFontStyleProps
1807
1836
  * @public
1808
1837
  */
1809
1838
  export declare interface ResponsiveGridItemProps {
1839
+ gridColumn?: GridItemColumn | GridItemColumn[]
1840
+ /**
1841
+ * @deprecated Use `gridColumn` instead. `column` will be removed in v4.
1842
+ */
1810
1843
  column?: GridItemColumn | GridItemColumn[]
1844
+ gridColumnStart?: GridItemColumnStart | GridItemColumnStart[]
1845
+ /**
1846
+ * @deprecated Use `gridColumnStart` instead. `columnStart` will be removed in v4.
1847
+ */
1811
1848
  columnStart?: GridItemColumnStart | GridItemColumnStart[]
1849
+ gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
1850
+ /**
1851
+ * @deprecated Use `gridColumnEnd` instead. `columnEnd` will be removed in v4.
1852
+ */
1812
1853
  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
1854
+ gridRow?: GridItemRow | GridItemRow[]
1855
+ /**
1856
+ * @deprecated Use `gridRow` instead. `row` will be removed in v4.
1857
+ */
1813
1858
  row?: GridItemRow | GridItemRow[]
1859
+ gridRowStart?: GridItemRowStart | GridItemRowStart[]
1860
+ /**
1861
+ * @deprecated Use `gridRowStart` instead. `rowStart` will be removed in v4.
1862
+ */
1814
1863
  rowStart?: GridItemRowStart | GridItemRowStart[]
1864
+ gridRowEnd?: GridItemRowEnd | GridItemRowEnd[]
1865
+ /**
1866
+ * @deprecated Use `gridRowEnd` instead. `rowEnd` will be removed in v4.
1867
+ */
1815
1868
  rowEnd?: GridItemRowEnd | GridItemRowEnd[]
1816
1869
  }
1817
1870
 
@@ -1822,11 +1875,19 @@ export declare interface ResponsiveGridProps {
1822
1875
  autoRows?: GridAutoRows | GridAutoRows[]
1823
1876
  autoCols?: GridAutoCols | GridAutoCols[]
1824
1877
  autoFlow?: GridAutoFlow | GridAutoFlow[]
1878
+ /**
1879
+ * @deprecated Use `gridTemplateColumns` instead. `columns` will be removed in v4.
1880
+ */
1825
1881
  columns?: number | number[]
1882
+ gridTemplateColumns?: number | number[]
1826
1883
  gap?: number | number[]
1827
1884
  gapX?: number | number[]
1828
1885
  gapY?: number | number[]
1886
+ /**
1887
+ * @deprecated Use `gridTemplateRows` instead. `rows` will be removed in v4.
1888
+ */
1829
1889
  rows?: number | number[]
1890
+ gridTemplateRows?: number | number[]
1830
1891
  }
1831
1892
 
1832
1893
  /**
@@ -1982,8 +2043,12 @@ export declare type SelectableTone = ThemeColorStateToneKey
1982
2043
  */
1983
2044
  export declare interface SelectProps {
1984
2045
  fontSize?: number | number[]
2046
+ gap?: number | number[]
1985
2047
  padding?: number | number[]
1986
2048
  radius?: Radius | Radius[]
2049
+ /**
2050
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2051
+ */
1987
2052
  space?: number | number[]
1988
2053
  customValidity?: string
1989
2054
  }
@@ -2053,6 +2118,10 @@ export declare const Stack: ForwardRefExoticComponent<
2053
2118
  */
2054
2119
  export declare interface StackProps extends BoxProps {
2055
2120
  as?: React.ElementType | keyof React.JSX.IntrinsicElements
2121
+ gap?: number | number[]
2122
+ /**
2123
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2124
+ */
2056
2125
  space?: number | number[]
2057
2126
  }
2058
2127
 
@@ -2239,7 +2308,11 @@ export declare interface TextInputProps {
2239
2308
  padding?: number | number[]
2240
2309
  prefix?: React.ReactNode
2241
2310
  radius?: Radius | Radius[]
2311
+ /**
2312
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2313
+ */
2242
2314
  space?: number | number[]
2315
+ gap?: number | number[]
2243
2316
  suffix?: React.ReactNode
2244
2317
  type?: TextInputType
2245
2318
  weight?: ThemeFontWeightKey_2
@@ -2696,6 +2769,10 @@ export declare interface TreeContextValue {
2696
2769
  registerItem: (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => void
2697
2770
  setExpanded: (path: string, expanded: boolean) => void
2698
2771
  setFocusedElement: (focusedElement: HTMLElement | null) => void
2772
+ gap: number | number[]
2773
+ /**
2774
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2775
+ */
2699
2776
  space: number | number[]
2700
2777
  state: TreeState
2701
2778
  }
@@ -2724,6 +2801,10 @@ export declare interface TreeItemProps {
2724
2801
  */
2725
2802
  linkAs?: BoxProps['as']
2726
2803
  padding?: number | number[]
2804
+ gap?: number | number[]
2805
+ /**
2806
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2807
+ */
2727
2808
  space?: number | number[]
2728
2809
  text?: React.ReactNode
2729
2810
  weight?: ThemeFontWeightKey_2
@@ -2734,6 +2815,10 @@ export declare interface TreeItemProps {
2734
2815
  * @beta
2735
2816
  */
2736
2817
  export declare interface TreeProps {
2818
+ gap?: number | number[]
2819
+ /**
2820
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2821
+ */
2737
2822
  space?: number | number[]
2738
2823
  }
2739
2824
 
package/dist/index.d.ts CHANGED
@@ -502,6 +502,10 @@ export declare const Breadcrumbs: ForwardRefExoticComponent<
502
502
  export declare interface BreadcrumbsProps {
503
503
  maxLength?: number
504
504
  separator?: React.ReactNode
505
+ gap?: number | number[]
506
+ /**
507
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
508
+ */
505
509
  space?: number | number[]
506
510
  }
507
511
 
@@ -533,7 +537,11 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
533
537
  */
534
538
  loading?: boolean
535
539
  selected?: boolean
540
+ /**
541
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
542
+ */
536
543
  space?: number | number[]
544
+ gap?: number | number[]
537
545
  muted?: boolean
538
546
  text?: React.ReactNode
539
547
  textAlign?: ButtonTextAlign
@@ -1124,8 +1132,12 @@ export declare const Hotkeys: ForwardRefExoticComponent<
1124
1132
  */
1125
1133
  export declare interface HotkeysProps {
1126
1134
  fontSize?: number | number[]
1135
+ gap?: number | number[]
1127
1136
  padding?: number | number[]
1128
1137
  radius?: Radius | Radius[]
1138
+ /**
1139
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1140
+ */
1129
1141
  space?: number | number[]
1130
1142
  keys?: string[]
1131
1143
  }
@@ -1155,8 +1167,13 @@ export declare const Inline: ForwardRefExoticComponent<
1155
1167
  * @public
1156
1168
  */
1157
1169
  export declare interface InlineProps extends Omit<BoxProps, 'display'> {
1158
- /** The spacing between children. */
1170
+ /**
1171
+ * The spacing between children.
1172
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1173
+ */
1159
1174
  space?: number | number[]
1175
+ /** The spacing between children. */
1176
+ gap?: number | number[]
1160
1177
  }
1161
1178
 
1162
1179
  /**
@@ -1434,6 +1451,10 @@ export declare interface MenuGroupProps {
1434
1451
  padding?: number | number[]
1435
1452
  popover?: Omit<PopoverProps, 'content' | 'open'>
1436
1453
  radius?: Radius | Radius[]
1454
+ gap?: number | number[]
1455
+ /**
1456
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1457
+ */
1437
1458
  space?: number | number[]
1438
1459
  text: React.ReactNode
1439
1460
  tone?: SelectableTone
@@ -1459,6 +1480,10 @@ export declare interface MenuItemProps extends ResponsivePaddingProps, Responsiv
1459
1480
  iconRight?: React.ElementType | React.ReactNode
1460
1481
  pressed?: boolean
1461
1482
  selected?: boolean
1483
+ gap?: number | number[]
1484
+ /**
1485
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1486
+ */
1462
1487
  space?: number | number[]
1463
1488
  text?: React.ReactNode
1464
1489
  tone?: SelectableTone
@@ -1483,6 +1508,10 @@ export declare interface MenuProps extends ResponsivePaddingProps {
1483
1508
  'originElement'?: HTMLElement | null
1484
1509
  'registerElement'?: (el: HTMLElement) => () => void
1485
1510
  'shouldFocus'?: 'first' | 'last' | null
1511
+ 'gap'?: number | number[]
1512
+ /**
1513
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
1514
+ */
1486
1515
  'space'?: number | number[]
1487
1516
  'aria-labelledby'?: string
1488
1517
  'onBlurCapture'?: (event: FocusEvent) => void
@@ -1807,11 +1836,35 @@ export declare interface ResponsiveFontStyleProps
1807
1836
  * @public
1808
1837
  */
1809
1838
  export declare interface ResponsiveGridItemProps {
1839
+ gridColumn?: GridItemColumn | GridItemColumn[]
1840
+ /**
1841
+ * @deprecated Use `gridColumn` instead. `column` will be removed in v4.
1842
+ */
1810
1843
  column?: GridItemColumn | GridItemColumn[]
1844
+ gridColumnStart?: GridItemColumnStart | GridItemColumnStart[]
1845
+ /**
1846
+ * @deprecated Use `gridColumnStart` instead. `columnStart` will be removed in v4.
1847
+ */
1811
1848
  columnStart?: GridItemColumnStart | GridItemColumnStart[]
1849
+ gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
1850
+ /**
1851
+ * @deprecated Use `gridColumnEnd` instead. `columnEnd` will be removed in v4.
1852
+ */
1812
1853
  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
1854
+ gridRow?: GridItemRow | GridItemRow[]
1855
+ /**
1856
+ * @deprecated Use `gridRow` instead. `row` will be removed in v4.
1857
+ */
1813
1858
  row?: GridItemRow | GridItemRow[]
1859
+ gridRowStart?: GridItemRowStart | GridItemRowStart[]
1860
+ /**
1861
+ * @deprecated Use `gridRowStart` instead. `rowStart` will be removed in v4.
1862
+ */
1814
1863
  rowStart?: GridItemRowStart | GridItemRowStart[]
1864
+ gridRowEnd?: GridItemRowEnd | GridItemRowEnd[]
1865
+ /**
1866
+ * @deprecated Use `gridRowEnd` instead. `rowEnd` will be removed in v4.
1867
+ */
1815
1868
  rowEnd?: GridItemRowEnd | GridItemRowEnd[]
1816
1869
  }
1817
1870
 
@@ -1822,11 +1875,19 @@ export declare interface ResponsiveGridProps {
1822
1875
  autoRows?: GridAutoRows | GridAutoRows[]
1823
1876
  autoCols?: GridAutoCols | GridAutoCols[]
1824
1877
  autoFlow?: GridAutoFlow | GridAutoFlow[]
1878
+ /**
1879
+ * @deprecated Use `gridTemplateColumns` instead. `columns` will be removed in v4.
1880
+ */
1825
1881
  columns?: number | number[]
1882
+ gridTemplateColumns?: number | number[]
1826
1883
  gap?: number | number[]
1827
1884
  gapX?: number | number[]
1828
1885
  gapY?: number | number[]
1886
+ /**
1887
+ * @deprecated Use `gridTemplateRows` instead. `rows` will be removed in v4.
1888
+ */
1829
1889
  rows?: number | number[]
1890
+ gridTemplateRows?: number | number[]
1830
1891
  }
1831
1892
 
1832
1893
  /**
@@ -1982,8 +2043,12 @@ export declare type SelectableTone = ThemeColorStateToneKey
1982
2043
  */
1983
2044
  export declare interface SelectProps {
1984
2045
  fontSize?: number | number[]
2046
+ gap?: number | number[]
1985
2047
  padding?: number | number[]
1986
2048
  radius?: Radius | Radius[]
2049
+ /**
2050
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2051
+ */
1987
2052
  space?: number | number[]
1988
2053
  customValidity?: string
1989
2054
  }
@@ -2053,6 +2118,10 @@ export declare const Stack: ForwardRefExoticComponent<
2053
2118
  */
2054
2119
  export declare interface StackProps extends BoxProps {
2055
2120
  as?: React.ElementType | keyof React.JSX.IntrinsicElements
2121
+ gap?: number | number[]
2122
+ /**
2123
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2124
+ */
2056
2125
  space?: number | number[]
2057
2126
  }
2058
2127
 
@@ -2239,7 +2308,11 @@ export declare interface TextInputProps {
2239
2308
  padding?: number | number[]
2240
2309
  prefix?: React.ReactNode
2241
2310
  radius?: Radius | Radius[]
2311
+ /**
2312
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2313
+ */
2242
2314
  space?: number | number[]
2315
+ gap?: number | number[]
2243
2316
  suffix?: React.ReactNode
2244
2317
  type?: TextInputType
2245
2318
  weight?: ThemeFontWeightKey_2
@@ -2696,6 +2769,10 @@ export declare interface TreeContextValue {
2696
2769
  registerItem: (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => void
2697
2770
  setExpanded: (path: string, expanded: boolean) => void
2698
2771
  setFocusedElement: (focusedElement: HTMLElement | null) => void
2772
+ gap: number | number[]
2773
+ /**
2774
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2775
+ */
2699
2776
  space: number | number[]
2700
2777
  state: TreeState
2701
2778
  }
@@ -2724,6 +2801,10 @@ export declare interface TreeItemProps {
2724
2801
  */
2725
2802
  linkAs?: BoxProps['as']
2726
2803
  padding?: number | number[]
2804
+ gap?: number | number[]
2805
+ /**
2806
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2807
+ */
2727
2808
  space?: number | number[]
2728
2809
  text?: React.ReactNode
2729
2810
  weight?: ThemeFontWeightKey_2
@@ -2734,6 +2815,10 @@ export declare interface TreeItemProps {
2734
2815
  * @beta
2735
2816
  */
2736
2817
  export declare interface TreeProps {
2818
+ gap?: number | number[]
2819
+ /**
2820
+ * @deprecated Use `gap` instead. `space` will be removed in v4.
2821
+ */
2737
2822
  space?: number | number[]
2738
2823
  }
2739
2824