@commercetools-uikit/notifications 12.2.3 → 12.2.7

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 (10) hide show
  1. package/README.md +62 -0
  2. package/dist/commercetools-uikit-notifications.cjs.d.ts +1 -0
  3. package/dist/commercetools-uikit-notifications.cjs.dev.js +47 -95
  4. package/dist/commercetools-uikit-notifications.cjs.prod.js +38 -79
  5. package/dist/commercetools-uikit-notifications.esm.js +46 -92
  6. package/dist/declarations/src/content-notification/content-notification.d.ts +12 -0
  7. package/dist/declarations/src/content-notification/index.d.ts +1 -0
  8. package/dist/declarations/src/index.d.ts +2 -0
  9. package/dist/declarations/src/version.d.ts +2 -0
  10. package/package.json +12 -14
package/README.md CHANGED
@@ -1 +1,63 @@
1
+ <!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
2
+ <!-- This file is created by the `yarn generate-readme` script. -->
3
+
1
4
  # Notifications
5
+
6
+ ## Description
7
+
8
+ Notification components.
9
+
10
+ ## Installation
11
+
12
+ ```
13
+ yarn add @commercetools-uikit/notifications
14
+ ```
15
+
16
+ ```
17
+ npm --save install @commercetools-uikit/notifications
18
+ ```
19
+
20
+ Additionally install the peer dependencies (if not present)
21
+
22
+ ```
23
+ yarn add react react-intl
24
+ ```
25
+
26
+ ```
27
+ npm --save install react react-intl
28
+ ```
29
+
30
+ ## Usage
31
+
32
+ ```jsx
33
+ import { ContentNotification } from '@commercetools-uikit/notifications';
34
+
35
+ export const Success = () => (
36
+ <ContentNotification type="success">
37
+ This is an success message
38
+ </ContentNotification>
39
+ );
40
+ export const Info = () => (
41
+ <ContentNotification type="info">This is an info message</ContentNotification>
42
+ );
43
+ export const Warning = () => (
44
+ <ContentNotification type="warning">
45
+ This is an warning message
46
+ </ContentNotification>
47
+ );
48
+ export const Error = () => (
49
+ <ContentNotification type="error">
50
+ This is an error message
51
+ </ContentNotification>
52
+ );
53
+ ```
54
+
55
+ ## ContentNotification
56
+
57
+ ### Properties
58
+
59
+ | Props | Type | Required | Default | Description |
60
+ | ------------- | --------------------------------------------------------------------------- | :------: | ------- | ------------------------------------------------------------------------------------------------------------------------------ |
61
+ | `type` | `union`<br/>Possible values:<br/>`'error' , 'info' , 'warning' , 'success'` | ✅ | | Determines the color/type of notification. |
62
+ | `intlMessage` | `MessageDescriptor` | | | An `intl` message object that will be rendered with `FormattedMessage`.&#xA;<br />&#xA;Required if `children` is not provided. |
63
+ | `children` | `ReactNode` | | | The content of the notification.&#xA;<br />&#xA;Required if `intlMessage` is not provided. |
package/dist/commercetools-uikit-notifications.cjs.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./declarations/src/index";
package/dist/commercetools-uikit-notifications.cjs.dev.js CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
5
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
6
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
7
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -12,24 +11,17 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
12
11
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
15
- var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
16
- var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
17
- var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
18
- var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
19
- var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
14
+ var _pt = require('prop-types');
20
15
  var react$1 = require('react');
21
- var PropTypes = require('prop-types');
16
+ var reactIntl = require('react-intl');
22
17
  var react = require('@emotion/react');
23
18
  var designSystem = require('@commercetools-uikit/design-system');
24
19
  var icons = require('@commercetools-uikit/icons');
25
20
  var utils = require('@commercetools-uikit/utils');
26
- var reactIntl = require('react-intl');
27
- var requiredIf = require('react-required-if');
28
21
  var jsxRuntime = require('@emotion/react/jsx-runtime');
29
22
 
30
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
31
24
 
32
- var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
33
25
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
34
26
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
35
27
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -38,16 +30,17 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
38
30
  var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
39
31
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
40
32
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
41
- var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
42
- var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
43
-
44
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
33
+ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
45
34
 
46
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
35
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
47
36
 
