carbon-react 119.1.1 → 119.2.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.
Files changed (7) hide show
  1. package/esm/components/message/message.component.d.ts +1 -1
  2. package/esm/components/message/message.component.js +177 -4
  3. package/esm/components/message/message.style.js +4 -0
  4. package/lib/components/message/message.component.d.ts +1 -1
  5. package/lib/components/message/message.component.js +179 -5
  6. package/lib/components/message/message.style.js +4 -0
  7. package/package.json +1 -1
package/esm/components/message/message.component.d.ts CHANGED
@@ -23,5 +23,5 @@ export interface MessageProps extends MarginProps {
23
23
  /** set type of message based on new DLS standard */
24
24
  variant?: MessageVariant;
25
25
  }
26
- export declare const Message: ({ open, transparent, title, variant, children, onDismiss, id, className, closeButtonAriaLabel, showCloseIcon, ...props }: MessageProps) => React.JSX.Element | null;
26
+ export declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
27
27
  export default Message;
package/esm/components/message/message.component.js CHANGED
@@ -1,5 +1,5 @@
1
1
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
2
- import React from "react";
2
+ import React, { useRef } from "react";
3
3
  import PropTypes from "prop-types";
4
4
  import MessageStyle from "./message.style";
5
5
  import TypeIcon from "./type-icon/type-icon.component";
@@ -9,7 +9,7 @@ import Icon from "../icon";
9
9
  import IconButton from "../icon-button";
10
10
  import { filterStyledSystemMarginProps } from "../../style/utils";
11
11
  import useLocale from "../../hooks/__internal__/useLocale";
