@sanity/ui 0.38.1 → 0.38.2-next.14
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/README.md +4 -5
- package/dist/sanity-ui.cjs +10101 -254
- package/dist/sanity-ui.cjs.map +1 -1
- package/dist/sanity-ui.js +9977 -254
- package/dist/sanity-ui.js.map +1 -1
- package/dist/types/src/index.d.ts +227 -239
- package/package.json +11 -12
- package/src/__workshop__/color/overview.tsx +1 -1
- package/src/components/autocomplete/__workshop__/async.tsx +1 -1
- package/src/components/autocomplete/__workshop__/constrainedHeight.tsx +1 -1
- package/src/components/autocomplete/__workshop__/custom.tsx +1 -1
- package/src/components/autocomplete/__workshop__/example.tsx +1 -1
- package/src/components/autocomplete/__workshop__/focusAndBlur.tsx +1 -1
- package/src/components/autocomplete/__workshop__/fullscreen.tsx +1 -1
- package/src/components/autocomplete/autocomplete.tsx +1 -1
- package/src/components/autocomplete/autocompleteOption.tsx +1 -1
- package/src/components/breadcrumbs/__workshop__/example.tsx +0 -1
- package/src/components/breadcrumbs/breadcrumbs.tsx +1 -9
- package/src/components/dialog/__workshop__/autoFocus.tsx +0 -1
- package/src/components/dialog/__workshop__/layering.tsx +0 -1
- package/src/components/dialog/__workshop__/nested.tsx +1 -1
- package/src/components/dialog/__workshop__/onScroll.tsx +1 -1
- package/src/components/dialog/__workshop__/position.tsx +0 -1
- package/src/components/dialog/__workshop__/props.tsx +1 -1
- package/src/components/dialog/__workshop__/provider.tsx +0 -1
- package/src/components/dialog/dialog.tsx +1 -1
- package/src/components/dialog/dialogProvider.tsx +1 -1
- package/src/components/hotkeys/__workshop__/plain.tsx +0 -1
- package/src/components/hotkeys/hotkeys.tsx +1 -1
- package/src/components/menu/__workshop__/asComponent.tsx +1 -1
- package/src/components/menu/__workshop__/closableMenuButton.tsx +1 -1
- package/src/components/menu/__workshop__/constrainedInBoundary.tsx +1 -1
- package/src/components/menu/__workshop__/customMenuItem.tsx +0 -1
- package/src/components/menu/__workshop__/disableFocusOnClose.tsx +0 -1
- package/src/components/menu/__workshop__/groups.tsx +0 -1
- package/src/components/menu/__workshop__/menuButton.tsx +0 -1
- package/src/components/menu/__workshop__/menuGroupRight.tsx +0 -1
- package/src/components/menu/__workshop__/nestedMenu.tsx +0 -1
- package/src/components/menu/__workshop__/onCloseMenuButton.tsx +1 -1
- package/src/components/menu/__workshop__/selectedItem.tsx +1 -1
- package/src/components/menu/__workshop__/tones.tsx +0 -1
- package/src/components/menu/__workshop__/withoutArrow.tsx +0 -1
- package/src/components/menu/menu.test.tsx +1 -1
- package/src/components/menu/menu.tsx +1 -1
- package/src/components/menu/menuButton.tsx +1 -9
- package/src/components/menu/menuGroup.tsx +1 -1
- package/src/components/menu/menuItem.tsx +1 -1
- package/src/components/menu/useMenuController.ts +1 -1
- package/src/components/skeleton/__workshop__/delay.tsx +0 -1
- package/src/components/skeleton/__workshop__/skeleton.tsx +0 -1
- package/src/components/skeleton/skeleton.tsx +1 -1
- package/src/components/skeleton/textSkeleton.tsx +1 -1
- package/src/components/tab/__workshop__/example.tsx +1 -1
- package/src/components/tab/tab.tsx +1 -1
- package/src/components/tab/tabList.tsx +1 -1
- package/src/components/tab/tabPanel.tsx +1 -1
- package/src/components/toast/__workshop__/hook.tsx +0 -1
- package/src/components/toast/__workshop__/toast.tsx +0 -1
- package/src/components/toast/toast.test.tsx +0 -1
- package/src/components/toast/toast.tsx +0 -1
- package/src/components/toast/toastProvider.tsx +1 -1
- package/src/components/tree/__workshop__/basic.tsx +1 -1
- package/src/components/tree/tree.tsx +1 -1
- package/src/components/tree/treeGroup.tsx +1 -1
- package/src/components/tree/treeItem.tsx +3 -3
- package/src/hooks/useElementRect/__workshop__/example.tsx +0 -1
- package/src/hooks/useForwardedRef.ts +1 -1
- package/src/hooks/useMediaIndex/__workshop__/test.tsx +0 -1
- package/src/icons/__workshop__/overview.tsx +1 -1
- package/src/primitives/avatar/__workshop__/asButton.tsx +0 -1
- package/src/primitives/avatar/__workshop__/stack.tsx +0 -1
- package/src/primitives/avatar/avatar.tsx +9 -4
- package/src/primitives/avatar/avatarCounter.tsx +1 -1
- package/src/primitives/avatar/avatarStack.tsx +1 -1
- package/src/primitives/badge/__workshop__/props.tsx +0 -1
- package/src/primitives/badge/__workshop__/tones.tsx +0 -1
- package/src/primitives/badge/badge.test.tsx +0 -1
- package/src/primitives/badge/badge.tsx +1 -1
- package/src/primitives/box/__workshop__/props.tsx +0 -1
- package/src/primitives/box/__workshop__/responsive.tsx +0 -1
- package/src/primitives/box/box.tsx +1 -1
- package/src/primitives/button/__workshop__/custom.tsx +0 -1
- package/src/primitives/button/__workshop__/customIcons.tsx +0 -1
- package/src/primitives/button/__workshop__/mixedChildren.tsx +0 -1
- package/src/primitives/button/__workshop__/props.tsx +0 -1
- package/src/primitives/button/__workshop__/sanityUploadButton.tsx +0 -1
- package/src/primitives/button/__workshop__/stacked.tsx +0 -1
- package/src/primitives/button/__workshop__/styled1.tsx +0 -1
- package/src/primitives/button/__workshop__/styled2.tsx +0 -1
- package/src/primitives/button/__workshop__/uploadButton.tsx +1 -1
- package/src/primitives/button/button.test.tsx +0 -1
- package/src/primitives/button/button.tsx +1 -1
- package/src/primitives/card/__workshop__/allTones.tsx +0 -1
- package/src/primitives/card/__workshop__/asButton.tsx +0 -1
- package/src/primitives/card/__workshop__/asComponent.tsx +1 -1
- package/src/primitives/card/__workshop__/checkered.tsx +0 -1
- package/src/primitives/card/__workshop__/interactive.tsx +0 -1
- package/src/primitives/card/__workshop__/listNavigation.tsx +0 -1
- package/src/primitives/card/__workshop__/props.tsx +0 -1
- package/src/primitives/card/__workshop__/selected.tsx +0 -1
- package/src/primitives/card/__workshop__/styled.tsx +0 -1
- package/src/primitives/card/card.tsx +1 -1
- package/src/primitives/checkbox/__workshop__/example.tsx +1 -1
- package/src/primitives/checkbox/__workshop__/props.tsx +0 -1
- package/src/primitives/checkbox/__workshop__/readOnly.tsx +0 -1
- package/src/primitives/checkbox/__workshop__/tones.tsx +0 -1
- package/src/primitives/checkbox/checkbox.tsx +1 -1
- package/src/primitives/code/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/code/__workshop__/props.tsx +0 -1
- package/src/primitives/code/code.tsx +1 -1
- package/src/primitives/container/__workshop__/example.tsx +0 -1
- package/src/primitives/container/container.tsx +1 -1
- package/src/primitives/flex/__workshop__/example.tsx +0 -1
- package/src/primitives/flex/__workshop__/gap.tsx +0 -1
- package/src/primitives/flex/flex.tsx +1 -1
- package/src/primitives/grid/__workshop__/responsive.tsx +0 -1
- package/src/primitives/grid/grid.tsx +1 -1
- package/src/primitives/heading/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/heading/__workshop__/plain.tsx +0 -1
- package/src/primitives/heading/heading.tsx +1 -1
- package/src/primitives/inline/__workshop__/plain.tsx +0 -1
- package/src/primitives/inline/inline.tsx +1 -1
- package/src/primitives/kbd/__workshop__/plain.tsx +0 -1
- package/src/primitives/kbd/kbd.tsx +1 -1
- package/src/primitives/label/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/label/__workshop__/plain.tsx +0 -1
- package/src/primitives/label/label.tsx +1 -1
- package/src/primitives/popover/__workshop__/MarginsStory.tsx +0 -1
- package/src/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -1
- package/src/primitives/popover/__workshop__/PlainStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/RecursiveStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/RightAlignedStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/TestStory.tsx +1 -1
- package/src/primitives/popover/arrow.tsx +1 -1
- package/src/primitives/popover/popover.tsx +1 -9
- package/src/primitives/radio/__workshop__/example.tsx +1 -1
- package/src/primitives/radio/__workshop__/plain.tsx +0 -1
- package/src/primitives/radio/radio.tsx +1 -1
- package/src/primitives/select/__workshop__/plain.tsx +0 -1
- package/src/primitives/select/__workshop__/readOnly.tsx +0 -1
- package/src/primitives/select/select.tsx +1 -1
- package/src/primitives/spinner/__workshop__/Props.tsx +0 -1
- package/src/primitives/spinner/spinner.tsx +1 -1
- package/src/primitives/stack/__workshop__/plain.tsx +0 -1
- package/src/primitives/stack/stack.tsx +1 -1
- package/src/primitives/switch/__workshop__/example.tsx +1 -1
- package/src/primitives/switch/__workshop__/props.tsx +1 -1
- package/src/primitives/switch/switch.tsx +1 -1
- package/src/primitives/text/__workshop__/colored.tsx +0 -1
- package/src/primitives/text/__workshop__/example.tsx +0 -1
- package/src/primitives/text/__workshop__/opticalAlignment.tsx +0 -1
- package/src/primitives/text/text.tsx +1 -1
- package/src/primitives/textArea/__workshop__/plain.tsx +0 -1
- package/src/primitives/textArea/textArea.tsx +1 -1
- package/src/primitives/textInput/__workshop__/clearButton.tsx +1 -1
- package/src/primitives/textInput/__workshop__/customValidity.tsx +0 -1
- package/src/primitives/textInput/__workshop__/multipleTones.tsx +0 -1
- package/src/primitives/textInput/__workshop__/plain.tsx +1 -1
- package/src/primitives/textInput/__workshop__/readOnly.tsx +0 -1
- package/src/primitives/textInput/__workshop__/states.tsx +0 -1
- package/src/primitives/textInput/__workshop__/tones.tsx +0 -1
- package/src/primitives/textInput/__workshop__/typed.tsx +1 -1
- package/src/primitives/textInput/textInput.tsx +1 -1
- package/src/primitives/tooltip/__workshop__/props.tsx +0 -1
- package/src/primitives/tooltip/tooltip.tsx +1 -1
- package/src/primitives/tooltip/tooltipArrow.tsx +1 -1
- package/src/styles/font/responsiveFont.ts +13 -0
- package/src/theme/__workshop__/canvas.tsx +1 -1
- package/src/theme/__workshop__/color.tsx +0 -1
- package/src/theme/__workshop__/layer.tsx +1 -1
- package/src/theme/__workshop__/nestedProvider.tsx +0 -1
- package/src/theme/theme.test.tsx +0 -1
- package/src/theme/themeColorProvider.tsx +0 -1
- package/src/theme/themeProvider.tsx +1 -1
- package/src/utils/boundaryElement/__workshop__/plain.tsx +1 -1
- package/src/utils/boundaryElement/boundaryElement.test.tsx +0 -1
- package/src/utils/boundaryElement/boundaryElementProvider.tsx +1 -1
- package/src/utils/elementQuery/__workshop__/customMedia.tsx +0 -1
- package/src/utils/elementQuery/elementQuery.tsx +1 -1
- package/src/utils/errorBoundary.tsx +4 -4
- package/src/utils/layer/__workshop__/_debug.tsx +0 -1
- package/src/utils/layer/__workshop__/multipleRoots.tsx +0 -1
- package/src/utils/layer/__workshop__/plain.tsx +1 -1
- package/src/utils/layer/__workshop__/responsiveZOffset.tsx +0 -1
- package/src/utils/layer/layer.test.tsx +0 -1
- package/src/utils/layer/layer.tsx +1 -1
- package/src/utils/layer/layerProvider.tsx +1 -1
- package/src/utils/portal/__workshop__/named.tsx +1 -1
- package/src/utils/portal/portal.test.tsx +0 -1
- package/src/utils/portal/portal.ts +2 -3
- package/src/utils/portal/portalProvider.tsx +1 -1
- package/src/utils/srOnly/srOnly.tsx +1 -1
- package/src/utils/virtualList/__workshop__/changingProps.tsx +1 -1
- package/src/utils/virtualList/__workshop__/elementScroll.tsx +1 -1
- package/src/utils/virtualList/__workshop__/infiniteList.tsx +1 -1
- package/src/utils/virtualList/__workshop__/windowScrolll.tsx +1 -1
- package/src/utils/virtualList/virtualList.tsx +1 -1
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
|
|
3
|
+
import {Component} from 'react'
|
|
3
4
|
import {CSSObject} from 'styled-components'
|
|
4
|
-
import {
|
|
5
|
+
import {ForwardRefExoticComponent} from 'react'
|
|
6
|
+
import {HTMLProps} from 'react'
|
|
7
|
+
import {MemoExoticComponent} from 'react'
|
|
8
|
+
import {NamedExoticComponent} from 'react'
|
|
9
|
+
import {PropsWithChildren} from 'react'
|
|
10
|
+
import {Ref} from 'react'
|
|
11
|
+
import {RefAttributes} from 'react'
|
|
5
12
|
import {StyledComponent} from 'styled-components'
|
|
6
13
|
|
|
7
14
|
/** @beta */
|
|
@@ -18,7 +25,7 @@ export declare function attemptFocus(element: HTMLElement): boolean
|
|
|
18
25
|
export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
|
|
19
26
|
props: AutocompleteProps<Option> &
|
|
20
27
|
Omit<
|
|
21
|
-
|
|
28
|
+
HTMLProps<HTMLInputElement>,
|
|
22
29
|
| 'value'
|
|
23
30
|
| 'ref'
|
|
24
31
|
| 'type'
|
|
@@ -38,9 +45,9 @@ export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
|
|
|
38
45
|
| 'as'
|
|
39
46
|
| 'autoComplete'
|
|
40
47
|
> & {
|
|
41
|
-
ref?:
|
|
48
|
+
ref?: Ref<HTMLInputElement> | undefined
|
|
42
49
|
}
|
|
43
|
-
) =>
|
|
50
|
+
) => React.ReactElement
|
|
44
51
|
|
|
45
52
|
/**
|
|
46
53
|
* @internal
|
|
@@ -87,7 +94,7 @@ export declare interface AutocompleteProps<
|
|
|
87
94
|
customValidity?: string
|
|
88
95
|
filterOption?: (query: string, option: Option) => boolean
|
|
89
96
|
fontSize?: number | number[]
|
|
90
|
-
icon?:
|
|
97
|
+
icon?: React.ComponentType | React.ReactNode
|
|
91
98
|
id: string
|
|
92
99
|
/**
|
|
93
100
|
* @beta
|
|
@@ -104,29 +111,29 @@ export declare interface AutocompleteProps<
|
|
|
104
111
|
options?: Option[]
|
|
105
112
|
padding?: number | number[]
|
|
106
113
|
popover?: Omit<PopoverProps, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'> &
|
|
107
|
-
Omit<
|
|
108
|
-
prefix?:
|
|
114
|
+
Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'ref' | 'width'>
|
|
115
|
+
prefix?: React.ReactNode
|
|
109
116
|
radius?: number | number[]
|
|
110
117
|
/**
|
|
111
118
|
* @beta
|
|
112
119
|
*/
|
|
113
120
|
relatedElements?: HTMLElement[]
|
|
114
|
-
renderOption?: (option: Option) =>
|
|
121
|
+
renderOption?: (option: Option) => React.ReactElement
|
|
115
122
|
/**
|
|
116
123
|
* @beta
|
|
117
124
|
*/
|
|
118
125
|
renderPopover?: (
|
|
119
126
|
props: {
|
|
120
|
-
content:
|
|
127
|
+
content: React.ReactElement | null
|
|
121
128
|
hidden: boolean
|
|
122
129
|
inputElement: HTMLInputElement | null
|
|
123
130
|
onMouseEnter: () => void
|
|
124
131
|
onMouseLeave: () => void
|
|
125
132
|
},
|
|
126
|
-
ref:
|
|
127
|
-
) =>
|
|
133
|
+
ref: React.Ref<HTMLDivElement>
|
|
134
|
+
) => React.ReactNode
|
|
128
135
|
renderValue?: (value: string, option?: Option) => string
|
|
129
|
-
suffix?:
|
|
136
|
+
suffix?: React.ReactNode
|
|
130
137
|
value?: string
|
|
131
138
|
}
|
|
132
139
|
|
|
@@ -198,17 +205,15 @@ export declare interface AutocompleteValueChangeMsg {
|
|
|
198
205
|
/**
|
|
199
206
|
* @public
|
|
200
207
|
*/
|
|
201
|
-
export declare const Avatar:
|
|
202
|
-
AvatarProps &
|
|
203
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'ref' | 'as'> &
|
|
204
|
-
React_2.RefAttributes<HTMLDivElement>
|
|
208
|
+
export declare const Avatar: ForwardRefExoticComponent<
|
|
209
|
+
AvatarProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
|
|
205
210
|
>
|
|
206
211
|
|
|
207
212
|
/**
|
|
208
213
|
* @public
|
|
209
214
|
*/
|
|
210
|
-
export declare const AvatarCounter:
|
|
211
|
-
AvatarCounterProps &
|
|
215
|
+
export declare const AvatarCounter: ForwardRefExoticComponent<
|
|
216
|
+
AvatarCounterProps & RefAttributes<HTMLDivElement>
|
|
212
217
|
>
|
|
213
218
|
|
|
214
219
|
/**
|
|
@@ -232,7 +237,7 @@ export declare type AvatarPosition = 'top' | 'bottom' | 'inside'
|
|
|
232
237
|
export declare interface AvatarProps {
|
|
233
238
|
animateArrowFrom?: AvatarPosition
|
|
234
239
|
arrowPosition?: AvatarPosition
|
|
235
|
-
as?:
|
|
240
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
236
241
|
color?: ThemeColorSpotKey
|
|
237
242
|
initials?: string
|
|
238
243
|
onImageLoadError?: (event: Error) => void
|
|
@@ -261,17 +266,15 @@ export declare type AvatarSize = 0 | 1 | 2
|
|
|
261
266
|
/**
|
|
262
267
|
* @public
|
|
263
268
|
*/
|
|
264
|
-
export declare const AvatarStack:
|
|
265
|
-
AvatarStackProps &
|
|
266
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'ref' | 'as'> &
|
|
267
|
-
React_2.RefAttributes<HTMLDivElement>
|
|
269
|
+
export declare const AvatarStack: ForwardRefExoticComponent<
|
|
270
|
+
AvatarStackProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
|
|
268
271
|
>
|
|
269
272
|
|
|
270
273
|
/**
|
|
271
274
|
* @public
|
|
272
275
|
*/
|
|
273
276
|
export declare interface AvatarStackProps {
|
|
274
|
-
children:
|
|
277
|
+
children: React.ReactNode
|
|
275
278
|
maxLength?: number
|
|
276
279
|
size?: AvatarSize | AvatarSize[]
|
|
277
280
|
/** @deprecated No longer supported. */
|
|
@@ -286,9 +289,9 @@ export declare type AvatarStatus = 'online' | 'editing' | 'inactive'
|
|
|
286
289
|
/**
|
|
287
290
|
* @public
|
|
288
291
|
*/
|
|
289
|
-
export declare const Badge:
|
|
292
|
+
export declare const Badge: ForwardRefExoticComponent<
|
|
290
293
|
Pick<
|
|
291
|
-
BadgeProps &
|
|
294
|
+
BadgeProps & HTMLProps<HTMLDivElement>,
|
|
292
295
|
| 'default'
|
|
293
296
|
| 'disabled'
|
|
294
297
|
| 'selected'
|
|
@@ -678,7 +681,7 @@ export declare const Badge: React_2.ForwardRefExoticComponent<
|
|
|
678
681
|
| 'paddingX'
|
|
679
682
|
| 'paddingY'
|
|
680
683
|
> &
|
|
681
|
-
|
|
684
|
+
RefAttributes<unknown>
|
|
682
685
|
>
|
|
683
686
|
|
|
684
687
|
/**
|
|
@@ -690,7 +693,7 @@ export declare type BadgeMode = 'default' | 'outline'
|
|
|
690
693
|
* @public
|
|
691
694
|
*/
|
|
692
695
|
export declare interface BadgeProps extends BoxProps, ResponsiveRadiusProps {
|
|
693
|
-
as?:
|
|
696
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
694
697
|
fontSize?: number | number[]
|
|
695
698
|
mode?: BadgeMode
|
|
696
699
|
tone?: BadgeTone
|
|
@@ -749,22 +752,22 @@ export declare interface BoundaryElementContextValue {
|
|
|
749
752
|
*/
|
|
750
753
|
export declare function BoundaryElementProvider(
|
|
751
754
|
props: BoundaryElementProviderProps
|
|
752
|
-
):
|
|
755
|
+
): React.ReactElement
|
|
753
756
|
|
|
754
757
|
/**
|
|
755
758
|
* @public
|
|
756
759
|
*/
|
|
757
760
|
export declare interface BoundaryElementProviderProps {
|
|
758
|
-
children:
|
|
761
|
+
children: React.ReactNode
|
|
759
762
|
element: HTMLElement | null
|
|
760
763
|
}
|
|
761
764
|
|
|
762
765
|
/**
|
|
763
766
|
* @public
|
|
764
767
|
*/
|
|
765
|
-
export declare const Box:
|
|
768
|
+
export declare const Box: ForwardRefExoticComponent<
|
|
766
769
|
Pick<
|
|
767
|
-
BoxProps & Omit<
|
|
770
|
+
BoxProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>,
|
|
768
771
|
| 'default'
|
|
769
772
|
| 'disabled'
|
|
770
773
|
| 'selected'
|
|
@@ -1125,7 +1128,7 @@ export declare const Box: React_2.ForwardRefExoticComponent<
|
|
|
1125
1128
|
| 'wmode'
|
|
1126
1129
|
| keyof BoxProps
|
|
1127
1130
|
> &
|
|
1128
|
-
|
|
1131
|
+
RefAttributes<HTMLDivElement>
|
|
1129
1132
|
>
|
|
1130
1133
|
|
|
1131
1134
|
/**
|
|
@@ -1152,7 +1155,7 @@ export declare interface BoxProps
|
|
|
1152
1155
|
ResponsiveGridItemProps,
|
|
1153
1156
|
ResponsiveMarginProps,
|
|
1154
1157
|
ResponsivePaddingProps {
|
|
1155
|
-
as?:
|
|
1158
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
1156
1159
|
}
|
|
1157
1160
|
|
|
1158
1161
|
/**
|
|
@@ -1169,10 +1172,10 @@ export declare type BoxSizing = 'content' | 'border'
|
|
|
1169
1172
|
/**
|
|
1170
1173
|
* @beta
|
|
1171
1174
|
*/
|
|
1172
|
-
export declare const Breadcrumbs:
|
|
1175
|
+
export declare const Breadcrumbs: ForwardRefExoticComponent<
|
|
1173
1176
|
BreadcrumbsProps &
|
|
1174
|
-
Omit<
|
|
1175
|
-
|
|
1177
|
+
Omit<HTMLProps<HTMLOListElement>, 'ref' | 'type' | 'as'> &
|
|
1178
|
+
RefAttributes<HTMLOListElement>
|
|
1176
1179
|
>
|
|
1177
1180
|
|
|
1178
1181
|
/**
|
|
@@ -1180,16 +1183,16 @@ export declare const Breadcrumbs: React_2.ForwardRefExoticComponent<
|
|
|
1180
1183
|
*/
|
|
1181
1184
|
export declare interface BreadcrumbsProps {
|
|
1182
1185
|
maxLength?: number
|
|
1183
|
-
separator?:
|
|
1186
|
+
separator?: React.ReactNode
|
|
1184
1187
|
space?: number | number[]
|
|
1185
1188
|
}
|
|
1186
1189
|
|
|
1187
1190
|
/**
|
|
1188
1191
|
* @public
|
|
1189
1192
|
*/
|
|
1190
|
-
export declare const Button:
|
|
1193
|
+
export declare const Button: ForwardRefExoticComponent<
|
|
1191
1194
|
Pick<
|
|
1192
|
-
ButtonProps & Omit<
|
|
1195
|
+
ButtonProps & Omit<HTMLProps<HTMLButtonElement>, 'as'>,
|
|
1193
1196
|
| 'default'
|
|
1194
1197
|
| 'disabled'
|
|
1195
1198
|
| 'name'
|
|
@@ -1549,7 +1552,7 @@ export declare const Button: React_2.ForwardRefExoticComponent<
|
|
|
1549
1552
|
| 'wmode'
|
|
1550
1553
|
| keyof ButtonProps
|
|
1551
1554
|
> &
|
|
1552
|
-
|
|
1555
|
+
RefAttributes<HTMLButtonElement>
|
|
1553
1556
|
>
|
|
1554
1557
|
|
|
1555
1558
|
/**
|
|
@@ -1561,11 +1564,11 @@ export declare type ButtonMode = 'default' | 'ghost' | 'bleed'
|
|
|
1561
1564
|
* @public
|
|
1562
1565
|
*/
|
|
1563
1566
|
export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
|
|
1564
|
-
as?:
|
|
1567
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
1565
1568
|
fontSize?: number | number[]
|
|
1566
1569
|
mode?: ButtonMode
|
|
1567
|
-
icon?:
|
|
1568
|
-
iconRight?:
|
|
1570
|
+
icon?: React.ComponentType | React.ReactNode
|
|
1571
|
+
iconRight?: React.ComponentType | React.ReactNode
|
|
1569
1572
|
justify?: FlexJustify | FlexJustify[]
|
|
1570
1573
|
/**
|
|
1571
1574
|
* @beta Do not use in production, as this might change.
|
|
@@ -1574,7 +1577,7 @@ export declare interface ButtonProps extends ResponsivePaddingProps, ResponsiveR
|
|
|
1574
1577
|
selected?: boolean
|
|
1575
1578
|
space?: number | number[]
|
|
1576
1579
|
textAlign?: ButtonTextAlign
|
|
1577
|
-
text?:
|
|
1580
|
+
text?: React.ReactNode
|
|
1578
1581
|
tone?: ButtonTone
|
|
1579
1582
|
type?: 'button' | 'reset' | 'submit'
|
|
1580
1583
|
}
|
|
@@ -1592,9 +1595,9 @@ export declare type ButtonTone = 'default' | 'primary' | 'positive' | 'caution'
|
|
|
1592
1595
|
/**
|
|
1593
1596
|
* @public
|
|
1594
1597
|
*/
|
|
1595
|
-
export declare const Card:
|
|
1598
|
+
export declare const Card: ForwardRefExoticComponent<
|
|
1596
1599
|
Pick<
|
|
1597
|
-
CardProps & Omit<
|
|
1600
|
+
CardProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>,
|
|
1598
1601
|
| 'default'
|
|
1599
1602
|
| 'disabled'
|
|
1600
1603
|
| 'selected'
|
|
@@ -1955,7 +1958,7 @@ export declare const Card: React_2.ForwardRefExoticComponent<
|
|
|
1955
1958
|
| 'wmode'
|
|
1956
1959
|
| keyof CardProps
|
|
1957
1960
|
> &
|
|
1958
|
-
|
|
1961
|
+
RefAttributes<HTMLDivElement>
|
|
1959
1962
|
>
|
|
1960
1963
|
|
|
1961
1964
|
/**
|
|
@@ -1998,9 +2001,9 @@ export declare type CardTone = ThemeColorToneKey | 'inherit'
|
|
|
1998
2001
|
/**
|
|
1999
2002
|
* @public
|
|
2000
2003
|
*/
|
|
2001
|
-
export declare const Checkbox:
|
|
2004
|
+
export declare const Checkbox: ForwardRefExoticComponent<
|
|
2002
2005
|
Pick<
|
|
2003
|
-
Omit<
|
|
2006
|
+
Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & CheckboxProps,
|
|
2004
2007
|
| 'default'
|
|
2005
2008
|
| 'disabled'
|
|
2006
2009
|
| 'selected'
|
|
@@ -2361,7 +2364,7 @@ export declare const Checkbox: React_2.ForwardRefExoticComponent<
|
|
|
2361
2364
|
| 'wmode'
|
|
2362
2365
|
| keyof CheckboxProps
|
|
2363
2366
|
> &
|
|
2364
|
-
|
|
2367
|
+
RefAttributes<HTMLInputElement>
|
|
2365
2368
|
>
|
|
2366
2369
|
|
|
2367
2370
|
/**
|
|
@@ -2380,9 +2383,9 @@ export declare type ClickOutsideListener = (event: MouseEvent) => void
|
|
|
2380
2383
|
/**
|
|
2381
2384
|
* @public
|
|
2382
2385
|
*/
|
|
2383
|
-
export declare const Code:
|
|
2386
|
+
export declare const Code: ForwardRefExoticComponent<
|
|
2384
2387
|
Pick<
|
|
2385
|
-
CodeProps & Omit<
|
|
2388
|
+
CodeProps & Omit<HTMLProps<HTMLElement>, 'size' | 'as'>,
|
|
2386
2389
|
| 'default'
|
|
2387
2390
|
| 'disabled'
|
|
2388
2391
|
| 'selected'
|
|
@@ -2743,14 +2746,14 @@ export declare const Code: React_2.ForwardRefExoticComponent<
|
|
|
2743
2746
|
| 'wmode'
|
|
2744
2747
|
| keyof CodeProps
|
|
2745
2748
|
> &
|
|
2746
|
-
|
|
2749
|
+
RefAttributes<HTMLElement>
|
|
2747
2750
|
>
|
|
2748
2751
|
|
|
2749
2752
|
/**
|
|
2750
2753
|
* @public
|
|
2751
2754
|
*/
|
|
2752
2755
|
export declare interface CodeProps {
|
|
2753
|
-
as?:
|
|
2756
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
2754
2757
|
language?: string
|
|
2755
2758
|
size?: number | number[]
|
|
2756
2759
|
weight?: string
|
|
@@ -2760,10 +2763,9 @@ export declare interface CodeProps {
|
|
|
2760
2763
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
2761
2764
|
* @beta
|
|
2762
2765
|
*/
|
|
2763
|
-
export declare const CodeSkeleton:
|
|
2766
|
+
export declare const CodeSkeleton: ForwardRefExoticComponent<
|
|
2764
2767
|
Pick<
|
|
2765
|
-
CodeSkeletonProps &
|
|
2766
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
2768
|
+
CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
2767
2769
|
| 'default'
|
|
2768
2770
|
| 'disabled'
|
|
2769
2771
|
| 'selected'
|
|
@@ -3122,7 +3124,7 @@ export declare const CodeSkeleton: React_2.ForwardRefExoticComponent<
|
|
|
3122
3124
|
| 'wmode'
|
|
3123
3125
|
| keyof CodeSkeletonProps
|
|
3124
3126
|
> &
|
|
3125
|
-
|
|
3127
|
+
RefAttributes<HTMLDivElement>
|
|
3126
3128
|
>
|
|
3127
3129
|
|
|
3128
3130
|
/**
|
|
@@ -3136,9 +3138,9 @@ export declare interface CodeSkeletonProps extends SkeletonProps {
|
|
|
3136
3138
|
/**
|
|
3137
3139
|
* @public
|
|
3138
3140
|
*/
|
|
3139
|
-
export declare const Container:
|
|
3141
|
+
export declare const Container: ForwardRefExoticComponent<
|
|
3140
3142
|
Pick<
|
|
3141
|
-
ContainerProps & Omit<
|
|
3143
|
+
ContainerProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width' | 'as'>,
|
|
3142
3144
|
| 'default'
|
|
3143
3145
|
| 'disabled'
|
|
3144
3146
|
| 'selected'
|
|
@@ -3498,7 +3500,7 @@ export declare const Container: React_2.ForwardRefExoticComponent<
|
|
|
3498
3500
|
| 'wmode'
|
|
3499
3501
|
| keyof ContainerProps
|
|
3500
3502
|
> &
|
|
3501
|
-
|
|
3503
|
+
RefAttributes<HTMLDivElement>
|
|
3502
3504
|
>
|
|
3503
3505
|
|
|
3504
3506
|
/**
|
|
@@ -3516,9 +3518,9 @@ export declare function createColorTheme(
|
|
|
3516
3518
|
/**
|
|
3517
3519
|
* @public
|
|
3518
3520
|
*/
|
|
3519
|
-
export declare const Dialog:
|
|
3521
|
+
export declare const Dialog: ForwardRefExoticComponent<
|
|
3520
3522
|
Pick<
|
|
3521
|
-
DialogProps & Omit<
|
|
3523
|
+
DialogProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'id' | 'as'>,
|
|
3522
3524
|
| 'default'
|
|
3523
3525
|
| 'disabled'
|
|
3524
3526
|
| 'selected'
|
|
@@ -3878,7 +3880,7 @@ export declare const Dialog: React_2.ForwardRefExoticComponent<
|
|
|
3878
3880
|
| 'wmode'
|
|
3879
3881
|
| keyof DialogProps
|
|
3880
3882
|
> &
|
|
3881
|
-
|
|
3883
|
+
RefAttributes<HTMLDivElement>
|
|
3882
3884
|
>
|
|
3883
3885
|
|
|
3884
3886
|
/**
|
|
@@ -3915,9 +3917,9 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
|
|
|
3915
3917
|
__unstable_hideCloseButton?: boolean
|
|
3916
3918
|
cardRadius?: number | number[]
|
|
3917
3919
|
cardShadow?: number | number[]
|
|
3918
|
-
contentRef?:
|
|
3919
|
-
footer?:
|
|
3920
|
-
header?:
|
|
3920
|
+
contentRef?: React.ForwardedRef<HTMLDivElement>
|
|
3921
|
+
footer?: React.ReactNode
|
|
3922
|
+
header?: React.ReactNode
|
|
3921
3923
|
id: string
|
|
3922
3924
|
onClickOutside?: () => void
|
|
3923
3925
|
onClose?: () => void
|
|
@@ -3931,14 +3933,14 @@ export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveW
|
|
|
3931
3933
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
3932
3934
|
* @beta
|
|
3933
3935
|
*/
|
|
3934
|
-
export declare function DialogProvider(props: DialogProviderProps):
|
|
3936
|
+
export declare function DialogProvider(props: DialogProviderProps): React.ReactElement
|
|
3935
3937
|
|
|
3936
3938
|
/**
|
|
3937
3939
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
3938
3940
|
* @beta
|
|
3939
3941
|
*/
|
|
3940
3942
|
export declare interface DialogProviderProps {
|
|
3941
|
-
children?:
|
|
3943
|
+
children?: React.ReactNode
|
|
3942
3944
|
position?: DialogPosition | DialogPosition[]
|
|
3943
3945
|
zOffset?: number | number[]
|
|
3944
3946
|
}
|
|
@@ -3947,9 +3949,9 @@ export declare interface DialogProviderProps {
|
|
|
3947
3949
|
* DO NOT USE IN PRODUCTION.
|
|
3948
3950
|
* @beta
|
|
3949
3951
|
*/
|
|
3950
|
-
export declare const ElementQuery:
|
|
3952
|
+
export declare const ElementQuery: ForwardRefExoticComponent<
|
|
3951
3953
|
Pick<
|
|
3952
|
-
MediaQueryProps & Omit<
|
|
3954
|
+
MediaQueryProps & Omit<HTMLProps<HTMLDivElement>, 'media' | 'as'>,
|
|
3953
3955
|
| 'default'
|
|
3954
3956
|
| 'disabled'
|
|
3955
3957
|
| 'selected'
|
|
@@ -4310,7 +4312,7 @@ export declare const ElementQuery: React_2.ForwardRefExoticComponent<
|
|
|
4310
4312
|
| 'wmode'
|
|
4311
4313
|
| keyof MediaQueryProps
|
|
4312
4314
|
> &
|
|
4313
|
-
|
|
4315
|
+
RefAttributes<HTMLDivElement>
|
|
4314
4316
|
>
|
|
4315
4317
|
|
|
4316
4318
|
/**
|
|
@@ -4359,23 +4361,20 @@ export declare type _ElementSizeSubscriber = (elementRect: ElementSize) => void
|
|
|
4359
4361
|
* DO NOT USE IN PRODUCTION
|
|
4360
4362
|
* @beta
|
|
4361
4363
|
*/
|
|
4362
|
-
export declare class ErrorBoundary extends
|
|
4363
|
-
ErrorBoundaryProps,
|
|
4364
|
-
ErrorBoundaryState
|
|
4365
|
-
> {
|
|
4364
|
+
export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
4366
4365
|
state: ErrorBoundaryState
|
|
4367
4366
|
static getDerivedStateFromError(error: Error): ErrorBoundaryState
|
|
4368
|
-
componentDidCatch(error: Error, info:
|
|
4369
|
-
render():
|
|
4367
|
+
componentDidCatch(error: Error, info: React.ErrorInfo): void
|
|
4368
|
+
render(): React.ReactNode
|
|
4370
4369
|
}
|
|
4371
4370
|
|
|
4372
4371
|
/**
|
|
4373
4372
|
* DO NOT USE IN PRODUCTION
|
|
4374
4373
|
* @beta
|
|
4375
4374
|
*/
|
|
4376
|
-
export declare
|
|
4377
|
-
onCatch: (params: {error: Error; info:
|
|
4378
|
-
}
|
|
4375
|
+
export declare type ErrorBoundaryProps = PropsWithChildren<{
|
|
4376
|
+
onCatch: (params: {error: Error; info: React.ErrorInfo}) => void
|
|
4377
|
+
}>
|
|
4379
4378
|
|
|
4380
4379
|
/**
|
|
4381
4380
|
* DO NOT USE IN PRODUCTION
|
|
@@ -4396,9 +4395,9 @@ export declare function _fillCSSObject(
|
|
|
4396
4395
|
/**
|
|
4397
4396
|
* @public
|
|
4398
4397
|
*/
|
|
4399
|
-
export declare const Flex:
|
|
4398
|
+
export declare const Flex: ForwardRefExoticComponent<
|
|
4400
4399
|
Pick<
|
|
4401
|
-
FlexProps & Omit<
|
|
4400
|
+
FlexProps & Omit<HTMLProps<HTMLDivElement>, 'wrap' | 'as'>,
|
|
4402
4401
|
| 'default'
|
|
4403
4402
|
| 'disabled'
|
|
4404
4403
|
| 'selected'
|
|
@@ -4758,7 +4757,7 @@ export declare const Flex: React_2.ForwardRefExoticComponent<
|
|
|
4758
4757
|
| 'wmode'
|
|
4759
4758
|
| keyof FlexProps
|
|
4760
4759
|
> &
|
|
4761
|
-
|
|
4760
|
+
RefAttributes<HTMLDivElement>
|
|
4762
4761
|
>
|
|
4763
4762
|
|
|
4764
4763
|
/**
|
|
@@ -4836,9 +4835,9 @@ export declare function _getResponsiveSpace(
|
|
|
4836
4835
|
/**
|
|
4837
4836
|
* @public
|
|
4838
4837
|
*/
|
|
4839
|
-
export declare const Grid:
|
|
4838
|
+
export declare const Grid: ForwardRefExoticComponent<
|
|
4840
4839
|
Pick<
|
|
4841
|
-
GridProps & Omit<
|
|
4840
|
+
GridProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as' | 'rows'>,
|
|
4842
4841
|
| 'default'
|
|
4843
4842
|
| 'disabled'
|
|
4844
4843
|
| 'selected'
|
|
@@ -5198,7 +5197,7 @@ export declare const Grid: React_2.ForwardRefExoticComponent<
|
|
|
5198
5197
|
| 'wmode'
|
|
5199
5198
|
| keyof GridProps
|
|
5200
5199
|
> &
|
|
5201
|
-
|
|
5200
|
+
RefAttributes<HTMLDivElement>
|
|
5202
5201
|
>
|
|
5203
5202
|
|
|
5204
5203
|
/**
|
|
@@ -5259,9 +5258,9 @@ export declare function _hasFocus(element: HTMLElement): boolean
|
|
|
5259
5258
|
/**
|
|
5260
5259
|
* @public
|
|
5261
5260
|
*/
|
|
5262
|
-
export declare const Heading:
|
|
5261
|
+
export declare const Heading: ForwardRefExoticComponent<
|
|
5263
5262
|
Pick<
|
|
5264
|
-
HeadingProps & Omit<
|
|
5263
|
+
HeadingProps & Omit<HTMLProps<HTMLElement>, 'size' | 'as'>,
|
|
5265
5264
|
| 'default'
|
|
5266
5265
|
| 'disabled'
|
|
5267
5266
|
| 'selected'
|
|
@@ -5621,7 +5620,7 @@ export declare const Heading: React_2.ForwardRefExoticComponent<
|
|
|
5621
5620
|
| 'wmode'
|
|
5622
5621
|
| keyof HeadingProps
|
|
5623
5622
|
> &
|
|
5624
|
-
|
|
5623
|
+
RefAttributes<HTMLElement>
|
|
5625
5624
|
>
|
|
5626
5625
|
|
|
5627
5626
|
/**
|
|
@@ -5630,7 +5629,7 @@ export declare const Heading: React_2.ForwardRefExoticComponent<
|
|
|
5630
5629
|
export declare interface HeadingProps {
|
|
5631
5630
|
accent?: boolean
|
|
5632
5631
|
align?: TextAlign | TextAlign[]
|
|
5633
|
-
as?:
|
|
5632
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
5634
5633
|
muted?: boolean
|
|
5635
5634
|
size?: number | number[]
|
|
5636
5635
|
/**
|
|
@@ -5646,10 +5645,9 @@ export declare interface HeadingProps {
|
|
|
5646
5645
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
5647
5646
|
* @beta
|
|
5648
5647
|
*/
|
|
5649
|
-
export declare const HeadingSkeleton:
|
|
5648
|
+
export declare const HeadingSkeleton: ForwardRefExoticComponent<
|
|
5650
5649
|
Pick<
|
|
5651
|
-
HeadingSkeletonProps &
|
|
5652
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
5650
|
+
HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
5653
5651
|
| 'default'
|
|
5654
5652
|
| 'disabled'
|
|
5655
5653
|
| 'selected'
|
|
@@ -6008,7 +6006,7 @@ export declare const HeadingSkeleton: React_2.ForwardRefExoticComponent<
|
|
|
6008
6006
|
| 'wmode'
|
|
6009
6007
|
| keyof HeadingSkeletonProps
|
|
6010
6008
|
> &
|
|
6011
|
-
|
|
6009
|
+
RefAttributes<HTMLDivElement>
|
|
6012
6010
|
>
|
|
6013
6011
|
|
|
6014
6012
|
/**
|
|
@@ -6027,10 +6025,8 @@ export declare function hexToRgb(hex: string): RGB
|
|
|
6027
6025
|
/**
|
|
6028
6026
|
* @public
|
|
6029
6027
|
*/
|
|
6030
|
-
export declare const Hotkeys:
|
|
6031
|
-
HotkeysProps &
|
|
6032
|
-
Omit<React_2.HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> &
|
|
6033
|
-
React_2.RefAttributes<HTMLElement>
|
|
6028
|
+
export declare const Hotkeys: ForwardRefExoticComponent<
|
|
6029
|
+
HotkeysProps & Omit<HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> & RefAttributes<HTMLElement>
|
|
6034
6030
|
>
|
|
6035
6031
|
|
|
6036
6032
|
/**
|
|
@@ -6061,9 +6057,9 @@ export declare function hslToRgb(hsl: HSL): RGB
|
|
|
6061
6057
|
/**
|
|
6062
6058
|
* @public
|
|
6063
6059
|
*/
|
|
6064
|
-
export declare const Inline:
|
|
6060
|
+
export declare const Inline: ForwardRefExoticComponent<
|
|
6065
6061
|
Pick<
|
|
6066
|
-
InlineProps &
|
|
6062
|
+
InlineProps & HTMLProps<HTMLDivElement>,
|
|
6067
6063
|
| 'default'
|
|
6068
6064
|
| 'disabled'
|
|
6069
6065
|
| 'selected'
|
|
@@ -6449,7 +6445,7 @@ export declare const Inline: React_2.ForwardRefExoticComponent<
|
|
|
6449
6445
|
| 'paddingX'
|
|
6450
6446
|
| 'paddingY'
|
|
6451
6447
|
> &
|
|
6452
|
-
|
|
6448
|
+
RefAttributes<unknown>
|
|
6453
6449
|
>
|
|
6454
6450
|
|
|
6455
6451
|
/**
|
|
@@ -6507,17 +6503,15 @@ export declare function _isScrollable(el: Node): boolean
|
|
|
6507
6503
|
/**
|
|
6508
6504
|
* @public
|
|
6509
6505
|
*/
|
|
6510
|
-
export declare const KBD:
|
|
6511
|
-
KBDProps &
|
|
6512
|
-
Omit<React_2.HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> &
|
|
6513
|
-
React_2.RefAttributes<HTMLDivElement>
|
|
6506
|
+
export declare const KBD: ForwardRefExoticComponent<
|
|
6507
|
+
KBDProps & Omit<HTMLProps<HTMLElement>, 'ref' | 'size' | 'as'> & RefAttributes<HTMLDivElement>
|
|
6514
6508
|
>
|
|
6515
6509
|
|
|
6516
6510
|
/**
|
|
6517
6511
|
* @public
|
|
6518
6512
|
*/
|
|
6519
6513
|
export declare interface KBDProps {
|
|
6520
|
-
as?:
|
|
6514
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
6521
6515
|
fontSize?: number | number[]
|
|
6522
6516
|
padding?: number | number[]
|
|
6523
6517
|
radius?: number | number[]
|
|
@@ -6526,9 +6520,9 @@ export declare interface KBDProps {
|
|
|
6526
6520
|
/**
|
|
6527
6521
|
* @public
|
|
6528
6522
|
*/
|
|
6529
|
-
export declare const Label:
|
|
6523
|
+
export declare const Label: ForwardRefExoticComponent<
|
|
6530
6524
|
Pick<
|
|
6531
|
-
LabelProps & Omit<
|
|
6525
|
+
LabelProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>,
|
|
6532
6526
|
| 'default'
|
|
6533
6527
|
| 'disabled'
|
|
6534
6528
|
| 'selected'
|
|
@@ -6888,7 +6882,7 @@ export declare const Label: React_2.ForwardRefExoticComponent<
|
|
|
6888
6882
|
| 'wmode'
|
|
6889
6883
|
| keyof LabelProps
|
|
6890
6884
|
> &
|
|
6891
|
-
|
|
6885
|
+
RefAttributes<HTMLDivElement>
|
|
6892
6886
|
>
|
|
6893
6887
|
|
|
6894
6888
|
/**
|
|
@@ -6897,7 +6891,7 @@ export declare const Label: React_2.ForwardRefExoticComponent<
|
|
|
6897
6891
|
export declare interface LabelProps {
|
|
6898
6892
|
accent?: boolean
|
|
6899
6893
|
align?: TextAlign | TextAlign[]
|
|
6900
|
-
as?:
|
|
6894
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
6901
6895
|
muted?: boolean
|
|
6902
6896
|
size?: number | number[]
|
|
6903
6897
|
/**
|
|
@@ -6913,10 +6907,9 @@ export declare interface LabelProps {
|
|
|
6913
6907
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
6914
6908
|
* @beta
|
|
6915
6909
|
*/
|
|
6916
|
-
export declare const LabelSkeleton:
|
|
6910
|
+
export declare const LabelSkeleton: ForwardRefExoticComponent<
|
|
6917
6911
|
Pick<
|
|
6918
|
-
LabelSkeletonProps &
|
|
6919
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
6912
|
+
LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
6920
6913
|
| 'default'
|
|
6921
6914
|
| 'disabled'
|
|
6922
6915
|
| 'selected'
|
|
@@ -7275,7 +7268,7 @@ export declare const LabelSkeleton: React_2.ForwardRefExoticComponent<
|
|
|
7275
7268
|
| 'wmode'
|
|
7276
7269
|
| keyof LabelSkeletonProps
|
|
7277
7270
|
> &
|
|
7278
|
-
|
|
7271
|
+
RefAttributes<HTMLDivElement>
|
|
7279
7272
|
>
|
|
7280
7273
|
|
|
7281
7274
|
/**
|
|
@@ -7289,9 +7282,9 @@ export declare interface LabelSkeletonProps extends SkeletonProps {
|
|
|
7289
7282
|
/**
|
|
7290
7283
|
* @public
|
|
7291
7284
|
*/
|
|
7292
|
-
export declare const Layer:
|
|
7285
|
+
export declare const Layer: ForwardRefExoticComponent<
|
|
7293
7286
|
Pick<
|
|
7294
|
-
LayerProps & Omit<
|
|
7287
|
+
LayerProps & Omit<HTMLProps<HTMLDivElement>, 'as'>,
|
|
7295
7288
|
| 'default'
|
|
7296
7289
|
| 'disabled'
|
|
7297
7290
|
| 'selected'
|
|
@@ -7653,7 +7646,7 @@ export declare const Layer: React_2.ForwardRefExoticComponent<
|
|
|
7653
7646
|
| 'wmode'
|
|
7654
7647
|
| keyof LayerProps
|
|
7655
7648
|
> &
|
|
7656
|
-
|
|
7649
|
+
RefAttributes<HTMLDivElement>
|
|
7657
7650
|
>
|
|
7658
7651
|
|
|
7659
7652
|
/**
|
|
@@ -7671,20 +7664,20 @@ export declare interface LayerContextValue {
|
|
|
7671
7664
|
* @public
|
|
7672
7665
|
*/
|
|
7673
7666
|
export declare interface LayerProps {
|
|
7674
|
-
as?:
|
|
7667
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
7675
7668
|
zOffset?: number | number[]
|
|
7676
7669
|
}
|
|
7677
7670
|
|
|
7678
7671
|
/**
|
|
7679
7672
|
* @public
|
|
7680
7673
|
*/
|
|
7681
|
-
export declare function LayerProvider(props: LayerProviderProps):
|
|
7674
|
+
export declare function LayerProvider(props: LayerProviderProps): React.ReactElement
|
|
7682
7675
|
|
|
7683
7676
|
/**
|
|
7684
7677
|
* @public
|
|
7685
7678
|
*/
|
|
7686
7679
|
export declare interface LayerProviderProps {
|
|
7687
|
-
children?:
|
|
7680
|
+
children?: React.ReactNode
|
|
7688
7681
|
zOffset?: number | number[]
|
|
7689
7682
|
}
|
|
7690
7683
|
|
|
@@ -7693,16 +7686,16 @@ export declare interface LayerProviderProps {
|
|
|
7693
7686
|
* @beta
|
|
7694
7687
|
*/
|
|
7695
7688
|
export declare interface MediaQueryProps {
|
|
7696
|
-
as?:
|
|
7689
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
7697
7690
|
media?: number[]
|
|
7698
7691
|
}
|
|
7699
7692
|
|
|
7700
7693
|
/**
|
|
7701
7694
|
* @public
|
|
7702
7695
|
*/
|
|
7703
|
-
export declare const Menu:
|
|
7696
|
+
export declare const Menu: ForwardRefExoticComponent<
|
|
7704
7697
|
Pick<
|
|
7705
|
-
MenuProps & Omit<
|
|
7698
|
+
MenuProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'role' | 'as'>,
|
|
7706
7699
|
| 'default'
|
|
7707
7700
|
| 'disabled'
|
|
7708
7701
|
| 'selected'
|
|
@@ -8061,14 +8054,14 @@ export declare const Menu: React_2.ForwardRefExoticComponent<
|
|
|
8061
8054
|
| 'wmode'
|
|
8062
8055
|
| keyof MenuProps
|
|
8063
8056
|
> &
|
|
8064
|
-
|
|
8057
|
+
RefAttributes<HTMLDivElement>
|
|
8065
8058
|
>
|
|
8066
8059
|
|
|
8067
8060
|
/**
|
|
8068
8061
|
* @public
|
|
8069
8062
|
*/
|
|
8070
|
-
export declare const MenuButton:
|
|
8071
|
-
MenuButtonProps &
|
|
8063
|
+
export declare const MenuButton: ForwardRefExoticComponent<
|
|
8064
|
+
MenuButtonProps & RefAttributes<HTMLButtonElement | null>
|
|
8072
8065
|
>
|
|
8073
8066
|
|
|
8074
8067
|
/**
|
|
@@ -8083,9 +8076,9 @@ export declare interface MenuButtonProps {
|
|
|
8083
8076
|
* @deprecated Use `popover={{boundaryElement: element}}` instead.
|
|
8084
8077
|
*/
|
|
8085
8078
|
boundaryElement?: HTMLElement
|
|
8086
|
-
button:
|
|
8079
|
+
button: React.ReactElement
|
|
8087
8080
|
id: string
|
|
8088
|
-
menu?:
|
|
8081
|
+
menu?: React.ReactElement
|
|
8089
8082
|
onClose?: () => void
|
|
8090
8083
|
/**
|
|
8091
8084
|
* @deprecated Use `popover={{placement: 'top'}}` instead.
|
|
@@ -8121,46 +8114,46 @@ export declare const MenuDivider: StyledComponent<'hr', Theme>
|
|
|
8121
8114
|
*/
|
|
8122
8115
|
export declare function MenuGroup(
|
|
8123
8116
|
props: MenuGroupProps &
|
|
8124
|
-
Omit<
|
|
8125
|
-
):
|
|
8117
|
+
Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'tabIndex'>
|
|
8118
|
+
): React.ReactElement
|
|
8126
8119
|
|
|
8127
8120
|
/**
|
|
8128
8121
|
* @public
|
|
8129
8122
|
*/
|
|
8130
8123
|
export declare interface MenuGroupProps {
|
|
8131
|
-
as?:
|
|
8124
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
8132
8125
|
fontSize?: number | number[]
|
|
8133
|
-
icon?:
|
|
8126
|
+
icon?: React.ComponentType | React.ReactNode
|
|
8134
8127
|
padding?: number | number[]
|
|
8135
8128
|
popover?: Omit<PopoverProps, 'content' | 'open'>
|
|
8136
8129
|
radius?: number | number[]
|
|
8137
8130
|
space?: number | number[]
|
|
8138
|
-
text:
|
|
8131
|
+
text: React.ReactNode
|
|
8139
8132
|
tone?: SelectableTone
|
|
8140
8133
|
}
|
|
8141
8134
|
|
|
8142
8135
|
/**
|
|
8143
8136
|
* @public
|
|
8144
8137
|
*/
|
|
8145
|
-
export declare const MenuItem:
|
|
8138
|
+
export declare const MenuItem: ForwardRefExoticComponent<
|
|
8146
8139
|
MenuItemProps &
|
|
8147
|
-
Omit<
|
|
8148
|
-
|
|
8140
|
+
Omit<HTMLProps<HTMLDivElement>, 'selected' | 'ref' | 'height' | 'tabIndex' | 'as'> &
|
|
8141
|
+
RefAttributes<HTMLDivElement>
|
|
8149
8142
|
>
|
|
8150
8143
|
|
|
8151
8144
|
/**
|
|
8152
8145
|
* @public
|
|
8153
8146
|
*/
|
|
8154
8147
|
export declare interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
|
|
8155
|
-
as?:
|
|
8148
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
8156
8149
|
fontSize?: number | number[]
|
|
8157
8150
|
hotkeys?: string[]
|
|
8158
|
-
icon?:
|
|
8159
|
-
iconRight?:
|
|
8151
|
+
icon?: React.ComponentType | React.ReactNode
|
|
8152
|
+
iconRight?: React.ComponentType | React.ReactNode
|
|
8160
8153
|
pressed?: boolean
|
|
8161
8154
|
selected?: boolean
|
|
8162
8155
|
space?: number | number[]
|
|
8163
|
-
text?:
|
|
8156
|
+
text?: React.ReactNode
|
|
8164
8157
|
tone?: SelectableTone
|
|
8165
8158
|
}
|
|
8166
8159
|
|
|
@@ -8225,9 +8218,9 @@ export declare type Placement =
|
|
|
8225
8218
|
/**
|
|
8226
8219
|
* @public
|
|
8227
8220
|
*/
|
|
8228
|
-
export declare const Popover:
|
|
8221
|
+
export declare const Popover: ForwardRefExoticComponent<
|
|
8229
8222
|
Pick<
|
|
8230
|
-
PopoverProps & Omit<
|
|
8223
|
+
PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'content' | 'width' | 'as'>,
|
|
8231
8224
|
| 'default'
|
|
8232
8225
|
| 'selected'
|
|
8233
8226
|
| 'name'
|
|
@@ -8584,7 +8577,7 @@ export declare const Popover: React_2.ForwardRefExoticComponent<
|
|
|
8584
8577
|
| 'wmode'
|
|
8585
8578
|
| keyof PopoverProps
|
|
8586
8579
|
> &
|
|
8587
|
-
|
|
8580
|
+
RefAttributes<HTMLDivElement>
|
|
8588
8581
|
>
|
|
8589
8582
|
|
|
8590
8583
|
/**
|
|
@@ -8607,9 +8600,9 @@ export declare interface PopoverProps
|
|
|
8607
8600
|
allowedAutoPlacements?: Placement[]
|
|
8608
8601
|
arrow?: boolean
|
|
8609
8602
|
boundaryElement?: HTMLElement | null
|
|
8610
|
-
children?:
|
|
8603
|
+
children?: React.ReactElement
|
|
8611
8604
|
constrainSize?: boolean
|
|
8612
|
-
content?:
|
|
8605
|
+
content?: React.ReactNode
|
|
8613
8606
|
disabled?: boolean
|
|
8614
8607
|
fallbackPlacements?: Placement[]
|
|
8615
8608
|
open?: boolean
|
|
@@ -8628,7 +8621,7 @@ export declare interface PopoverProps
|
|
|
8628
8621
|
/**
|
|
8629
8622
|
* @public
|
|
8630
8623
|
*/
|
|
8631
|
-
export declare function Portal(props: PortalProps):
|
|
8624
|
+
export declare function Portal(props: PortalProps): React.ReactPortal | null
|
|
8632
8625
|
|
|
8633
8626
|
/**
|
|
8634
8627
|
* @public
|
|
@@ -8644,7 +8637,7 @@ export declare interface PortalContextValue {
|
|
|
8644
8637
|
* @public
|
|
8645
8638
|
*/
|
|
8646
8639
|
export declare interface PortalProps {
|
|
8647
|
-
children:
|
|
8640
|
+
children: React.ReactNode
|
|
8648
8641
|
/**
|
|
8649
8642
|
* @beta This API might change. DO NOT USE IN PRODUCTION.
|
|
8650
8643
|
*/
|
|
@@ -8654,7 +8647,7 @@ export declare interface PortalProps {
|
|
|
8654
8647
|
/**
|
|
8655
8648
|
* @public
|
|
8656
8649
|
*/
|
|
8657
|
-
export declare function PortalProvider(props: PortalProviderProps):
|
|
8650
|
+
export declare function PortalProvider(props: PortalProviderProps): React.ReactElement
|
|
8658
8651
|
|
|
8659
8652
|
/**
|
|
8660
8653
|
* @public
|
|
@@ -8664,7 +8657,7 @@ export declare interface PortalProviderProps {
|
|
|
8664
8657
|
* @deprecated Use `<BoundaryElementProvider element={...} />` instead
|
|
8665
8658
|
*/
|
|
8666
8659
|
boundaryElement?: HTMLElement | null
|
|
8667
|
-
children:
|
|
8660
|
+
children: React.ReactNode
|
|
8668
8661
|
element?: HTMLElement | null
|
|
8669
8662
|
/**
|
|
8670
8663
|
* @beta
|
|
@@ -8675,9 +8668,9 @@ export declare interface PortalProviderProps {
|
|
|
8675
8668
|
/**
|
|
8676
8669
|
* @public
|
|
8677
8670
|
*/
|
|
8678
|
-
export declare const Radio:
|
|
8671
|
+
export declare const Radio: ForwardRefExoticComponent<
|
|
8679
8672
|
Pick<
|
|
8680
|
-
Omit<
|
|
8673
|
+
Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & RadioProps,
|
|
8681
8674
|
| 'default'
|
|
8682
8675
|
| 'disabled'
|
|
8683
8676
|
| 'selected'
|
|
@@ -9038,7 +9031,7 @@ export declare const Radio: React_2.ForwardRefExoticComponent<
|
|
|
9038
9031
|
| 'wmode'
|
|
9039
9032
|
| 'customValidity'
|
|
9040
9033
|
> &
|
|
9041
|
-
|
|
9034
|
+
RefAttributes<HTMLInputElement>
|
|
9042
9035
|
>
|
|
9043
9036
|
|
|
9044
9037
|
/**
|
|
@@ -9308,9 +9301,9 @@ export {screen_2 as screen}
|
|
|
9308
9301
|
/**
|
|
9309
9302
|
* @public
|
|
9310
9303
|
*/
|
|
9311
|
-
export declare const Select:
|
|
9304
|
+
export declare const Select: ForwardRefExoticComponent<
|
|
9312
9305
|
Pick<
|
|
9313
|
-
SelectProps & Omit<
|
|
9306
|
+
SelectProps & Omit<HTMLProps<HTMLSelectElement>, 'as'>,
|
|
9314
9307
|
| 'default'
|
|
9315
9308
|
| 'disabled'
|
|
9316
9309
|
| 'selected'
|
|
@@ -9672,7 +9665,7 @@ export declare const Select: React_2.ForwardRefExoticComponent<
|
|
|
9672
9665
|
| 'wmode'
|
|
9673
9666
|
| keyof SelectProps
|
|
9674
9667
|
> &
|
|
9675
|
-
|
|
9668
|
+
RefAttributes<HTMLSelectElement>
|
|
9676
9669
|
>
|
|
9677
9670
|
|
|
9678
9671
|
/**
|
|
@@ -9695,9 +9688,9 @@ export declare interface SelectProps {
|
|
|
9695
9688
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
9696
9689
|
* @beta
|
|
9697
9690
|
*/
|
|
9698
|
-
export declare const Skeleton:
|
|
9691
|
+
export declare const Skeleton: ForwardRefExoticComponent<
|
|
9699
9692
|
Pick<
|
|
9700
|
-
SkeletonProps &
|
|
9693
|
+
SkeletonProps & HTMLProps<HTMLDivElement>,
|
|
9701
9694
|
| 'default'
|
|
9702
9695
|
| 'disabled'
|
|
9703
9696
|
| 'selected'
|
|
@@ -10086,7 +10079,7 @@ export declare const Skeleton: React_2.ForwardRefExoticComponent<
|
|
|
10086
10079
|
| 'animated'
|
|
10087
10080
|
| 'delay'
|
|
10088
10081
|
> &
|
|
10089
|
-
|
|
10082
|
+
RefAttributes<HTMLDivElement>
|
|
10090
10083
|
>
|
|
10091
10084
|
|
|
10092
10085
|
/**
|
|
@@ -10101,9 +10094,9 @@ export declare interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxPr
|
|
|
10101
10094
|
/**
|
|
10102
10095
|
* @public
|
|
10103
10096
|
*/
|
|
10104
|
-
export declare const Spinner:
|
|
10097
|
+
export declare const Spinner: ForwardRefExoticComponent<
|
|
10105
10098
|
Pick<
|
|
10106
|
-
SpinnerProps & Omit<
|
|
10099
|
+
SpinnerProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>,
|
|
10107
10100
|
| 'default'
|
|
10108
10101
|
| 'disabled'
|
|
10109
10102
|
| 'selected'
|
|
@@ -10463,7 +10456,7 @@ export declare const Spinner: React_2.ForwardRefExoticComponent<
|
|
|
10463
10456
|
| 'wmode'
|
|
10464
10457
|
| keyof SpinnerProps
|
|
10465
10458
|
> &
|
|
10466
|
-
|
|
10459
|
+
RefAttributes<HTMLDivElement>
|
|
10467
10460
|
>
|
|
10468
10461
|
|
|
10469
10462
|
/**
|
|
@@ -10477,9 +10470,9 @@ export declare interface SpinnerProps {
|
|
|
10477
10470
|
/**
|
|
10478
10471
|
* @public
|
|
10479
10472
|
*/
|
|
10480
|
-
export declare const SrOnly:
|
|
10473
|
+
export declare const SrOnly: ForwardRefExoticComponent<
|
|
10481
10474
|
Pick<
|
|
10482
|
-
SrOnlyProps & Omit<
|
|
10475
|
+
SrOnlyProps & Omit<HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>,
|
|
10483
10476
|
| 'default'
|
|
10484
10477
|
| 'disabled'
|
|
10485
10478
|
| 'selected'
|
|
@@ -10839,31 +10832,29 @@ export declare const SrOnly: React_2.ForwardRefExoticComponent<
|
|
|
10839
10832
|
| 'wmode'
|
|
10840
10833
|
| keyof SrOnlyProps
|
|
10841
10834
|
> &
|
|
10842
|
-
|
|
10835
|
+
RefAttributes<HTMLDivElement>
|
|
10843
10836
|
>
|
|
10844
10837
|
|
|
10845
10838
|
/**
|
|
10846
10839
|
* @public
|
|
10847
10840
|
*/
|
|
10848
10841
|
export declare interface SrOnlyProps {
|
|
10849
|
-
as?:
|
|
10850
|
-
children?:
|
|
10842
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
10843
|
+
children?: React.ReactNode
|
|
10851
10844
|
}
|
|
10852
10845
|
|
|
10853
10846
|
/**
|
|
10854
10847
|
* @public
|
|
10855
10848
|
*/
|
|
10856
|
-
export declare const Stack:
|
|
10857
|
-
StackProps &
|
|
10858
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'ref' | 'as'> &
|
|
10859
|
-
React_2.RefAttributes<HTMLDivElement>
|
|
10849
|
+
export declare const Stack: ForwardRefExoticComponent<
|
|
10850
|
+
StackProps & Omit<HTMLProps<HTMLDivElement>, 'ref' | 'as'> & RefAttributes<HTMLDivElement>
|
|
10860
10851
|
>
|
|
10861
10852
|
|
|
10862
10853
|
/**
|
|
10863
10854
|
* @public
|
|
10864
10855
|
*/
|
|
10865
10856
|
export declare interface StackProps extends BoxProps {
|
|
10866
|
-
as?:
|
|
10857
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
10867
10858
|
space?: number | number[]
|
|
10868
10859
|
}
|
|
10869
10860
|
|
|
@@ -10888,9 +10879,9 @@ export declare interface Styles {
|
|
|
10888
10879
|
/**
|
|
10889
10880
|
* @public
|
|
10890
10881
|
*/
|
|
10891
|
-
export declare const Switch:
|
|
10882
|
+
export declare const Switch: ForwardRefExoticComponent<
|
|
10892
10883
|
Pick<
|
|
10893
|
-
Omit<
|
|
10884
|
+
Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & SwitchProps,
|
|
10894
10885
|
| 'default'
|
|
10895
10886
|
| 'disabled'
|
|
10896
10887
|
| 'selected'
|
|
@@ -11251,7 +11242,7 @@ export declare const Switch: React_2.ForwardRefExoticComponent<
|
|
|
11251
11242
|
| 'wmode'
|
|
11252
11243
|
| 'indeterminate'
|
|
11253
11244
|
> &
|
|
11254
|
-
|
|
11245
|
+
RefAttributes<HTMLInputElement>
|
|
11255
11246
|
>
|
|
11256
11247
|
|
|
11257
11248
|
/**
|
|
@@ -11264,10 +11255,9 @@ export declare interface SwitchProps {
|
|
|
11264
11255
|
/**
|
|
11265
11256
|
* @public
|
|
11266
11257
|
*/
|
|
11267
|
-
export declare const Tab:
|
|
11258
|
+
export declare const Tab: ForwardRefExoticComponent<
|
|
11268
11259
|
Pick<
|
|
11269
|
-
TabProps &
|
|
11270
|
-
Omit<React_2.HTMLProps<HTMLButtonElement>, 'label' | 'type' | 'id' | 'aria-controls' | 'as'>,
|
|
11260
|
+
TabProps & Omit<HTMLProps<HTMLButtonElement>, 'label' | 'type' | 'id' | 'aria-controls' | 'as'>,
|
|
11271
11261
|
| 'default'
|
|
11272
11262
|
| 'disabled'
|
|
11273
11263
|
| 'name'
|
|
@@ -11624,15 +11614,15 @@ export declare const Tab: React_2.ForwardRefExoticComponent<
|
|
|
11624
11614
|
| 'wmode'
|
|
11625
11615
|
| keyof TabProps
|
|
11626
11616
|
> &
|
|
11627
|
-
|
|
11617
|
+
RefAttributes<HTMLButtonElement>
|
|
11628
11618
|
>
|
|
11629
11619
|
|
|
11630
11620
|
/**
|
|
11631
11621
|
* @public
|
|
11632
11622
|
*/
|
|
11633
|
-
export declare const TabList:
|
|
11623
|
+
export declare const TabList: ForwardRefExoticComponent<
|
|
11634
11624
|
Pick<
|
|
11635
|
-
TabListProps & Omit<
|
|
11625
|
+
TabListProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>,
|
|
11636
11626
|
| 'default'
|
|
11637
11627
|
| 'disabled'
|
|
11638
11628
|
| 'selected'
|
|
@@ -11992,23 +11982,22 @@ export declare const TabList: React_2.ForwardRefExoticComponent<
|
|
|
11992
11982
|
| 'wmode'
|
|
11993
11983
|
| keyof TabListProps
|
|
11994
11984
|
> &
|
|
11995
|
-
|
|
11985
|
+
RefAttributes<unknown>
|
|
11996
11986
|
>
|
|
11997
11987
|
|
|
11998
11988
|
/**
|
|
11999
11989
|
* @public
|
|
12000
11990
|
*/
|
|
12001
11991
|
export declare interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {
|
|
12002
|
-
children: Array<
|
|
11992
|
+
children: Array<React.ReactElement | null | undefined | false>
|
|
12003
11993
|
}
|
|
12004
11994
|
|
|
12005
11995
|
/**
|
|
12006
11996
|
* @public
|
|
12007
11997
|
*/
|
|
12008
|
-
export declare const TabPanel:
|
|
11998
|
+
export declare const TabPanel: ForwardRefExoticComponent<
|
|
12009
11999
|
Pick<
|
|
12010
|
-
TabPanelProps &
|
|
12011
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'id' | 'role' | 'aria-labelledby' | 'as'>,
|
|
12000
|
+
TabPanelProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'role' | 'aria-labelledby' | 'as'>,
|
|
12012
12001
|
| 'default'
|
|
12013
12002
|
| 'disabled'
|
|
12014
12003
|
| 'selected'
|
|
@@ -12366,7 +12355,7 @@ export declare const TabPanel: React_2.ForwardRefExoticComponent<
|
|
|
12366
12355
|
| 'wmode'
|
|
12367
12356
|
| keyof TabPanelProps
|
|
12368
12357
|
> &
|
|
12369
|
-
|
|
12358
|
+
RefAttributes<HTMLDivElement>
|
|
12370
12359
|
>
|
|
12371
12360
|
|
|
12372
12361
|
/**
|
|
@@ -12389,10 +12378,10 @@ export declare interface TabProps {
|
|
|
12389
12378
|
*/
|
|
12390
12379
|
'aria-controls': string
|
|
12391
12380
|
id: string
|
|
12392
|
-
icon?:
|
|
12381
|
+
icon?: React.ComponentType | React.ReactNode
|
|
12393
12382
|
focused?: boolean
|
|
12394
12383
|
fontSize?: number | number[]
|
|
12395
|
-
label?:
|
|
12384
|
+
label?: React.ReactNode
|
|
12396
12385
|
padding?: number | number[]
|
|
12397
12386
|
selected?: boolean
|
|
12398
12387
|
tone?: ButtonTone
|
|
@@ -12401,9 +12390,9 @@ export declare interface TabProps {
|
|
|
12401
12390
|
/**
|
|
12402
12391
|
* @public
|
|
12403
12392
|
*/
|
|
12404
|
-
declare const Text_2:
|
|
12393
|
+
declare const Text_2: ForwardRefExoticComponent<
|
|
12405
12394
|
Pick<
|
|
12406
|
-
TextProps & Omit<
|
|
12395
|
+
TextProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>,
|
|
12407
12396
|
| 'default'
|
|
12408
12397
|
| 'disabled'
|
|
12409
12398
|
| 'selected'
|
|
@@ -12763,7 +12752,7 @@ declare const Text_2: React_2.ForwardRefExoticComponent<
|
|
|
12763
12752
|
| 'wmode'
|
|
12764
12753
|
| keyof TextProps
|
|
12765
12754
|
> &
|
|
12766
|
-
|
|
12755
|
+
RefAttributes<HTMLDivElement>
|
|
12767
12756
|
>
|
|
12768
12757
|
export {Text_2 as Text}
|
|
12769
12758
|
|
|
@@ -12775,9 +12764,9 @@ export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initi
|
|
|
12775
12764
|
/**
|
|
12776
12765
|
* @public
|
|
12777
12766
|
*/
|
|
12778
|
-
export declare const TextArea:
|
|
12767
|
+
export declare const TextArea: ForwardRefExoticComponent<
|
|
12779
12768
|
Pick<
|
|
12780
|
-
TextAreaProps & Omit<
|
|
12769
|
+
TextAreaProps & Omit<HTMLProps<HTMLTextAreaElement>, 'as'>,
|
|
12781
12770
|
| 'default'
|
|
12782
12771
|
| 'disabled'
|
|
12783
12772
|
| 'selected'
|
|
@@ -13139,7 +13128,7 @@ export declare const TextArea: React_2.ForwardRefExoticComponent<
|
|
|
13139
13128
|
| 'wmode'
|
|
13140
13129
|
| keyof TextAreaProps
|
|
13141
13130
|
> &
|
|
13142
|
-
|
|
13131
|
+
RefAttributes<HTMLTextAreaElement>
|
|
13143
13132
|
>
|
|
13144
13133
|
|
|
13145
13134
|
/**
|
|
@@ -13156,9 +13145,9 @@ export declare interface TextAreaProps extends ResponsiveRadiusProps {
|
|
|
13156
13145
|
/**
|
|
13157
13146
|
* @public
|
|
13158
13147
|
*/
|
|
13159
|
-
export declare const TextInput:
|
|
13148
|
+
export declare const TextInput: ForwardRefExoticComponent<
|
|
13160
13149
|
Pick<
|
|
13161
|
-
TextInputProps & Omit<
|
|
13150
|
+
TextInputProps & Omit<HTMLProps<HTMLInputElement>, 'type' | 'prefix' | 'as'>,
|
|
13162
13151
|
| 'default'
|
|
13163
13152
|
| 'disabled'
|
|
13164
13153
|
| 'selected'
|
|
@@ -13518,14 +13507,14 @@ export declare const TextInput: React_2.ForwardRefExoticComponent<
|
|
|
13518
13507
|
| 'wmode'
|
|
13519
13508
|
| keyof TextInputProps
|
|
13520
13509
|
> &
|
|
13521
|
-
|
|
13510
|
+
RefAttributes<HTMLInputElement>
|
|
13522
13511
|
>
|
|
13523
13512
|
|
|
13524
13513
|
/**
|
|
13525
13514
|
* @public
|
|
13526
13515
|
*/
|
|
13527
13516
|
export declare type TextInputClearButtonProps = Omit<ButtonProps, 'as'> &
|
|
13528
|
-
Omit<
|
|
13517
|
+
Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>
|
|
13529
13518
|
|
|
13530
13519
|
/**
|
|
13531
13520
|
* @public
|
|
@@ -13538,17 +13527,17 @@ export declare interface TextInputProps {
|
|
|
13538
13527
|
clearButton?: boolean | TextInputClearButtonProps
|
|
13539
13528
|
customValidity?: string
|
|
13540
13529
|
fontSize?: number | number[]
|
|
13541
|
-
icon?:
|
|
13542
|
-
iconRight?:
|
|
13530
|
+
icon?: React.ComponentType | React.ReactNode
|
|
13531
|
+
iconRight?: React.ComponentType | React.ReactNode
|
|
13543
13532
|
/**
|
|
13544
13533
|
* @beta
|
|
13545
13534
|
*/
|
|
13546
13535
|
onClear?: () => void
|
|
13547
13536
|
padding?: number | number[]
|
|
13548
|
-
prefix?:
|
|
13537
|
+
prefix?: React.ReactNode
|
|
13549
13538
|
radius?: number | number[]
|
|
13550
13539
|
space?: number | number[]
|
|
13551
|
-
suffix?:
|
|
13540
|
+
suffix?: React.ReactNode
|
|
13552
13541
|
type?: TextInputType
|
|
13553
13542
|
weight?: ThemeFontWeightKey
|
|
13554
13543
|
}
|
|
@@ -13575,7 +13564,7 @@ export declare type TextInputType =
|
|
|
13575
13564
|
export declare interface TextProps {
|
|
13576
13565
|
accent?: boolean
|
|
13577
13566
|
align?: TextAlign | TextAlign[]
|
|
13578
|
-
as?:
|
|
13567
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
13579
13568
|
muted?: boolean
|
|
13580
13569
|
size?: number | number[]
|
|
13581
13570
|
/**
|
|
@@ -13591,10 +13580,9 @@ export declare interface TextProps {
|
|
|
13591
13580
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
13592
13581
|
* @beta
|
|
13593
13582
|
*/
|
|
13594
|
-
export declare const TextSkeleton:
|
|
13583
|
+
export declare const TextSkeleton: ForwardRefExoticComponent<
|
|
13595
13584
|
Pick<
|
|
13596
|
-
TextSkeletonProps &
|
|
13597
|
-
Omit<React_2.HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
13585
|
+
TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'size' | 'height' | 'as'>,
|
|
13598
13586
|
| 'default'
|
|
13599
13587
|
| 'disabled'
|
|
13600
13588
|
| 'selected'
|
|
@@ -13953,7 +13941,7 @@ export declare const TextSkeleton: React_2.ForwardRefExoticComponent<
|
|
|
13953
13941
|
| 'wmode'
|
|
13954
13942
|
| keyof TextSkeletonProps
|
|
13955
13943
|
> &
|
|
13956
|
-
|
|
13944
|
+
RefAttributes<HTMLDivElement>
|
|
13957
13945
|
>
|
|
13958
13946
|
|
|
13959
13947
|
/**
|
|
@@ -14228,13 +14216,13 @@ export declare type ThemeColorName =
|
|
|
14228
14216
|
/**
|
|
14229
14217
|
* @public
|
|
14230
14218
|
*/
|
|
14231
|
-
export declare function ThemeColorProvider(props: ThemeColorProviderProps):
|
|
14219
|
+
export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.ReactElement
|
|
14232
14220
|
|
|
14233
14221
|
/**
|
|
14234
14222
|
* @public
|
|
14235
14223
|
*/
|
|
14236
14224
|
export declare interface ThemeColorProviderProps {
|
|
14237
|
-
children?:
|
|
14225
|
+
children?: React.ReactNode
|
|
14238
14226
|
scheme?: ThemeColorSchemeKey
|
|
14239
14227
|
tone?: ThemeColorName
|
|
14240
14228
|
}
|
|
@@ -14509,13 +14497,13 @@ export declare interface ThemeProps {
|
|
|
14509
14497
|
/**
|
|
14510
14498
|
* @public
|
|
14511
14499
|
*/
|
|
14512
|
-
export declare function ThemeProvider(props: ThemeProviderProps):
|
|
14500
|
+
export declare function ThemeProvider(props: ThemeProviderProps): React.ReactElement
|
|
14513
14501
|
|
|
14514
14502
|
/**
|
|
14515
14503
|
* @public
|
|
14516
14504
|
*/
|
|
14517
14505
|
export declare interface ThemeProviderProps {
|
|
14518
|
-
children?:
|
|
14506
|
+
children?: React.ReactNode
|
|
14519
14507
|
scheme?: ThemeColorSchemeKey
|
|
14520
14508
|
theme?: RootTheme
|
|
14521
14509
|
tone?: ThemeColorName
|
|
@@ -14534,8 +14522,8 @@ export declare interface ThemeShadow {
|
|
|
14534
14522
|
* @public
|
|
14535
14523
|
*/
|
|
14536
14524
|
export declare function Toast(
|
|
14537
|
-
props: ToastProps & Omit<
|
|
14538
|
-
):
|
|
14525
|
+
props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>
|
|
14526
|
+
): React.ReactElement
|
|
14539
14527
|
|
|
14540
14528
|
/**
|
|
14541
14529
|
* @public
|
|
@@ -14563,22 +14551,22 @@ export declare interface ToastParams {
|
|
|
14563
14551
|
*/
|
|
14564
14552
|
export declare interface ToastProps {
|
|
14565
14553
|
closable?: boolean
|
|
14566
|
-
description?:
|
|
14554
|
+
description?: React.ReactNode
|
|
14567
14555
|
onClose?: () => void
|
|
14568
|
-
title?:
|
|
14556
|
+
title?: React.ReactNode
|
|
14569
14557
|
status?: 'error' | 'warning' | 'success' | 'info'
|
|
14570
14558
|
}
|
|
14571
14559
|
|
|
14572
14560
|
/**
|
|
14573
14561
|
* @public
|
|
14574
14562
|
*/
|
|
14575
|
-
export declare function ToastProvider(props: ToastProviderProps):
|
|
14563
|
+
export declare function ToastProvider(props: ToastProviderProps): React.ReactElement
|
|
14576
14564
|
|
|
14577
14565
|
/**
|
|
14578
14566
|
* @public
|
|
14579
14567
|
*/
|
|
14580
14568
|
export declare interface ToastProviderProps {
|
|
14581
|
-
children?:
|
|
14569
|
+
children?: React.ReactNode
|
|
14582
14570
|
padding?: number | number[]
|
|
14583
14571
|
paddingX?: number | number[]
|
|
14584
14572
|
paddingY?: number | number[]
|
|
@@ -14588,9 +14576,9 @@ export declare interface ToastProviderProps {
|
|
|
14588
14576
|
/**
|
|
14589
14577
|
* @public
|
|
14590
14578
|
*/
|
|
14591
|
-
export declare const Tooltip:
|
|
14579
|
+
export declare const Tooltip: ForwardRefExoticComponent<
|
|
14592
14580
|
Pick<
|
|
14593
|
-
TooltipProps & Omit<
|
|
14581
|
+
TooltipProps & Omit<HTMLProps<HTMLDivElement>, 'children' | 'content' | 'as'>,
|
|
14594
14582
|
| 'default'
|
|
14595
14583
|
| 'selected'
|
|
14596
14584
|
| 'name'
|
|
@@ -14949,7 +14937,7 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<
|
|
|
14949
14937
|
| 'wmode'
|
|
14950
14938
|
| keyof TooltipProps
|
|
14951
14939
|
> &
|
|
14952
|
-
|
|
14940
|
+
RefAttributes<HTMLDivElement>
|
|
14953
14941
|
>
|
|
14954
14942
|
|
|
14955
14943
|
/**
|
|
@@ -14958,8 +14946,8 @@ export declare const Tooltip: React_2.ForwardRefExoticComponent<
|
|
|
14958
14946
|
export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
|
|
14959
14947
|
allowedAutoPlacements?: Placement[]
|
|
14960
14948
|
boundaryElement?: HTMLElement | null
|
|
14961
|
-
children?:
|
|
14962
|
-
content?:
|
|
14949
|
+
children?: React.ReactElement
|
|
14950
|
+
content?: React.ReactNode
|
|
14963
14951
|
disabled?: boolean
|
|
14964
14952
|
fallbackPlacements?: Placement[]
|
|
14965
14953
|
placement?: Placement
|
|
@@ -14971,11 +14959,11 @@ export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
|
|
|
14971
14959
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
14972
14960
|
* @beta
|
|
14973
14961
|
*/
|
|
14974
|
-
export declare const Tree:
|
|
14975
|
-
|
|
14962
|
+
export declare const Tree: MemoExoticComponent<
|
|
14963
|
+
ForwardRefExoticComponent<
|
|
14976
14964
|
TreeProps &
|
|
14977
|
-
Omit<
|
|
14978
|
-
|
|
14965
|
+
Omit<HTMLProps<HTMLDivElement>, 'ref' | 'wrap' | 'height' | 'role' | 'as' | 'align'> &
|
|
14966
|
+
RefAttributes<HTMLDivElement>
|
|
14979
14967
|
>
|
|
14980
14968
|
>
|
|
14981
14969
|
|
|
@@ -14998,8 +14986,8 @@ export declare interface TreeContextValue {
|
|
|
14998
14986
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
14999
14987
|
* @beta
|
|
15000
14988
|
*/
|
|
15001
|
-
export declare const TreeItem:
|
|
15002
|
-
TreeItemProps & Omit<
|
|
14989
|
+
export declare const TreeItem: NamedExoticComponent<
|
|
14990
|
+
TreeItemProps & Omit<HTMLProps<HTMLLIElement>, 'ref' | 'role' | 'as'>
|
|
15003
14991
|
>
|
|
15004
14992
|
|
|
15005
14993
|
/**
|
|
@@ -15008,10 +14996,10 @@ export declare const TreeItem: React_2.NamedExoticComponent<
|
|
|
15008
14996
|
export declare interface TreeItemProps {
|
|
15009
14997
|
expanded?: boolean
|
|
15010
14998
|
fontSize?: number | number[]
|
|
15011
|
-
icon?:
|
|
14999
|
+
icon?: React.ComponentType
|
|
15012
15000
|
padding?: number | number[]
|
|
15013
15001
|
space?: number | number[]
|
|
15014
|
-
text?:
|
|
15002
|
+
text?: React.ReactNode
|
|
15015
15003
|
weight?: ThemeFontWeightKey
|
|
15016
15004
|
}
|
|
15017
15005
|
|
|
@@ -15094,8 +15082,8 @@ export declare function useElementSize(element: HTMLElement | null): ElementSize
|
|
|
15094
15082
|
* @beta
|
|
15095
15083
|
*/
|
|
15096
15084
|
export declare function useForwardedRef<T>(
|
|
15097
|
-
ref:
|
|
15098
|
-
):
|
|
15085
|
+
ref: React.ForwardedRef<T>
|
|
15086
|
+
): React.MutableRefObject<T | null>
|
|
15099
15087
|
|
|
15100
15088
|
/**
|
|
15101
15089
|
* @beta
|
|
@@ -15146,11 +15134,11 @@ export declare function useTree(): TreeContextValue
|
|
|
15146
15134
|
/**
|
|
15147
15135
|
* @beta
|
|
15148
15136
|
*/
|
|
15149
|
-
export declare const VirtualList:
|
|
15137
|
+
export declare const VirtualList: ForwardRefExoticComponent<
|
|
15150
15138
|
VirtualListProps<any> &
|
|
15151
15139
|
StackProps &
|
|
15152
|
-
Omit<
|
|
15153
|
-
|
|
15140
|
+
Omit<HTMLProps<HTMLDivElement>, 'children' | 'ref' | 'onChange' | 'as'> &
|
|
15141
|
+
RefAttributes<HTMLDivElement>
|
|
15154
15142
|
>
|
|
15155
15143
|
|
|
15156
15144
|
/**
|
|
@@ -15169,12 +15157,12 @@ export declare interface VirtualListChangeOpts {
|
|
|
15169
15157
|
* @beta
|
|
15170
15158
|
*/
|
|
15171
15159
|
export declare interface VirtualListProps<Item = any> {
|
|
15172
|
-
as?:
|
|
15160
|
+
as?: React.ElementType | keyof JSX.IntrinsicElements
|
|
15173
15161
|
gap?: number
|
|
15174
15162
|
getItemKey?: (item: Item, itemIndex: number) => string
|
|
15175
15163
|
items?: Item[]
|
|
15176
15164
|
onChange?: (opts: VirtualListChangeOpts) => void
|
|
15177
|
-
renderItem?: (item: Item) =>
|
|
15165
|
+
renderItem?: (item: Item) => React.ReactNode
|
|
15178
15166
|
}
|
|
15179
15167
|
|
|
15180
15168
|
export {}
|