@commercetools-uikit/notifications 12.2.2 → 12.2.6

package/README.md

@@ -1 +1,63 @@
+<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
+<!-- This file is created by the `yarn generate-readme` script. -->
+
 # Notifications
+
+## Description
+
+Notification components.
+
+## Installation
+
+```
+yarn add @commercetools-uikit/notifications
+```
+
+```
+npm --save install @commercetools-uikit/notifications
+```
+
+Additionally install the peer dependencies (if not present)
+
+```
+yarn add react react-intl
+```
+
+```
+npm --save install react react-intl
+```
+
+## Usage
+
+```jsx
+import { ContentNotification } from '@commercetools-uikit/notifications';
+
+export const Success = () => (
+  <ContentNotification type="success">
+    This is an success message
+  </ContentNotification>
+);
+export const Info = () => (
+  <ContentNotification type="info">This is an info message</ContentNotification>
+);
+export const Warning = () => (
+  <ContentNotification type="warning">
+    This is an warning message
+  </ContentNotification>
+);
+export const Error = () => (
+  <ContentNotification type="error">
+    This is an error message
+  </ContentNotification>
+);
+```
+
+## ContentNotification
+
+### Properties
+
+| Props         | Type                                                                        | Required | Default | Description                                                                                                                    |
+| ------------- | --------------------------------------------------------------------------- | :------: | ------- | ------------------------------------------------------------------------------------------------------------------------------ |
+| `type`        | `union`<br/>Possible values:<br/>`'error' , 'info' , 'warning' , 'success'` |    ✅    |         | Determines the color/type of notification.                                                                                     |
+| `intlMessage` | `MessageDescriptor`                                                         |          |         | An `intl` message object that will be rendered with `FormattedMessage`.&#xA;<br />&#xA;Required if `children` is not provided. |
+| `children`    | `ReactNode`                                                                 |          |         | The content of the notification.&#xA;<br />&#xA;Required if `intlMessage` is not provided.                                     |

package/dist/commercetools-uikit-notifications.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./declarations/src/index";

package/dist/commercetools-uikit-notifications.cjs.dev.js

@@ -2,32 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-var React = require('react');
-var PropTypes = require('prop-types');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _pt = require('prop-types');
+var react$1 = require('react');
+var reactIntl = require('react-intl');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var icons = require('@commercetools-uikit/icons');
 var utils = require('@commercetools-uikit/utils');
-var reactIntl = require('react-intl');
-var requiredIf = require('react-required-if');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+
+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; }
 
-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); }; }
+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; }
 
-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; } }
+var warnIfMissingContent = function warnIfMissingContent(props) {
+  var hasContent = Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
+  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;
+  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;
+};
 
 var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
   switch (props.type) {
@@ -48,8 +61,8 @@ var getIconContainerBackgroundColour = function getIconContainerBackgroundColour
   }
 };
 
-var getIconByType = function getIconByType(type) {
-  switch (type) {
+var getIconByType = function getIconByType(props) {
+  switch (props.type) {
     case 'error':
       return icons.ErrorIcon;
 
@@ -64,38 +77,22 @@ var getIconByType = function getIconByType(type) {
   }
 };
 
-var NotificationIcon = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(NotificationIcon, _React$PureComponent);
-
-  var _super = _createSuper(NotificationIcon);
-
-  function NotificationIcon() {
-    _classCallCheck(this, NotificationIcon);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(NotificationIcon, [{
-    key: "render",
-    value: function render() {
-      var Icon = getIconByType(this.props.type);
-      return react.jsx("div", {
-        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;"))
-      }, react.jsx(Icon, {
-        color: "surface"
-      }));
-    }
-  }]);
-
-  return NotificationIcon;
-}(React__default['default'].PureComponent);
+var NotificationIcon = function NotificationIcon(props) {
+  var Icon = getIconByType(props);
+  return jsxRuntime.jsx("div", {
+    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= */"),
+    children: jsxRuntime.jsx(Icon, {
+      color: "surface"
+    })
+  });
+};
 
-NotificationIcon.displayName = 'NotificationIcon';
 NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes__default['default'].oneOf(['error', 'info', 'warning', 'success']).isRequired,
-  // eslint-disable-next-line react/no-unused-prop-types
-  theme: PropTypes__default['default'].string.isRequired
+  type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
+  intlMessage: _pt__default["default"].any,
+  children: _pt__default["default"].node
 } : {};
+NotificationIcon.displayName = 'NotificationIcon';
 
 var getContentBorderColor = function getContentBorderColor(props) {
   switch (props.type) {
@@ -116,51 +113,31 @@ var getContentBorderColor = function getContentBorderColor(props) {
   }
 };
 
-var ContentNotification = /*#__PURE__*/function (_React$PureComponent2) {
-  _inherits(ContentNotification, _React$PureComponent2);
-
-  var _super2 = _createSuper(ContentNotification);
-
-  function ContentNotification() {
-    _classCallCheck(this, ContentNotification);
-
-    return _super2.apply(this, arguments);
-  }
-
-  _createClass(ContentNotification, [{
-    key: "render",
-    value: function render() {
-      return react.jsx("div", _extends({}, utils.filterDataAttributes(this.props), {
-        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;"))
-      }), react.jsx(NotificationIcon, {
-        type: this.props.type,
-        theme: "white"
-      }), react.jsx("div", {
-        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;"))
-      }, this.props.intlMessage ? react.jsx("div", null, react.jsx(reactIntl.FormattedMessage, this.props.intlMessage)) : this.props.children));
-    }
-  }]);
-
-  return ContentNotification;
-}(React__default['default'].PureComponent);
+var ContentNotification = function ContentNotification(props) {
+  warnIfMissingContent(props);
+  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
+    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= */"),
+    children: [jsxRuntime.jsx(NotificationIcon, {
+      type: props.type
+    }), jsxRuntime.jsx("div", {
+      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 */"),
+      children: props.intlMessage ? jsxRuntime.jsx("div", {
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
+      }) : props.children
+    })]
+  }));
+};
 
