@commercetools-uikit/notifications 0.0.0-canary-2021830134526

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 commercetools GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# Notifications

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

@@ -0,0 +1,191 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+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 _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$1 = require('react');
+var PropTypes = require('prop-types');
+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 _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 PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
+
+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 _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 _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 _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 getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
+  switch (props.type) {
+    case 'error':
+      return designSystem.customProperties.colorError;
+
+    case 'info':
+      return designSystem.customProperties.colorInfo;
+
+    case 'warning':
+      return designSystem.customProperties.colorWarning;
+
+    case 'success':
+      return designSystem.customProperties.colorPrimary;
+
+    default:
+      return '';
+  }
+};
+
+var getIconByType = function getIconByType(type) {
+  switch (type) {
+    case 'error':
+      return icons.ErrorIcon;
+
+    case 'info':
+      return icons.InfoIcon;
+
+    case 'warning':
+      return icons.WarningIcon;
+
+    default:
+      return icons.CheckBoldIcon;
+  }
+};
+
+var NotificationIcon = /*#__PURE__*/function (_PureComponent) {
+  _inherits(NotificationIcon, _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 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(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== */"),
+        children: jsxRuntime.jsx(Icon, {
+          color: "surface"
+        })
+      });
+    }
+  }]);
+
+  return NotificationIcon;
+}(react$1.PureComponent);
+
+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
+} : {};
+
+var getContentBorderColor = function getContentBorderColor(props) {
+  switch (props.type) {
+    case 'error':
+      return designSystem.customProperties.colorError;
+
+    case 'info':
+      return designSystem.customProperties.colorInfo;
+
+    case 'warning':
+      return designSystem.customProperties.colorWarning;
+
+    case 'success':
+      return designSystem.customProperties.colorPrimary;
+
+    default:
+      return '';
+  }
+};
+
+var ContentNotification = /*#__PURE__*/function (_PureComponent2) {
+  _inherits(ContentNotification, _PureComponent2);
+
+  var _super2 = _createSuper(ContentNotification);
+
+  function ContentNotification() {
+    _classCallCheck(this, ContentNotification);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(ContentNotification, [{
+    key: "render",
+    value: function render() {
+      return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, 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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHZ0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
+        children: [jsxRuntime.jsx(NotificationIcon, {
+          type: this.props.type,
+          theme: "white"
+        }), 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(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== */"),
+          children: this.props.intlMessage ? jsxRuntime.jsx("div", {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, this.props.intlMessage))
+          }) : this.props.children
+        })]
+      }));
+    }
+  }]);
+
+  return ContentNotification;
+}(react$1.PureComponent);
+
+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$1.Children.count(props.children);
+  })
+} : {};
+
+// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
+var version = '0.0.0-canary-2021830134526';
+
+exports.ContentNotification = ContentNotification;
+exports.version = version;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-uikit-notifications.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-uikit-notifications.cjs.dev.js");
+}

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