48
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default['default'](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
37
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
49
38
 
50
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default['default']) return false; if (_Reflect$construct__default['default'].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default['default'](Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
+ var warnIfMissingContent = function warnIfMissingContent(props) {
40
+ var hasContent = Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
41
+ process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['Warning: Failed prop type:', "The prop `intlMessage` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
42
+ process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['Warning: Failed prop type:', "The prop `children` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
43
+ };
51
44
 
52
45
  var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
53
46
  switch (props.type) {
@@ -68,8 +61,8 @@ var getIconContainerBackgroundColour = function getIconContainerBackgroundColour
68
61
  }
69
62
  };
70
63
 
71
- var getIconByType = function getIconByType(type) {
72
- switch (type) {
64
+ var getIconByType = function getIconByType(props) {
65
+ switch (props.type) {
73
66
  case 'error':
74
67
  return icons.ErrorIcon;
75
68
 
@@ -84,39 +77,22 @@ var getIconByType = function getIconByType(type) {
84
77
  }
85
78
  };
86
79
 
87
- var NotificationIcon = /*#__PURE__*/function (_PureComponent) {
88
- _inherits(NotificationIcon, _PureComponent);
89
-
90
- var _super = _createSuper(NotificationIcon);
91
-
92
- function NotificationIcon() {
93
- _classCallCheck(this, NotificationIcon);
94
-
95
- return _super.apply(this, arguments);
96
- }
97
-
98
- _createClass(NotificationIcon, [{
99
- key: "render",
100
- value: function render() {
101
- var Icon = getIconByType(this.props.type);
102
- return jsxRuntime.jsx("div", {
103
- css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.customProperties.borderRadius6, " 0 0 ", designSystem.customProperties.borderRadius6, ";border-width:0;padding:", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(this.props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEZ0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
104
- children: jsxRuntime.jsx(Icon, {
105
- color: "surface"
106
- })
107
- });
108
- }
109
- }]);
110
-
111
- return NotificationIcon;
112
- }(react$1.PureComponent);
80
+ var NotificationIcon = function NotificationIcon(props) {
81
+ var Icon = getIconByType(props);
82
+ return jsxRuntime.jsx("div", {
83
+ css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.customProperties.borderRadius6, " 0 0 ", designSystem.customProperties.borderRadius6, ";border-width:0;padding:", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRmMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvcjtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMCAwICR7dmFycy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAwO1xuICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiBjb2xvcj1cInN1cmZhY2VcIiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JJbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHt2YXJzLnNwYWNpbmdTfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
84
+ children: jsxRuntime.jsx(Icon, {
85
+ color: "surface"
86
+ })
87
+ });
88
+ };
113
89
 
114
- NotificationIcon.displayName = 'NotificationIcon';
115
90
  NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
116
- type: PropTypes__default['default'].oneOf(['error', 'info', 'warning', 'success']).isRequired,
117
- // eslint-disable-next-line react/no-unused-prop-types
118
- theme: PropTypes__default['default'].string.isRequired
91
+ type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
92
+ intlMessage: _pt__default["default"].any,
93
+ children: _pt__default["default"].node
119
94
  } : {};
95
+ NotificationIcon.displayName = 'NotificationIcon';
120
96
 
121
97
  var getContentBorderColor = function getContentBorderColor(props) {
122
98
  switch (props.type) {
@@ -137,55 +113,31 @@ var getContentBorderColor = function getContentBorderColor(props) {
137
113
  }
138
114
  };
139
115
 
140
- var ContentNotification = /*#__PURE__*/function (_PureComponent2) {
141
- _inherits(ContentNotification, _PureComponent2);
142
-
143
- var _super2 = _createSuper(ContentNotification);
144
-
145
- function ContentNotification() {
146
- _classCallCheck(this, ContentNotification);
147
-
148
- return _super2.apply(this, arguments);
149
- }
150
-
151
- _createClass(ContentNotification, [{
152
- key: "render",
153
- value: function render() {
154
- return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(this.props)), {}, {
155
- css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSolid, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHZ0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
156
- children: [jsxRuntime.jsx(NotificationIcon, {
157
- type: this.props.type,
158
- theme: "white"
159
- }), jsxRuntime.jsx("div", {
160
- css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.customProperties.spacingS, ";background:", designSystem.customProperties.colorSurface, ";border-radius:0 ", designSystem.customProperties.borderRadius6, " ", designSystem.customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(this.props), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIa0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
161
- children: this.props.intlMessage ? jsxRuntime.jsx("div", {
162
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, this.props.intlMessage))
163
- }) : this.props.children
164
- })]
165
- }));
166
- }
167
- }]);
168
-
169
- return ContentNotification;
170
- }(react$1.PureComponent);
116
+ var ContentNotification = function ContentNotification(props) {
117
+ warnIfMissingContent(props);
118
+ return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
119
+ css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSolid, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSWMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvcjtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMCAwICR7dmFycy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAwO1xuICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiBjb2xvcj1cInN1cmZhY2VcIiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JJbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHt2YXJzLnNwYWNpbmdTfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
120
+ children: [jsxRuntime.jsx(NotificationIcon, {
121
+ type: props.type
122
+ }), jsxRuntime.jsx("div", {
123
+ css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.customProperties.spacingS, ";background:", designSystem.customProperties.colorSurface, ";border-radius:0 ", designSystem.customProperties.borderRadius6, " ", designSystem.customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3I7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHt2YXJzLmJvcmRlclJhZGl1czZ9IDAgMCAke3ZhcnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgcGFkZGluZzogJHt2YXJzLnNwYWNpbmdTfSAke3ZhcnMuc3BhY2luZ019O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25JY29uLmRpc3BsYXlOYW1lID0gJ05vdGlmaWNhdGlvbkljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7dmFycy5zcGFjaW5nU307XG4gICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gJHt2YXJzLmJvcmRlclJhZGl1czZ9IDA7XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogKFxuICAgICAgICAgIHByb3BzLmNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
124
+ children: props.intlMessage ? jsxRuntime.jsx("div", {
125
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
126
+ }) : props.children
127
+ })]
128
+ }));
129
+ };
171
130
 
