@primer/components 0.0.0-202110322927 → 0.0.0-2021103235619
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 +1 -29
- package/dist/browser.esm.js +50 -53
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +80 -83
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Header.js +1 -1
- package/lib/ActionList/Item.d.ts +0 -6
- package/lib/ActionList/Item.js +1 -5
- package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
- package/lib/Autocomplete/Autocomplete.d.ts +8 -6
- package/lib/Autocomplete/AutocompleteInput.d.ts +8 -6
- package/lib/Button/Button.d.ts +5 -5
- package/lib/Button/ButtonBase.d.ts +1 -1
- package/lib/Button/ButtonClose.d.ts +3 -3
- package/lib/Button/ButtonDanger.d.ts +5 -5
- package/lib/Button/ButtonInvisible.d.ts +5 -5
- package/lib/Button/ButtonOutline.d.ts +5 -5
- package/lib/Button/ButtonPrimary.d.ts +5 -5
- package/lib/CircleBadge.d.ts +2 -2
- package/lib/CircleOcticon.d.ts +4 -4
- package/lib/DatePicker/DatePicker.d.ts +52 -0
- package/lib/DatePicker/DatePicker.js +109 -0
- package/lib/DatePicker/DatePickerAnchor.d.ts +5 -0
- package/lib/DatePicker/DatePickerAnchor.js +202 -0
- package/lib/DatePicker/DatePickerOverlay.d.ts +3 -0
- package/lib/DatePicker/DatePickerOverlay.js +55 -0
- package/lib/DatePicker/DatePickerPanel.d.ts +2 -0
- package/lib/DatePicker/DatePickerPanel.js +363 -0
- package/lib/DatePicker/Day.d.ts +15 -0
- package/lib/DatePicker/Day.js +206 -0
- package/lib/DatePicker/Month.d.ts +8 -0
- package/lib/DatePicker/Month.js +122 -0
- package/lib/DatePicker/dateParser.d.ts +12 -0
- package/lib/DatePicker/dateParser.js +192 -0
- package/lib/DatePicker/index.d.ts +2 -0
- package/lib/DatePicker/index.js +13 -0
- package/lib/DatePicker/useDatePicker.d.ts +107 -0
- package/lib/DatePicker/useDatePicker.js +558 -0
- package/lib/Dialog.d.ts +4 -4
- package/lib/Dropdown.d.ts +16 -16
- package/lib/DropdownMenu/DropdownButton.d.ts +6 -6
- package/lib/FilterList.d.ts +3 -3
- package/lib/Flash.d.ts +1 -1
- package/lib/Label.d.ts +1 -1
- package/lib/Position.d.ts +4 -4
- package/lib/ProgressBar.d.ts +1 -1
- package/lib/SelectMenu/SelectMenu.d.ts +28 -26
- package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib/SideNav.d.ts +8 -10
- package/lib/SideNav.js +15 -6
- package/lib/TextInputWithTokens.d.ts +8 -10
- package/lib/TextInputWithTokens.js +29 -102
- package/lib/Timeline.d.ts +4 -4
- 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 +2 -13
- package/lib/Token/TokenBase.js +4 -0
- package/lib/Token/_RemoveTokenButton.js +2 -15
- package/lib/_TextInputWrapper.d.ts +1 -1
- package/lib/_TextInputWrapper.js +1 -1
- package/lib/hooks/useDebounce.d.ts +2 -0
- package/lib/hooks/useDebounce.js +24 -0
- package/lib/hooks/useResizeObserver.d.ts +1 -1
- package/lib/hooks/useResizeObserver.js +1 -1
- package/lib/sx.d.ts +2 -8
- package/lib/theme-preval.js +2 -2
- package/lib/theme.d.ts +0 -78
- package/lib/theme.js +1 -3
- package/lib/utils/testing.d.ts +1 -1
- package/lib-esm/ActionList/Header.js +1 -1
- package/lib-esm/ActionList/Item.d.ts +0 -6
- package/lib-esm/ActionList/Item.js +1 -5
- package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
- package/lib-esm/Autocomplete/Autocomplete.d.ts +8 -6
- package/lib-esm/Autocomplete/AutocompleteInput.d.ts +8 -6
- package/lib-esm/Button/Button.d.ts +5 -5
- package/lib-esm/Button/ButtonBase.d.ts +1 -1
- package/lib-esm/Button/ButtonClose.d.ts +3 -3
- package/lib-esm/Button/ButtonDanger.d.ts +5 -5
- package/lib-esm/Button/ButtonInvisible.d.ts +5 -5
- package/lib-esm/Button/ButtonOutline.d.ts +5 -5
- package/lib-esm/Button/ButtonPrimary.d.ts +5 -5
- package/lib-esm/CircleBadge.d.ts +2 -2
- package/lib-esm/CircleOcticon.d.ts +4 -4
- package/lib-esm/DatePicker/DatePicker.d.ts +52 -0
- package/lib-esm/DatePicker/DatePicker.js +92 -0
- package/lib-esm/DatePicker/DatePickerAnchor.d.ts +5 -0
- package/lib-esm/DatePicker/DatePickerAnchor.js +174 -0
- package/lib-esm/DatePicker/DatePickerOverlay.d.ts +3 -0
- package/lib-esm/DatePicker/DatePickerOverlay.js +40 -0
- package/lib-esm/DatePicker/DatePickerPanel.d.ts +2 -0
- package/lib-esm/DatePicker/DatePickerPanel.js +332 -0
- package/lib-esm/DatePicker/Day.d.ts +15 -0
- package/lib-esm/DatePicker/Day.js +182 -0
- package/lib-esm/DatePicker/Month.d.ts +8 -0
- package/lib-esm/DatePicker/Month.js +98 -0
- package/lib-esm/DatePicker/dateParser.d.ts +12 -0
- package/lib-esm/DatePicker/dateParser.js +178 -0
- package/lib-esm/DatePicker/index.d.ts +2 -0
- package/lib-esm/DatePicker/index.js +1 -0
- package/lib-esm/DatePicker/useDatePicker.d.ts +107 -0
- package/lib-esm/DatePicker/useDatePicker.js +523 -0
- package/lib-esm/Dialog.d.ts +4 -4
- package/lib-esm/Dropdown.d.ts +16 -16
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +6 -6
- package/lib-esm/FilterList.d.ts +3 -3
- 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/ProgressBar.d.ts +1 -1
- package/lib-esm/SelectMenu/SelectMenu.d.ts +28 -26
- package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib-esm/SideNav.d.ts +8 -10
- package/lib-esm/SideNav.js +16 -6
- package/lib-esm/TextInputWithTokens.d.ts +8 -10
- package/lib-esm/TextInputWithTokens.js +30 -101
- package/lib-esm/Timeline.d.ts +4 -4
- 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 +2 -13
- package/lib-esm/Token/TokenBase.js +4 -0
- package/lib-esm/Token/_RemoveTokenButton.js +2 -11
- package/lib-esm/_TextInputWrapper.d.ts +1 -1
- package/lib-esm/_TextInputWrapper.js +1 -1
- package/lib-esm/hooks/useDebounce.d.ts +2 -0
- package/lib-esm/hooks/useDebounce.js +16 -0
- package/lib-esm/hooks/useResizeObserver.d.ts +1 -1
- package/lib-esm/hooks/useResizeObserver.js +1 -1
- package/lib-esm/sx.d.ts +2 -8
- package/lib-esm/theme-preval.js +2 -2
- package/lib-esm/theme.d.ts +0 -78
- package/lib-esm/theme.js +1 -2
- package/lib-esm/utils/testing.d.ts +1 -1
- package/package.json +9 -10
- package/lib/utils/types/KeyPaths.d.ts +0 -3
- package/lib/utils/types/KeyPaths.js +0 -1
- package/lib-esm/utils/types/KeyPaths.d.ts +0 -3
- package/lib-esm/utils/types/KeyPaths.js +0 -1
package/lib/theme-preval.js
CHANGED
@@ -515,7 +515,7 @@ module.exports = {
|
|
515
515
|
}
|
516
516
|
}
|
517
517
|
},
|
518
|
-
"
|
518
|
+
"light_colorblind": {
|
519
519
|
"colors": {
|
520
520
|
"canvasDefaultTransparent": "rgba(255,255,255,0)",
|
521
521
|
"marketingIcon": {
|
@@ -2456,7 +2456,7 @@ module.exports = {
|
|
2456
2456
|
}
|
2457
2457
|
}
|
2458
2458
|
},
|
2459
|
-
"
|
2459
|
+
"dark_colorblind": {
|
2460
2460
|
"colors": {
|
2461
2461
|
"canvasDefaultTransparent": "rgba(13,17,23,0)",
|
2462
2462
|
"marketingIcon": {
|
package/lib/theme.d.ts
CHANGED
@@ -1,80 +1,2 @@
|
|
1
1
|
import { theme } from './theme-preval';
|
2
|
-
import { KeyPaths } from './utils/types/KeyPaths';
|
3
2
|
export default theme;
|
4
|
-
declare type ThemeColors = {
|
5
|
-
fg: {
|
6
|
-
default: string;
|
7
|
-
muted: string;
|
8
|
-
subtle: string;
|
9
|
-
onEmphasis: string;
|
10
|
-
};
|
11
|
-
canvas: {
|
12
|
-
default: string;
|
13
|
-
overlay: string;
|
14
|
-
inset: string;
|
15
|
-
subtle: string;
|
16
|
-
};
|
17
|
-
border: {
|
18
|
-
default: string;
|
19
|
-
muted: string;
|
20
|
-
subtle: string;
|
21
|
-
};
|
22
|
-
neutral: {
|
23
|
-
emphasisPlus: string;
|
24
|
-
emphasis: string;
|
25
|
-
muted: string;
|
26
|
-
subtle: string;
|
27
|
-
};
|
28
|
-
accent: {
|
29
|
-
fg: string;
|
30
|
-
emphasis: string;
|
31
|
-
muted: string;
|
32
|
-
subtle: string;
|
33
|
-
};
|
34
|
-
success: {
|
35
|
-
fg: string;
|
36
|
-
emphasis: string;
|
37
|
-
muted: string;
|
38
|
-
subtle: string;
|
39
|
-
};
|
40
|
-
attention: {
|
41
|
-
fg: string;
|
42
|
-
emphasis: string;
|
43
|
-
muted: string;
|
44
|
-
subtle: string;
|
45
|
-
};
|
46
|
-
severe: {
|
47
|
-
fg: string;
|
48
|
-
emphasis: string;
|
49
|
-
muted: string;
|
50
|
-
subtle: string;
|
51
|
-
};
|
52
|
-
danger: {
|
53
|
-
fg: string;
|
54
|
-
emphasis: string;
|
55
|
-
muted: string;
|
56
|
-
subtle: string;
|
57
|
-
};
|
58
|
-
done: {
|
59
|
-
fg: string;
|
60
|
-
emphasis: string;
|
61
|
-
muted: string;
|
62
|
-
subtle: string;
|
63
|
-
};
|
64
|
-
sponsors: {
|
65
|
-
fg: string;
|
66
|
-
emphasis: string;
|
67
|
-
muted: string;
|
68
|
-
subtle: string;
|
69
|
-
};
|
70
|
-
};
|
71
|
-
declare type ThemeShadows = {
|
72
|
-
shadow: {
|
73
|
-
small: string;
|
74
|
-
medium: string;
|
75
|
-
large: string;
|
76
|
-
extraLarge: string;
|
77
|
-
};
|
78
|
-
};
|
79
|
-
export declare type ThemeColorPaths = KeyPaths<ThemeColors>;
|
80
|
-
export declare type ThemeShadowPaths = KeyPaths<ThemeShadows>;
|
package/lib/theme.js
CHANGED
@@ -7,7 +7,5 @@ exports.default = void 0;
|
|
7
7
|
|
8
8
|
var _themePreval = require("./theme-preval");
|
9
9
|
|
10
|
-
var _default = _themePreval.theme;
|
11
|
-
// were exports from primitives (or a different shape but derived from those exports).
|
12
|
-
|
10
|
+
var _default = _themePreval.theme;
|
13
11
|
exports.default = _default;
|
package/lib/utils/testing.d.ts
CHANGED
@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
|
|
53
53
|
xlarge: string;
|
54
54
|
};
|
55
55
|
space: string[];
|
56
|
-
colorSchemes: Record<"light" | "
|
56
|
+
colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
|
57
57
|
canvasDefaultTransparent: string;
|
58
58
|
marketingIcon: {
|
59
59
|
primary: string;
|
@@ -28,6 +28,6 @@ export function Header({
|
|
28
28
|
return /*#__PURE__*/React.createElement(StyledHeader, _extends({
|
29
29
|
role: "heading",
|
30
30
|
variant: variant
|
31
|
-
}, props), title, auxiliaryText && /*#__PURE__*/React.createElement("span", null, auxiliaryText));
|
31
|
+
}, props), title, auxiliaryText && /*#__PURE__*/React.createElement("span", null, "auxiliaryText"));
|
32
32
|
}
|
33
33
|
Header.displayName = "Header";
|
@@ -28,19 +28,13 @@ export interface ItemProps extends SxProp {
|
|
28
28
|
*/
|
29
29
|
leadingVisual?: React.FunctionComponent<IconProps>;
|
30
30
|
/**
|
31
|
-
* @deprecated Use `trailingVisual` instead
|
32
31
|
* Icon (or similar) positioned after `Item` text.
|
33
32
|
*/
|
34
33
|
trailingIcon?: React.FunctionComponent<IconProps>;
|
35
34
|
/**
|
36
|
-
* @deprecated Use `trailingVisual` instead
|
37
35
|
* Text positioned after `Item` text and optional trailing icon.
|
38
36
|
*/
|
39
37
|
trailingText?: string;
|
40
|
-
/**
|
41
|
-
* Icon or text positioned after `Item` text.
|
42
|
-
*/
|
43
|
-
trailingVisual?: React.ReactNode;
|
44
38
|
/**
|
45
39
|
* Style variations associated with various `Item` types.
|
46
40
|
*
|
@@ -154,7 +154,6 @@ export const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
|
|
154
154
|
selectionVariant,
|
155
155
|
leadingVisual: LeadingVisual,
|
156
156
|
trailingIcon: TrailingIcon,
|
157
|
-
trailingVisual: TrailingVisual,
|
158
157
|
trailingText,
|
159
158
|
variant = 'default',
|
160
159
|
showDivider,
|
@@ -246,10 +245,7 @@ export const Item = /*#__PURE__*/React.forwardRef((itemProps, ref) => {
|
|
246
245
|
title: description,
|
247
246
|
inline: true,
|
248
247
|
maxWidth: "100%"
|
249
|
-
}, description)) : null),
|
250
|
-
variant: variant,
|
251
|
-
disabled: disabled
|
252
|
-
}, typeof TrailingVisual === 'function' ? /*#__PURE__*/React.createElement(TrailingVisual, null) : TrailingVisual) : TrailingIcon || trailingText ? /*#__PURE__*/React.createElement(TrailingContent, {
|
248
|
+
}, description)) : null), TrailingIcon || trailingText ? /*#__PURE__*/React.createElement(TrailingContent, {
|
253
249
|
variant: variant,
|
254
250
|
disabled: disabled
|
255
251
|
}, trailingText, TrailingIcon && /*#__PURE__*/React.createElement(TrailingIcon, null)) : null));
|
@@ -26,6 +26,8 @@ interface AnchoredOverlayPropsWithoutAnchor {
|
|
26
26
|
*/
|
27
27
|
anchorRef: React.RefObject<HTMLElement>;
|
28
28
|
}
|
29
|
+
export declare type OverlayOpenGesture = 'anchor-click' | 'anchor-key-press';
|
30
|
+
export declare type OverlayCloseGesture = 'anchor-click' | 'click-outside' | 'escape';
|
29
31
|
export declare type AnchoredOverlayWrapperAnchorProps = Partial<AnchoredOverlayPropsWithAnchor> | AnchoredOverlayPropsWithoutAnchor;
|
30
32
|
interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'> {
|
31
33
|
/**
|
@@ -35,11 +37,11 @@ interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'
|
|
35
37
|
/**
|
36
38
|
* A callback which is called whenever the overlay is currently closed and an "open gesture" is detected.
|
37
39
|
*/
|
38
|
-
onOpen?: (gesture:
|
40
|
+
onOpen?: (gesture: OverlayOpenGesture) => unknown;
|
39
41
|
/**
|
40
42
|
* A callback which is called whenever the overlay is currently open and a "close gesture" is detected.
|
41
43
|
*/
|
42
|
-
onClose?: (gesture:
|
44
|
+
onClose?: (gesture: OverlayCloseGesture) => unknown;
|
43
45
|
/**
|
44
46
|
* Props to be spread on the internal `Overlay` component.
|
45
47
|
*/
|
@@ -12,12 +12,14 @@ export type { AutocompleteOverlayProps } from './AutocompleteOverlay';
|
|
12
12
|
declare const _default: React.FC<{
|
13
13
|
id?: string | undefined;
|
14
14
|
}> & {
|
15
|
-
Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
|
15
|
+
Input: import("@radix-ui/react-polymorphic").ForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
|
16
16
|
[x: string]: any;
|
17
17
|
[x: number]: any;
|
18
18
|
} & {
|
19
19
|
theme?: any;
|
20
|
-
} & {
|
20
|
+
} & ({} | {
|
21
|
+
children?: React.ReactNode;
|
22
|
+
})) & {
|
21
23
|
as?: string | React.ComponentType<any> | undefined;
|
22
24
|
forwardedAs?: string | React.ComponentType<any> | undefined;
|
23
25
|
}, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {
|
@@ -74,7 +76,7 @@ declare const _default: React.FC<{
|
|
74
76
|
results?: number | undefined;
|
75
77
|
security?: string | undefined;
|
76
78
|
unselectable?: "on" | "off" | undefined;
|
77
|
-
inputMode?: "
|
79
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
78
80
|
is?: string | undefined;
|
79
81
|
'aria-activedescendant'?: string | undefined;
|
80
82
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -89,7 +91,7 @@ declare const _default: React.FC<{
|
|
89
91
|
'aria-describedby'?: string | undefined;
|
90
92
|
'aria-details'?: string | undefined;
|
91
93
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
92
|
-
'aria-dropeffect'?: "
|
94
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
93
95
|
'aria-errormessage'?: string | undefined;
|
94
96
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
95
97
|
'aria-flowto'?: string | undefined;
|
@@ -288,9 +290,9 @@ declare const _default: React.FC<{
|
|
288
290
|
onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
|
289
291
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
|
290
292
|
block?: boolean | undefined;
|
291
|
-
sx?: import("
|
293
|
+
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
292
294
|
disabled?: boolean | undefined;
|
293
|
-
variant?: "
|
295
|
+
variant?: "large" | "small" | undefined;
|
294
296
|
hasIcon?: boolean | undefined;
|
295
297
|
contrast?: boolean | undefined;
|
296
298
|
} & {
|
@@ -4,12 +4,14 @@ import { ComponentProps } from '../utils/types';
|
|
4
4
|
declare type InternalAutocompleteInputProps = {
|
5
5
|
as?: React.ComponentType<any>;
|
6
6
|
};
|
7
|
-
declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<{
|
7
|
+
declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<({
|
8
8
|
[x: string]: any;
|
9
9
|
[x: number]: any;
|
10
10
|
} & {
|
11
11
|
theme?: any;
|
12
|
-
} & {
|
12
|
+
} & ({} | {
|
13
|
+
children?: React.ReactNode;
|
14
|
+
})) & {
|
13
15
|
as?: string | React.ComponentType<any> | undefined;
|
14
16
|
forwardedAs?: string | React.ComponentType<any> | undefined;
|
15
17
|
}, string | number | symbol>, "maxWidth" | "minWidth" | "width" | "theme" | "className" | "block" | "icon" | "sx" | "disabled" | "variant" | "contrast"> & {
|
@@ -66,7 +68,7 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
|
|
66
68
|
results?: number | undefined;
|
67
69
|
security?: string | undefined;
|
68
70
|
unselectable?: "on" | "off" | undefined;
|
69
|
-
inputMode?: "
|
71
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
70
72
|
is?: string | undefined;
|
71
73
|
'aria-activedescendant'?: string | undefined;
|
72
74
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -81,7 +83,7 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
|
|
81
83
|
'aria-describedby'?: string | undefined;
|
82
84
|
'aria-details'?: string | undefined;
|
83
85
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
84
|
-
'aria-dropeffect'?: "
|
86
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
85
87
|
'aria-errormessage'?: string | undefined;
|
86
88
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
87
89
|
'aria-flowto'?: string | undefined;
|
@@ -280,9 +282,9 @@ declare const AutocompleteInput: PolymorphicForwardRefComponent<React.ForwardRef
|
|
280
282
|
onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
|
281
283
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
|
282
284
|
block?: boolean | undefined;
|
283
|
-
sx?: import("
|
285
|
+
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
284
286
|
disabled?: boolean | undefined;
|
285
|
-
variant?: "
|
287
|
+
variant?: "large" | "small" | undefined;
|
286
288
|
hasIcon?: boolean | undefined;
|
287
289
|
contrast?: boolean | undefined;
|
288
290
|
} & {
|
@@ -3,7 +3,7 @@ import { SxProp } from '../sx';
|
|
3
3
|
import { ComponentProps } from '../utils/types';
|
4
4
|
declare const Button: import("styled-components").StyledComponent<"button", any, {
|
5
5
|
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
6
|
-
variant?: "
|
6
|
+
variant?: "large" | "medium" | "small" | undefined;
|
7
7
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
8
8
|
color?: string | undefined;
|
9
9
|
fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -55,7 +55,7 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
|
|
55
55
|
results?: number | undefined;
|
56
56
|
security?: string | undefined;
|
57
57
|
unselectable?: "on" | "off" | undefined;
|
58
|
-
inputMode?: "
|
58
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
59
59
|
is?: string | undefined;
|
60
60
|
'aria-activedescendant'?: string | undefined;
|
61
61
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -70,7 +70,7 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
|
|
70
70
|
'aria-describedby'?: string | undefined;
|
71
71
|
'aria-details'?: string | undefined;
|
72
72
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
73
|
-
'aria-dropeffect'?: "
|
73
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
74
74
|
'aria-errormessage'?: string | undefined;
|
75
75
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
76
76
|
'aria-flowto'?: string | undefined;
|
@@ -268,7 +268,6 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
|
|
268
268
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
|
269
269
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
270
270
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
271
|
-
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
272
271
|
autoFocus?: boolean | undefined;
|
273
272
|
disabled?: boolean | undefined;
|
274
273
|
formAction?: string | undefined;
|
@@ -276,7 +275,8 @@ declare const Button: import("styled-components").StyledComponent<"button", any,
|
|
276
275
|
formMethod?: string | undefined;
|
277
276
|
formNoValidate?: boolean | undefined;
|
278
277
|
formTarget?: string | undefined;
|
279
|
-
|
278
|
+
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
279
|
+
variant?: "large" | "medium" | "small" | undefined;
|
280
280
|
} & {
|
281
281
|
theme?: any;
|
282
282
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
|
@@ -6,7 +6,7 @@ export declare const buttonSystemProps: import("styled-system").styleFn;
|
|
6
6
|
export declare type ButtonSystemProps = FontSizeProps & SystemCommonProps & SystemLayoutProps;
|
7
7
|
declare const ButtonBase: import("styled-components").StyledComponent<"button", any, {
|
8
8
|
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
9
|
-
variant?: "
|
9
|
+
variant?: "large" | "medium" | "small" | undefined;
|
10
10
|
} & FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
|
11
11
|
export declare type ButtonBaseProps = ComponentProps<typeof ButtonBase>;
|
12
12
|
export default ButtonBase;
|
@@ -74,7 +74,7 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
|
|
74
74
|
results?: number | undefined;
|
75
75
|
security?: string | undefined;
|
76
76
|
unselectable?: "on" | "off" | undefined;
|
77
|
-
inputMode?: "
|
77
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
78
78
|
is?: string | undefined;
|
79
79
|
'aria-activedescendant'?: string | undefined;
|
80
80
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -89,7 +89,7 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
|
|
89
89
|
'aria-describedby'?: string | undefined;
|
90
90
|
'aria-details'?: string | undefined;
|
91
91
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
92
|
-
'aria-dropeffect'?: "
|
92
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
93
93
|
'aria-errormessage'?: string | undefined;
|
94
94
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
95
95
|
'aria-flowto'?: string | undefined;
|
@@ -306,7 +306,7 @@ declare const ButtonClose: React.ForwardRefExoticComponent<Pick<{
|
|
306
306
|
py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
307
307
|
paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
308
308
|
size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
309
|
-
sx?: import("
|
309
|
+
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
310
310
|
autoFocus?: boolean | undefined;
|
311
311
|
disabled?: boolean | undefined;
|
312
312
|
formAction?: string | undefined;
|
@@ -3,7 +3,7 @@ import { SxProp } from '../sx';
|
|
3
3
|
import { ComponentProps } from '../utils/types';
|
4
4
|
declare const ButtonDanger: import("styled-components").StyledComponent<"button", any, {
|
5
5
|
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
6
|
-
variant?: "
|
6
|
+
variant?: "large" | "medium" | "small" | undefined;
|
7
7
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
8
8
|
color?: string | undefined;
|
9
9
|
fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -55,7 +55,7 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
|
|
55
55
|
results?: number | undefined;
|
56
56
|
security?: string | undefined;
|
57
57
|
unselectable?: "on" | "off" | undefined;
|
58
|
-
inputMode?: "
|
58
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
59
59
|
is?: string | undefined;
|
60
60
|
'aria-activedescendant'?: string | undefined;
|
61
61
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -70,7 +70,7 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
|
|
70
70
|
'aria-describedby'?: string | undefined;
|
71
71
|
'aria-details'?: string | undefined;
|
72
72
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
73
|
-
'aria-dropeffect'?: "
|
73
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
74
74
|
'aria-errormessage'?: string | undefined;
|
75
75
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
76
76
|
'aria-flowto'?: string | undefined;
|
@@ -268,7 +268,6 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
|
|
268
268
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
|
269
269
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
270
270
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
271
|
-
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
272
271
|
autoFocus?: boolean | undefined;
|
273
272
|
disabled?: boolean | undefined;
|
274
273
|
formAction?: string | undefined;
|
@@ -276,7 +275,8 @@ declare const ButtonDanger: import("styled-components").StyledComponent<"button"
|
|
276
275
|
formMethod?: string | undefined;
|
277
276
|
formNoValidate?: boolean | undefined;
|
278
277
|
formTarget?: string | undefined;
|
279
|
-
|
278
|
+
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
279
|
+
variant?: "large" | "medium" | "small" | undefined;
|
280
280
|
} & {
|
281
281
|
theme?: any;
|
282
282
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
|
@@ -3,7 +3,7 @@ import { SxProp } from '../sx';
|
|
3
3
|
import { ComponentProps } from '../utils/types';
|
4
4
|
declare const ButtonInvisible: import("styled-components").StyledComponent<"button", any, {
|
5
5
|
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
6
|
-
variant?: "
|
6
|
+
variant?: "large" | "medium" | "small" | undefined;
|
7
7
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
8
8
|
color?: string | undefined;
|
9
9
|
fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -55,7 +55,7 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
|
|
55
55
|
results?: number | undefined;
|
56
56
|
security?: string | undefined;
|
57
57
|
unselectable?: "on" | "off" | undefined;
|
58
|
-
inputMode?: "
|
58
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
59
59
|
is?: string | undefined;
|
60
60
|
'aria-activedescendant'?: string | undefined;
|
61
61
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -70,7 +70,7 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
|
|
70
70
|
'aria-describedby'?: string | undefined;
|
71
71
|
'aria-details'?: string | undefined;
|
72
72
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
73
|
-
'aria-dropeffect'?: "
|
73
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
74
74
|
'aria-errormessage'?: string | undefined;
|
75
75
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
76
76
|
'aria-flowto'?: string | undefined;
|
@@ -268,7 +268,6 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
|
|
268
268
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
|
269
269
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
270
270
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
271
|
-
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
272
271
|
autoFocus?: boolean | undefined;
|
273
272
|
disabled?: boolean | undefined;
|
274
273
|
formAction?: string | undefined;
|
@@ -276,7 +275,8 @@ declare const ButtonInvisible: import("styled-components").StyledComponent<"butt
|
|
276
275
|
formMethod?: string | undefined;
|
277
276
|
formNoValidate?: boolean | undefined;
|
278
277
|
formTarget?: string | undefined;
|
279
|
-
|
278
|
+
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
279
|
+
variant?: "large" | "medium" | "small" | undefined;
|
280
280
|
} & {
|
281
281
|
theme?: any;
|
282
282
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
|
@@ -3,7 +3,7 @@ import { SxProp } from '../sx';
|
|
3
3
|
import { ComponentProps } from '../utils/types';
|
4
4
|
declare const ButtonOutline: import("styled-components").StyledComponent<"button", any, {
|
5
5
|
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
6
|
-
variant?: "
|
6
|
+
variant?: "large" | "medium" | "small" | undefined;
|
7
7
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
8
8
|
color?: string | undefined;
|
9
9
|
fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -55,7 +55,7 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
|
|
55
55
|
results?: number | undefined;
|
56
56
|
security?: string | undefined;
|
57
57
|
unselectable?: "on" | "off" | undefined;
|
58
|
-
inputMode?: "
|
58
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
59
59
|
is?: string | undefined;
|
60
60
|
'aria-activedescendant'?: string | undefined;
|
61
61
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -70,7 +70,7 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
|
|
70
70
|
'aria-describedby'?: string | undefined;
|
71
71
|
'aria-details'?: string | undefined;
|
72
72
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
73
|
-
'aria-dropeffect'?: "
|
73
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
74
74
|
'aria-errormessage'?: string | undefined;
|
75
75
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
76
76
|
'aria-flowto'?: string | undefined;
|
@@ -268,7 +268,6 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
|
|
268
268
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
|
269
269
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
270
270
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
271
|
-
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
272
271
|
autoFocus?: boolean | undefined;
|
273
272
|
disabled?: boolean | undefined;
|
274
273
|
formAction?: string | undefined;
|
@@ -276,7 +275,8 @@ declare const ButtonOutline: import("styled-components").StyledComponent<"button
|
|
276
275
|
formMethod?: string | undefined;
|
277
276
|
formNoValidate?: boolean | undefined;
|
278
277
|
formTarget?: string | undefined;
|
279
|
-
|
278
|
+
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
279
|
+
variant?: "large" | "medium" | "small" | undefined;
|
280
280
|
} & {
|
281
281
|
theme?: any;
|
282
282
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
|
@@ -3,7 +3,7 @@ import { SxProp } from '../sx';
|
|
3
3
|
import { ComponentProps } from '../utils/types';
|
4
4
|
export declare const ButtonPrimary: import("styled-components").StyledComponent<"button", any, {
|
5
5
|
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
6
|
-
variant?: "
|
6
|
+
variant?: "large" | "medium" | "small" | undefined;
|
7
7
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
8
8
|
color?: string | undefined;
|
9
9
|
fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -55,7 +55,7 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
|
|
55
55
|
results?: number | undefined;
|
56
56
|
security?: string | undefined;
|
57
57
|
unselectable?: "on" | "off" | undefined;
|
58
|
-
inputMode?: "
|
58
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
59
59
|
is?: string | undefined;
|
60
60
|
'aria-activedescendant'?: string | undefined;
|
61
61
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -70,7 +70,7 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
|
|
70
70
|
'aria-describedby'?: string | undefined;
|
71
71
|
'aria-details'?: string | undefined;
|
72
72
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
73
|
-
'aria-dropeffect'?: "
|
73
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
74
74
|
'aria-errormessage'?: string | undefined;
|
75
75
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
76
76
|
'aria-flowto'?: string | undefined;
|
@@ -268,7 +268,6 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
|
|
268
268
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
|
269
269
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
270
270
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
|
271
|
-
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
272
271
|
autoFocus?: boolean | undefined;
|
273
272
|
disabled?: boolean | undefined;
|
274
273
|
formAction?: string | undefined;
|
@@ -276,7 +275,8 @@ export declare const ButtonPrimary: import("styled-components").StyledComponent<
|
|
276
275
|
formMethod?: string | undefined;
|
277
276
|
formNoValidate?: boolean | undefined;
|
278
277
|
formTarget?: string | undefined;
|
279
|
-
|
278
|
+
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
279
|
+
variant?: "large" | "medium" | "small" | undefined;
|
280
280
|
} & {
|
281
281
|
theme?: any;
|
282
282
|
} & import("styled-system").FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../constants").SystemCommonProps & import("../constants").SystemLayoutProps & SxProp, never>;
|
package/lib-esm/CircleBadge.d.ts
CHANGED
@@ -5,7 +5,7 @@ import { SxProp } from './sx';
|
|
5
5
|
import { ComponentProps } from './utils/types';
|
6
6
|
declare const CircleBadge: import("styled-components").StyledComponent<"div", any, {
|
7
7
|
inline?: boolean | undefined;
|
8
|
-
variant?: "
|
8
|
+
variant?: "large" | "medium" | "small" | undefined;
|
9
9
|
size?: number | undefined;
|
10
10
|
} & SystemCommonProps & SxProp, never>;
|
11
11
|
declare const CircleBadgeIcon: import("styled-components").StyledComponent<({ icon: IconComponent, ...rest }: {
|
@@ -15,7 +15,7 @@ export declare type CircleBadgeProps = ComponentProps<typeof CircleBadge>;
|
|
15
15
|
export declare type CircleBadgeIconProps = ComponentProps<typeof CircleBadgeIcon>;
|
16
16
|
declare const _default: string & import("styled-components").StyledComponentBase<"div", any, {
|
17
17
|
inline?: boolean | undefined;
|
18
|
-
variant?: "
|
18
|
+
variant?: "large" | "medium" | "small" | undefined;
|
19
19
|
size?: number | undefined;
|
20
20
|
} & SystemCommonProps & SxProp, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
|
21
21
|
Icon: import("styled-components").StyledComponent<({ icon: IconComponent, ...rest }: {
|
@@ -13,7 +13,6 @@ declare namespace CircleOcticon {
|
|
13
13
|
var defaultProps: {
|
14
14
|
size: number;
|
15
15
|
lineHeight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
16
|
-
border?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
17
16
|
alignContent?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignContent, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
18
17
|
alignItems?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignItems, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
19
18
|
alignSelf?: import("styled-system").ResponsiveValue<import("csstype").Property.AlignSelf, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -89,6 +88,7 @@ declare namespace CircleOcticon {
|
|
89
88
|
zIndex?: import("styled-system").ResponsiveValue<import("csstype").Property.ZIndex, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
90
89
|
background?: import("styled-system").ResponsiveValue<import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
91
90
|
backgroundPosition?: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
91
|
+
border?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
92
92
|
borderBottom?: import("styled-system").ResponsiveValue<import("csstype").Property.BorderBottom<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
93
93
|
borderColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
94
94
|
borderLeft?: import("styled-system").ResponsiveValue<import("csstype").Property.BorderLeft<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
@@ -151,7 +151,7 @@ declare namespace CircleOcticon {
|
|
151
151
|
results?: number | undefined;
|
152
152
|
security?: string | undefined;
|
153
153
|
unselectable?: "on" | "off" | undefined;
|
154
|
-
inputMode?: "
|
154
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
155
155
|
is?: string | undefined;
|
156
156
|
'aria-activedescendant'?: string | undefined;
|
157
157
|
'aria-atomic'?: boolean | "true" | "false" | undefined;
|
@@ -166,7 +166,7 @@ declare namespace CircleOcticon {
|
|
166
166
|
'aria-describedby'?: string | undefined;
|
167
167
|
'aria-details'?: string | undefined;
|
168
168
|
'aria-disabled'?: boolean | "true" | "false" | undefined;
|
169
|
-
'aria-dropeffect'?: "
|
169
|
+
'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
170
170
|
'aria-errormessage'?: string | undefined;
|
171
171
|
'aria-expanded'?: boolean | "true" | "false" | undefined;
|
172
172
|
'aria-flowto'?: string | undefined;
|
@@ -384,7 +384,7 @@ declare namespace CircleOcticon {
|
|
384
384
|
paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
385
385
|
borderX?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
386
386
|
borderY?: import("styled-system").ResponsiveValue<import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
387
|
-
sx?: import("
|
387
|
+
sx?: import("@styled-system/css").SystemStyleObject | undefined;
|
388
388
|
theme?: any;
|
389
389
|
};
|
390
390
|
}
|