@@ -0,0 +1,173 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
+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 _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$1 = require('react');
+require('prop-types');
+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 _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 _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 _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 _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 getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
+  switch (props.type) {
+    case 'error':
+      return designSystem.customProperties.colorError;
+
+    case 'info':
+      return designSystem.customProperties.colorInfo;
+
+    case 'warning':
+      return designSystem.customProperties.colorWarning;
+
+    case 'success':
+      return designSystem.customProperties.colorPrimary;
+
+    default:
+      return '';
+  }
+};
+
+var getIconByType = function getIconByType(type) {
+  switch (type) {
+    case 'error':
+      return icons.ErrorIcon;
+
+    case 'info':
+      return icons.InfoIcon;
+
+    case 'warning':
+      return icons.WarningIcon;
+
+    default:
+      return icons.CheckBoldIcon;
+  }
+};
+
+var NotificationIcon = /*#__PURE__*/function (_PureComponent) {
+  _inherits(NotificationIcon, _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 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(this.props), ";svg{margin:0 -3px;}" + ("" ), "" ),
+        children: jsxRuntime.jsx(Icon, {
+          color: "surface"
+        })
+      });
+    }
+  }]);
+
+  return NotificationIcon;
+}(react$1.PureComponent);
+
+NotificationIcon.displayName = 'NotificationIcon';
+NotificationIcon.propTypes = {};
+
+var getContentBorderColor = function getContentBorderColor(props) {
+  switch (props.type) {
+    case 'error':
+      return designSystem.customProperties.colorError;
+
+    case 'info':
+      return designSystem.customProperties.colorInfo;
+
+    case 'warning':
+      return designSystem.customProperties.colorWarning;
+
+    case 'success':
+      return designSystem.customProperties.colorPrimary;
+
+    default:
+      return '';
+  }
+};
+
+var ContentNotification = /*#__PURE__*/function (_PureComponent2) {
+  _inherits(ContentNotification, _PureComponent2);
+
+  var _super2 = _createSuper(ContentNotification);
+
+  function ContentNotification() {
+    _classCallCheck(this, ContentNotification);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(ContentNotification, [{
+    key: "render",
+    value: function render() {
+      return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, 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;" + ("" ), "" ),
+        children: [jsxRuntime.jsx(NotificationIcon, {
+          type: this.props.type,
+          theme: "white"
+        }), 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(this.props), ";" + ("" ), "" ),
+          children: this.props.intlMessage ? jsxRuntime.jsx("div", {
+            children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, this.props.intlMessage))
+          }) : this.props.children
+        })]
+      }));
+    }
+  }]);
+
+  return ContentNotification;
+}(react$1.PureComponent);
+
+ContentNotification.displayName = 'ContentNotification';
+ContentNotification.propTypes = {};
+
+// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
+var version = '0.0.0-canary-2021830134526';
+
+exports.ContentNotification = ContentNotification;
+exports.version = version;

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