12
- export const Message = _ref => {
12
+ const Message = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
13
  let {
14
14
  open = true,
15
15
  transparent = false,
@@ -23,6 +23,8 @@ export const Message = _ref => {
23
23
  showCloseIcon = true,
24
24
  ...props
25
25
  } = _ref;
26
+ const messageRef = useRef(null);
27
+ const refToPass = ref || messageRef;
26
28
  const marginProps = filterStyledSystemMarginProps(props);
27
29
  const l = useLocale();
28
30
  const renderCloseIcon = () => {
@@ -40,13 +42,184 @@ export const Message = _ref => {
40
42
  transparent: transparent,
41
43
  variant: variant,
42
44
  role: "status",
43
- id: id
44
- }, marginProps), /*#__PURE__*/React.createElement(TypeIcon, {
45
+ id: id,
46
+ ref: refToPass
47
+ }, marginProps, {
48
+ tabIndex: -1
49
+ }), /*#__PURE__*/React.createElement(TypeIcon, {
45
50
  variant: variant,
46
51
  transparent: transparent
47
52
  }), /*#__PURE__*/React.createElement(MessageContent, {
48
53
  showCloseIcon: showCloseIcon,
49
54
  title: title
50
55
  }, children), renderCloseIcon()) : null;
56
+ });
57
+ Message.propTypes = {
58
+ "children": PropTypes.node,
59
+ "className": PropTypes.string,
60
+ "closeButtonAriaLabel": PropTypes.string,
61
+ "id": PropTypes.string,
62
+ "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
63
+ "__@toStringTag": PropTypes.string.isRequired,
64
+ "description": PropTypes.string,
65
+ "toString": PropTypes.func.isRequired,
66
+ "valueOf": PropTypes.func.isRequired
67
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
68
+ "__@toStringTag": PropTypes.string.isRequired,
69
+ "description": PropTypes.string,
70
+ "toString": PropTypes.func.isRequired,
71
+ "valueOf": PropTypes.func.isRequired
72
+ }), PropTypes.string]),
73
+ "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
74
+ "__@toStringTag": PropTypes.string.isRequired,
75
+ "description": PropTypes.string,
76
+ "toString": PropTypes.func.isRequired,
77
+ "valueOf": PropTypes.func.isRequired
78
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
79
+ "__@toStringTag": PropTypes.string.isRequired,
80
+ "description": PropTypes.string,
81
+ "toString": PropTypes.func.isRequired,
82
+ "valueOf": PropTypes.func.isRequired
83
+ }), PropTypes.string]),
84
+ "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
85
+ "__@toStringTag": PropTypes.string.isRequired,
86
+ "description": PropTypes.string,
87
+ "toString": PropTypes.func.isRequired,
88
+ "valueOf": PropTypes.func.isRequired
89
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
90
+ "__@toStringTag": PropTypes.string.isRequired,
91
+ "description": PropTypes.string,
92
+ "toString": PropTypes.func.isRequired,
93
+ "valueOf": PropTypes.func.isRequired
94
+ }), PropTypes.string]),
95
+ "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
96
+ "__@toStringTag": PropTypes.string.isRequired,
97
+ "description": PropTypes.string,
98
+ "toString": PropTypes.func.isRequired,
99
+ "valueOf": PropTypes.func.isRequired
100
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
101
+ "__@toStringTag": PropTypes.string.isRequired,
102
+ "description": PropTypes.string,
103
+ "toString": PropTypes.func.isRequired,
104
+ "valueOf": PropTypes.func.isRequired
105
+ }), PropTypes.string]),
106
+ "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
107
+ "__@toStringTag": PropTypes.string.isRequired,
108
+ "description": PropTypes.string,
109
+ "toString": PropTypes.func.isRequired,
110
+ "valueOf": PropTypes.func.isRequired
111
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
112
+ "__@toStringTag": PropTypes.string.isRequired,
113
+ "description": PropTypes.string,
114
+ "toString": PropTypes.func.isRequired,
115
+ "valueOf": PropTypes.func.isRequired
116
+ }), PropTypes.string]),
117
+ "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
118
+ "__@toStringTag": PropTypes.string.isRequired,
119
+ "description": PropTypes.string,
120
+ "toString": PropTypes.func.isRequired,
121
+ "valueOf": PropTypes.func.isRequired
122
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
123
+ "__@toStringTag": PropTypes.string.isRequired,
124
+ "description": PropTypes.string,
125
+ "toString": PropTypes.func.isRequired,
126
+ "valueOf": PropTypes.func.isRequired
127
+ }), PropTypes.string]),
128
+ "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
129
+ "__@toStringTag": PropTypes.string.isRequired,
130
+ "description": PropTypes.string,
131
+ "toString": PropTypes.func.isRequired,
132
+ "valueOf": PropTypes.func.isRequired
133
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
134
+ "__@toStringTag": PropTypes.string.isRequired,
135
+ "description": PropTypes.string,
136
+ "toString": PropTypes.func.isRequired,
137
+ "valueOf": PropTypes.func.isRequired
138
+ }), PropTypes.string]),
139
+ "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
140
+ "__@toStringTag": PropTypes.string.isRequired,
141
+ "description": PropTypes.string,
142
+ "toString": PropTypes.func.isRequired,
143
+ "valueOf": PropTypes.func.isRequired
144
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
145
+ "__@toStringTag": PropTypes.string.isRequired,
146
+ "description": PropTypes.string,
147
+ "toString": PropTypes.func.isRequired,
148
+ "valueOf": PropTypes.func.isRequired
149
+ }), PropTypes.string]),
150
+ "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
151
+ "__@toStringTag": PropTypes.string.isRequired,
152
+ "description": PropTypes.string,
153
+ "toString": PropTypes.func.isRequired,
154
+ "valueOf": PropTypes.func.isRequired
155
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
156
+ "__@toStringTag": PropTypes.string.isRequired,
157
+ "description": PropTypes.string,
158
+ "toString": PropTypes.func.isRequired,
159
+ "valueOf": PropTypes.func.isRequired
160
+ }), PropTypes.string]),
161
+ "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
162
+ "__@toStringTag": PropTypes.string.isRequired,
163
+ "description": PropTypes.string,
164
+ "toString": PropTypes.func.isRequired,
165
+ "valueOf": PropTypes.func.isRequired
166
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
167
+ "__@toStringTag": PropTypes.string.isRequired,
168
+ "description": PropTypes.string,
169
+ "toString": PropTypes.func.isRequired,
170
+ "valueOf": PropTypes.func.isRequired
171
+ }), PropTypes.string]),
172
+ "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
173
+ "__@toStringTag": PropTypes.string.isRequired,
174
+ "description": PropTypes.string,
175
+ "toString": PropTypes.func.isRequired,
176
+ "valueOf": PropTypes.func.isRequired
177
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
178
+ "__@toStringTag": PropTypes.string.isRequired,
179
+ "description": PropTypes.string,
180
+ "toString": PropTypes.func.isRequired,
181
+ "valueOf": PropTypes.func.isRequired
182
+ }), PropTypes.string]),
183
+ "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
184
+ "__@toStringTag": PropTypes.string.isRequired,
185
+ "description": PropTypes.string,
186
+ "toString": PropTypes.func.isRequired,
187
+ "valueOf": PropTypes.func.isRequired
188
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
189
+ "__@toStringTag": PropTypes.string.isRequired,
190
+ "description": PropTypes.string,
191
+ "toString": PropTypes.func.isRequired,
192
+ "valueOf": PropTypes.func.isRequired
193
+ }), PropTypes.string]),
194
+ "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
195
+ "__@toStringTag": PropTypes.string.isRequired,
196
+ "description": PropTypes.string,
197
+ "toString": PropTypes.func.isRequired,
198
+ "valueOf": PropTypes.func.isRequired
199
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
200
+ "__@toStringTag": PropTypes.string.isRequired,
201
+ "description": PropTypes.string,
202
+ "toString": PropTypes.func.isRequired,
203
+ "valueOf": PropTypes.func.isRequired
204
+ }), PropTypes.string]),
205
+ "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
206
+ "__@toStringTag": PropTypes.string.isRequired,
207
+ "description": PropTypes.string,
208
+ "toString": PropTypes.func.isRequired,
209
+ "valueOf": PropTypes.func.isRequired
210
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
211
+ "__@toStringTag": PropTypes.string.isRequired,
212
+ "description": PropTypes.string,
213
+ "toString": PropTypes.func.isRequired,
214
+ "valueOf": PropTypes.func.isRequired
215
+ }), PropTypes.string]),
216
+ "onDismiss": PropTypes.func,
217
+ "open": PropTypes.bool,
218
+ "showCloseIcon": PropTypes.bool,
219
+ "title": PropTypes.node,
220
+ "transparent": PropTypes.bool,
221
+ "variant": PropTypes.oneOf(["error", "info", "success", "warning"])
51
222
  };