172
- ContentNotification.displayName = 'ContentNotification';
173
131
  ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
174
- type: PropTypes__default['default'].oneOf(['error', 'info', 'warning', 'success']).isRequired,
175
- children: requiredIf__default['default'](PropTypes__default['default'].node, function (props) {
176
- return !props.intlMessage;
177
- }),
178
- intlMessage: requiredIf__default['default'](PropTypes__default['default'].shape({
179
- id: PropTypes__default['default'].string.isRequired,
180
- description: PropTypes__default['default'].string,
181
- defaultMessage: PropTypes__default['default'].string.isRequired
182
- }), function (props) {
183
- return !react$1.Children.count(props.children);
184
- })
132
+ type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
133
+ intlMessage: _pt__default["default"].any,
134
+ children: _pt__default["default"].node
185
135
  } : {};
136
+ ContentNotification.displayName = 'ContentNotification';
137
+ var ContentNotification$1 = ContentNotification;
186
138
 
187
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
188
- var version = '12.2.3';
139
+ // NOTE: This string will be replaced on build time with the package version.
140
+ var version = "12.2.7";
189
141
 
190
- exports.ContentNotification = ContentNotification;
142
+ exports.ContentNotification = ContentNotification$1;
191
143
  exports.version = version;
package/dist/commercetools-uikit-notifications.cjs.prod.js CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
6
5
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
6
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
7
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -12,24 +11,17 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
12
11
  var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
15
- var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
16
- var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
17
- var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
18
- var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
19
- var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
20
- var react$1 = require('react');
21
14
  require('prop-types');
15
+ var react$1 = require('react');
16
+ var reactIntl = require('react-intl');
22
17
  var react = require('@emotion/react');
23
18
  var designSystem = require('@commercetools-uikit/design-system');
24
19
  var icons = require('@commercetools-uikit/icons');
25
20
  var utils = require('@commercetools-uikit/utils');
26
- var reactIntl = require('react-intl');
27
- require('react-required-if');
28
21
  var jsxRuntime = require('@emotion/react/jsx-runtime');
29
22
 
30
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
31
24
 
32
- var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
33
25
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
34
26
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
35
27
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -39,13 +31,13 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
39
31
  var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
40
32
  var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
41
33
 
42
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
43
-
44
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
34
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
45
35
 
46
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct__default['default'](Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
36
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
47
37
 
48
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct__default['default']) return false; if (_Reflect$construct__default['default'].sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct__default['default'](Boolean, [], function () {})); return true; } catch (e) { return false; } }
38
+ var warnIfMissingContent = function warnIfMissingContent(props) {
39
+ Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
40
+ };
49
41
 