@@ -0,0 +1,172 @@
+import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
+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 _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 { PureComponent, Children } from 'react';
+import PropTypes from 'prop-types';
+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 { 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 _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 _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 _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 getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
+  switch (props.type) {
+    case 'error':
+      return customProperties.colorError;
+
+    case 'info':
+      return customProperties.colorInfo;
+
+    case 'warning':
+      return customProperties.colorWarning;
+
+    case 'success':
+      return customProperties.colorPrimary;
+
+    default:
+      return '';
+  }
+};
+
+var getIconByType = function getIconByType(type) {
+  switch (type) {
+    case 'error':
+      return ErrorIcon;
+
+    case 'info':
+      return InfoIcon;
+
+    case 'warning':
+      return WarningIcon;
+
+    default:
+      return CheckBoldIcon;
+  }
+};
+
+var NotificationIcon = /*#__PURE__*/function (_PureComponent) {
+  _inherits(NotificationIcon, _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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEZ0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
+        children: jsx(Icon, {
+          color: "surface"
+        })
+      });
+    }
+  }]);
+
+  return NotificationIcon;
+}(PureComponent);
+
+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
+} : {};
+
+var getContentBorderColor = function getContentBorderColor(props) {
+  switch (props.type) {
+    case 'error':
+      return customProperties.colorError;
+
+    case 'info':
+      return customProperties.colorInfo;
+
+    case 'warning':
+      return customProperties.colorWarning;
+
+    case 'success':
+      return customProperties.colorPrimary;
+
+    default:
+      return '';
+  }
+};
+
+var ContentNotification = /*#__PURE__*/function (_PureComponent2) {
+  _inherits(ContentNotification, _PureComponent2);
+
+  var _super2 = _createSuper(ContentNotification);
+
+  function ContentNotification() {
+    _classCallCheck(this, ContentNotification);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(ContentNotification, [{
+    key: "render",
+    value: function render() {
+      return jsxs("div", _objectSpread(_objectSpread({}, 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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHZ0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
+        children: [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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIa0IiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBtYXgtY2xhc3Nlcy1wZXItZmlsZSAqL1xuaW1wb3J0IHsgUHVyZUNvbXBvbmVudCwgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgcmVxdWlyZWRJZiBmcm9tICdyZWFjdC1yZXF1aXJlZC1pZic7XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9ICh0eXBlKSA9PiB7XG4gIHN3aXRjaCAodHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jbGFzcyBOb3RpZmljYXRpb25JY29uIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHN0YXRpYyBkaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby11bnVzZWQtcHJvcC10eXBlc1xuICAgIHRoZW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHRoaXMucHJvcHMudHlwZSk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXM2fSAwIDAgJHt2YXJzLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9ICR7dmFycy5zcGFjaW5nTX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cih0aGlzLnByb3BzKX07XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiB2YXJzLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gdmFycy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ29udGVudE5vdGlmaWNhdGlvbiBleHRlbmRzIFB1cmVDb21wb25lbnQge1xuICBzdGF0aWMgZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICB0eXBlOiBQcm9wVHlwZXMub25lT2YoWydlcnJvcicsICdpbmZvJywgJ3dhcm5pbmcnLCAnc3VjY2VzcyddKS5pc1JlcXVpcmVkLFxuICAgIGNoaWxkcmVuOiByZXF1aXJlZElmKFByb3BUeXBlcy5ub2RlLCAocHJvcHMpID0+ICFwcm9wcy5pbnRsTWVzc2FnZSksXG4gICAgaW50bE1lc3NhZ2U6IHJlcXVpcmVkSWYoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgZGVmYXVsdE1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIH0pLFxuICAgICAgKHByb3BzKSA9PiAhQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pXG4gICAgKSxcbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHRoaXMucHJvcHMpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHt2YXJzLmZvbnRTaXplRGVmYXVsdH07XG4gICAgICAgICAgY29sb3I6ICR7dmFycy5jb2xvclNvbGlkfTtcbiAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17dGhpcy5wcm9wcy50eXBlfSB0aGVtZT1cIndoaXRlXCIgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAke3ZhcnMuc3BhY2luZ1N9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt2YXJzLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7dmFycy5ib3JkZXJSYWRpdXM2fSAke3ZhcnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IodGhpcy5wcm9wcyl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi50aGlzLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHRoaXMucHJvcHMuY2hpbGRyZW5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdfQ== */"),
+          children: this.props.intlMessage ? jsx("div", {
+            children: jsx(FormattedMessage, _objectSpread({}, this.props.intlMessage))
+          }) : this.props.children
+        })]
+      }));
+    }
+  }]);
+
+  return ContentNotification;
+}(PureComponent);
+
+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 !Children.count(props.children);
+  })
+} : {};
+
+// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
+var version = '0.0.0-canary-2021830134526';
+
+export { ContentNotification, version };

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@commercetools-uikit/notifications",
+  "description": "Notification components.",
+  "version": "0.0.0-canary-2021830134526",
+  "bugs": "https://github.com/commercetools/ui-kit/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/ui-kit.git",
+    "directory": "packages/components/notifications"
+  },
+  "homepage": "https://uikit.commercetools.com",
+  "keywords": [
+    "javascript",
+    "design system",
+    "react",
+    "uikit"
+  ],
+  "license": "MIT",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "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.9",
+    "@commercetools-uikit/design-system": "0.0.0-canary-2021830134526",
+    "@commercetools-uikit/icons": "0.0.0-canary-2021830134526",
+    "@commercetools-uikit/utils": "12.2.0",
+    "@emotion/react": "^11.4.0",
+    "common-tags": "1.8.0",
+    "prop-types": "15.7.2",
+    "react-required-if": "1.0.3"
+  },
+  "devDependencies": {
+    "react": "17.0.2",
+    "react-intl": "5.20.7"
+  },
+  "peerDependencies": {
+    "react": "17.x",
+    "react-intl": "5.x"
+  }
+}