carbon-react 104.58.7 → 104.58.8
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/esm/components/message/message-content/message-content.component.d.ts +3 -13
- package/esm/components/message/message-content/message-content.component.js +1 -12
- package/esm/components/message/message.component.js +1 -3
- package/esm/components/message/message.d.ts +1 -9
- package/esm/components/message/type-icon/type-icon.component.js +1 -1
- package/esm/components/message/type-icon/type-icon.style.js +1 -1
- package/esm/components/toast/toast.component.js +3 -3
- package/esm/components/toast/toast.config.js +1 -1
- package/esm/components/toast/toast.d.ts +4 -18
- package/lib/components/message/message-content/message-content.component.d.ts +3 -13
- package/lib/components/message/message-content/message-content.component.js +1 -12
- package/lib/components/message/message.component.js +1 -3
- package/lib/components/message/message.d.ts +1 -9
- package/lib/components/message/type-icon/type-icon.component.js +1 -1
- package/lib/components/message/type-icon/type-icon.style.js +1 -1
- package/lib/components/toast/toast.component.js +3 -3
- package/lib/components/toast/toast.config.js +1 -1
- package/lib/components/toast/toast.d.ts +4 -18
- package/package.json +1 -1
|
@@ -1,22 +1,12 @@
|
|
|
1
1
|
export default MessageContent;
|
|
2
|
-
declare function MessageContent({
|
|
3
|
-
variant: any;
|
|
2
|
+
declare function MessageContent({ title, children }: {
|
|
4
3
|
title: any;
|
|
5
|
-
transparent: any;
|
|
6
4
|
children: any;
|
|
7
5
|
}): JSX.Element;
|
|
8
6
|
declare namespace MessageContent {
|
|
9
|
-
namespace defaultProps {
|
|
10
|
-
const variant: string;
|
|
11
|
-
const transparent: boolean;
|
|
12
|
-
}
|
|
13
7
|
namespace propTypes {
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
export const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
|
-
const transparent_1: PropTypes.Requireable<boolean>;
|
|
18
|
-
export { transparent_1 as transparent };
|
|
19
|
-
export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
8
|
+
const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
9
|
+
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
20
10
|
}
|
|
21
11
|
}
|
|
22
12
|
import PropTypes from "prop-types";
|
|
@@ -4,28 +4,17 @@ import Content from "../../content/content.component.js";
|
|
|
4
4
|
import MessageContentStyle from "./message-content.style";
|
|
5
5
|
|
|
6
6
|
const MessageContent = ({
|
|
7
|
-
variant,
|
|
8
7
|
title,
|
|
9
|
-
transparent,
|
|
10
8
|
children
|
|
11
9
|
}) => {
|
|
12
|
-
return /*#__PURE__*/React.createElement(MessageContentStyle, {
|
|
13
|
-
variant: variant,
|
|
14
|
-
transparent: transparent
|
|
15
|
-
}, /*#__PURE__*/React.createElement(Content, {
|
|
10
|
+
return /*#__PURE__*/React.createElement(MessageContentStyle, null, /*#__PURE__*/React.createElement(Content, {
|
|
16
11
|
title: title,
|
|
17
12
|
className: "message-content"
|
|
18
13
|
}, children));
|
|
19
14
|
};
|
|
20
15
|
|
|
21
|
-
MessageContent.defaultProps = {
|
|
22
|
-
variant: "info",
|
|
23
|
-
transparent: false
|
|
24
|
-
};
|
|
25
16
|
MessageContent.propTypes = {
|
|
26
|
-
variant: PropTypes.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
|
|
27
17
|
title: PropTypes.node,
|
|
28
|
-
transparent: PropTypes.bool,
|
|
29
18
|
children: PropTypes.node
|
|
30
19
|
};
|
|
31
20
|
export default MessageContent;
|
|
@@ -51,8 +51,6 @@ const Message = ({
|
|
|
51
51
|
variant: variant,
|
|
52
52
|
transparent: transparent
|
|
53
53
|
}), /*#__PURE__*/React.createElement(MessageContent, {
|
|
54
|
-
variant: variant,
|
|
55
|
-
transparent: transparent,
|
|
56
54
|
title: title
|
|
57
55
|
}, children), renderCloseIcon());
|
|
58
56
|
};
|
|
@@ -60,7 +58,7 @@ const Message = ({
|
|
|
60
58
|
Message.propTypes = { ...marginPropTypes,
|
|
61
59
|
|
|
62
60
|
/** set type of message based on new DLS standard */
|
|
63
|
-
variant: PropTypes.oneOf(["
|
|
61
|
+
variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
|
|
64
62
|
|
|
65
63
|
/** set content to component */
|
|
66
64
|
children: PropTypes.node,
|
|
@@ -21,15 +21,7 @@ export interface MessageProps extends MarginProps {
|
|
|
21
21
|
/** set background to be invisible */
|
|
22
22
|
transparent?: boolean;
|
|
23
23
|
/** set type of message based on new DLS standard */
|
|
24
|
-
variant?:
|
|
25
|
-
| "default"
|
|
26
|
-
| "error"
|
|
27
|
-
| "help"
|
|
28
|
-
| "info"
|
|
29
|
-
| "maintenance"
|
|
30
|
-
| "new"
|
|
31
|
-
| "success"
|
|
32
|
-
| "warning";
|
|
24
|
+
variant?: "error" | "info" | "success" | "warning";
|
|
33
25
|
}
|
|
34
26
|
|
|
35
27
|
declare function Message(props: MessageProps): JSX.Element;
|
|
@@ -20,7 +20,7 @@ TypeIcon.defaultProps = {
|
|
|
20
20
|
transparent: false
|
|
21
21
|
};
|
|
22
22
|
TypeIcon.propTypes = {
|
|
23
|
-
variant: PropTypes.oneOf(["
|
|
23
|
+
variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
|
|
24
24
|
transparent: PropTypes.bool
|
|
25
25
|
};
|
|
26
26
|
export default TypeIcon;
|
|
@@ -39,7 +39,7 @@ TypeIconStyle.defaultProps = {
|
|
|
39
39
|
transparent: false
|
|
40
40
|
};
|
|
41
41
|
TypeIconStyle.propTypes = {
|
|
42
|
-
variant: PropTypes.oneOf(["
|
|
42
|
+
variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
|
|
43
43
|
border: PropTypes.bool,
|
|
44
44
|
transparent: PropTypes.bool
|
|
45
45
|
};
|
|
@@ -13,7 +13,7 @@ import Events from "../../__internal__/utils/helpers/events";
|
|
|
13
13
|
import useLocale from "../../hooks/__internal__/useLocale";
|
|
14
14
|
|
|
15
15
|
const Toast = ({
|
|
16
|
-
as = "
|
|
16
|
+
as = "success",
|
|
17
17
|
children,
|
|
18
18
|
className,
|
|
19
19
|
id,
|
|
@@ -109,10 +109,10 @@ const Toast = ({
|
|
|
109
109
|
|
|
110
110
|
Toast.propTypes = {
|
|
111
111
|
/** Customizes the appearance in the DLS theme */
|
|
112
|
-
variant: PropTypes.oneOf(["
|
|
112
|
+
variant: PropTypes.oneOf(["error", "info", "success", "warning"]),
|
|
113
113
|
|
|
114
114
|
/** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
|
|
115
|
-
as: PropTypes.oneOf(["
|
|
115
|
+
as: PropTypes.oneOf(["error", "info", "success", "warning"]),
|
|
116
116
|
|
|
117
117
|
/** Custom className */
|
|
118
118
|
className: PropTypes.string,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// eslint-disable-next-line import/prefer-default-export
|
|
2
|
-
export const TOAST_COLORS = ["
|
|
2
|
+
export const TOAST_COLORS = ["error", "info", "success", "warning"];
|
|
@@ -1,28 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
|
|
3
|
+
type ToastVariants = "error" | "info" | "success" | "warning";
|
|
4
|
+
|
|
3
5
|
export interface ToastPropTypes {
|
|
4
6
|
/** The rendered children of the component. */
|
|
5
7
|
children: React.ReactNode;
|
|
6
8
|
/** Customizes the appearance in the DLS theme */
|
|
7
|
-
variant?:
|
|
8
|
-
| "default"
|
|
9
|
-
| "error"
|
|
10
|
-
| "help"
|
|
11
|
-
| "info"
|
|
12
|
-
| "maintenance"
|
|
13
|
-
| "new"
|
|
14
|
-
| "success"
|
|
15
|
-
| "warning";
|
|
9
|
+
variant?: ToastVariants;
|
|
16
10
|
/** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
|
|
17
|
-
as?:
|
|
18
|
-
| "default"
|
|
19
|
-
| "error"
|
|
20
|
-
| "help"
|
|
21
|
-
| "info"
|
|
22
|
-
| "maintenance"
|
|
23
|
-
| "new"
|
|
24
|
-
| "success"
|
|
25
|
-
| "warning";
|
|
11
|
+
as?: ToastVariants;
|
|
26
12
|
/** Custom className */
|
|
27
13
|
className?: string;
|
|
28
14
|
/** Custom id */
|
|
@@ -1,22 +1,12 @@
|
|
|
1
1
|
export default MessageContent;
|
|
2
|
-
declare function MessageContent({
|
|
3
|
-
variant: any;
|
|
2
|
+
declare function MessageContent({ title, children }: {
|
|
4
3
|
title: any;
|
|
5
|
-
transparent: any;
|
|
6
4
|
children: any;
|
|
7
5
|
}): JSX.Element;
|
|
8
6
|
declare namespace MessageContent {
|
|
9
|
-
namespace defaultProps {
|
|
10
|
-
const variant: string;
|
|
11
|
-
const transparent: boolean;
|
|
12
|
-
}
|
|
13
7
|
namespace propTypes {
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
export const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
|
-
const transparent_1: PropTypes.Requireable<boolean>;
|
|
18
|
-
export { transparent_1 as transparent };
|
|
19
|
-
export const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
8
|
+
const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
9
|
+
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
20
10
|
}
|
|
21
11
|
}
|
|
22
12
|
import PropTypes from "prop-types";
|
|
@@ -16,28 +16,17 @@ var _messageContent = _interopRequireDefault(require("./message-content.style"))
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
18
18
|
const MessageContent = ({
|
|
19
|
-
variant,
|
|
20
19
|
title,
|
|
21
|
-
transparent,
|
|
22
20
|
children
|
|
23
21
|
}) => {
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_messageContent.default, {
|
|
25
|
-
variant: variant,
|
|
26
|
-
transparent: transparent
|
|
27
|
-
}, /*#__PURE__*/_react.default.createElement(_contentComponent.default, {
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_messageContent.default, null, /*#__PURE__*/_react.default.createElement(_contentComponent.default, {
|
|
28
23
|
title: title,
|
|
29
24
|
className: "message-content"
|
|
30
25
|
}, children));
|
|
31
26
|
};
|
|
32
27
|
|
|
33
|
-
MessageContent.defaultProps = {
|
|
34
|
-
variant: "info",
|
|
35
|
-
transparent: false
|
|
36
|
-
};
|
|
37
28
|
MessageContent.propTypes = {
|
|
38
|
-
variant: _propTypes.default.oneOf(["default", "error", "help", "info", "maintenance", "new", "success", "warning"]),
|
|
39
29
|
title: _propTypes.default.node,
|
|
40
|
-
transparent: _propTypes.default.bool,
|
|
41
30
|
children: _propTypes.default.node
|
|
42
31
|
};
|
|
43
32
|
var _default = MessageContent;
|
|
@@ -71,8 +71,6 @@ const Message = ({
|
|
|
71
71
|
variant: variant,
|
|
72
72
|
transparent: transparent
|
|
73
73
|
}), /*#__PURE__*/_react.default.createElement(_messageContent.default, {
|
|
74
|
-
variant: variant,
|
|
75
|
-
transparent: transparent,
|
|
76
74
|
title: title
|
|
77
75
|
}, children), renderCloseIcon());
|
|
78
76
|
};
|
|
@@ -80,7 +78,7 @@ const Message = ({
|
|
|
80
78
|
Message.propTypes = { ...marginPropTypes,
|
|
81
79
|
|
|
82
80
|
/** set type of message based on new DLS standard */
|
|
83
|
-
variant: _propTypes.default.oneOf(["
|
|
81
|
+
variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
|
|
84
82
|
|
|
85
83
|
/** set content to component */
|
|
86
84
|
children: _propTypes.default.node,
|
|
@@ -21,15 +21,7 @@ export interface MessageProps extends MarginProps {
|
|
|
21
21
|
/** set background to be invisible */
|
|
22
22
|
transparent?: boolean;
|
|
23
23
|
/** set type of message based on new DLS standard */
|
|
24
|
-
variant?:
|
|
25
|
-
| "default"
|
|
26
|
-
| "error"
|
|
27
|
-
| "help"
|
|
28
|
-
| "info"
|
|
29
|
-
| "maintenance"
|
|
30
|
-
| "new"
|
|
31
|
-
| "success"
|
|
32
|
-
| "warning";
|
|
24
|
+
variant?: "error" | "info" | "success" | "warning";
|
|
33
25
|
}
|
|
34
26
|
|
|
35
27
|
declare function Message(props: MessageProps): JSX.Element;
|
|
@@ -32,7 +32,7 @@ TypeIcon.defaultProps = {
|
|
|
32
32
|
transparent: false
|
|
33
33
|
};
|
|
34
34
|
TypeIcon.propTypes = {
|
|
35
|
-
variant: _propTypes.default.oneOf(["
|
|
35
|
+
variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
|
|
36
36
|
transparent: _propTypes.default.bool
|
|
37
37
|
};
|
|
38
38
|
var _default = TypeIcon;
|
|
@@ -54,7 +54,7 @@ TypeIconStyle.defaultProps = {
|
|
|
54
54
|
transparent: false
|
|
55
55
|
};
|
|
56
56
|
TypeIconStyle.propTypes = {
|
|
57
|
-
variant: _propTypes.default.oneOf(["
|
|
57
|
+
variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
|
|
58
58
|
border: _propTypes.default.bool,
|
|
59
59
|
transparent: _propTypes.default.bool
|
|
60
60
|
};
|
|
@@ -36,7 +36,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
|
|
|
36
36
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
37
37
|
|
|
38
38
|
const Toast = ({
|
|
39
|
-
as = "
|
|
39
|
+
as = "success",
|
|
40
40
|
children,
|
|
41
41
|
className,
|
|
42
42
|
id,
|
|
@@ -135,10 +135,10 @@ const Toast = ({
|
|
|
135
135
|
|
|
136
136
|
Toast.propTypes = {
|
|
137
137
|
/** Customizes the appearance in the DLS theme */
|
|
138
|
-
variant: _propTypes.default.oneOf(["
|
|
138
|
+
variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
|
|
139
139
|
|
|
140
140
|
/** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
|
|
141
|
-
as: _propTypes.default.oneOf(["
|
|
141
|
+
as: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
|
|
142
142
|
|
|
143
143
|
/** Custom className */
|
|
144
144
|
className: _propTypes.default.string,
|
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.TOAST_COLORS = void 0;
|
|
7
7
|
// eslint-disable-next-line import/prefer-default-export
|
|
8
|
-
const TOAST_COLORS = ["
|
|
8
|
+
const TOAST_COLORS = ["error", "info", "success", "warning"];
|
|
9
9
|
exports.TOAST_COLORS = TOAST_COLORS;
|
|
@@ -1,28 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
|
|
3
|
+
type ToastVariants = "error" | "info" | "success" | "warning";
|
|
4
|
+
|
|
3
5
|
export interface ToastPropTypes {
|
|
4
6
|
/** The rendered children of the component. */
|
|
5
7
|
children: React.ReactNode;
|
|
6
8
|
/** Customizes the appearance in the DLS theme */
|
|
7
|
-
variant?:
|
|
8
|
-
| "default"
|
|
9
|
-
| "error"
|
|
10
|
-
| "help"
|
|
11
|
-
| "info"
|
|
12
|
-
| "maintenance"
|
|
13
|
-
| "new"
|
|
14
|
-
| "success"
|
|
15
|
-
| "warning";
|
|
9
|
+
variant?: ToastVariants;
|
|
16
10
|
/** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
|
|
17
|
-
as?:
|
|
18
|
-
| "default"
|
|
19
|
-
| "error"
|
|
20
|
-
| "help"
|
|
21
|
-
| "info"
|
|
22
|
-
| "maintenance"
|
|
23
|
-
| "new"
|
|
24
|
-
| "success"
|
|
25
|
-
| "warning";
|
|
11
|
+
as?: ToastVariants;
|
|
26
12
|
/** Custom className */
|
|
27
13
|
className?: string;
|
|
28
14
|
/** Custom id */
|