50
42
  var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
51
43
  switch (props.type) {
@@ -66,8 +58,8 @@ var getIconContainerBackgroundColour = function getIconContainerBackgroundColour
66
58
  }
67
59
  };
68
60
 
69
- var getIconByType = function getIconByType(type) {
70
- switch (type) {
61
+ var getIconByType = function getIconByType(props) {
62
+ switch (props.type) {
71
63
  case 'error':
72
64
  return icons.ErrorIcon;
73
65
 
@@ -82,35 +74,18 @@ var getIconByType = function getIconByType(type) {
82
74
  }
83
75
  };
84
76
 
85
- var NotificationIcon = /*#__PURE__*/function (_PureComponent) {
86
- _inherits(NotificationIcon, _PureComponent);
87
-
88
- var _super = _createSuper(NotificationIcon);
89
-
90
- function NotificationIcon() {
91
- _classCallCheck(this, NotificationIcon);
92
-
93
- return _super.apply(this, arguments);
94
- }
95
-
96
- _createClass(NotificationIcon, [{
97
- key: "render",
98
- value: function render() {
99
- var Icon = getIconByType(this.props.type);
100
- return jsxRuntime.jsx("div", {
101
- css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.customProperties.borderRadius6, " 0 0 ", designSystem.customProperties.borderRadius6, ";border-width:0;padding:", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(this.props), ";svg{margin:0 -3px;}" + ("" ), "" ),
102
- children: jsxRuntime.jsx(Icon, {
103
- color: "surface"
104
- })
105
- });
106
- }
107
- }]);
108
-
109
- return NotificationIcon;
110
- }(react$1.PureComponent);
77
+ var NotificationIcon = function NotificationIcon(props) {
78
+ var Icon = getIconByType(props);
79
+ return jsxRuntime.jsx("div", {
80
+ css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.customProperties.borderRadius6, " 0 0 ", designSystem.customProperties.borderRadius6, ";border-width:0;padding:", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(props), ";svg{margin:0 -3px;}" + ("" ), "" ),
81
+ children: jsxRuntime.jsx(Icon, {
82
+ color: "surface"
83
+ })
84
+ });
85
+ };
111
86
 
112
- NotificationIcon.displayName = 'NotificationIcon';
113
87
  NotificationIcon.propTypes = {};
88
+ NotificationIcon.displayName = 'NotificationIcon';
114
89
 
115
90
  var getContentBorderColor = function getContentBorderColor(props) {
116
91
  switch (props.type) {
@@ -131,43 +106,27 @@ var getContentBorderColor = function getContentBorderColor(props) {
131
106
  }
132
107
  };
133
108
 
134
- var ContentNotification = /*#__PURE__*/function (_PureComponent2) {
135
- _inherits(ContentNotification, _PureComponent2);
136
-
137
- var _super2 = _createSuper(ContentNotification);
138
-
139
- function ContentNotification() {
140
- _classCallCheck(this, ContentNotification);
141
-
142
- return _super2.apply(this, arguments);
143
- }
144
-
145
- _createClass(ContentNotification, [{
146
- key: "render",
147
- value: function render() {
148
- return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(this.props)), {}, {
149
- css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSolid, ";font-family:inherit;" + ("" ), "" ),
150
- children: [jsxRuntime.jsx(NotificationIcon, {
151
- type: this.props.type,
152
- theme: "white"
153
- }), jsxRuntime.jsx("div", {
154
- css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.customProperties.spacingS, ";background:", designSystem.customProperties.colorSurface, ";border-radius:0 ", designSystem.customProperties.borderRadius6, " ", designSystem.customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(this.props), ";" + ("" ), "" ),
155
- children: this.props.intlMessage ? jsxRuntime.jsx("div", {
156
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, this.props.intlMessage))
157
- }) : this.props.children
158
- })]
159
- }));
160
- }
161
- }]);
162
-
163
- return ContentNotification;
164
- }(react$1.PureComponent);
109
+ var ContentNotification = function ContentNotification(props) {
110
+ warnIfMissingContent(props);
111
+ return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
112
+ css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.customProperties.fontSizeDefault, ";color:", designSystem.customProperties.colorSolid, ";font-family:inherit;" + ("" ), "" ),
113
+ children: [jsxRuntime.jsx(NotificationIcon, {
114
+ type: props.type
115
+ }), jsxRuntime.jsx("div", {
116
+ css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.customProperties.spacingS, ";background:", designSystem.customProperties.colorSurface, ";border-radius:0 ", designSystem.customProperties.borderRadius6, " ", designSystem.customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";" + ("" ), "" ),
117
+ children: props.intlMessage ? jsxRuntime.jsx("div", {
118
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
119
+ }) : props.children
120
+ })]
121
+ }));
122
+ };
165
123
 
