@strapi/design-system 1.18.0-typescript.0 → 1.19.0-typescript.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/Accordion.d.ts +1 -1
- package/dist/Accordion/AccordionToggle.js +6 -2
- package/dist/Accordion/AccordionToggle.mjs +6 -2
- package/dist/Avatar/AvatarGroup.d.ts +1 -1
- package/dist/BaseButton/BaseButton.d.ts +25 -25
- package/dist/BaseLink/BaseLink.d.ts +25 -25
- package/dist/Button/Button.d.ts +25 -25
- package/dist/Dialog/Dialog.d.ts +1 -1
- package/dist/Dialog/Dialog.js +2 -2
- package/dist/Dialog/Dialog.mjs +2 -2
- package/dist/Field/FieldInput.d.ts +25 -25
- package/dist/Grid/GridItem.d.ts +25 -25
- package/dist/IconButton/IconButton.d.ts +1 -1
- package/dist/Select/SelectParts.js +1 -1
- package/dist/Select/SelectParts.mjs +1 -1
- package/dist/SimpleMenu/SimpleMenu.d.ts +1 -1
- package/dist/Tabs/components.d.ts +51 -51
- package/dist/Typography/utils.d.ts +2 -2
- package/dist/hooks/useElementOnScreen.d.ts +1 -1
- package/dist/themes/utils.d.ts +3 -3
- package/dist/v2/LinkButton/LinkButton.d.ts +25 -25
- package/dist/v2/SimpleMenu/SimpleMenu.d.ts +25 -25
- package/package.json +7 -7
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DefaultTheme } from 'styled-components';
|
|
3
|
-
declare const AccordionTypography: import("styled-components").StyledComponent<"span", DefaultTheme, import("
|
|
3
|
+
declare const AccordionTypography: import("styled-components").StyledComponent<"span", DefaultTheme, import("../Typography").TypographyProps<"span">, never>;
|
|
4
4
|
type AccordionSize = 'S' | 'M';
|
|
5
5
|
type AccordionVariant = 'primary' | 'secondary';
|
|
6
6
|
interface AccordionProps {
|
|
@@ -12,6 +12,7 @@ const TextButton = require('../TextButton/TextButton.js');
|
|
|
12
12
|
const Icon = require('../Icon/Icon.js');
|
|
13
13
|
const Flex = require('../Flex/Flex.js');
|
|
14
14
|
const Typography = require('../Typography/Typography.js');
|
|
15
|
+
const Box = require('../Box/Box.js');
|
|
15
16
|
|
|
16
17
|
const _interopDefault = e => e && e.__esModule ? e : { default: e };
|
|
17
18
|
|
|
@@ -79,8 +80,11 @@ const AccordionToggle = ({ title, description, as = 'span', togglePosition = 'ri
|
|
|
79
80
|
}
|
|
80
81
|
}
|
|
81
82
|
};
|
|
82
|
-
const dropdownIcon = (jsxRuntime.jsx(Flex.Flex, { justifyContent: "center", borderRadius: "50%", height: iconSize, width: iconSize, transform: expanded ? `rotate(180deg)` : undefined, "data-strapi-dropdown": true, "aria-hidden": true, as: "span", background: iconColor, cursor: disabled ? 'not-allowed' : 'pointer',
|
|
83
|
-
|
|
83
|
+
const dropdownIcon = (jsxRuntime.jsx(Flex.Flex, { justifyContent: "center", borderRadius: "50%", height: iconSize, width: iconSize, transform: expanded ? `rotate(180deg)` : undefined, "data-strapi-dropdown": true, "aria-hidden": true, as: "span", background: iconColor, cursor: disabled ? 'not-allowed' : 'pointer', shrink: 0, children: jsxRuntime.jsx(Icon.Icon, { as: icons.CarretDown, width: size === 'M' ? `${11 / 16}rem` : `${8 / 16}rem`, color: expanded ? 'primary600' : 'neutral600' }) }));
|
|
84
|
+
const stopPropagation = (e) => {
|
|
85
|
+
e.stopPropagation();
|
|
86
|
+
};
|
|
87
|
+
return (jsxRuntime.jsx(FlexWithSize, { paddingBottom: boxPaddingY, paddingLeft: boxPaddingX, paddingRight: boxPaddingX, paddingTop: boxPaddingY, background: boxBackground, expanded: expanded, size: size, justifyContent: "space-between", cursor: disabled ? 'not-allowed' : 'pointer', onClick: handleToggle, children: jsxRuntime.jsxs(Flex.Flex, { gap: 3, flex: 1, maxWidth: "100%", children: [togglePosition === 'left' && dropdownIcon, jsxRuntime.jsx(ToggleButton, { "aria-disabled": disabled, "aria-expanded": expanded, "aria-controls": ariaControls, "aria-labelledby": ariaLabelId, "data-strapi-accordion-toggle": true, expanded: expanded, type: "button", flex: 1, minWidth: 0, ...props, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Accordion.AccordionTypography, { ...titleProps, children: title }), description && (jsxRuntime.jsx(Typography.Typography, { as: "p", id: ariaDescriptionId, textColor: descriptionColor, children: description }))] }) }), togglePosition === 'right' && (jsxRuntime.jsxs(Flex.Flex, { gap: 3, children: [dropdownIcon, jsxRuntime.jsx(Box.Box, { as: "span", onClick: stopPropagation, children: action })] })), togglePosition === 'left' && (jsxRuntime.jsx(Box.Box, { as: "span", onClick: stopPropagation, children: action }))] }) }));
|
|
84
88
|
};
|
|
85
89
|
|
|
86
90
|
exports.AccordionToggle = AccordionToggle;
|
|
@@ -8,6 +8,7 @@ import { TextButton } from '../TextButton/TextButton.mjs';
|
|
|
8
8
|
import { Icon } from '../Icon/Icon.mjs';
|
|
9
9
|
import { Flex } from '../Flex/Flex.mjs';
|
|
10
10
|
import { Typography } from '../Typography/Typography.mjs';
|
|
11
|
+
import { Box } from '../Box/Box.mjs';
|
|
11
12
|
|
|
12
13
|
const ToggleButton = styled(TextButton) `
|
|
13
14
|
text-align: left;
|
|
@@ -71,8 +72,11 @@ const AccordionToggle = ({ title, description, as = 'span', togglePosition = 'ri
|
|
|
71
72
|
}
|
|
72
73
|
}
|
|
73
74
|
};
|
|
74
|
-
const dropdownIcon = (jsx(Flex, { justifyContent: "center", borderRadius: "50%", height: iconSize, width: iconSize, transform: expanded ? `rotate(180deg)` : undefined, "data-strapi-dropdown": true, "aria-hidden": true, as: "span", background: iconColor, cursor: disabled ? 'not-allowed' : 'pointer',
|
|
75
|
-
|
|
75
|
+
const dropdownIcon = (jsx(Flex, { justifyContent: "center", borderRadius: "50%", height: iconSize, width: iconSize, transform: expanded ? `rotate(180deg)` : undefined, "data-strapi-dropdown": true, "aria-hidden": true, as: "span", background: iconColor, cursor: disabled ? 'not-allowed' : 'pointer', shrink: 0, children: jsx(Icon, { as: CarretDown, width: size === 'M' ? `${11 / 16}rem` : `${8 / 16}rem`, color: expanded ? 'primary600' : 'neutral600' }) }));
|
|
76
|
+
const stopPropagation = (e) => {
|
|
77
|
+
e.stopPropagation();
|
|
78
|
+
};
|
|
79
|
+
return (jsx(FlexWithSize, { paddingBottom: boxPaddingY, paddingLeft: boxPaddingX, paddingRight: boxPaddingX, paddingTop: boxPaddingY, background: boxBackground, expanded: expanded, size: size, justifyContent: "space-between", cursor: disabled ? 'not-allowed' : 'pointer', onClick: handleToggle, children: jsxs(Flex, { gap: 3, flex: 1, maxWidth: "100%", children: [togglePosition === 'left' && dropdownIcon, jsx(ToggleButton, { "aria-disabled": disabled, "aria-expanded": expanded, "aria-controls": ariaControls, "aria-labelledby": ariaLabelId, "data-strapi-accordion-toggle": true, expanded: expanded, type: "button", flex: 1, minWidth: 0, ...props, children: jsxs(Fragment, { children: [jsx(AccordionTypography, { ...titleProps, children: title }), description && (jsx(Typography, { as: "p", id: ariaDescriptionId, textColor: descriptionColor, children: description }))] }) }), togglePosition === 'right' && (jsxs(Flex, { gap: 3, children: [dropdownIcon, jsx(Box, { as: "span", onClick: stopPropagation, children: action })] })), togglePosition === 'left' && (jsx(Box, { as: "span", onClick: stopPropagation, children: action }))] }) }));
|
|
76
80
|
};
|
|
77
81
|
|
|
78
82
|
export { AccordionToggle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const AvatarGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("
|
|
1
|
+
export declare const AvatarGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Flex").FlexProps<"div">, never>;
|
|
@@ -4,38 +4,38 @@ export declare const BaseButtonWrapper: import("styled-components").StyledCompon
|
|
|
4
4
|
export type BaseButtonProps<TElement extends keyof JSX.IntrinsicElements = 'button'> = FlexProps<TElement>;
|
|
5
5
|
export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
6
6
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
7
|
-
background?: import("
|
|
7
|
+
background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
8
8
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
9
|
-
borderColor?: keyof import("
|
|
10
|
-
color?: keyof import("
|
|
9
|
+
borderColor?: keyof import("../themes/colors").Colors | undefined;
|
|
10
|
+
color?: keyof import("../themes/colors").Colors | undefined;
|
|
11
11
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
12
|
-
fontSize?: import("
|
|
12
|
+
fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
13
13
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
14
14
|
hasRadius?: boolean | undefined;
|
|
15
15
|
hiddenS?: boolean | undefined;
|
|
16
16
|
hiddenXS?: boolean | undefined;
|
|
17
|
-
padding?: import("
|
|
18
|
-
paddingBottom?: import("
|
|
19
|
-
paddingLeft?: import("
|
|
20
|
-
paddingRight?: import("
|
|
21
|
-
paddingTop?: import("
|
|
22
|
-
marginLeft?: import("
|
|
23
|
-
marginBottom?: import("
|
|
24
|
-
marginRight?: import("
|
|
25
|
-
marginTop?: import("
|
|
26
|
-
shadow?: keyof import("
|
|
17
|
+
padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
18
|
+
paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
19
|
+
paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
20
|
+
paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
21
|
+
paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
22
|
+
marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
23
|
+
marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
24
|
+
marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
25
|
+
marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
26
|
+
shadow?: keyof import("../themes/colors").Shadows | undefined;
|
|
27
27
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
28
|
-
lineHeight?: import("
|
|
29
|
-
width?: import("
|
|
30
|
-
minWidth?: import("
|
|
31
|
-
maxWidth?: import("
|
|
32
|
-
height?: import("
|
|
33
|
-
minHeight?: import("
|
|
34
|
-
maxHeight?: import("
|
|
35
|
-
top?: import("
|
|
36
|
-
left?: import("
|
|
37
|
-
bottom?: import("
|
|
38
|
-
right?: import("
|
|
28
|
+
lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
29
|
+
width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
30
|
+
minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
31
|
+
maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
32
|
+
height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
33
|
+
minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
34
|
+
maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
35
|
+
top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
36
|
+
left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
37
|
+
bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
38
|
+
right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
39
39
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
40
40
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
41
41
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
|
@@ -6,38 +6,38 @@ export type BaseLinkProps = BoxProps<'a'> & {
|
|
|
6
6
|
};
|
|
7
7
|
export declare const BaseLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
8
8
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
9
|
-
background?: import("
|
|
9
|
+
background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
10
10
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
11
|
-
borderColor?: keyof import("
|
|
12
|
-
color?: keyof import("
|
|
11
|
+
borderColor?: keyof import("../themes/colors").Colors | undefined;
|
|
12
|
+
color?: keyof import("../themes/colors").Colors | undefined;
|
|
13
13
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
14
|
-
fontSize?: import("
|
|
14
|
+
fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
15
15
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
16
16
|
hasRadius?: boolean | undefined;
|
|
17
17
|
hiddenS?: boolean | undefined;
|
|
18
18
|
hiddenXS?: boolean | undefined;
|
|
19
|
-
padding?: import("
|
|
20
|
-
paddingBottom?: import("
|
|
21
|
-
paddingLeft?: import("
|
|
22
|
-
paddingRight?: import("
|
|
23
|
-
paddingTop?: import("
|
|
24
|
-
marginLeft?: import("
|
|
25
|
-
marginBottom?: import("
|
|
26
|
-
marginRight?: import("
|
|
27
|
-
marginTop?: import("
|
|
28
|
-
shadow?: keyof import("
|
|
19
|
+
padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
20
|
+
paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
21
|
+
paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
22
|
+
paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
23
|
+
paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
24
|
+
marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
25
|
+
marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
26
|
+
marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
27
|
+
marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
28
|
+
shadow?: keyof import("../themes/colors").Shadows | undefined;
|
|
29
29
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
30
|
-
lineHeight?: import("
|
|
31
|
-
width?: import("
|
|
32
|
-
minWidth?: import("
|
|
33
|
-
maxWidth?: import("
|
|
34
|
-
height?: import("
|
|
35
|
-
minHeight?: import("
|
|
36
|
-
maxHeight?: import("
|
|
37
|
-
top?: import("
|
|
38
|
-
left?: import("
|
|
39
|
-
bottom?: import("
|
|
40
|
-
right?: import("
|
|
30
|
+
lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
31
|
+
width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
32
|
+
minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
33
|
+
maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
34
|
+
height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
35
|
+
minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
36
|
+
maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
37
|
+
top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
38
|
+
left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
39
|
+
bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
40
|
+
right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
41
41
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
42
42
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
43
43
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
package/dist/Button/Button.d.ts
CHANGED
|
@@ -3,38 +3,38 @@ import { Variant, ButtonSizes } from './constants';
|
|
|
3
3
|
import { BaseButtonProps } from '../BaseButton';
|
|
4
4
|
export declare const ButtonWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
5
5
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
6
|
-
background?: import("
|
|
6
|
+
background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
7
7
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
8
|
-
borderColor?: keyof import("
|
|
9
|
-
color?: keyof import("
|
|
8
|
+
borderColor?: keyof import("../themes/colors").Colors | undefined;
|
|
9
|
+
color?: keyof import("../themes/colors").Colors | undefined;
|
|
10
10
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
11
|
-
fontSize?: import("
|
|
11
|
+
fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
12
12
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
13
13
|
hasRadius?: boolean | undefined;
|
|
14
14
|
hiddenS?: boolean | undefined;
|
|
15
15
|
hiddenXS?: boolean | undefined;
|
|
16
|
-
padding?: import("
|
|
17
|
-
paddingBottom?: import("
|
|
18
|
-
paddingLeft?: import("
|
|
19
|
-
paddingRight?: import("
|
|
20
|
-
paddingTop?: import("
|
|
21
|
-
marginLeft?: import("
|
|
22
|
-
marginBottom?: import("
|
|
23
|
-
marginRight?: import("
|
|
24
|
-
marginTop?: import("
|
|
25
|
-
shadow?: keyof import("
|
|
16
|
+
padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
17
|
+
paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
18
|
+
paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
19
|
+
paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
20
|
+
paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
21
|
+
marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
22
|
+
marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
23
|
+
marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
24
|
+
marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
25
|
+
shadow?: keyof import("../themes/colors").Shadows | undefined;
|
|
26
26
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
27
|
-
lineHeight?: import("
|
|
28
|
-
width?: import("
|
|
29
|
-
minWidth?: import("
|
|
30
|
-
maxWidth?: import("
|
|
31
|
-
height?: import("
|
|
32
|
-
minHeight?: import("
|
|
33
|
-
maxHeight?: import("
|
|
34
|
-
top?: import("
|
|
35
|
-
left?: import("
|
|
36
|
-
bottom?: import("
|
|
37
|
-
right?: import("
|
|
27
|
+
lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
28
|
+
width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
29
|
+
minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
30
|
+
maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
31
|
+
height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
32
|
+
minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
33
|
+
maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
34
|
+
top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
35
|
+
left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
36
|
+
bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
37
|
+
right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
38
38
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
39
39
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
40
40
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
package/dist/Dialog/Dialog.d.ts
CHANGED
|
@@ -4,4 +4,4 @@ export interface DialogProps extends BoxProps {
|
|
|
4
4
|
title: string;
|
|
5
5
|
isOpen: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare const Dialog: ({ onClose, title, as, isOpen, id, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export declare const Dialog: ({ onClose, title, as, isOpen, id, zIndex, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element | null;
|
package/dist/Dialog/Dialog.js
CHANGED
|
@@ -31,14 +31,14 @@ const DialogContainer = styled__default.default(Box.Box) `
|
|
|
31
31
|
const DialogHeader = styled__default.default(Flex.Flex) `
|
|
32
32
|
border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
|
|
33
33
|
`;
|
|
34
|
-
const Dialog = ({ onClose, title, as = 'h2', isOpen, id, ...props }) => {
|
|
34
|
+
const Dialog = ({ onClose, title, as = 'h2', isOpen, id, zIndex = 4, ...props }) => {
|
|
35
35
|
const generatedId = useId.useId(id);
|
|
36
36
|
useLockScroll(isOpen);
|
|
37
37
|
if (!isOpen) {
|
|
38
38
|
return null;
|
|
39
39
|
}
|
|
40
40
|
const labelledBy = `${generatedId}-label`;
|
|
41
|
-
return (jsxRuntime.jsx(Portal.Portal, { children: jsxRuntime.jsx(DialogWrapper, { padding: 8, position: "fixed", zIndex:
|
|
41
|
+
return (jsxRuntime.jsx(Portal.Portal, { children: jsxRuntime.jsx(DialogWrapper, { padding: 8, position: "fixed", zIndex: zIndex, children: jsxRuntime.jsx(FocusTrap.FocusTrap, { children: jsxRuntime.jsx(index.DismissibleLayer, { onEscapeKeyDown: onClose, onPointerDownOutside: onClose, children: jsxRuntime.jsxs(DialogContainer, { "aria-labelledby": labelledBy, "aria-modal": true, background: "neutral0", hasRadius: true, shadow: "popupShadow", role: "dialog", children: [jsxRuntime.jsx(DialogHeader, { padding: 6, justifyContent: "center", children: jsxRuntime.jsx(Typography.Typography, { variant: "beta", as: as, id: labelledBy, children: title }) }), jsxRuntime.jsx(Box.Box, { ...props })] }) }) }) }) }));
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
exports.Dialog = Dialog;
|
package/dist/Dialog/Dialog.mjs
CHANGED
|
@@ -23,14 +23,14 @@ const DialogContainer = styled(Box) `
|
|
|
23
23
|
const DialogHeader = styled(Flex) `
|
|
24
24
|
border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
|
|
25
25
|
`;
|
|
26
|
-
const Dialog = ({ onClose, title, as = 'h2', isOpen, id, ...props }) => {
|
|
26
|
+
const Dialog = ({ onClose, title, as = 'h2', isOpen, id, zIndex = 4, ...props }) => {
|
|
27
27
|
const generatedId = useId(id);
|
|
28
28
|
useLockScroll(isOpen);
|
|
29
29
|
if (!isOpen) {
|
|
30
30
|
return null;
|
|
31
31
|
}
|
|
32
32
|
const labelledBy = `${generatedId}-label`;
|
|
33
|
-
return (jsx(Portal, { children: jsx(DialogWrapper, { padding: 8, position: "fixed", zIndex:
|
|
33
|
+
return (jsx(Portal, { children: jsx(DialogWrapper, { padding: 8, position: "fixed", zIndex: zIndex, children: jsx(FocusTrap, { children: jsx(DismissibleLayer, { onEscapeKeyDown: onClose, onPointerDownOutside: onClose, children: jsxs(DialogContainer, { "aria-labelledby": labelledBy, "aria-modal": true, background: "neutral0", hasRadius: true, shadow: "popupShadow", role: "dialog", children: [jsx(DialogHeader, { padding: 6, justifyContent: "center", children: jsx(Typography, { variant: "beta", as: as, id: labelledBy, children: title }) }), jsx(Box, { ...props })] }) }) }) }) }));
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
export { Dialog };
|
|
@@ -10,38 +10,38 @@ export interface FieldInputProps extends Omit<React.InputHTMLAttributes<HTMLInpu
|
|
|
10
10
|
export declare const FieldInput: import("react").ForwardRefExoticComponent<FieldInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
11
|
export declare const InputWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
12
12
|
_hover?: ((theme: DefaultTheme) => string) | undefined;
|
|
13
|
-
background?: import("
|
|
13
|
+
background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
14
14
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
15
|
-
borderColor?: keyof import("
|
|
16
|
-
color?: keyof import("
|
|
15
|
+
borderColor?: keyof import("../themes/colors").Colors | undefined;
|
|
16
|
+
color?: keyof import("../themes/colors").Colors | undefined;
|
|
17
17
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
18
|
-
fontSize?: import("
|
|
18
|
+
fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
19
19
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
20
20
|
hasRadius?: boolean | undefined;
|
|
21
21
|
hiddenS?: boolean | undefined;
|
|
22
22
|
hiddenXS?: boolean | undefined;
|
|
23
|
-
padding?: import("
|
|
24
|
-
paddingBottom?: import("
|
|
25
|
-
paddingLeft?: import("
|
|
26
|
-
paddingRight?: import("
|
|
27
|
-
paddingTop?: import("
|
|
28
|
-
marginLeft?: import("
|
|
29
|
-
marginBottom?: import("
|
|
30
|
-
marginRight?: import("
|
|
31
|
-
marginTop?: import("
|
|
32
|
-
shadow?: keyof import("
|
|
23
|
+
padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
24
|
+
paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
25
|
+
paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
26
|
+
paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
27
|
+
paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
28
|
+
marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
29
|
+
marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
30
|
+
marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
31
|
+
marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
32
|
+
shadow?: keyof import("../themes/colors").Shadows | undefined;
|
|
33
33
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
34
|
-
lineHeight?: import("
|
|
35
|
-
width?: import("
|
|
36
|
-
minWidth?: import("
|
|
37
|
-
maxWidth?: import("
|
|
38
|
-
height?: import("
|
|
39
|
-
minHeight?: import("
|
|
40
|
-
maxHeight?: import("
|
|
41
|
-
top?: import("
|
|
42
|
-
left?: import("
|
|
43
|
-
bottom?: import("
|
|
44
|
-
right?: import("
|
|
34
|
+
lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
35
|
+
width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
36
|
+
minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
37
|
+
maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
38
|
+
height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
39
|
+
minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
40
|
+
maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
41
|
+
top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
42
|
+
left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
43
|
+
bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
44
|
+
right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
45
45
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
46
46
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
47
47
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
package/dist/Grid/GridItem.d.ts
CHANGED
|
@@ -6,38 +6,38 @@ export interface GridItemProps extends BoxProps {
|
|
|
6
6
|
}
|
|
7
7
|
export declare const GridItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
8
8
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
9
|
-
background?: import("
|
|
9
|
+
background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
10
10
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
11
|
-
borderColor?: keyof import("
|
|
12
|
-
color?: keyof import("
|
|
11
|
+
borderColor?: keyof import("../themes/colors").Colors | undefined;
|
|
12
|
+
color?: keyof import("../themes/colors").Colors | undefined;
|
|
13
13
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
14
|
-
fontSize?: import("
|
|
14
|
+
fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
15
15
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
16
16
|
hasRadius?: boolean | undefined;
|
|
17
17
|
hiddenS?: boolean | undefined;
|
|
18
18
|
hiddenXS?: boolean | undefined;
|
|
19
|
-
padding?: import("
|
|
20
|
-
paddingBottom?: import("
|
|
21
|
-
paddingLeft?: import("
|
|
22
|
-
paddingRight?: import("
|
|
23
|
-
paddingTop?: import("
|
|
24
|
-
marginLeft?: import("
|
|
25
|
-
marginBottom?: import("
|
|
26
|
-
marginRight?: import("
|
|
27
|
-
marginTop?: import("
|
|
28
|
-
shadow?: keyof import("
|
|
19
|
+
padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
20
|
+
paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
21
|
+
paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
22
|
+
paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
23
|
+
paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
24
|
+
marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
25
|
+
marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
26
|
+
marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
27
|
+
marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
28
|
+
shadow?: keyof import("../themes/colors").Shadows | undefined;
|
|
29
29
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
30
|
-
lineHeight?: import("
|
|
31
|
-
width?: import("
|
|
32
|
-
minWidth?: import("
|
|
33
|
-
maxWidth?: import("
|
|
34
|
-
height?: import("
|
|
35
|
-
minHeight?: import("
|
|
36
|
-
maxHeight?: import("
|
|
37
|
-
top?: import("
|
|
38
|
-
left?: import("
|
|
39
|
-
bottom?: import("
|
|
40
|
-
right?: import("
|
|
30
|
+
lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
31
|
+
width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
32
|
+
minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
33
|
+
maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
34
|
+
height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
35
|
+
minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
36
|
+
maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
37
|
+
top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
38
|
+
left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
39
|
+
bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
40
|
+
right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
41
41
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
42
42
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
43
43
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
|
@@ -37,5 +37,5 @@ type IconWithLabel = LabelOnlyProps & IconOnlyProps;
|
|
|
37
37
|
type IconWithAriaLabel = AriaLabelOnlyProps & IconOnlyProps;
|
|
38
38
|
export type IconButtonProps = ChildrenWithLabel | ChildrenWithAriaLabel | IconWithLabel | IconWithAriaLabel;
|
|
39
39
|
export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
40
|
-
export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("
|
|
40
|
+
export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Flex").FlexProps<"div">, never>;
|
|
41
41
|
export {};
|
|
@@ -45,7 +45,7 @@ const SelectTrigger = React__namespace.forwardRef(({ onClear, clearLabel = 'Clea
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
const composedRefs = useComposeRefs.useComposedRefs(triggerRef, ref);
|
|
48
|
-
return (jsxRuntime.jsx(uiPrimitives.Select.Trigger, { asChild: true, children: jsxRuntime.jsxs(StyledTrigger, { "aria-disabled": disabled, "$hasError": hasError, "$size": size, ref: composedRefs, alignItems: "center", justifyContent: "space-between", position: "relative", overflow: "hidden", hasRadius: true, background: disabled ? 'neutral150' : 'neutral0', paddingLeft: 3, paddingRight: 3, gap: 4, cursor: "default", width: "100%", ...restProps, children: [jsxRuntime.jsxs(Flex.Flex, { flex: "1", as: "span", gap: 3, children: [startIcon && (jsxRuntime.jsx(Box.Box, { as: "span", "aria-hidden": true, children: startIcon })), children] }), jsxRuntime.jsxs(Flex.Flex, { as: "span", gap: 3, children: [onClear ? (jsxRuntime.jsx(IconBox, { as: "button", hasRadius: true, background: "transparent", role: "button", tabIndex: 0, onClick: handleClearClick, "aria-disabled": disabled, "aria-label": clearLabel, title: clearLabel, cursor: "pointer", children: jsxRuntime.jsx(icons.Cross, {}) })) : null, jsxRuntime.jsx(DownIcon, { children: jsxRuntime.jsx(icons.CarretDown, {}) })] })] }) }));
|
|
48
|
+
return (jsxRuntime.jsx(uiPrimitives.Select.Trigger, { asChild: true, children: jsxRuntime.jsxs(StyledTrigger, { "aria-disabled": disabled, "$hasError": hasError, "$size": size, ref: composedRefs, alignItems: "center", justifyContent: "space-between", position: "relative", overflow: "hidden", hasRadius: true, background: disabled ? 'neutral150' : 'neutral0', paddingLeft: 3, paddingRight: 3, paddingTop: 1, paddingBottom: 1, gap: 4, cursor: "default", width: "100%", ...restProps, children: [jsxRuntime.jsxs(Flex.Flex, { flex: "1", as: "span", gap: 3, children: [startIcon && (jsxRuntime.jsx(Box.Box, { as: "span", "aria-hidden": true, children: startIcon })), children] }), jsxRuntime.jsxs(Flex.Flex, { as: "span", gap: 3, children: [onClear ? (jsxRuntime.jsx(IconBox, { as: "button", hasRadius: true, background: "transparent", role: "button", tabIndex: 0, onClick: handleClearClick, "aria-disabled": disabled, "aria-label": clearLabel, title: clearLabel, cursor: "pointer", children: jsxRuntime.jsx(icons.Cross, {}) })) : null, jsxRuntime.jsx(DownIcon, { children: jsxRuntime.jsx(icons.CarretDown, {}) })] })] }) }));
|
|
49
49
|
});
|
|
50
50
|
const IconBox = styled__default.default(Box.Box) `
|
|
51
51
|
border: none;
|
|
@@ -18,7 +18,7 @@ const SelectTrigger = React.forwardRef(({ onClear, clearLabel = 'Clear', startIc
|
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
const composedRefs = useComposedRefs(triggerRef, ref);
|
|
21
|
-
return (jsx(Select.Trigger, { asChild: true, children: jsxs(StyledTrigger, { "aria-disabled": disabled, "$hasError": hasError, "$size": size, ref: composedRefs, alignItems: "center", justifyContent: "space-between", position: "relative", overflow: "hidden", hasRadius: true, background: disabled ? 'neutral150' : 'neutral0', paddingLeft: 3, paddingRight: 3, gap: 4, cursor: "default", width: "100%", ...restProps, children: [jsxs(Flex, { flex: "1", as: "span", gap: 3, children: [startIcon && (jsx(Box, { as: "span", "aria-hidden": true, children: startIcon })), children] }), jsxs(Flex, { as: "span", gap: 3, children: [onClear ? (jsx(IconBox, { as: "button", hasRadius: true, background: "transparent", role: "button", tabIndex: 0, onClick: handleClearClick, "aria-disabled": disabled, "aria-label": clearLabel, title: clearLabel, cursor: "pointer", children: jsx(Cross, {}) })) : null, jsx(DownIcon, { children: jsx(CarretDown, {}) })] })] }) }));
|
|
21
|
+
return (jsx(Select.Trigger, { asChild: true, children: jsxs(StyledTrigger, { "aria-disabled": disabled, "$hasError": hasError, "$size": size, ref: composedRefs, alignItems: "center", justifyContent: "space-between", position: "relative", overflow: "hidden", hasRadius: true, background: disabled ? 'neutral150' : 'neutral0', paddingLeft: 3, paddingRight: 3, paddingTop: 1, paddingBottom: 1, gap: 4, cursor: "default", width: "100%", ...restProps, children: [jsxs(Flex, { flex: "1", as: "span", gap: 3, children: [startIcon && (jsx(Box, { as: "span", "aria-hidden": true, children: startIcon })), children] }), jsxs(Flex, { as: "span", gap: 3, children: [onClear ? (jsx(IconBox, { as: "button", hasRadius: true, background: "transparent", role: "button", tabIndex: 0, onClick: handleClearClick, "aria-disabled": disabled, "aria-label": clearLabel, title: clearLabel, cursor: "pointer", children: jsx(Cross, {}) })) : null, jsx(DownIcon, { children: jsx(CarretDown, {}) })] })] }) }));
|
|
22
22
|
});
|
|
23
23
|
const IconBox = styled(Box) `
|
|
24
24
|
border: none;
|
|
@@ -30,4 +30,4 @@ export type SimpleMenuProps<As extends React.ElementType = React.ElementType> =
|
|
|
30
30
|
*/
|
|
31
31
|
size?: 'S' | 'M';
|
|
32
32
|
};
|
|
33
|
-
export declare const SimpleMenu: <As extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = React.ForwardRefExoticComponent<import("
|
|
33
|
+
export declare const SimpleMenu: <As extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = React.ForwardRefExoticComponent<import("../Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>({ label, children, id, as: asComp, onOpen, onClose, size, popoverPlacement, onReachEnd, ...props }: SimpleMenuProps<As>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
/** Simple variant */
|
|
2
2
|
export declare const SimpleTabBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
3
3
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
4
|
-
background?: import("
|
|
4
|
+
background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
5
5
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
6
|
-
borderColor?: keyof import("
|
|
7
|
-
color?: keyof import("
|
|
6
|
+
borderColor?: keyof import("../themes/colors").Colors | undefined;
|
|
7
|
+
color?: keyof import("../themes/colors").Colors | undefined;
|
|
8
8
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
9
|
-
fontSize?: import("
|
|
9
|
+
fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
10
10
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
11
11
|
hasRadius?: boolean | undefined;
|
|
12
12
|
hiddenS?: boolean | undefined;
|
|
13
13
|
hiddenXS?: boolean | undefined;
|
|
14
|
-
padding?: import("
|
|
15
|
-
paddingBottom?: import("
|
|
16
|
-
paddingLeft?: import("
|
|
17
|
-
paddingRight?: import("
|
|
18
|
-
paddingTop?: import("
|
|
19
|
-
marginLeft?: import("
|
|
20
|
-
marginBottom?: import("
|
|
21
|
-
marginRight?: import("
|
|
22
|
-
marginTop?: import("
|
|
23
|
-
shadow?: keyof import("
|
|
14
|
+
padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
15
|
+
paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
16
|
+
paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
17
|
+
paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
18
|
+
paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
19
|
+
marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
20
|
+
marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
21
|
+
marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
22
|
+
marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
23
|
+
shadow?: keyof import("../themes/colors").Shadows | undefined;
|
|
24
24
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
25
|
-
lineHeight?: import("
|
|
26
|
-
width?: import("
|
|
27
|
-
minWidth?: import("
|
|
28
|
-
maxWidth?: import("
|
|
29
|
-
height?: import("
|
|
30
|
-
minHeight?: import("
|
|
31
|
-
maxHeight?: import("
|
|
32
|
-
top?: import("
|
|
33
|
-
left?: import("
|
|
34
|
-
bottom?: import("
|
|
35
|
-
right?: import("
|
|
25
|
+
lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
26
|
+
width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
27
|
+
minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
28
|
+
maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
29
|
+
height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
30
|
+
minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
31
|
+
maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
32
|
+
top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
33
|
+
left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
34
|
+
bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
35
|
+
right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
36
36
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
37
37
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
38
38
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
|
@@ -46,38 +46,38 @@ export declare const SimpleTabBox: import("styled-components").StyledComponent<"
|
|
|
46
46
|
/** Default variant */
|
|
47
47
|
export declare const DefaultTabBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
48
48
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
49
|
-
background?: import("
|
|
49
|
+
background?: import("../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
50
50
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
51
|
-
borderColor?: keyof import("
|
|
52
|
-
color?: keyof import("
|
|
51
|
+
borderColor?: keyof import("../themes/colors").Colors | undefined;
|
|
52
|
+
color?: keyof import("../themes/colors").Colors | undefined;
|
|
53
53
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
54
|
-
fontSize?: import("
|
|
54
|
+
fontSize?: import("../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
55
55
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
56
56
|
hasRadius?: boolean | undefined;
|
|
57
57
|
hiddenS?: boolean | undefined;
|
|
58
58
|
hiddenXS?: boolean | undefined;
|
|
59
|
-
padding?: import("
|
|
60
|
-
paddingBottom?: import("
|
|
61
|
-
paddingLeft?: import("
|
|
62
|
-
paddingRight?: import("
|
|
63
|
-
paddingTop?: import("
|
|
64
|
-
marginLeft?: import("
|
|
65
|
-
marginBottom?: import("
|
|
66
|
-
marginRight?: import("
|
|
67
|
-
marginTop?: import("
|
|
68
|
-
shadow?: keyof import("
|
|
59
|
+
padding?: import("../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
60
|
+
paddingBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
61
|
+
paddingLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
62
|
+
paddingRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
63
|
+
paddingTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
64
|
+
marginLeft?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
65
|
+
marginBottom?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
66
|
+
marginRight?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
67
|
+
marginTop?: import("../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
68
|
+
shadow?: keyof import("../themes/colors").Shadows | undefined;
|
|
69
69
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
70
|
-
lineHeight?: import("
|
|
71
|
-
width?: import("
|
|
72
|
-
minWidth?: import("
|
|
73
|
-
maxWidth?: import("
|
|
74
|
-
height?: import("
|
|
75
|
-
minHeight?: import("
|
|
76
|
-
maxHeight?: import("
|
|
77
|
-
top?: import("
|
|
78
|
-
left?: import("
|
|
79
|
-
bottom?: import("
|
|
80
|
-
right?: import("
|
|
70
|
+
lineHeight?: import("../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
71
|
+
width?: import("../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
72
|
+
minWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
73
|
+
maxWidth?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
74
|
+
height?: import("../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
75
|
+
minHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
76
|
+
maxHeight?: import("../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
77
|
+
top?: import("../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
78
|
+
left?: import("../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
79
|
+
bottom?: import("../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
80
|
+
right?: import("../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
81
81
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
82
82
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
83
83
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
|
@@ -91,4 +91,4 @@ export declare const DefaultTabButton: import("styled-components").StyledCompone
|
|
|
91
91
|
selected?: boolean | undefined;
|
|
92
92
|
showRightBorder?: boolean | undefined;
|
|
93
93
|
}, never>;
|
|
94
|
-
export declare const DefaultTabsRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("
|
|
94
|
+
export declare const DefaultTabsRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Flex").FlexProps<"div">, never>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { DefaultTheme } from 'styled-components';
|
|
2
2
|
import { TEXT_VARIANTS } from './constants';
|
|
3
3
|
export declare const ellipsisStyle: ({ ellipsis }: {
|
|
4
|
-
ellipsis?: boolean
|
|
4
|
+
ellipsis?: boolean;
|
|
5
5
|
}) => false | "\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n ";
|
|
6
6
|
export declare const variantStyle: ({ variant, theme, }: {
|
|
7
|
-
variant?:
|
|
7
|
+
variant?: (typeof TEXT_VARIANTS)[number];
|
|
8
8
|
theme: DefaultTheme;
|
|
9
9
|
}) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useElementOnScreen: <TElement extends HTMLElement = HTMLElement>(options?: IntersectionObserverInit) => [containerRef:
|
|
1
|
+
export declare const useElementOnScreen: <TElement extends HTMLElement = HTMLElement>(options?: IntersectionObserverInit) => [containerRef: React.RefObject<TElement>, isVisible: boolean];
|
package/dist/themes/utils.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { DefaultTheme } from 'styled-components';
|
|
2
|
-
export declare const getThemeSize: <TType extends keyof import("
|
|
2
|
+
export declare const getThemeSize: <TType extends keyof import("./sizes").Sizes>(type: TType) => ({ theme, size }: {
|
|
3
3
|
theme: DefaultTheme;
|
|
4
4
|
size: keyof DefaultTheme['sizes'][TType];
|
|
5
|
-
}) => import("
|
|
5
|
+
}) => import("./sizes").Sizes[TType][keyof import("./sizes").Sizes[TType]];
|
|
6
6
|
export declare const inputFocusStyle: (rootElement?: string) => ({ theme, hasError }: {
|
|
7
7
|
theme: DefaultTheme;
|
|
8
|
-
hasError?: boolean
|
|
8
|
+
hasError?: boolean;
|
|
9
9
|
}) => import("styled-components").FlattenSimpleInterpolation;
|
|
10
10
|
export declare const buttonFocusStyle: ({ theme }: {
|
|
11
11
|
theme: DefaultTheme;
|
|
@@ -12,38 +12,38 @@ interface SharedLinkProps extends BaseLinkProps {
|
|
|
12
12
|
export type LinkButtonProps = SharedLinkProps & BaseButtonProps;
|
|
13
13
|
export declare const LinkButton: React.ForwardRefExoticComponent<SharedLinkProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
14
14
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
15
|
-
background?: import("
|
|
15
|
+
background?: import("../../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
16
16
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
17
|
-
borderColor?: keyof import("
|
|
18
|
-
color?: keyof import("
|
|
17
|
+
borderColor?: keyof import("../../themes/colors").Colors | undefined;
|
|
18
|
+
color?: keyof import("../../themes/colors").Colors | undefined;
|
|
19
19
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
20
|
-
fontSize?: import("
|
|
20
|
+
fontSize?: import("../../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
21
21
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
22
22
|
hasRadius?: boolean | undefined;
|
|
23
23
|
hiddenS?: boolean | undefined;
|
|
24
24
|
hiddenXS?: boolean | undefined;
|
|
25
|
-
padding?: import("
|
|
26
|
-
paddingBottom?: import("
|
|
27
|
-
paddingLeft?: import("
|
|
28
|
-
paddingRight?: import("
|
|
29
|
-
paddingTop?: import("
|
|
30
|
-
marginLeft?: import("
|
|
31
|
-
marginBottom?: import("
|
|
32
|
-
marginRight?: import("
|
|
33
|
-
marginTop?: import("
|
|
34
|
-
shadow?: keyof import("
|
|
25
|
+
padding?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"padding">;
|
|
26
|
+
paddingBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
27
|
+
paddingLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
28
|
+
paddingRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
29
|
+
paddingTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
30
|
+
marginLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
31
|
+
marginBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
32
|
+
marginRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
33
|
+
marginTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
34
|
+
shadow?: keyof import("../../themes/colors").Shadows | undefined;
|
|
35
35
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
36
|
-
lineHeight?: import("
|
|
37
|
-
width?: import("
|
|
38
|
-
minWidth?: import("
|
|
39
|
-
maxWidth?: import("
|
|
40
|
-
height?: import("
|
|
41
|
-
minHeight?: import("
|
|
42
|
-
maxHeight?: import("
|
|
43
|
-
top?: import("
|
|
44
|
-
left?: import("
|
|
45
|
-
bottom?: import("
|
|
46
|
-
right?: import("
|
|
36
|
+
lineHeight?: import("../../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
37
|
+
width?: import("../../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
38
|
+
minWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
39
|
+
maxWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
40
|
+
height?: import("../../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
41
|
+
minHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
42
|
+
maxHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
43
|
+
top?: import("../../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
44
|
+
left?: import("../../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
45
|
+
bottom?: import("../../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
46
|
+
right?: import("../../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
47
47
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
48
48
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
49
49
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
|
@@ -12,41 +12,41 @@ interface SimpleMenuProps extends Omit<Menu.TriggerProps, 'children'>, Pick<Menu
|
|
|
12
12
|
declare const SimpleMenu: ({ children, onOpen, onClose, popoverPlacement, onReachEnd, ...props }: SimpleMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare const MenuItem: ({ onSelect, disabled, ...props }: Menu.ItemProps<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
|
|
14
14
|
_hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
|
|
15
|
-
background?: import("
|
|
15
|
+
background?: import("../../types").DefaultThemeOrCSSProp<"colors", "background">;
|
|
16
16
|
basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
|
|
17
|
-
borderColor?: keyof import("
|
|
18
|
-
color?: keyof import("
|
|
17
|
+
borderColor?: keyof import("../../themes/colors").Colors | undefined;
|
|
18
|
+
color?: keyof import("../../themes/colors").Colors | undefined;
|
|
19
19
|
flex?: import("csstype").Property.Flex<string | number> | undefined;
|
|
20
|
-
fontSize?: import("
|
|
20
|
+
fontSize?: import("../../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
|
|
21
21
|
grow?: import("csstype").Property.FlexGrow | undefined;
|
|
22
22
|
hasRadius?: boolean | undefined;
|
|
23
23
|
hiddenS?: boolean | undefined;
|
|
24
24
|
hiddenXS?: boolean | undefined;
|
|
25
|
-
padding?: import("
|
|
25
|
+
padding?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"padding">; /**
|
|
26
26
|
* We need to know when the select is open because only then will viewportRef
|
|
27
27
|
* not be null. Because it uses a portal that (sensibly) is not mounted 24/7.
|
|
28
28
|
*/
|
|
29
|
-
paddingBottom?: import("
|
|
30
|
-
paddingLeft?: import("
|
|
31
|
-
paddingRight?: import("
|
|
32
|
-
paddingTop?: import("
|
|
33
|
-
marginLeft?: import("
|
|
34
|
-
marginBottom?: import("
|
|
35
|
-
marginRight?: import("
|
|
36
|
-
marginTop?: import("
|
|
37
|
-
shadow?: keyof import("
|
|
29
|
+
paddingBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
|
|
30
|
+
paddingLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
|
|
31
|
+
paddingRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
|
|
32
|
+
paddingTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
|
|
33
|
+
marginLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
|
|
34
|
+
marginBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
|
|
35
|
+
marginRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
|
|
36
|
+
marginTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
|
|
37
|
+
shadow?: keyof import("../../themes/colors").Shadows | undefined;
|
|
38
38
|
shrink?: import("csstype").Property.FlexShrink | undefined;
|
|
39
|
-
lineHeight?: import("
|
|
40
|
-
width?: import("
|
|
41
|
-
minWidth?: import("
|
|
42
|
-
maxWidth?: import("
|
|
43
|
-
height?: import("
|
|
44
|
-
minHeight?: import("
|
|
45
|
-
maxHeight?: import("
|
|
46
|
-
top?: import("
|
|
47
|
-
left?: import("
|
|
48
|
-
bottom?: import("
|
|
49
|
-
right?: import("
|
|
39
|
+
lineHeight?: import("../../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
|
|
40
|
+
width?: import("../../types").DefaultThemeOrCSSProp<"spaces", "width">;
|
|
41
|
+
minWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
|
|
42
|
+
maxWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
|
|
43
|
+
height?: import("../../types").DefaultThemeOrCSSProp<"spaces", "height">;
|
|
44
|
+
minHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
|
|
45
|
+
maxHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
|
|
46
|
+
top?: import("../../types").DefaultThemeOrCSSProp<"spaces", "top">;
|
|
47
|
+
left?: import("../../types").DefaultThemeOrCSSProp<"spaces", "left">;
|
|
48
|
+
bottom?: import("../../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
|
|
49
|
+
right?: import("../../types").DefaultThemeOrCSSProp<"spaces", "right">;
|
|
50
50
|
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
51
51
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
52
52
|
borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@strapi/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.19.0-typescript.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -33,16 +33,16 @@
|
|
|
33
33
|
"@radix-ui/react-dismissable-layer": "^1.0.5",
|
|
34
34
|
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
35
35
|
"@radix-ui/react-focus-scope": "1.0.4",
|
|
36
|
-
"@strapi/ui-primitives": "1.
|
|
37
|
-
"@uiw/react-codemirror": "^4.21.
|
|
38
|
-
"aria-hidden": "^1.2.
|
|
36
|
+
"@strapi/ui-primitives": "1.19.0-typescript.0",
|
|
37
|
+
"@uiw/react-codemirror": "^4.21.25",
|
|
38
|
+
"aria-hidden": "^1.2.4",
|
|
39
39
|
"compute-scroll-into-view": "^3.1.0",
|
|
40
40
|
"prop-types": "^15.8.1",
|
|
41
41
|
"react-remove-scroll": "^2.5.9"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@playwright/test": "1.
|
|
45
|
-
"@strapi/icons": "1.
|
|
44
|
+
"@playwright/test": "1.43.0",
|
|
45
|
+
"@strapi/icons": "1.19.0-typescript.0",
|
|
46
46
|
"@types/react-router-dom": "^5.3.3",
|
|
47
47
|
"@types/styled-components": "^5.1.26",
|
|
48
48
|
"axe-playwright": "^2.0.1",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"styled-components": "^5.3.11"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
|
-
"@strapi/icons": "1.
|
|
54
|
+
"@strapi/icons": "1.19.0-typescript.0",
|
|
55
55
|
"react": "^17.0.0 || ^18.0.0",
|
|
56
56
|
"react-dom": "^17.0.0 || ^18.0.0",
|
|
57
57
|
"react-router-dom": "^5.2.0",
|