223
+ export { Message };
224
+ Message.displayName = "Message";
52
225
  export default Message;
package/esm/components/message/message.style.js CHANGED
@@ -24,6 +24,10 @@ const MessageStyle = styled.div`
24
24
  background-color: var(--colorsUtilityYang100);
25
25
  min-height: 38px;
26
26
 
27
+ :focus {
28
+ outline: none;
29
+ }
30
+
27
31
  ${_ref2 => {
28
32
  let {
29
33
  transparent
package/lib/components/message/message.component.d.ts CHANGED
@@ -23,5 +23,5 @@ export interface MessageProps extends MarginProps {
23
23
  /** set type of message based on new DLS standard */
24
24
  variant?: MessageVariant;
25
25
  }
26
- export declare const Message: ({ open, transparent, title, variant, children, onDismiss, id, className, closeButtonAriaLabel, showCloseIcon, ...props }: MessageProps) => React.JSX.Element | null;
26
+ export declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
27
27
  export default Message;
package/lib/components/message/message.component.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.Message = void 0;
7
- var _react = _interopRequireDefault(require("react"));
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _message = _interopRequireDefault(require("./message.style"));
10
10
  var _typeIcon = _interopRequireDefault(require("./type-icon/type-icon.component"));
@@ -15,8 +15,10 @@ var _iconButton = _interopRequireDefault(require("../icon-button"));
15
15
  var _utils = require("../../style/utils");
16
16
  var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
17
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
20
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
19
- const Message = _ref => {
21
+ const Message = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
20
22
  let {
21
23
  open = true,
22
24
  transparent = false,
@@ -30,6 +32,8 @@ const Message = _ref => {
30
32
  showCloseIcon = true,
31
33
  ...props
32
34
  } = _ref;
35
+ const messageRef = (0, _react.useRef)(null);
36
+ const refToPass = ref || messageRef;
33
37
  const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
34
38
  const l = (0, _useLocale.default)();
35
39
  const renderCloseIcon = () => {
@@ -47,15 +51,185 @@ const Message = _ref => {
47
51
  transparent: transparent,
48
52
  variant: variant,
49
53
  role: "status",
50
- id: id
51
- }, marginProps), /*#__PURE__*/_react.default.createElement(_typeIcon.default, {
54
+ id: id,
55
+ ref: refToPass
56
+ }, marginProps, {
57
+ tabIndex: -1
58
+ }), /*#__PURE__*/_react.default.createElement(_typeIcon.default, {
52
59
  variant: variant,
53
60
  transparent: transparent
54
61
  }), /*#__PURE__*/_react.default.createElement(_messageContent.default, {
55
62
  showCloseIcon: showCloseIcon,
56
63
  title: title
57
64
  }, children), renderCloseIcon()) : null;
58
- };
65
+ });
59
66
  exports.Message = Message;
67
+ Message.propTypes = {
68
+ "children": _propTypes.default.node,
69
+ "className": _propTypes.default.string,
70
+ "closeButtonAriaLabel": _propTypes.default.string,
71
+ "id": _propTypes.default.string,
72
+ "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
73
+ "__@toStringTag": _propTypes.default.string.isRequired,
74
+ "description": _propTypes.default.string,
75
+ "toString": _propTypes.default.func.isRequired,
76
+ "valueOf": _propTypes.default.func.isRequired
77
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
78
+ "__@toStringTag": _propTypes.default.string.isRequired,
79
+ "description": _propTypes.default.string,
80
+ "toString": _propTypes.default.func.isRequired,
81
+ "valueOf": _propTypes.default.func.isRequired
82
+ }), _propTypes.default.string]),
83
+ "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
84
+ "__@toStringTag": _propTypes.default.string.isRequired,
85
+ "description": _propTypes.default.string,
86
+ "toString": _propTypes.default.func.isRequired,
87
+ "valueOf": _propTypes.default.func.isRequired
88
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
89
+ "__@toStringTag": _propTypes.default.string.isRequired,
90
+ "description": _propTypes.default.string,
91
+ "toString": _propTypes.default.func.isRequired,
92
+ "valueOf": _propTypes.default.func.isRequired
93
+ }), _propTypes.default.string]),
94
+ "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
95
+ "__@toStringTag": _propTypes.default.string.isRequired,
96
+ "description": _propTypes.default.string,
97
+ "toString": _propTypes.default.func.isRequired,
98
+ "valueOf": _propTypes.default.func.isRequired
99
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
100
+ "__@toStringTag": _propTypes.default.string.isRequired,
101
+ "description": _propTypes.default.string,
102
+ "toString": _propTypes.default.func.isRequired,
103
+ "valueOf": _propTypes.default.func.isRequired
104
+ }), _propTypes.default.string]),
105
+ "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
106
+ "__@toStringTag": _propTypes.default.string.isRequired,
107
+ "description": _propTypes.default.string,
108
+ "toString": _propTypes.default.func.isRequired,
109
+ "valueOf": _propTypes.default.func.isRequired
110
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
111
+ "__@toStringTag": _propTypes.default.string.isRequired,
112
+ "description": _propTypes.default.string,
113
+ "toString": _propTypes.default.func.isRequired,
114
+ "valueOf": _propTypes.default.func.isRequired
115
+ }), _propTypes.default.string]),
116
+ "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
117
+ "__@toStringTag": _propTypes.default.string.isRequired,
118
+ "description": _propTypes.default.string,
119
+ "toString": _propTypes.default.func.isRequired,
120
+ "valueOf": _propTypes.default.func.isRequired
121
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
122
+ "__@toStringTag": _propTypes.default.string.isRequired,
123
+ "description": _propTypes.default.string,
124
+ "toString": _propTypes.default.func.isRequired,
125
+ "valueOf": _propTypes.default.func.isRequired
126
+ }), _propTypes.default.string]),
127
+ "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
128
+ "__@toStringTag": _propTypes.default.string.isRequired,
129
+ "description": _propTypes.default.string,
130
+ "toString": _propTypes.default.func.isRequired,
131
+ "valueOf": _propTypes.default.func.isRequired
132
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
133
+ "__@toStringTag": _propTypes.default.string.isRequired,
134
+ "description": _propTypes.default.string,
135
+ "toString": _propTypes.default.func.isRequired,
136
+ "valueOf": _propTypes.default.func.isRequired
137
+ }), _propTypes.default.string]),
138
+ "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
139
+ "__@toStringTag": _propTypes.default.string.isRequired,
140
+ "description": _propTypes.default.string,
141
+ "toString": _propTypes.default.func.isRequired,
142
+ "valueOf": _propTypes.default.func.isRequired
143
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
144
+ "__@toStringTag": _propTypes.default.string.isRequired,
145
+ "description": _propTypes.default.string,
146
+ "toString": _propTypes.default.func.isRequired,
147
+ "valueOf": _propTypes.default.func.isRequired
148
+ }), _propTypes.default.string]),
149
+ "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
150
+ "__@toStringTag": _propTypes.default.string.isRequired,
151
+ "description": _propTypes.default.string,
152
+ "toString": _propTypes.default.func.isRequired,
153
+ "valueOf": _propTypes.default.func.isRequired
154
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
155
+ "__@toStringTag": _propTypes.default.string.isRequired,
156
+ "description": _propTypes.default.string,
157
+ "toString": _propTypes.default.func.isRequired,
158
+ "valueOf": _propTypes.default.func.isRequired
159
+ }), _propTypes.default.string]),
160
+ "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
161
+ "__@toStringTag": _propTypes.default.string.isRequired,
162
+ "description": _propTypes.default.string,
163
+ "toString": _propTypes.default.func.isRequired,
164
+ "valueOf": _propTypes.default.func.isRequired
165
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
166
+ "__@toStringTag": _propTypes.default.string.isRequired,
167
+ "description": _propTypes.default.string,
168
+ "toString": _propTypes.default.func.isRequired,
169
+ "valueOf": _propTypes.default.func.isRequired
170
+ }), _propTypes.default.string]),
171
+ "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
172
+ "__@toStringTag": _propTypes.default.string.isRequired,
173
+ "description": _propTypes.default.string,
174
+ "toString": _propTypes.default.func.isRequired,
175
+ "valueOf": _propTypes.default.func.isRequired
176
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
177
+ "__@toStringTag": _propTypes.default.string.isRequired,
178
+ "description": _propTypes.default.string,
179
+ "toString": _propTypes.default.func.isRequired,
180
+ "valueOf": _propTypes.default.func.isRequired
181
+ }), _propTypes.default.string]),
182
+ "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
183
+ "__@toStringTag": _propTypes.default.string.isRequired,
184
+ "description": _propTypes.default.string,
185
+ "toString": _propTypes.default.func.isRequired,
186
+ "valueOf": _propTypes.default.func.isRequired
187
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
188
+ "__@toStringTag": _propTypes.default.string.isRequired,
189
+ "description": _propTypes.default.string,
190
+ "toString": _propTypes.default.func.isRequired,
191
+ "valueOf": _propTypes.default.func.isRequired
192
+ }), _propTypes.default.string]),
193
+ "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
194
+ "__@toStringTag": _propTypes.default.string.isRequired,
195
+ "description": _propTypes.default.string,
196
+ "toString": _propTypes.default.func.isRequired,
197
+ "valueOf": _propTypes.default.func.isRequired
198
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
199
+ "__@toStringTag": _propTypes.default.string.isRequired,
200
+ "description": _propTypes.default.string,
201
+ "toString": _propTypes.default.func.isRequired,
202
+ "valueOf": _propTypes.default.func.isRequired
203
+ }), _propTypes.default.string]),
204
+ "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
205
+ "__@toStringTag": _propTypes.default.string.isRequired,
206
+ "description": _propTypes.default.string,
207
+ "toString": _propTypes.default.func.isRequired,
208
+ "valueOf": _propTypes.default.func.isRequired
209
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
210
+ "__@toStringTag": _propTypes.default.string.isRequired,
211
+ "description": _propTypes.default.string,
212
+ "toString": _propTypes.default.func.isRequired,
213
+ "valueOf": _propTypes.default.func.isRequired
214
+ }), _propTypes.default.string]),
215
+ "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
216
+ "__@toStringTag": _propTypes.default.string.isRequired,
217
+ "description": _propTypes.default.string,
218
+ "toString": _propTypes.default.func.isRequired,
219
+ "valueOf": _propTypes.default.func.isRequired
220
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
221
+ "__@toStringTag": _propTypes.default.string.isRequired,
222
+ "description": _propTypes.default.string,
223
+ "toString": _propTypes.default.func.isRequired,
224
+ "valueOf": _propTypes.default.func.isRequired
225
+ }), _propTypes.default.string]),
226
+ "onDismiss": _propTypes.default.func,
227
+ "open": _propTypes.default.bool,
228
+ "showCloseIcon": _propTypes.default.bool,
229
+ "title": _propTypes.default.node,
230
+ "transparent": _propTypes.default.bool,
231
+ "variant": _propTypes.default.oneOf(["error", "info", "success", "warning"])
232
+ };
233
+ Message.displayName = "Message";
60
234
  var _default = Message;
61
235
  exports.default = _default;
package/lib/components/message/message.style.js CHANGED
@@ -33,6 +33,10 @@ const MessageStyle = _styledComponents.default.div`
33
33
  background-color: var(--colorsUtilityYang100);
34
34
  min-height: 38px;
35
35
 
36
+ :focus {
37
+ outline: none;
38
+ }
39
+
36
40
  ${_ref2 => {
37
41
  let {
38
42
  transparent
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "119.1.1",
3
+ "version": "119.2.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",