166
- ContentNotification.displayName = 'ContentNotification';
167
124
  ContentNotification.propTypes = {};
125
+ ContentNotification.displayName = 'ContentNotification';
126
+ var ContentNotification$1 = ContentNotification;
168
127
 
169
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
170
- var version = '12.2.3';
128
+ // NOTE: This string will be replaced on build time with the package version.
129
+ var version = "12.2.7";
171
130
 
172
- exports.ContentNotification = ContentNotification;
131
+ exports.ContentNotification = ContentNotification$1;
173
132
  exports.version = version;
package/dist/commercetools-uikit-notifications.esm.js CHANGED
@@ -1,4 +1,3 @@
1
- import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
2
1
  import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
3
2
  import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
4
3
  import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -8,28 +7,24 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
8
7
  import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
9
8
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
10
9
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
11
- import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
12
- import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
13
- import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
14
- import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
15
- import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
16
- import { PureComponent, Children } from 'react';
17
- import PropTypes from 'prop-types';
10
+ import _pt from 'prop-types';
11
+ import { Children } from 'react';
12
+ import { FormattedMessage } from 'react-intl';
18
13
  import { css } from '@emotion/react';
19
14
  import { customProperties } from '@commercetools-uikit/design-system';
20
15
  import { CheckBoldIcon, WarningIcon, InfoIcon, ErrorIcon } from '@commercetools-uikit/icons';
21
- import { filterDataAttributes } from '@commercetools-uikit/utils';
22
- import { FormattedMessage } from 'react-intl';
23
- import requiredIf from 'react-required-if';
16
+ import { filterDataAttributes, warning } from '@commercetools-uikit/utils';
24
17
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
25
18
 
26
19
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
27
20
 
28
21
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
29
22
 
