carbon-react 117.6.0 → 117.6.1

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.
Files changed (13) hide show
  1. package/esm/components/message/message-content/message-content.component.d.ts +4 -2
  2. package/esm/components/message/message-content/message-content.component.js +7 -2
  3. package/esm/components/message/message-content/message-content.style.d.ts +2 -1
  4. package/esm/components/message/message-content/message-content.style.js +4 -1
  5. package/esm/components/message/message.component.js +1 -0
  6. package/esm/components/toast/toast.style.d.ts +1 -1
  7. package/lib/components/message/message-content/message-content.component.d.ts +4 -2
  8. package/lib/components/message/message-content/message-content.component.js +7 -2
  9. package/lib/components/message/message-content/message-content.style.d.ts +2 -1
  10. package/lib/components/message/message-content/message-content.style.js +4 -1
  11. package/lib/components/message/message.component.js +1 -0
  12. package/lib/components/toast/toast.style.d.ts +1 -1
  13. package/package.json +1 -1
package/esm/components/message/message-content/message-content.component.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  import React from "react";
2
- interface MessageContentProps {
2
+ export interface MessageContentProps {
3
3
  /** set message title */
4
4
  title?: React.ReactNode;
5
5
  /** set content to component */
6
6
  children?: React.ReactNode;
7
+ /** determines if the close icon is shown */
8
+ showCloseIcon?: boolean;
7
9
  }
8
- declare const MessageContent: ({ title, children }: MessageContentProps) => JSX.Element;
10
+ declare const MessageContent: ({ title, children, showCloseIcon, }: MessageContentProps) => JSX.Element;
9
11
  export default MessageContent;
package/esm/components/message/message-content/message-content.component.js CHANGED
@@ -5,15 +5,20 @@ import MessageContentStyle from "./message-content.style";
5
5
 
6
6
  const MessageContent = ({
7
7
  title,
8
- children
8
+ children,
9
+ showCloseIcon
9
10
  }) => {
10
- return /*#__PURE__*/React.createElement(MessageContentStyle, null, /*#__PURE__*/React.createElement(Content, {
11
+ return /*#__PURE__*/React.createElement(MessageContentStyle, {
12
+ showCloseIcon: showCloseIcon,
13
+ "data-element": "message-content"
14
+ }, /*#__PURE__*/React.createElement(Content, {
11
15
  title: title
12
16
  }, children));
13
17
  };
14
18
 
15
19
  MessageContent.propTypes = {
16
20
  "children": PropTypes.node,
21
+ "showCloseIcon": PropTypes.bool,
17
22
  "title": PropTypes.node
18
23
  };
19
24
  export default MessageContent;
package/esm/components/message/message-content/message-content.style.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ import { MessageContentProps } from "./message-content.component";
2
+ declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, Pick<MessageContentProps, "showCloseIcon">, never>;
2
3
  export default MessageContentStyle;
package/esm/components/message/message-content/message-content.style.js CHANGED
@@ -1,6 +1,9 @@
1
1
  import styled from "styled-components";
2
2
  const MessageContentStyle = styled.div`
3
- padding: 15px 50px 15px 20px;
3
+ padding: 15px ${({
4
+ showCloseIcon
5
+ }) => showCloseIcon ? "50px" : "20px"} 15px
6
+ 20px;
4
7
  white-space: pre-wrap;
5
8
  flex: 1;
6
9
 
package/esm/components/message/message.component.js CHANGED
@@ -48,6 +48,7 @@ const Message = ({
48
48
  variant: variant,
49
49
  transparent: transparent
50
50
  }), /*#__PURE__*/React.createElement(MessageContent, {
51
+ showCloseIcon: showCloseIcon,
51
52
  title: title
52
53
  }, children), renderCloseIcon()) : null;
53
54
  };
package/esm/components/toast/toast.style.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const ToastStyle: import("styled-components").StyledComponent<"div", any
12
12
  isCenter?: boolean | undefined;
13
13
  isNotice?: boolean | undefined;
14
14
  }, never>;
15
- declare const ToastContentStyle: import("styled-components").StyledComponent<"div", any, {
15
+ declare const ToastContentStyle: import("styled-components").StyledComponent<"div", any, Pick<import("../message/message-content/message-content.component").MessageContentProps, "showCloseIcon"> & {
16
16
  isNotice?: boolean | undefined;
17
17
  isDismiss?: boolean | undefined;
18
18
  }, never>;
package/lib/components/message/message-content/message-content.component.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  import React from "react";
2
- interface MessageContentProps {
2
+ export interface MessageContentProps {
3
3
  /** set message title */
4
4
  title?: React.ReactNode;
5
5
  /** set content to component */
6
6
  children?: React.ReactNode;
7
+ /** determines if the close icon is shown */
8
+ showCloseIcon?: boolean;
7
9
  }
8
- declare const MessageContent: ({ title, children }: MessageContentProps) => JSX.Element;
10
+ declare const MessageContent: ({ title, children, showCloseIcon, }: MessageContentProps) => JSX.Element;
9
11
  export default MessageContent;
package/lib/components/message/message-content/message-content.component.js CHANGED
@@ -17,15 +17,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
17
17
 
18
18
  const MessageContent = ({
19
19
  title,
20
- children
20
+ children,
21
+ showCloseIcon
21
22
  }) => {
22
- return /*#__PURE__*/_react.default.createElement(_messageContent.default, null, /*#__PURE__*/_react.default.createElement(_content.default, {
23
+ return /*#__PURE__*/_react.default.createElement(_messageContent.default, {
24
+ showCloseIcon: showCloseIcon,
25
+ "data-element": "message-content"
26
+ }, /*#__PURE__*/_react.default.createElement(_content.default, {
23
27
  title: title
24
28
  }, children));
25
29
  };
26
30
 
27
31
  MessageContent.propTypes = {
28
32
  "children": _propTypes.default.node,
33
+ "showCloseIcon": _propTypes.default.bool,
29
34
  "title": _propTypes.default.node
30
35
  };
31
36
  var _default = MessageContent;
package/lib/components/message/message-content/message-content.style.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ import { MessageContentProps } from "./message-content.component";
2
+ declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, Pick<MessageContentProps, "showCloseIcon">, never>;
2
3
  export default MessageContentStyle;
package/lib/components/message/message-content/message-content.style.js CHANGED
@@ -10,7 +10,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
 
12
12
  const MessageContentStyle = _styledComponents.default.div`
13
- padding: 15px 50px 15px 20px;
13
+ padding: 15px ${({
14
+ showCloseIcon
15
+ }) => showCloseIcon ? "50px" : "20px"} 15px
16
+ 20px;
14
17
  white-space: pre-wrap;
15
18
  flex: 1;
16
19
 
package/lib/components/message/message.component.js CHANGED
@@ -66,6 +66,7 @@ const Message = ({
66
66
  variant: variant,
67
67
  transparent: transparent
68
68
  }), /*#__PURE__*/_react.default.createElement(_messageContent.default, {
69
+ showCloseIcon: showCloseIcon,
69
70
  title: title
70
71
  }, children), renderCloseIcon()) : null;
71
72
  };
package/lib/components/toast/toast.style.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const ToastStyle: import("styled-components").StyledComponent<"div", any
12
12
  isCenter?: boolean | undefined;
13
13
  isNotice?: boolean | undefined;
14
14
  }, never>;
15
- declare const ToastContentStyle: import("styled-components").StyledComponent<"div", any, {
15
+ declare const ToastContentStyle: import("styled-components").StyledComponent<"div", any, Pick<import("../message/message-content/message-content.component").MessageContentProps, "showCloseIcon"> & {
16
16
  isNotice?: boolean | undefined;
17
17
  isDismiss?: boolean | undefined;
18
18
  }, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "117.6.0",
3
+ "version": "117.6.1",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",