@primer/components 0.0.0-20219283497 → 0.0.0-2021929153151
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/CHANGELOG.md +19 -1
- package/dist/browser.esm.js +447 -440
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +446 -439
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList2/Description.d.ts +6 -0
- package/lib/ActionList2/Description.js +53 -0
- package/lib/ActionList2/Divider.d.ts +5 -0
- package/lib/ActionList2/Divider.js +33 -0
- package/lib/ActionList2/Group.d.ts +11 -0
- package/lib/ActionList2/Group.js +55 -0
- package/lib/ActionList2/Header.d.ts +26 -0
- package/lib/ActionList2/Header.js +55 -0
- package/lib/ActionList2/Item.d.ts +48 -0
- package/lib/ActionList2/Item.js +204 -0
- package/lib/ActionList2/List.d.ts +26 -0
- package/lib/ActionList2/List.js +56 -0
- package/lib/ActionList2/Selection.d.ts +5 -0
- package/lib/ActionList2/Selection.js +73 -0
- package/lib/ActionList2/Visuals.d.ts +11 -0
- package/lib/ActionList2/Visuals.js +90 -0
- package/lib/ActionList2/hacks.d.ts +30 -0
- package/lib/ActionList2/hacks.js +38 -0
- package/lib/ActionList2/index.d.ts +28 -0
- package/lib/ActionList2/index.js +42 -0
- package/lib/ActionMenu.js +2 -2
- package/lib/Autocomplete/Autocomplete.d.ts +30 -30
- package/lib/Autocomplete/AutocompleteInput.d.ts +30 -30
- package/lib/Button/Button.d.ts +30 -30
- package/lib/Button/ButtonBase.d.ts +1 -1
- package/lib/Button/ButtonClose.d.ts +35 -35
- package/lib/Button/ButtonDanger.d.ts +30 -30
- package/lib/Button/ButtonInvisible.d.ts +30 -30
- package/lib/Button/ButtonOutline.d.ts +30 -30
- package/lib/Button/ButtonPrimary.d.ts +30 -30
- package/lib/Button/ButtonStyles.js +1 -1
- package/lib/CircleBadge.d.ts +2 -2
- package/lib/CircleOcticon.d.ts +38 -38
- package/lib/Dialog/Dialog.d.ts +4 -4
- package/lib/Dialog/Dialog.js +22 -12
- package/lib/Dialog.d.ts +41 -41
- package/lib/Dropdown.d.ts +215 -137
- package/lib/Dropdown.js +5 -6
- package/lib/DropdownMenu/DropdownButton.d.ts +37 -37
- package/lib/FilterList.d.ts +30 -30
- package/lib/Flash.d.ts +1 -1
- package/lib/Label.d.ts +1 -1
- package/lib/Position.d.ts +4 -4
- package/lib/SelectMenu/SelectMenu.d.ts +187 -187
- package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
- package/lib/TextInputWithTokens.d.ts +34 -30
- package/lib/TextInputWithTokens.js +102 -29
- package/lib/Timeline.d.ts +39 -39
- package/lib/Token/AvatarToken.d.ts +1 -1
- package/lib/Token/IssueLabelToken.d.ts +1 -1
- package/lib/Token/Token.d.ts +1 -1
- package/lib/Token/Token.js +13 -2
- package/lib/Token/TokenBase.js +0 -4
- package/lib/Token/_RemoveTokenButton.js +15 -2
- package/lib/_TextInputWrapper.js +1 -1
- package/lib/constants.js +1 -3
- package/lib/experiments.d.ts +1 -0
- package/lib/experiments.js +18 -0
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -8
- package/lib/sx.d.ts +10 -2
- package/lib/sx.js +8 -0
- package/lib/theme.d.ts +78 -0
- package/lib/theme.js +3 -1
- package/lib/utils/create-slots.d.ts +17 -0
- package/lib/utils/create-slots.js +105 -0
- package/lib/utils/testing.d.ts +1 -1
- package/lib/utils/types/KeyPaths.d.ts +3 -0
- package/lib/utils/types/KeyPaths.js +1 -0
- package/lib/utils/use-force-update.d.ts +1 -0
- package/lib/utils/use-force-update.js +19 -0
- package/lib-esm/ActionList2/Description.d.ts +6 -0
- package/lib-esm/ActionList2/Description.js +37 -0
- package/lib-esm/ActionList2/Divider.d.ts +5 -0
- package/lib-esm/ActionList2/Divider.js +21 -0
- package/lib-esm/ActionList2/Group.d.ts +11 -0
- package/lib-esm/ActionList2/Group.js +38 -0
- package/lib-esm/ActionList2/Header.d.ts +26 -0
- package/lib-esm/ActionList2/Header.js +45 -0
- package/lib-esm/ActionList2/Item.d.ts +48 -0
- package/lib-esm/ActionList2/Item.js +176 -0
- package/lib-esm/ActionList2/List.d.ts +26 -0
- package/lib-esm/ActionList2/List.js +38 -0
- package/lib-esm/ActionList2/Selection.d.ts +5 -0
- package/lib-esm/ActionList2/Selection.js +55 -0
- package/lib-esm/ActionList2/Visuals.d.ts +11 -0
- package/lib-esm/ActionList2/Visuals.js +68 -0
- package/lib-esm/ActionList2/hacks.d.ts +30 -0
- package/lib-esm/ActionList2/hacks.js +30 -0
- package/lib-esm/ActionList2/index.d.ts +28 -0
- package/lib-esm/ActionList2/index.js +29 -0
- package/lib-esm/ActionMenu.js +2 -2
- package/lib-esm/Autocomplete/Autocomplete.d.ts +30 -30
- package/lib-esm/Autocomplete/AutocompleteInput.d.ts +30 -30
- package/lib-esm/Button/Button.d.ts +30 -30
- package/lib-esm/Button/ButtonBase.d.ts +1 -1
- package/lib-esm/Button/ButtonClose.d.ts +35 -35
- package/lib-esm/Button/ButtonDanger.d.ts +30 -30
- package/lib-esm/Button/ButtonInvisible.d.ts +30 -30
- package/lib-esm/Button/ButtonOutline.d.ts +30 -30
- package/lib-esm/Button/ButtonPrimary.d.ts +30 -30
- package/lib-esm/Button/ButtonStyles.js +1 -1
- package/lib-esm/CircleBadge.d.ts +2 -2
- package/lib-esm/CircleOcticon.d.ts +38 -38
- package/lib-esm/Dialog/Dialog.d.ts +4 -4
- package/lib-esm/Dialog/Dialog.js +21 -12
- package/lib-esm/Dialog.d.ts +41 -41
- package/lib-esm/Dropdown.d.ts +215 -137
- package/lib-esm/Dropdown.js +3 -4
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +37 -37
- package/lib-esm/FilterList.d.ts +30 -30
- package/lib-esm/Flash.d.ts +1 -1
- package/lib-esm/Label.d.ts +1 -1
- package/lib-esm/Position.d.ts +4 -4
- package/lib-esm/SelectMenu/SelectMenu.d.ts +187 -187
- package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
- package/lib-esm/TextInputWithTokens.d.ts +34 -30
- package/lib-esm/TextInputWithTokens.js +101 -30
- package/lib-esm/Timeline.d.ts +39 -39
- package/lib-esm/Token/AvatarToken.d.ts +1 -1
- package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
- package/lib-esm/Token/Token.d.ts +1 -1
- package/lib-esm/Token/Token.js +13 -2
- package/lib-esm/Token/TokenBase.js +0 -4
- package/lib-esm/Token/_RemoveTokenButton.js +11 -2
- package/lib-esm/_TextInputWrapper.js +1 -1
- package/lib-esm/constants.js +1 -3
- package/lib-esm/experiments.d.ts +1 -0
- package/lib-esm/experiments.js +2 -0
- package/lib-esm/index.d.ts +0 -2
- package/lib-esm/index.js +0 -1
- package/lib-esm/sx.d.ts +10 -2
- package/lib-esm/sx.js +3 -1
- package/lib-esm/theme.d.ts +78 -0
- package/lib-esm/theme.js +2 -1
- package/lib-esm/utils/create-slots.d.ts +17 -0
- package/lib-esm/utils/create-slots.js +84 -0
- package/lib-esm/utils/testing.d.ts +1 -1
- package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
- package/lib-esm/utils/types/KeyPaths.js +1 -0
- package/lib-esm/utils/use-force-update.d.ts +1 -0
- package/lib-esm/utils/use-force-update.js +6 -0
- package/package.json +4 -1
- package/lib/NewButton/button.d.ts +0 -581
- package/lib/NewButton/button.js +0 -297
- package/lib/NewButton/counter.d.ts +0 -6
- package/lib/NewButton/counter.js +0 -33
- package/lib/NewButton/index.d.ts +0 -4
- package/lib/NewButton/index.js +0 -21
- package/lib-esm/NewButton/button.d.ts +0 -581
- package/lib-esm/NewButton/button.js +0 -273
- package/lib-esm/NewButton/counter.d.ts +0 -6
- package/lib-esm/NewButton/counter.js +0 -21
- package/lib-esm/NewButton/index.d.ts +0 -4
- package/lib-esm/NewButton/index.js +0 -3
package/lib/Dropdown.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ButtonProps } from './
|
2
|
+
import { ButtonProps } from './Button';
|
3
3
|
import { SystemCommonProps } from './constants';
|
4
4
|
import { DetailsProps } from './Details';
|
5
5
|
import { SxProp } from './sx';
|
@@ -31,6 +31,13 @@ declare const _default: {
|
|
31
31
|
translate?: "yes" | "no" | undefined;
|
32
32
|
margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
33
33
|
padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
34
|
+
hidden?: boolean | undefined;
|
35
|
+
children?: React.ReactNode;
|
36
|
+
ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
|
37
|
+
p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
38
|
+
slot?: string | undefined;
|
39
|
+
style?: React.CSSProperties | undefined;
|
40
|
+
title?: string | undefined;
|
34
41
|
bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
35
42
|
m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
36
43
|
mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -41,7 +48,6 @@ declare const _default: {
|
|
41
48
|
marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
42
49
|
my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
43
50
|
marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
44
|
-
p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
45
51
|
pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
46
52
|
pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
47
53
|
pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -50,10 +56,7 @@ declare const _default: {
|
|
50
56
|
paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
51
57
|
py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
52
58
|
paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
53
|
-
|
54
|
-
style?: React.CSSProperties | undefined;
|
55
|
-
title?: string | undefined;
|
56
|
-
ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
|
59
|
+
open?: boolean | undefined;
|
57
60
|
key?: React.Key | null | undefined;
|
58
61
|
defaultChecked?: boolean | undefined;
|
59
62
|
defaultValue?: string | number | readonly string[] | undefined;
|
@@ -61,15 +64,14 @@ declare const _default: {
|
|
61
64
|
suppressHydrationWarning?: boolean | undefined;
|
62
65
|
accessKey?: string | undefined;
|
63
66
|
className?: string | undefined;
|
64
|
-
contentEditable?:
|
67
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
65
68
|
contextMenu?: string | undefined;
|
66
69
|
dir?: string | undefined;
|
67
|
-
draggable?: (boolean | "
|
68
|
-
hidden?: boolean | undefined;
|
70
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
69
71
|
id?: string | undefined;
|
70
72
|
lang?: string | undefined;
|
71
73
|
placeholder?: string | undefined;
|
72
|
-
spellCheck?: (boolean | "
|
74
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
73
75
|
tabIndex?: number | undefined;
|
74
76
|
radioGroup?: string | undefined;
|
75
77
|
role?: React.AriaRole | undefined;
|
@@ -92,57 +94,56 @@ declare const _default: {
|
|
92
94
|
results?: number | undefined;
|
93
95
|
security?: string | undefined;
|
94
96
|
unselectable?: "on" | "off" | undefined;
|
95
|
-
inputMode?: "
|
97
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
96
98
|
is?: string | undefined;
|
97
99
|
'aria-activedescendant'?: string | undefined;
|
98
|
-
'aria-atomic'?: boolean | "
|
99
|
-
'aria-autocomplete'?: "
|
100
|
-
'aria-busy'?: boolean | "
|
101
|
-
'aria-checked'?: boolean | "
|
100
|
+
'aria-atomic'?: boolean | "false" | "true" | undefined;
|
101
|
+
'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
|
102
|
+
'aria-busy'?: boolean | "false" | "true" | undefined;
|
103
|
+
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
102
104
|
'aria-colcount'?: number | undefined;
|
103
105
|
'aria-colindex'?: number | undefined;
|
104
106
|
'aria-colspan'?: number | undefined;
|
105
107
|
'aria-controls'?: string | undefined;
|
106
|
-
'aria-current'?: boolean | "time" | "
|
108
|
+
'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
107
109
|
'aria-describedby'?: string | undefined;
|
108
110
|
'aria-details'?: string | undefined;
|
109
|
-
'aria-disabled'?: boolean | "
|
111
|
+
'aria-disabled'?: boolean | "false" | "true" | undefined;
|
110
112
|
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
111
113
|
'aria-errormessage'?: string | undefined;
|
112
|
-
'aria-expanded'?: boolean | "
|
114
|
+
'aria-expanded'?: boolean | "false" | "true" | undefined;
|
113
115
|
'aria-flowto'?: string | undefined;
|
114
|
-
'aria-grabbed'?: boolean | "
|
115
|
-
'aria-haspopup'?: boolean | "grid" | "dialog" | "
|
116
|
-
'aria-hidden'?: boolean | "
|
117
|
-
'aria-invalid'?: boolean | "
|
116
|
+
'aria-grabbed'?: boolean | "false" | "true" | undefined;
|
117
|
+
'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
|
118
|
+
'aria-hidden'?: boolean | "false" | "true" | undefined;
|
119
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
118
120
|
'aria-keyshortcuts'?: string | undefined;
|
119
121
|
'aria-label'?: string | undefined;
|
120
122
|
'aria-labelledby'?: string | undefined;
|
121
123
|
'aria-level'?: number | undefined;
|
122
124
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
123
|
-
'aria-modal'?: boolean | "
|
124
|
-
'aria-multiline'?: boolean | "
|
125
|
-
'aria-multiselectable'?: boolean | "
|
125
|
+
'aria-modal'?: boolean | "false" | "true" | undefined;
|
126
|
+
'aria-multiline'?: boolean | "false" | "true" | undefined;
|
127
|
+
'aria-multiselectable'?: boolean | "false" | "true" | undefined;
|
126
128
|
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
127
129
|
'aria-owns'?: string | undefined;
|
128
130
|
'aria-placeholder'?: string | undefined;
|
129
131
|
'aria-posinset'?: number | undefined;
|
130
|
-
'aria-pressed'?: boolean | "
|
131
|
-
'aria-readonly'?: boolean | "
|
132
|
+
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
133
|
+
'aria-readonly'?: boolean | "false" | "true" | undefined;
|
132
134
|
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
133
|
-
'aria-required'?: boolean | "
|
135
|
+
'aria-required'?: boolean | "false" | "true" | undefined;
|
134
136
|
'aria-roledescription'?: string | undefined;
|
135
137
|
'aria-rowcount'?: number | undefined;
|
136
138
|
'aria-rowindex'?: number | undefined;
|
137
139
|
'aria-rowspan'?: number | undefined;
|
138
|
-
'aria-selected'?: boolean | "
|
140
|
+
'aria-selected'?: boolean | "false" | "true" | undefined;
|
139
141
|
'aria-setsize'?: number | undefined;
|
140
142
|
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
141
143
|
'aria-valuemax'?: number | undefined;
|
142
144
|
'aria-valuemin'?: number | undefined;
|
143
145
|
'aria-valuenow'?: number | undefined;
|
144
146
|
'aria-valuetext'?: string | undefined;
|
145
|
-
children?: React.ReactNode;
|
146
147
|
dangerouslySetInnerHTML?: {
|
147
148
|
__html: string;
|
148
149
|
} | undefined;
|
@@ -306,8 +307,7 @@ declare const _default: {
|
|
306
307
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
|
307
308
|
onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
|
308
309
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
|
309
|
-
|
310
|
-
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
310
|
+
sx?: import("./sx").BetterSystemStyleObject | undefined;
|
311
311
|
onToggle?: React.ReactEventHandler<HTMLElement> | undefined;
|
312
312
|
} & {
|
313
313
|
theme?: any;
|
@@ -328,6 +328,13 @@ declare const _default: {
|
|
328
328
|
translate?: "yes" | "no" | undefined;
|
329
329
|
margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
330
330
|
padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
331
|
+
hidden?: boolean | undefined;
|
332
|
+
children?: React.ReactNode;
|
333
|
+
ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
|
334
|
+
p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
335
|
+
slot?: string | undefined;
|
336
|
+
style?: React.CSSProperties | undefined;
|
337
|
+
title?: string | undefined;
|
331
338
|
bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
332
339
|
m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
333
340
|
mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -338,7 +345,6 @@ declare const _default: {
|
|
338
345
|
marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
339
346
|
my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
340
347
|
marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
341
|
-
p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
342
348
|
pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
343
349
|
pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
344
350
|
pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -347,10 +353,7 @@ declare const _default: {
|
|
347
353
|
paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
348
354
|
py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
349
355
|
paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
350
|
-
|
351
|
-
style?: React.CSSProperties | undefined;
|
352
|
-
title?: string | undefined;
|
353
|
-
ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
|
356
|
+
open?: boolean | undefined;
|
354
357
|
key?: React.Key | null | undefined;
|
355
358
|
defaultChecked?: boolean | undefined;
|
356
359
|
defaultValue?: string | number | readonly string[] | undefined;
|
@@ -358,15 +361,14 @@ declare const _default: {
|
|
358
361
|
suppressHydrationWarning?: boolean | undefined;
|
359
362
|
accessKey?: string | undefined;
|
360
363
|
className?: string | undefined;
|
361
|
-
contentEditable?:
|
364
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
362
365
|
contextMenu?: string | undefined;
|
363
366
|
dir?: string | undefined;
|
364
|
-
draggable?: (boolean | "
|
365
|
-
hidden?: boolean | undefined;
|
367
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
366
368
|
id?: string | undefined;
|
367
369
|
lang?: string | undefined;
|
368
370
|
placeholder?: string | undefined;
|
369
|
-
spellCheck?: (boolean | "
|
371
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
370
372
|
tabIndex?: number | undefined;
|
371
373
|
radioGroup?: string | undefined;
|
372
374
|
role?: React.AriaRole | undefined;
|
@@ -389,57 +391,56 @@ declare const _default: {
|
|
389
391
|
results?: number | undefined;
|
390
392
|
security?: string | undefined;
|
391
393
|
unselectable?: "on" | "off" | undefined;
|
392
|
-
inputMode?: "
|
394
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
393
395
|
is?: string | undefined;
|
394
396
|
'aria-activedescendant'?: string | undefined;
|
395
|
-
'aria-atomic'?: boolean | "
|
396
|
-
'aria-autocomplete'?: "
|
397
|
-
'aria-busy'?: boolean | "
|
398
|
-
'aria-checked'?: boolean | "
|
397
|
+
'aria-atomic'?: boolean | "false" | "true" | undefined;
|
398
|
+
'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
|
399
|
+
'aria-busy'?: boolean | "false" | "true" | undefined;
|
400
|
+
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
399
401
|
'aria-colcount'?: number | undefined;
|
400
402
|
'aria-colindex'?: number | undefined;
|
401
403
|
'aria-colspan'?: number | undefined;
|
402
404
|
'aria-controls'?: string | undefined;
|
403
|
-
'aria-current'?: boolean | "time" | "
|
405
|
+
'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
404
406
|
'aria-describedby'?: string | undefined;
|
405
407
|
'aria-details'?: string | undefined;
|
406
|
-
'aria-disabled'?: boolean | "
|
408
|
+
'aria-disabled'?: boolean | "false" | "true" | undefined;
|
407
409
|
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
408
410
|
'aria-errormessage'?: string | undefined;
|
409
|
-
'aria-expanded'?: boolean | "
|
411
|
+
'aria-expanded'?: boolean | "false" | "true" | undefined;
|
410
412
|
'aria-flowto'?: string | undefined;
|
411
|
-
'aria-grabbed'?: boolean | "
|
412
|
-
'aria-haspopup'?: boolean | "grid" | "dialog" | "
|
413
|
-
'aria-hidden'?: boolean | "
|
414
|
-
'aria-invalid'?: boolean | "
|
413
|
+
'aria-grabbed'?: boolean | "false" | "true" | undefined;
|
414
|
+
'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
|
415
|
+
'aria-hidden'?: boolean | "false" | "true" | undefined;
|
416
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
415
417
|
'aria-keyshortcuts'?: string | undefined;
|
416
418
|
'aria-label'?: string | undefined;
|
417
419
|
'aria-labelledby'?: string | undefined;
|
418
420
|
'aria-level'?: number | undefined;
|
419
421
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
420
|
-
'aria-modal'?: boolean | "
|
421
|
-
'aria-multiline'?: boolean | "
|
422
|
-
'aria-multiselectable'?: boolean | "
|
422
|
+
'aria-modal'?: boolean | "false" | "true" | undefined;
|
423
|
+
'aria-multiline'?: boolean | "false" | "true" | undefined;
|
424
|
+
'aria-multiselectable'?: boolean | "false" | "true" | undefined;
|
423
425
|
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
424
426
|
'aria-owns'?: string | undefined;
|
425
427
|
'aria-placeholder'?: string | undefined;
|
426
428
|
'aria-posinset'?: number | undefined;
|
427
|
-
'aria-pressed'?: boolean | "
|
428
|
-
'aria-readonly'?: boolean | "
|
429
|
+
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
430
|
+
'aria-readonly'?: boolean | "false" | "true" | undefined;
|
429
431
|
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
430
|
-
'aria-required'?: boolean | "
|
432
|
+
'aria-required'?: boolean | "false" | "true" | undefined;
|
431
433
|
'aria-roledescription'?: string | undefined;
|
432
434
|
'aria-rowcount'?: number | undefined;
|
433
435
|
'aria-rowindex'?: number | undefined;
|
434
436
|
'aria-rowspan'?: number | undefined;
|
435
|
-
'aria-selected'?: boolean | "
|
437
|
+
'aria-selected'?: boolean | "false" | "true" | undefined;
|
436
438
|
'aria-setsize'?: number | undefined;
|
437
439
|
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
438
440
|
'aria-valuemax'?: number | undefined;
|
439
441
|
'aria-valuemin'?: number | undefined;
|
440
442
|
'aria-valuenow'?: number | undefined;
|
441
443
|
'aria-valuetext'?: string | undefined;
|
442
|
-
children?: React.ReactNode;
|
443
444
|
dangerouslySetInnerHTML?: {
|
444
445
|
__html: string;
|
445
446
|
} | undefined;
|
@@ -603,8 +604,7 @@ declare const _default: {
|
|
603
604
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
|
604
605
|
onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
|
605
606
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
|
606
|
-
|
607
|
-
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
607
|
+
sx?: import("./sx").BetterSystemStyleObject | undefined;
|
608
608
|
onToggle?: React.ReactEventHandler<HTMLElement> | undefined;
|
609
609
|
} & {
|
610
610
|
theme?: any;
|
@@ -616,15 +616,61 @@ declare const _default: {
|
|
616
616
|
} & SystemCommonProps & SxProp, never>;
|
617
617
|
Item: import("styled-components").StyledComponent<"li", any, SxProp, never>;
|
618
618
|
Button: {
|
619
|
-
({ children, ...rest }:
|
620
|
-
|
619
|
+
({ children, ...rest }: {
|
620
|
+
backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
621
|
+
color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
|
622
|
+
display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
621
623
|
fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
624
|
+
height?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
625
|
+
marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
626
|
+
marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
627
|
+
marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
628
|
+
marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
629
|
+
maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
630
|
+
maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
631
|
+
minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
632
|
+
minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
633
|
+
opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
634
|
+
overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
635
|
+
overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
636
|
+
paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
637
|
+
paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
638
|
+
paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
639
|
+
paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
622
640
|
translate?: "yes" | "no" | undefined;
|
641
|
+
verticalAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
642
|
+
width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
643
|
+
margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
644
|
+
overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
645
|
+
padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
646
|
+
hidden?: boolean | undefined;
|
647
|
+
children?: React.ReactNode;
|
648
|
+
value?: string | number | readonly string[] | undefined;
|
649
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
|
623
650
|
form?: string | undefined;
|
651
|
+
p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
624
652
|
slot?: string | undefined;
|
625
653
|
style?: React.CSSProperties | undefined;
|
626
654
|
title?: string | undefined;
|
627
|
-
|
655
|
+
bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
656
|
+
m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
657
|
+
mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
658
|
+
mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
659
|
+
mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
660
|
+
ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
661
|
+
mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
662
|
+
marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
663
|
+
my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
664
|
+
marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
665
|
+
pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
666
|
+
pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
667
|
+
pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
668
|
+
pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
669
|
+
px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
670
|
+
paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
671
|
+
py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
672
|
+
paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
673
|
+
size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
628
674
|
type?: "button" | "reset" | "submit" | undefined;
|
629
675
|
name?: string | undefined;
|
630
676
|
key?: React.Key | null | undefined;
|
@@ -634,15 +680,14 @@ declare const _default: {
|
|
634
680
|
suppressHydrationWarning?: boolean | undefined;
|
635
681
|
accessKey?: string | undefined;
|
636
682
|
className?: string | undefined;
|
637
|
-
contentEditable?:
|
683
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
638
684
|
contextMenu?: string | undefined;
|
639
685
|
dir?: string | undefined;
|
640
|
-
draggable?: (boolean | "
|
641
|
-
hidden?: boolean | undefined;
|
686
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
642
687
|
id?: string | undefined;
|
643
688
|
lang?: string | undefined;
|
644
689
|
placeholder?: string | undefined;
|
645
|
-
spellCheck?: (boolean | "
|
690
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
646
691
|
tabIndex?: number | undefined;
|
647
692
|
radioGroup?: string | undefined;
|
648
693
|
role?: React.AriaRole | undefined;
|
@@ -665,57 +710,56 @@ declare const _default: {
|
|
665
710
|
results?: number | undefined;
|
666
711
|
security?: string | undefined;
|
667
712
|
unselectable?: "on" | "off" | undefined;
|
668
|
-
inputMode?: "
|
713
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
669
714
|
is?: string | undefined;
|
670
715
|
'aria-activedescendant'?: string | undefined;
|
671
|
-
'aria-atomic'?: boolean | "
|
672
|
-
'aria-autocomplete'?: "
|
673
|
-
'aria-busy'?: boolean | "
|
674
|
-
'aria-checked'?: boolean | "
|
716
|
+
'aria-atomic'?: boolean | "false" | "true" | undefined;
|
717
|
+
'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
|
718
|
+
'aria-busy'?: boolean | "false" | "true" | undefined;
|
719
|
+
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
675
720
|
'aria-colcount'?: number | undefined;
|
676
721
|
'aria-colindex'?: number | undefined;
|
677
722
|
'aria-colspan'?: number | undefined;
|
678
723
|
'aria-controls'?: string | undefined;
|
679
|
-
'aria-current'?: boolean | "time" | "
|
724
|
+
'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
680
725
|
'aria-describedby'?: string | undefined;
|
681
726
|
'aria-details'?: string | undefined;
|
682
|
-
'aria-disabled'?: boolean | "
|
727
|
+
'aria-disabled'?: boolean | "false" | "true" | undefined;
|
683
728
|
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
684
729
|
'aria-errormessage'?: string | undefined;
|
685
|
-
'aria-expanded'?: boolean | "
|
730
|
+
'aria-expanded'?: boolean | "false" | "true" | undefined;
|
686
731
|
'aria-flowto'?: string | undefined;
|
687
|
-
'aria-grabbed'?: boolean | "
|
688
|
-
'aria-haspopup'?: boolean | "grid" | "dialog" | "
|
689
|
-
'aria-hidden'?: boolean | "
|
690
|
-
'aria-invalid'?: boolean | "
|
732
|
+
'aria-grabbed'?: boolean | "false" | "true" | undefined;
|
733
|
+
'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
|
734
|
+
'aria-hidden'?: boolean | "false" | "true" | undefined;
|
735
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
691
736
|
'aria-keyshortcuts'?: string | undefined;
|
692
737
|
'aria-label'?: string | undefined;
|
693
738
|
'aria-labelledby'?: string | undefined;
|
694
739
|
'aria-level'?: number | undefined;
|
695
740
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
696
|
-
'aria-modal'?: boolean | "
|
697
|
-
'aria-multiline'?: boolean | "
|
698
|
-
'aria-multiselectable'?: boolean | "
|
741
|
+
'aria-modal'?: boolean | "false" | "true" | undefined;
|
742
|
+
'aria-multiline'?: boolean | "false" | "true" | undefined;
|
743
|
+
'aria-multiselectable'?: boolean | "false" | "true" | undefined;
|
699
744
|
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
700
745
|
'aria-owns'?: string | undefined;
|
701
746
|
'aria-placeholder'?: string | undefined;
|
702
747
|
'aria-posinset'?: number | undefined;
|
703
|
-
'aria-pressed'?: boolean | "
|
704
|
-
'aria-readonly'?: boolean | "
|
748
|
+
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
749
|
+
'aria-readonly'?: boolean | "false" | "true" | undefined;
|
705
750
|
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
706
|
-
'aria-required'?: boolean | "
|
751
|
+
'aria-required'?: boolean | "false" | "true" | undefined;
|
707
752
|
'aria-roledescription'?: string | undefined;
|
708
753
|
'aria-rowcount'?: number | undefined;
|
709
754
|
'aria-rowindex'?: number | undefined;
|
710
755
|
'aria-rowspan'?: number | undefined;
|
711
|
-
'aria-selected'?: boolean | "
|
756
|
+
'aria-selected'?: boolean | "false" | "true" | undefined;
|
712
757
|
'aria-setsize'?: number | undefined;
|
713
758
|
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
714
759
|
'aria-valuemax'?: number | undefined;
|
715
760
|
'aria-valuemin'?: number | undefined;
|
716
761
|
'aria-valuenow'?: number | undefined;
|
717
762
|
'aria-valuetext'?: string | undefined;
|
718
|
-
children?: React.ReactNode;
|
719
763
|
dangerouslySetInnerHTML?: {
|
720
764
|
__html: string;
|
721
765
|
} | undefined;
|
@@ -879,33 +923,74 @@ declare const _default: {
|
|
879
923
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
880
924
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
881
925
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
882
|
-
|
883
|
-
|
884
|
-
|
885
|
-
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
886
|
-
value?: string | number | readonly string[] | undefined;
|
887
|
-
autoFocus?: boolean | undefined;
|
926
|
+
sx?: import("./sx").BetterSystemStyleObject | undefined;
|
927
|
+
variant?: "small" | "medium" | "large" | undefined;
|
928
|
+
as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
|
888
929
|
disabled?: boolean | undefined;
|
930
|
+
autoFocus?: boolean | undefined;
|
889
931
|
formAction?: string | undefined;
|
890
932
|
formEncType?: string | undefined;
|
891
933
|
formMethod?: string | undefined;
|
892
934
|
formNoValidate?: boolean | undefined;
|
893
935
|
formTarget?: string | undefined;
|
894
|
-
iconOnly: boolean;
|
895
|
-
variant: "default" | "primary" | "invisible" | "danger";
|
896
|
-
as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
|
897
936
|
} & {
|
898
937
|
theme?: any;
|
899
|
-
}
|
900
|
-
defaultProps: Partial<
|
901
|
-
|
938
|
+
}): JSX.Element;
|
939
|
+
defaultProps: Partial<{
|
940
|
+
backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
941
|
+
color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
|
942
|
+
display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
902
943
|
fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
944
|
+
height?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
945
|
+
marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
946
|
+
marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
947
|
+
marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
948
|
+
marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
949
|
+
maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
950
|
+
maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
951
|
+
minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
952
|
+
minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
953
|
+
opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
954
|
+
overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
955
|
+
overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
956
|
+
paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
957
|
+
paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
958
|
+
paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
959
|
+
paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
903
960
|
translate?: "yes" | "no" | undefined;
|
961
|
+
verticalAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
962
|
+
width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
963
|
+
margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
964
|
+
overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
965
|
+
padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
966
|
+
hidden?: boolean | undefined;
|
967
|
+
children?: React.ReactNode;
|
968
|
+
value?: string | number | readonly string[] | undefined;
|
969
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
|
904
970
|
form?: string | undefined;
|
971
|
+
p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
905
972
|
slot?: string | undefined;
|
906
973
|
style?: React.CSSProperties | undefined;
|
907
974
|
title?: string | undefined;
|
908
|
-
|
975
|
+
bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
976
|
+
m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
977
|
+
mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
978
|
+
mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
979
|
+
mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
980
|
+
ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
981
|
+
mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
982
|
+
marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
983
|
+
my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
984
|
+
marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
985
|
+
pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
986
|
+
pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
987
|
+
pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
988
|
+
pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
989
|
+
px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
990
|
+
paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
991
|
+
py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
992
|
+
paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
993
|
+
size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
909
994
|
type?: "button" | "reset" | "submit" | undefined;
|
910
995
|
name?: string | undefined;
|
911
996
|
key?: React.Key | null | undefined;
|
@@ -915,15 +1000,14 @@ declare const _default: {
|
|
915
1000
|
suppressHydrationWarning?: boolean | undefined;
|
916
1001
|
accessKey?: string | undefined;
|
917
1002
|
className?: string | undefined;
|
918
|
-
contentEditable?:
|
1003
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
919
1004
|
contextMenu?: string | undefined;
|
920
1005
|
dir?: string | undefined;
|
921
|
-
draggable?: (boolean | "
|
922
|
-
hidden?: boolean | undefined;
|
1006
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
923
1007
|
id?: string | undefined;
|
924
1008
|
lang?: string | undefined;
|
925
1009
|
placeholder?: string | undefined;
|
926
|
-
spellCheck?: (boolean | "
|
1010
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
927
1011
|
tabIndex?: number | undefined;
|
928
1012
|
radioGroup?: string | undefined;
|
929
1013
|
role?: React.AriaRole | undefined;
|
@@ -946,57 +1030,56 @@ declare const _default: {
|
|
946
1030
|
results?: number | undefined;
|
947
1031
|
security?: string | undefined;
|
948
1032
|
unselectable?: "on" | "off" | undefined;
|
949
|
-
inputMode?: "
|
1033
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
950
1034
|
is?: string | undefined;
|
951
1035
|
'aria-activedescendant'?: string | undefined;
|
952
|
-
'aria-atomic'?: boolean | "
|
953
|
-
'aria-autocomplete'?: "
|
954
|
-
'aria-busy'?: boolean | "
|
955
|
-
'aria-checked'?: boolean | "
|
1036
|
+
'aria-atomic'?: boolean | "false" | "true" | undefined;
|
1037
|
+
'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
|
1038
|
+
'aria-busy'?: boolean | "false" | "true" | undefined;
|
1039
|
+
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
956
1040
|
'aria-colcount'?: number | undefined;
|
957
1041
|
'aria-colindex'?: number | undefined;
|
958
1042
|
'aria-colspan'?: number | undefined;
|
959
1043
|
'aria-controls'?: string | undefined;
|
960
|
-
'aria-current'?: boolean | "time" | "
|
1044
|
+
'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
961
1045
|
'aria-describedby'?: string | undefined;
|
962
1046
|
'aria-details'?: string | undefined;
|
963
|
-
'aria-disabled'?: boolean | "
|
1047
|
+
'aria-disabled'?: boolean | "false" | "true" | undefined;
|
964
1048
|
'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
965
1049
|
'aria-errormessage'?: string | undefined;
|
966
|
-
'aria-expanded'?: boolean | "
|
1050
|
+
'aria-expanded'?: boolean | "false" | "true" | undefined;
|
967
1051
|
'aria-flowto'?: string | undefined;
|
968
|
-
'aria-grabbed'?: boolean | "
|
969
|
-
'aria-haspopup'?: boolean | "grid" | "dialog" | "
|
970
|
-
'aria-hidden'?: boolean | "
|
971
|
-
'aria-invalid'?: boolean | "
|
1052
|
+
'aria-grabbed'?: boolean | "false" | "true" | undefined;
|
1053
|
+
'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
|
1054
|
+
'aria-hidden'?: boolean | "false" | "true" | undefined;
|
1055
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
972
1056
|
'aria-keyshortcuts'?: string | undefined;
|
973
1057
|
'aria-label'?: string | undefined;
|
974
1058
|
'aria-labelledby'?: string | undefined;
|
975
1059
|
'aria-level'?: number | undefined;
|
976
1060
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
977
|
-
'aria-modal'?: boolean | "
|
978
|
-
'aria-multiline'?: boolean | "
|
979
|
-
'aria-multiselectable'?: boolean | "
|
1061
|
+
'aria-modal'?: boolean | "false" | "true" | undefined;
|
1062
|
+
'aria-multiline'?: boolean | "false" | "true" | undefined;
|
1063
|
+
'aria-multiselectable'?: boolean | "false" | "true" | undefined;
|
980
1064
|
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
981
1065
|
'aria-owns'?: string | undefined;
|
982
1066
|
'aria-placeholder'?: string | undefined;
|
983
1067
|
'aria-posinset'?: number | undefined;
|
984
|
-
'aria-pressed'?: boolean | "
|
985
|
-
'aria-readonly'?: boolean | "
|
1068
|
+
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
1069
|
+
'aria-readonly'?: boolean | "false" | "true" | undefined;
|
986
1070
|
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
987
|
-
'aria-required'?: boolean | "
|
1071
|
+
'aria-required'?: boolean | "false" | "true" | undefined;
|
988
1072
|
'aria-roledescription'?: string | undefined;
|
989
1073
|
'aria-rowcount'?: number | undefined;
|
990
1074
|
'aria-rowindex'?: number | undefined;
|
991
1075
|
'aria-rowspan'?: number | undefined;
|
992
|
-
'aria-selected'?: boolean | "
|
1076
|
+
'aria-selected'?: boolean | "false" | "true" | undefined;
|
993
1077
|
'aria-setsize'?: number | undefined;
|
994
1078
|
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
995
1079
|
'aria-valuemax'?: number | undefined;
|
996
1080
|
'aria-valuemin'?: number | undefined;
|
997
1081
|
'aria-valuenow'?: number | undefined;
|
998
1082
|
'aria-valuetext'?: string | undefined;
|
999
|
-
children?: React.ReactNode;
|
1000
1083
|
dangerouslySetInnerHTML?: {
|
1001
1084
|
__html: string;
|
1002
1085
|
} | undefined;
|
@@ -1160,24 +1243,19 @@ declare const _default: {
|
|
1160
1243
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
1161
1244
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
1162
1245
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
1163
|
-
|
1164
|
-
|
1165
|
-
|
1166
|
-
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
1167
|
-
value?: string | number | readonly string[] | undefined;
|
1168
|
-
autoFocus?: boolean | undefined;
|
1246
|
+
sx?: import("./sx").BetterSystemStyleObject | undefined;
|
1247
|
+
variant?: "small" | "medium" | "large" | undefined;
|
1248
|
+
as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
|
1169
1249
|
disabled?: boolean | undefined;
|
1250
|
+
autoFocus?: boolean | undefined;
|
1170
1251
|
formAction?: string | undefined;
|
1171
1252
|
formEncType?: string | undefined;
|
1172
1253
|
formMethod?: string | undefined;
|
1173
1254
|
formNoValidate?: boolean | undefined;
|
1174
1255
|
formTarget?: string | undefined;
|
1175
|
-
iconOnly: boolean;
|
1176
|
-
variant: "default" | "primary" | "invisible" | "danger";
|
1177
|
-
as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
|
1178
1256
|
} & {
|
1179
1257
|
theme?: any;
|
1180
|
-
}
|
1258
|
+
}> | undefined;
|
1181
1259
|
displayName: string;
|
1182
1260
|
};
|
1183
1261
|
};
|