30
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
31
-
32
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
23
+ var warnIfMissingContent = function warnIfMissingContent(props) {
24
+ var hasContent = Boolean(props.intlMessage) || Boolean(Children.count(props.children));
25
+ process.env.NODE_ENV !== "production" ? warning(hasContent, ['Warning: Failed prop type:', "The prop `intlMessage` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
26
+ process.env.NODE_ENV !== "production" ? warning(hasContent, ['Warning: Failed prop type:', "The prop `children` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
27
+ };
33
28
 
34
29
  var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
35
30
  switch (props.type) {
@@ -50,8 +45,8 @@ var getIconContainerBackgroundColour = function getIconContainerBackgroundColour
50
45
  }
51
46
  };
52
47
 
53
- var getIconByType = function getIconByType(type) {
54
- switch (type) {
48
+ var getIconByType = function getIconByType(props) {
49
+ switch (props.type) {
55
50
  case 'error':
56
51
  return ErrorIcon;
57
52
 
@@ -66,39 +61,22 @@ var getIconByType = function getIconByType(type) {
66
61
  }
67
62
  };
68
63
 
69
- var NotificationIcon = /*#__PURE__*/function (_PureComponent) {
70
- _inherits(NotificationIcon, _PureComponent);
71
-
72
- var _super = _createSuper(NotificationIcon);
73
-
74
- function NotificationIcon() {
75
- _classCallCheck(this, NotificationIcon);
76
-
77
- return _super.apply(this, arguments);
78
- }
79
-
80
- _createClass(NotificationIcon, [{
81
- key: "render",
82
- value: function render() {
83
- var Icon = getIconByType(this.props.type);
84
- return jsx("div", {
85
- css: /*#__PURE__*/css("display:flex;align-items:center;border-radius:", customProperties.borderRadius6, " 0 0 ", customProperties.borderRadius6, ";border-width:0;padding:", customProperties.spacingS, " ", customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(this.props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEZ0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
86
- children: jsx(Icon, {
87
- color: "surface"
88
- })
89
- });
90
- }
91
- }]);
92
-
93
- return NotificationIcon;
94
- }(PureComponent);
64
+ var NotificationIcon = function NotificationIcon(props) {
65
+ var Icon = getIconByType(props);
66
+ return jsx("div", {
67
+ css: /*#__PURE__*/css("display:flex;align-items:center;border-radius:", customProperties.borderRadius6, " 0 0 ", customProperties.borderRadius6, ";border-width:0;padding:", customProperties.spacingS, " ", customProperties.spacingM, ";background-color:", getIconContainerBackgroundColour(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRmMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvcjtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMCAwICR7dmFycy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAwO1xuICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiBjb2xvcj1cInN1cmZhY2VcIiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JJbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHt2YXJzLnNwYWNpbmdTfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
68
+ children: jsx(Icon, {
69
+ color: "surface"
70
+ })
71
+ });
72
+ };
95
73
 
96
- NotificationIcon.displayName = 'NotificationIcon';
97
74
  NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
98
- type: PropTypes.oneOf(['error', 'info', 'warning', 'success']).isRequired,
99
- // eslint-disable-next-line react/no-unused-prop-types
100
- theme: PropTypes.string.isRequired
75
+ type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
76
+ intlMessage: _pt.any,
77
+ children: _pt.node
101
78
  } : {};
79
+ NotificationIcon.displayName = 'NotificationIcon';
102
80
 
103
81
  var getContentBorderColor = function getContentBorderColor(props) {
104
82
  switch (props.type) {
@@ -119,54 +97,30 @@ var getContentBorderColor = function getContentBorderColor(props) {
119
97
  }
120
98
  };
121
99
 
122
- var ContentNotification = /*#__PURE__*/function (_PureComponent2) {
123
- _inherits(ContentNotification, _PureComponent2);
124
-
125
- var _super2 = _createSuper(ContentNotification);
126
-
127
- function ContentNotification() {
128
- _classCallCheck(this, ContentNotification);
129
-
130
- return _super2.apply(this, arguments);
131
- }
132
-
133
- _createClass(ContentNotification, [{
134
- key: "render",
135
- value: function render() {
136
- return jsxs("div", _objectSpread(_objectSpread({}, filterDataAttributes(this.props)), {}, {
137
- css: /*#__PURE__*/css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", customProperties.fontSizeDefault, ";color:", customProperties.colorSolid, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHZ0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
138
- children: [jsx(NotificationIcon, {
139
- type: this.props.type,
140
- theme: "white"
141
- }), jsx("div", {
142
- css: /*#__PURE__*/css("flex-grow:1;display:flex;align-items:center;padding:", customProperties.spacingS, ";background:", customProperties.colorSurface, ";border-radius:0 ", customProperties.borderRadius6, " ", customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(this.props), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIa0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
143
- children: this.props.intlMessage ? jsx("div", {
144
- children: jsx(FormattedMessage, _objectSpread({}, this.props.intlMessage))
145
- }) : this.props.children
146
- })]
147
- }));
148
- }
149
- }]);
150
-
151
- return ContentNotification;
152
- }(PureComponent);
100
+ var ContentNotification = function ContentNotification(props) {
101
+ warnIfMissingContent(props);
102
+ return jsxs("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
103
+ css: /*#__PURE__*/css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", customProperties.fontSizeDefault, ";color:", customProperties.colorSolid, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSWMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvcjtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMCAwICR7dmFycy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAwO1xuICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiBjb2xvcj1cInN1cmZhY2VcIiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JJbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke3ZhcnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHt2YXJzLnNwYWNpbmdTfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3ZhcnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
104
+ children: [jsx(NotificationIcon, {
105
+ type: props.type
106
+ }), jsx("div", {
107
+ css: /*#__PURE__*/css("flex-grow:1;display:flex;align-items:center;padding:", customProperties.spacingS, ";background:", customProperties.colorSurface, ";border-radius:0 ", customProperties.borderRadius6, " ", customProperties.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3I7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHt2YXJzLmJvcmRlclJhZGl1czZ9IDAgMCAke3ZhcnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgcGFkZGluZzogJHt2YXJzLnNwYWNpbmdTfSAke3ZhcnMuc3BhY2luZ019O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25JY29uLmRpc3BsYXlOYW1lID0gJ05vdGlmaWNhdGlvbkljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIHZhcnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgIGNvbG9yOiAke3ZhcnMuY29sb3JTb2xpZH07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7dmFycy5zcGFjaW5nU307XG4gICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gJHt2YXJzLmJvcmRlclJhZGl1czZ9IDA7XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogKFxuICAgICAgICAgIHByb3BzLmNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
108
+ children: props.intlMessage ? jsx("div", {
109
+ children: jsx(FormattedMessage, _objectSpread({}, props.intlMessage))
110
+ }) : props.children
111
+ })]
112
+ }));
113
+ };
153
114
 
154
- ContentNotification.displayName = 'ContentNotification';
155
115
  ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
156
- type: PropTypes.oneOf(['error', 'info', 'warning', 'success']).isRequired,
157
- children: requiredIf(PropTypes.node, function (props) {
158
- return !props.intlMessage;
159
- }),
160
- intlMessage: requiredIf(PropTypes.shape({
161
- id: PropTypes.string.isRequired,
162
- description: PropTypes.string,
163
- defaultMessage: PropTypes.string.isRequired
164
- }), function (props) {
165
- return !Children.count(props.children);
166
- })
116
+ type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
117
+ intlMessage: _pt.any,
118
+ children: _pt.node
167
119
  } : {};
120
+ ContentNotification.displayName = 'ContentNotification';
121
+ var ContentNotification$1 = ContentNotification;
168
122
 
169
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
170
- var version = '12.2.3';
123
+ // NOTE: This string will be replaced on build time with the package version.
124
+ var version = "12.2.7";
171
125
 
172
- export { ContentNotification, version };
126
+ export { ContentNotification$1 as ContentNotification, version };
package/dist/declarations/src/content-notification/content-notification.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import type { MessageDescriptor } from 'react-intl';
2
+ import { ReactNode } from 'react';
3
+ declare type TContentNotificationProps = {
4
+ type: 'error' | 'info' | 'warning' | 'success';
5
+ intlMessage?: MessageDescriptor;
6
+ children?: ReactNode;
7
+ };
8
+ declare const ContentNotification: {
9
+ (props: TContentNotificationProps): import("@emotion/react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ export default ContentNotification;
package/dist/declarations/src/content-notification/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from './content-notification';
package/dist/declarations/src/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default as ContentNotification } from './content-notification';
2
+ export { default as version } from './version';
package/dist/declarations/src/version.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2
+ export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/notifications",
3
3
  "description": "Notification components.",
4
- "version": "12.2.3",
4
+ "version": "12.2.7",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,7 +11,6 @@
11
11
  "homepage": "https://uikit.commercetools.com",
12
12
  "keywords": ["javascript", "design system", "react", "uikit"],
13
13
  "license": "MIT",
14
- "private": false,
15
14
  "publishConfig": {
16
15
  "access": "public"
17
16
  },
@@ -19,26 +18,25 @@
19
18
  "main": "dist/commercetools-uikit-notifications.cjs.js",
20
19
  "module": "dist/commercetools-uikit-notifications.esm.js",
21
20
  "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../../scripts/version.js replace"
24
- },
25
21
  "dependencies": {
26
- "@babel/runtime": "7.14.8",
27
- "@babel/runtime-corejs3": "7.14.9",
28
- "@commercetools-uikit/design-system": "12.2.3",
29
- "@commercetools-uikit/icons": "12.2.3",
30
- "@commercetools-uikit/utils": "12.2.0",
22
+ "@babel/runtime": "7.16.3",
23
+ "@babel/runtime-corejs3": "7.16.3",
24
+ "@commercetools-uikit/design-system": "12.2.5",
25
+ "@commercetools-uikit/icons": "12.2.7",
26
+ "@commercetools-uikit/utils": "12.2.5",
31
27
  "@emotion/react": "^11.4.0",
32
- "common-tags": "1.8.0",
33
- "prop-types": "15.7.2",
34
- "react-required-if": "1.0.3"
28
+ "common-tags": "1.8.2",
29
+ "prop-types": "15.7.2"
35
30
  },
36
31
  "devDependencies": {
37
32
  "react": "17.0.2",
38
- "react-intl": "5.20.7"
33
+ "react-intl": "5.21.2"
39
34
  },
40
35
  "peerDependencies": {
41
36
  "react": "17.x",
42
37
  "react-intl": "5.x"
38
+ },
39
+ "readme": {
40
+ "componentPaths": ["./src/content-notification/content-notification.tsx"]
43
41
  }
44
42
  }