-ContentNotification.displayName = 'ContentNotification';
 ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes__default['default'].oneOf(['error', 'info', 'warning', 'success']).isRequired,
-  children: requiredIf__default['default'](PropTypes__default['default'].node, function (props) {
-    return !props.intlMessage;
-  }),
-  intlMessage: requiredIf__default['default'](PropTypes__default['default'].shape({
-    id: PropTypes__default['default'].string.isRequired,
-    description: PropTypes__default['default'].string,
-    defaultMessage: PropTypes__default['default'].string.isRequired
-  }), function (props) {
-    return !React__default['default'].Children.count(props.children);
-  })
+  type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
+  intlMessage: _pt__default["default"].any,
+  children: _pt__default["default"].node
 } : {};
+ContentNotification.displayName = 'ContentNotification';
+var ContentNotification$1 = ContentNotification;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.6";
 
-exports.ContentNotification = ContentNotification;
+exports.ContentNotification = ContentNotification$1;
 exports.version = version;

package/dist/commercetools-uikit-notifications.cjs.prod.js

@@ -2,30 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-var React = require('react');
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('prop-types');
+var react$1 = require('react');
+var reactIntl = require('react-intl');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var icons = require('@commercetools-uikit/icons');
 var utils = require('@commercetools-uikit/utils');
-var reactIntl = require('react-intl');
-require('react-required-if');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var React__default = /*#__PURE__*/_interopDefault(React);
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+
+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; }
 
-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); }; }
+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; }
 
-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; } }
+var warnIfMissingContent = function warnIfMissingContent(props) {
+  Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
+};
 
 var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
   switch (props.type) {
@@ -46,8 +58,8 @@ var getIconContainerBackgroundColour = function getIconContainerBackgroundColour
   }
 };
 
-var getIconByType = function getIconByType(type) {
-  switch (type) {
+var getIconByType = function getIconByType(props) {
+  switch (props.type) {
     case 'error':
       return icons.ErrorIcon;
 
@@ -62,34 +74,18 @@ var getIconByType = function getIconByType(type) {
   }
 };
 
-var NotificationIcon = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(NotificationIcon, _React$PureComponent);
-
-  var _super = _createSuper(NotificationIcon);
-
-  function NotificationIcon() {
-    _classCallCheck(this, NotificationIcon);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(NotificationIcon, [{
-    key: "render",
-    value: function render() {
-      var Icon = getIconByType(this.props.type);
-      return react.jsx("div", {
-        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;}" + ("" ))
-      }, react.jsx(Icon, {
-        color: "surface"
-      }));
-    }
-  }]);
-
-  return NotificationIcon;
-}(React__default['default'].PureComponent);
+var NotificationIcon = function NotificationIcon(props) {
+  var Icon = getIconByType(props);
+  return jsxRuntime.jsx("div", {
+    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;}" + ("" ), "" ),
+    children: jsxRuntime.jsx(Icon, {
+      color: "surface"
+    })
+  });
+};
 
-NotificationIcon.displayName = 'NotificationIcon';
 NotificationIcon.propTypes = {};
+NotificationIcon.displayName = 'NotificationIcon';
 
 var getContentBorderColor = function getContentBorderColor(props) {
   switch (props.type) {
@@ -110,39 +106,27 @@ var getContentBorderColor = function getContentBorderColor(props) {
   }
 };
 
-var ContentNotification = /*#__PURE__*/function (_React$PureComponent2) {
-  _inherits(ContentNotification, _React$PureComponent2);
-
-  var _super2 = _createSuper(ContentNotification);
-
-  function ContentNotification() {
-    _classCallCheck(this, ContentNotification);
-
-    return _super2.apply(this, arguments);
-  }
-
-  _createClass(ContentNotification, [{
-    key: "render",
-    value: function render() {
-      return react.jsx("div", _extends({}, utils.filterDataAttributes(this.props), {
-        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;" + ("" ))
-      }), react.jsx(NotificationIcon, {
-        type: this.props.type,
-        theme: "white"
-      }), react.jsx("div", {
-        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), ";" + ("" ))
-      }, this.props.intlMessage ? react.jsx("div", null, react.jsx(reactIntl.FormattedMessage, this.props.intlMessage)) : this.props.children));
-    }
-  }]);
-
-  return ContentNotification;
-}(React__default['default'].PureComponent);
+var ContentNotification = function ContentNotification(props) {
+  warnIfMissingContent(props);
+  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
+    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;" + ("" ), "" ),
+    children: [jsxRuntime.jsx(NotificationIcon, {
+      type: props.type
+    }), jsxRuntime.jsx("div", {
+      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), ";" + ("" ), "" ),
+      children: props.intlMessage ? jsxRuntime.jsx("div", {
+        children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
+      }) : props.children
+    })]
+  }));
+};
 
