@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.
- package/dist/_chunks-cjs/_visual-editing.js +276 -252
- package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
- package/dist/_chunks-es/_visual-editing.mjs +276 -252
- package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
- package/dist/_visual-editing.d.mts +66 -1
- package/dist/_visual-editing.d.ts +66 -1
- package/dist/index.d.mts +86 -1
- package/dist/index.d.ts +86 -1
- package/dist/index.js +97 -93
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +97 -93
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/core/components/breadcrumbs/breadcrumbs.test.tsx +51 -0
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +7 -3
- package/src/core/components/hotkeys/hotkeys.test.tsx +42 -0
- package/src/core/components/hotkeys/hotkeys.tsx +7 -3
- package/src/core/components/menu/menu.spacing.test.tsx +63 -0
- package/src/core/components/menu/menu.tsx +8 -2
- package/src/core/components/menu/menuGroup.spacing.test.tsx +69 -0
- package/src/core/components/menu/menuGroup.tsx +8 -2
- package/src/core/components/menu/menuItem.spacing.test.tsx +59 -0
- package/src/core/components/menu/menuItem.tsx +8 -2
- package/src/core/components/tab/tabList.test.tsx +48 -0
- package/src/core/components/tree/tree.test.tsx +55 -0
- package/src/core/components/tree/tree.tsx +10 -4
- package/src/core/components/tree/treeGroup.tsx +2 -2
- package/src/core/components/tree/treeItem.test.tsx +65 -0
- package/src/core/components/tree/treeItem.tsx +8 -2
- package/src/core/components/tree/types.ts +4 -0
- package/src/core/hooks/useDelayed.test.ts +20 -0
- package/src/core/hooks/useDelayedState.ts +9 -1
- package/src/core/primitives/box/box.test.tsx +134 -0
- package/src/core/primitives/box/box.tsx +18 -6
- package/src/core/primitives/button/button.test.tsx +38 -0
- package/src/core/primitives/button/button.tsx +8 -3
- package/src/core/primitives/grid/grid.test.tsx +78 -0
- package/src/core/primitives/grid/grid.tsx +17 -4
- package/src/core/primitives/inline/inline.test.tsx +51 -0
- package/src/core/primitives/inline/inline.tsx +9 -3
- package/src/core/primitives/select/select.test.tsx +52 -0
- package/src/core/primitives/select/select.tsx +8 -2
- package/src/core/primitives/stack/stack.test.tsx +57 -0
- package/src/core/primitives/stack/stack.tsx +7 -2
- package/src/core/primitives/textInput/textInput.test.tsx +48 -0
- package/src/core/primitives/textInput/textInput.tsx +7 -2
- 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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
-
/**
|
|
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
|
|