-ContentNotification.displayName = 'ContentNotification';
 ContentNotification.propTypes = {};
+ContentNotification.displayName = 'ContentNotification';
+var ContentNotification$1 = ContentNotification;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.6";
 
-exports.ContentNotification = ContentNotification;
+exports.ContentNotification = ContentNotification$1;
 exports.version = version;

package/dist/commercetools-uikit-notifications.esm.js

@@ -1,22 +1,30 @@
-import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
-import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { jsx, css } from '@emotion/react';
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _pt from 'prop-types';
+import { Children } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { css } from '@emotion/react';
 import { customProperties } from '@commercetools-uikit/design-system';
 import { CheckBoldIcon, WarningIcon, InfoIcon, ErrorIcon } from '@commercetools-uikit/icons';
-import { filterDataAttributes } from '@commercetools-uikit/utils';
-import { FormattedMessage } from 'react-intl';
-import requiredIf from 'react-required-if';
+import { filterDataAttributes, warning } from '@commercetools-uikit/utils';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+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; }
 
-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); }; }
+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; }
 
-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; } }
+var warnIfMissingContent = function warnIfMissingContent(props) {
+  var hasContent = Boolean(props.intlMessage) || Boolean(Children.count(props.children));
+  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;
+  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;
+};
 
 var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
   switch (props.type) {
@@ -37,8 +45,8 @@ var getIconContainerBackgroundColour = function getIconContainerBackgroundColour
   }
 };
 
-var getIconByType = function getIconByType(type) {
-  switch (type) {
+var getIconByType = function getIconByType(props) {
+  switch (props.type) {
     case 'error':
       return ErrorIcon;
 
@@ -53,38 +61,22 @@ var getIconByType = function getIconByType(type) {
   }
 };
 
-var NotificationIcon = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(NotificationIcon, _React$PureComponent);
-
-  var _super = _createSuper(NotificationIcon);
-
-  function NotificationIcon() {
-    _classCallCheck(this, NotificationIcon);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(NotificationIcon, [{
-    key: "render",
-    value: function render() {
-      var Icon = getIconByType(this.props.type);
-      return jsx("div", {
-        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;"))
-      }, jsx(Icon, {
-        color: "surface"
-      }));
-    }
-  }]);
-
-  return NotificationIcon;
-}(React.PureComponent);
+var NotificationIcon = function NotificationIcon(props) {
+  var Icon = getIconByType(props);
+  return jsx("div", {
+    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= */"),
+    children: jsx(Icon, {
+      color: "surface"
+    })
+  });
+};
 
-NotificationIcon.displayName = 'NotificationIcon';
 NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes.oneOf(['error', 'info', 'warning', 'success']).isRequired,
-  // eslint-disable-next-line react/no-unused-prop-types
-  theme: PropTypes.string.isRequired
+  type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
+  intlMessage: _pt.any,
+  children: _pt.node
 } : {};
+NotificationIcon.displayName = 'NotificationIcon';
 
 var getContentBorderColor = function getContentBorderColor(props) {
   switch (props.type) {
@@ -105,50 +97,30 @@ var getContentBorderColor = function getContentBorderColor(props) {
   }
 };
 
-var ContentNotification = /*#__PURE__*/function (_React$PureComponent2) {
-  _inherits(ContentNotification, _React$PureComponent2);
-
-  var _super2 = _createSuper(ContentNotification);
-
-  function ContentNotification() {
-    _classCallCheck(this, ContentNotification);
-
-    return _super2.apply(this, arguments);
-  }
-
-  _createClass(ContentNotification, [{
-    key: "render",
-    value: function render() {
-      return jsx("div", _extends({}, filterDataAttributes(this.props), {
-        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;"))
-      }), jsx(NotificationIcon, {
-        type: this.props.type,
-        theme: "white"
-      }), jsx("div", {
-        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;"))
-      }, this.props.intlMessage ? jsx("div", null, jsx(FormattedMessage, this.props.intlMessage)) : this.props.children));
-    }
-  }]);
-
-  return ContentNotification;
-}(React.PureComponent);
+var ContentNotification = function ContentNotification(props) {
+  warnIfMissingContent(props);
+  return jsxs("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
+    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= */"),
+    children: [jsx(NotificationIcon, {
+      type: props.type
+    }), jsx("div", {
+      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 */"),
+      children: props.intlMessage ? jsx("div", {
+        children: jsx(FormattedMessage, _objectSpread({}, props.intlMessage))
+      }) : props.children
+    })]
+  }));
+};
 
-ContentNotification.displayName = 'ContentNotification';
 ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes.oneOf(['error', 'info', 'warning', 'success']).isRequired,
-  children: requiredIf(PropTypes.node, function (props) {
-    return !props.intlMessage;
-  }),
-  intlMessage: requiredIf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    description: PropTypes.string,
-    defaultMessage: PropTypes.string.isRequired
-  }), function (props) {
-    return !React.Children.count(props.children);
-  })
+  type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
+  intlMessage: _pt.any,
+  children: _pt.node
 } : {};
+ContentNotification.displayName = 'ContentNotification';
+var ContentNotification$1 = ContentNotification;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.2';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.6";
 
-export { ContentNotification, version };
+export { ContentNotification$1 as ContentNotification, version };

package/dist/declarations/src/content-notification/content-notification.d.ts

@@ -0,0 +1,12 @@
+import type { MessageDescriptor } from 'react-intl';
+import { ReactNode } from 'react';
+declare type TContentNotificationProps = {
+    type: 'error' | 'info' | 'warning' | 'success';
+    intlMessage?: MessageDescriptor;
+    children?: ReactNode;
+};
+declare const ContentNotification: {
+    (props: TContentNotificationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ContentNotification;

package/dist/declarations/src/content-notification/index.d.ts

@@ -0,0 +1 @@
+export { default } from './content-notification';

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ContentNotification } from './content-notification';
+export { default as version } from './version';

package/dist/declarations/src/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/notifications",
   "description": "Notification components.",
-  "version": "12.2.2",
+  "version": "12.2.6",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -11,7 +11,6 @@
   "homepage": "https://uikit.commercetools.com",
   "keywords": ["javascript", "design system", "react", "uikit"],
   "license": "MIT",
-  "private": false,
   "publishConfig": {
     "access": "public"
   },
@@ -19,26 +18,25 @@
   "main": "dist/commercetools-uikit-notifications.cjs.js",
   "module": "dist/commercetools-uikit-notifications.esm.js",
   "files": ["dist"],
-  "scripts": {
-    "prepare": "../../../scripts/version.js replace"
-  },
   "dependencies": {
-    "@babel/runtime": "7.14.8",
-    "@babel/runtime-corejs3": "7.14.8",
-    "@commercetools-uikit/design-system": "12.2.2",
-    "@commercetools-uikit/icons": "12.2.2",
-    "@commercetools-uikit/utils": "12.2.0",
+    "@babel/runtime": "7.16.3",
+    "@babel/runtime-corejs3": "7.16.3",
+    "@commercetools-uikit/design-system": "12.2.5",
+    "@commercetools-uikit/icons": "12.2.6",
+    "@commercetools-uikit/utils": "12.2.5",
     "@emotion/react": "^11.4.0",
-    "common-tags": "1.8.0",
-    "prop-types": "15.7.2",
-    "react-required-if": "1.0.3"
+    "common-tags": "1.8.2",
+    "prop-types": "15.7.2"
   },
   "devDependencies": {
     "react": "17.0.2",
-    "react-intl": "5.20.6"
+    "react-intl": "5.21.2"
   },
   "peerDependencies": {
     "react": "17.x",
     "react-intl": "5.x"
+  },
+  "readme": {
+    "componentPaths": ["./src/content-notification/content-notification.tsx"]
   }
 }