npm - @commercetools-uikit/notifications - Versions diffs - 16.1.1 → 16.2.0 - Mend

@commercetools-uikit/notifications 16.1.1 → 16.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +11 -0
package/dist/commercetools-uikit-notifications.cjs.dev.js +23 -36
package/dist/commercetools-uikit-notifications.cjs.prod.js +21 -36
package/dist/commercetools-uikit-notifications.esm.js +23 -37
package/dist/declarations/src/content-notification/content-notification.d.ts +2 -1
package/package.json +5 -4

package/README.md CHANGED Viewed

@@ -61,3 +61,14 @@ export const Error = () => (
 | `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.                                     |
+| `onRemove`    | `Function`<br/>[See signature.](#signature-onRemove)                        |          |         | When provided, a close icon will be rendered and this callback will be called when it is clicked.                              |
+## Signatures
+### Signature `onRemove`
+```ts
+(
+  event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>
+) => void
+```

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

@@ -15,6 +15,7 @@ var _pt = require('prop-types');
 var react$1 = require('react');
 var reactIntl = require('react-intl');
 var react = require('@emotion/react');
+var AccessibleButton = require('@commercetools-uikit/accessible-button');
 var designSystem = require('@commercetools-uikit/design-system');
 var icons = require('@commercetools-uikit/icons');
 var utils = require('@commercetools-uikit/utils');
@@ -31,6 +32,7 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
@@ -39,20 +41,6 @@ const warnIfMissingContent = props => {
   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;
 };
-const getIconContainerBackgroundColour = props => {
-  switch (props.type) {
-    case 'error':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
-    case 'info':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
-    case 'warning':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
-    case 'success':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
-    default:
-      return '';
-  }
-};
 const getIconByType = props => {
   switch (props.type) {
     case 'error':
@@ -65,20 +53,6 @@ const getIconByType = props => {
       return icons.CheckBoldIcon;
   }
 };
-const getIconContainerBorderColor = props => {
-  switch (props.type) {
-    case 'error':
-      return designSystem.designTokens.borderColorForContentNotificationWhenError;
-    case 'info':
-      return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
-    case 'warning':
-      return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
-    case 'success':
-      return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
-    default:
-      return '';
-  }
-};
 const getIconColor = props => {
   switch (props.type) {
     case 'error':
@@ -93,21 +67,31 @@ const getIconColor = props => {
       return '';
   }
 };
-const NotificationIcon = props => {
+const NotificationTypeIcon = props => {
   const Icon = getIconByType(props);
   return jsxRuntime.jsx("div", {
-    css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designSystem.designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designSystem.designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5SGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgY29sb3IvdHlwZSBvZiBub3RpZmljYXRpb24uXG4gICAqL1xuICB0eXBlOiAnZXJyb3InIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuXG4gIC8qKlxuICAgKiBBbiBgaW50bGAgbWVzc2FnZSBvYmplY3QgdGhhdCB3aWxsIGJlIHJlbmRlcmVkIHdpdGggYEZvcm1hdHRlZE1lc3NhZ2VgLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGNoaWxkcmVuYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9ybWF0aW9uSWNvbjtcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBXYXJuaW5nSWNvbjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIENoZWNrQm9sZEljb247XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
+    css: /*#__PURE__*/react.css("display:flex;align-items:center;fill:", getIconColor(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationTypeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwR2MiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIENsb3NlQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogV2hlbiBwcm92aWRlZCwgYSBjbG9zZSBidXR0b24gd2lsbCBiZSByZW5kZXJlZCBhbmQgdGhpcyBjYWxsYmFjayB3aWxsIGJlXG4gICAqIGNhbGxlZCB3aGVuIGl0IGlzIGNsaWNrZWQuXG4gICAqL1xuICBvblJlbW92ZT86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxFbGVtZW50PlxuICApID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25UeXBlSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25UeXBlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25UeXBlSWNvbic7XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkNsb3NlSWNvbiA9IChcbiAgcHJvcHM6IFBpY2s8VENvbnRlbnROb3RpZmljYXRpb25Qcm9wcywgJ29uUmVtb3ZlJz5cbikgPT4gKFxuICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDB9O1xuICAgICAgfVxuICAgIGB9XG4gID5cbiAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuKTtcbk5vdGlmaWNhdGlvbkNsb3NlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25DbG9zZUljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvblR5cGVJY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25NZXNzYWdlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uUmVtb3ZlICYmIDxOb3RpZmljYXRpb25DbG9zZUljb24gb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfSAvPn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
     children: jsxRuntime.jsx(Icon, {})
   });
 };
-NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+NotificationTypeIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
   intlMessage: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
     values: _pt__default["default"].objectOf(_pt__default["default"].node)
   })]),
+  onRemove: _pt__default["default"].func,
   children: _pt__default["default"].node
 } : {};
-NotificationIcon.displayName = 'NotificationIcon';
+NotificationTypeIcon.displayName = 'NotificationTypeIcon';
+const NotificationCloseIcon = props => jsxRuntime.jsx(AccessibleButton__default["default"], {
+  label: "Remove",
+  onClick: props.onRemove,
+  css: /*#__PURE__*/react.css("display:flex;align-items:center;fill:", designSystem.designTokens.colorSolid, ";&:hover{fill:", designSystem.designTokens.colorNeutral40, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationCloseIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSFkiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIENsb3NlQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogV2hlbiBwcm92aWRlZCwgYSBjbG9zZSBidXR0b24gd2lsbCBiZSByZW5kZXJlZCBhbmQgdGhpcyBjYWxsYmFjayB3aWxsIGJlXG4gICAqIGNhbGxlZCB3aGVuIGl0IGlzIGNsaWNrZWQuXG4gICAqL1xuICBvblJlbW92ZT86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxFbGVtZW50PlxuICApID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25UeXBlSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25UeXBlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25UeXBlSWNvbic7XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkNsb3NlSWNvbiA9IChcbiAgcHJvcHM6IFBpY2s8VENvbnRlbnROb3RpZmljYXRpb25Qcm9wcywgJ29uUmVtb3ZlJz5cbikgPT4gKFxuICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDB9O1xuICAgICAgfVxuICAgIGB9XG4gID5cbiAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuKTtcbk5vdGlmaWNhdGlvbkNsb3NlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25DbG9zZUljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvblR5cGVJY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25NZXNzYWdlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uUmVtb3ZlICYmIDxOb3RpZmljYXRpb25DbG9zZUljb24gb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfSAvPn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
+  children: jsxRuntime.jsx(icons.CloseBoldIcon, {
+    size: "medium"
+  })
+});
+NotificationCloseIcon.displayName = 'NotificationCloseIcon';
 const getContentBorderColor = props => {
   switch (props.type) {
     case 'error':
@@ -139,14 +123,16 @@ const getContainerBackgroundColor = props => {
 const 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.designTokens.fontSizeForContentNotification, ";color:", designSystem.designTokens.fontColorForContentNotification, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgY29sb3IvdHlwZSBvZiBub3RpZmljYXRpb24uXG4gICAqL1xuICB0eXBlOiAnZXJyb3InIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuXG4gIC8qKlxuICAgKiBBbiBgaW50bGAgbWVzc2FnZSBvYmplY3QgdGhhdCB3aWxsIGJlIHJlbmRlcmVkIHdpdGggYEZvcm1hdHRlZE1lc3NhZ2VgLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGNoaWxkcmVuYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9ybWF0aW9uSWNvbjtcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBXYXJuaW5nSWNvbjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIENoZWNrQm9sZEljb247XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
-    children: [jsxRuntime.jsx(NotificationIcon, {
+    css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.designTokens.fontSizeForContentNotification, ";color:", designSystem.designTokens.fontColorForContentNotification, ";font-family:inherit;background-color:", getContainerBackgroundColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";padding:", designSystem.designTokens.paddingForContentNotification, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpTGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIENsb3NlQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogV2hlbiBwcm92aWRlZCwgYSBjbG9zZSBidXR0b24gd2lsbCBiZSByZW5kZXJlZCBhbmQgdGhpcyBjYWxsYmFjayB3aWxsIGJlXG4gICAqIGNhbGxlZCB3aGVuIGl0IGlzIGNsaWNrZWQuXG4gICAqL1xuICBvblJlbW92ZT86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxFbGVtZW50PlxuICApID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25UeXBlSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25UeXBlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25UeXBlSWNvbic7XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkNsb3NlSWNvbiA9IChcbiAgcHJvcHM6IFBpY2s8VENvbnRlbnROb3RpZmljYXRpb25Qcm9wcywgJ29uUmVtb3ZlJz5cbikgPT4gKFxuICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDB9O1xuICAgICAgfVxuICAgIGB9XG4gID5cbiAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuKTtcbk5vdGlmaWNhdGlvbkNsb3NlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25DbG9zZUljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvblR5cGVJY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25NZXNzYWdlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uUmVtb3ZlICYmIDxOb3RpZmljYXRpb25DbG9zZUljb24gb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfSAvPn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
+    children: [jsxRuntime.jsx(NotificationTypeIcon, {
       type: props.type
     }), jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.paddingForContentNotification, ";background-color:", getContainerBackgroundColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";border-left-width:", designSystem.designTokens.borderLeftWidthForContentNotification, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnTWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbiAgSW5mb3JtYXRpb25JY29uLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcywgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxuZXhwb3J0IHR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldEljb25Db250YWluZXJCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbnRhaW5lckJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJMZWZ0V2lkdGhGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
+      css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.paddingForContentNotificationMessage, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvTWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHtcbiAgQ2hpbGRyZW4sXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIE1vdXNlRXZlbnQsXG4gIHR5cGUgS2V5Ym9hcmRFdmVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBDbG9zZUJvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgY29sb3IvdHlwZSBvZiBub3RpZmljYXRpb24uXG4gICAqL1xuICB0eXBlOiAnZXJyb3InIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuXG4gIC8qKlxuICAgKiBBbiBgaW50bGAgbWVzc2FnZSBvYmplY3QgdGhhdCB3aWxsIGJlIHJlbmRlcmVkIHdpdGggYEZvcm1hdHRlZE1lc3NhZ2VgLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGNoaWxkcmVuYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG5cbiAgLyoqXG4gICAqIFdoZW4gcHJvdmlkZWQsIGEgY2xvc2UgYnV0dG9uIHdpbGwgYmUgcmVuZGVyZWQgYW5kIHRoaXMgY2FsbGJhY2sgd2lsbCBiZVxuICAgKiBjYWxsZWQgd2hlbiBpdCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25SZW1vdmU/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb3JtYXRpb25JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uVHlwZUljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgSWNvbiA9IGdldEljb25CeVR5cGUocHJvcHMpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uVHlwZUljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uVHlwZUljb24nO1xuXG5jb25zdCBOb3RpZmljYXRpb25DbG9zZUljb24gPSAoXG4gIHByb3BzOiBQaWNrPFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMsICdvblJlbW92ZSc+XG4pID0+IChcbiAgPEFjY2Vzc2libGVCdXR0b25cbiAgICBsYWJlbD1cIlJlbW92ZVwiXG4gICAgb25DbGljaz17cHJvcHMub25SZW1vdmV9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDQwfTtcbiAgICAgIH1cbiAgICBgfVxuICA+XG4gICAgPENsb3NlQm9sZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbik7XG5Ob3RpZmljYXRpb25DbG9zZUljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uQ2xvc2VJY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25UeXBlSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uTWVzc2FnZX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogKFxuICAgICAgICAgIHByb3BzLmNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5vblJlbW92ZSAmJiA8Tm90aWZpY2F0aW9uQ2xvc2VJY29uIG9uUmVtb3ZlPXtwcm9wcy5vblJlbW92ZX0gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
       children: props.intlMessage ? jsxRuntime.jsx("div", {
         children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
       }) : props.children
+    }), props.onRemove && jsxRuntime.jsx(NotificationCloseIcon, {
+      onRemove: props.onRemove
     })]
   }));
 };
@@ -155,13 +141,14 @@ ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
   intlMessage: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
     values: _pt__default["default"].objectOf(_pt__default["default"].node)
   })]),
+  onRemove: _pt__default["default"].func,
   children: _pt__default["default"].node
 } : {};
 ContentNotification.displayName = 'ContentNotification';
 var ContentNotification$1 = ContentNotification;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.1.1";
+var version = "16.2.0";
 exports.ContentNotification = ContentNotification$1;
 exports.version = version;

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

@@ -15,6 +15,7 @@ require('prop-types');
 var react$1 = require('react');
 var reactIntl = require('react-intl');
 var react = require('@emotion/react');
+var AccessibleButton = require('@commercetools-uikit/accessible-button');
 var designSystem = require('@commercetools-uikit/design-system');
 var icons = require('@commercetools-uikit/icons');
 var utils = require('@commercetools-uikit/utils');
@@ -30,26 +31,13 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 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 AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
 const warnIfMissingContent = props => {
   Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
 };
-const getIconContainerBackgroundColour = props => {
-  switch (props.type) {
-    case 'error':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
-    case 'info':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
-    case 'warning':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
-    case 'success':
-      return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
-    default:
-      return '';
-  }
-};
 const getIconByType = props => {
   switch (props.type) {
     case 'error':
@@ -62,20 +50,6 @@ const getIconByType = props => {
       return icons.CheckBoldIcon;
   }
 };
-const getIconContainerBorderColor = props => {
-  switch (props.type) {
-    case 'error':
-      return designSystem.designTokens.borderColorForContentNotificationWhenError;
-    case 'info':
-      return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
-    case 'warning':
-      return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
-    case 'success':
-      return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
-    default:
-      return '';
-  }
-};
 const getIconColor = props => {
   switch (props.type) {
     case 'error':
@@ -90,15 +64,24 @@ const getIconColor = props => {
       return '';
   }
 };
-const NotificationIcon = props => {
+const NotificationTypeIcon = props => {
   const Icon = getIconByType(props);
   return jsxRuntime.jsx("div", {
-    css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designSystem.designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designSystem.designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(props), ";svg{margin:0 -3px;}" + ("" ), "" ),
+    css: /*#__PURE__*/react.css("display:flex;align-items:center;fill:", getIconColor(props), ";svg{margin:0 -3px;}" + ("" ), "" ),
     children: jsxRuntime.jsx(Icon, {})
   });
 };
-NotificationIcon.propTypes = {};
-NotificationIcon.displayName = 'NotificationIcon';
+NotificationTypeIcon.propTypes = {};
+NotificationTypeIcon.displayName = 'NotificationTypeIcon';
+const NotificationCloseIcon = props => jsxRuntime.jsx(AccessibleButton__default["default"], {
+  label: "Remove",
+  onClick: props.onRemove,
+  css: /*#__PURE__*/react.css("display:flex;align-items:center;fill:", designSystem.designTokens.colorSolid, ";&:hover{fill:", designSystem.designTokens.colorNeutral40, ";}" + ("" ), "" ),
+  children: jsxRuntime.jsx(icons.CloseBoldIcon, {
+    size: "medium"
+  })
+});
+NotificationCloseIcon.displayName = 'NotificationCloseIcon';
 const getContentBorderColor = props => {
   switch (props.type) {
     case 'error':
@@ -130,14 +113,16 @@ const getContainerBackgroundColor = props => {
 const 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.designTokens.fontSizeForContentNotification, ";color:", designSystem.designTokens.fontColorForContentNotification, ";font-family:inherit;" + ("" ), "" ),
-    children: [jsxRuntime.jsx(NotificationIcon, {
+    css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.designTokens.fontSizeForContentNotification, ";color:", designSystem.designTokens.fontColorForContentNotification, ";font-family:inherit;background-color:", getContainerBackgroundColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";padding:", designSystem.designTokens.paddingForContentNotification, ";" + ("" ), "" ),
+    children: [jsxRuntime.jsx(NotificationTypeIcon, {
       type: props.type
     }), jsxRuntime.jsx("div", {
-      css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.paddingForContentNotification, ";background-color:", getContainerBackgroundColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";border-left-width:", designSystem.designTokens.borderLeftWidthForContentNotification, ";" + ("" ), "" ),
+      css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.paddingForContentNotificationMessage, ";" + ("" ), "" ),
       children: props.intlMessage ? jsxRuntime.jsx("div", {
         children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
       }) : props.children
+    }), props.onRemove && jsxRuntime.jsx(NotificationCloseIcon, {
+      onRemove: props.onRemove
     })]
   }));
 };
@@ -146,7 +131,7 @@ ContentNotification.displayName = 'ContentNotification';
 var ContentNotification$1 = ContentNotification;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.1.1";
+var version = "16.2.0";
 exports.ContentNotification = ContentNotification$1;
 exports.version = version;

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

@@ -11,8 +11,9 @@ import _pt from 'prop-types';
 import { Children } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { css } from '@emotion/react';
+import AccessibleButton from '@commercetools-uikit/accessible-button';
 import { designTokens } from '@commercetools-uikit/design-system';
-import { CheckBoldIcon, WarningIcon, InformationIcon, ErrorIcon } from '@commercetools-uikit/icons';
+import { CloseBoldIcon, CheckBoldIcon, WarningIcon, InformationIcon, ErrorIcon } from '@commercetools-uikit/icons';
 import { filterDataAttributes, warning } from '@commercetools-uikit/utils';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
@@ -23,20 +24,6 @@ const warnIfMissingContent = props => {
   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;
 };
-const getIconContainerBackgroundColour = props => {
-  switch (props.type) {
-    case 'error':
-      return designTokens.backgroundColorForContentNotificationIconWhenError;
-    case 'info':
-      return designTokens.backgroundColorForContentNotificationIconWhenInfo;
-    case 'warning':
-      return designTokens.backgroundColorForContentNotificationIconWhenWarning;
-    case 'success':
-      return designTokens.backgroundColorForContentNotificationIconWhenSuccess;
-    default:
-      return '';
-  }
-};
 const getIconByType = props => {
   switch (props.type) {
     case 'error':
@@ -49,20 +36,6 @@ const getIconByType = props => {
       return CheckBoldIcon;
   }
 };
-const getIconContainerBorderColor = props => {
-  switch (props.type) {
-    case 'error':
-      return designTokens.borderColorForContentNotificationWhenError;
-    case 'info':
-      return designTokens.borderColorForContentNotificationWhenInfo;
-    case 'warning':
-      return designTokens.borderColorForContentNotificationWhenWarning;
-    case 'success':
-      return designTokens.borderColorForContentNotificationWhenSuccess;
-    default:
-      return '';
-  }
-};
 const getIconColor = props => {
   switch (props.type) {
     case 'error':
@@ -77,21 +50,31 @@ const getIconColor = props => {
       return '';
   }
 };
-const NotificationIcon = props => {
+const NotificationTypeIcon = props => {
   const Icon = getIconByType(props);
   return jsx("div", {
-    css: /*#__PURE__*/css("display:flex;align-items:center;border-radius:", designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5SGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgY29sb3IvdHlwZSBvZiBub3RpZmljYXRpb24uXG4gICAqL1xuICB0eXBlOiAnZXJyb3InIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuXG4gIC8qKlxuICAgKiBBbiBgaW50bGAgbWVzc2FnZSBvYmplY3QgdGhhdCB3aWxsIGJlIHJlbmRlcmVkIHdpdGggYEZvcm1hdHRlZE1lc3NhZ2VgLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGNoaWxkcmVuYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9ybWF0aW9uSWNvbjtcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBXYXJuaW5nSWNvbjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIENoZWNrQm9sZEljb247XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
+    css: /*#__PURE__*/css("display:flex;align-items:center;fill:", getIconColor(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationTypeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwR2MiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIENsb3NlQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogV2hlbiBwcm92aWRlZCwgYSBjbG9zZSBidXR0b24gd2lsbCBiZSByZW5kZXJlZCBhbmQgdGhpcyBjYWxsYmFjayB3aWxsIGJlXG4gICAqIGNhbGxlZCB3aGVuIGl0IGlzIGNsaWNrZWQuXG4gICAqL1xuICBvblJlbW92ZT86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxFbGVtZW50PlxuICApID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25UeXBlSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25UeXBlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25UeXBlSWNvbic7XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkNsb3NlSWNvbiA9IChcbiAgcHJvcHM6IFBpY2s8VENvbnRlbnROb3RpZmljYXRpb25Qcm9wcywgJ29uUmVtb3ZlJz5cbikgPT4gKFxuICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDB9O1xuICAgICAgfVxuICAgIGB9XG4gID5cbiAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuKTtcbk5vdGlmaWNhdGlvbkNsb3NlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25DbG9zZUljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvblR5cGVJY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25NZXNzYWdlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uUmVtb3ZlICYmIDxOb3RpZmljYXRpb25DbG9zZUljb24gb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfSAvPn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
     children: jsx(Icon, {})
   });
 };
-NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+NotificationTypeIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
   intlMessage: _pt.oneOfType([_pt.any, _pt.shape({
     values: _pt.objectOf(_pt.node)
   })]),
+  onRemove: _pt.func,
   children: _pt.node
 } : {};
-NotificationIcon.displayName = 'NotificationIcon';
+NotificationTypeIcon.displayName = 'NotificationTypeIcon';
+const NotificationCloseIcon = props => jsx(AccessibleButton, {
+  label: "Remove",
+  onClick: props.onRemove,
+  css: /*#__PURE__*/css("display:flex;align-items:center;fill:", designTokens.colorSolid, ";&:hover{fill:", designTokens.colorNeutral40, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationCloseIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSFkiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIENsb3NlQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogV2hlbiBwcm92aWRlZCwgYSBjbG9zZSBidXR0b24gd2lsbCBiZSByZW5kZXJlZCBhbmQgdGhpcyBjYWxsYmFjayB3aWxsIGJlXG4gICAqIGNhbGxlZCB3aGVuIGl0IGlzIGNsaWNrZWQuXG4gICAqL1xuICBvblJlbW92ZT86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxFbGVtZW50PlxuICApID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25UeXBlSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25UeXBlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25UeXBlSWNvbic7XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkNsb3NlSWNvbiA9IChcbiAgcHJvcHM6IFBpY2s8VENvbnRlbnROb3RpZmljYXRpb25Qcm9wcywgJ29uUmVtb3ZlJz5cbikgPT4gKFxuICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDB9O1xuICAgICAgfVxuICAgIGB9XG4gID5cbiAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuKTtcbk5vdGlmaWNhdGlvbkNsb3NlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25DbG9zZUljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvblR5cGVJY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25NZXNzYWdlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uUmVtb3ZlICYmIDxOb3RpZmljYXRpb25DbG9zZUljb24gb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfSAvPn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
+  children: jsx(CloseBoldIcon, {
+    size: "medium"
+  })
+});
+NotificationCloseIcon.displayName = 'NotificationCloseIcon';
 const getContentBorderColor = props => {
   switch (props.type) {
     case 'error':
@@ -123,14 +106,16 @@ const getContainerBackgroundColor = props => {
 const 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:", designTokens.fontSizeForContentNotification, ";color:", designTokens.fontColorForContentNotification, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtTGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgY29sb3IvdHlwZSBvZiBub3RpZmljYXRpb24uXG4gICAqL1xuICB0eXBlOiAnZXJyb3InIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuXG4gIC8qKlxuICAgKiBBbiBgaW50bGAgbWVzc2FnZSBvYmplY3QgdGhhdCB3aWxsIGJlIHJlbmRlcmVkIHdpdGggYEZvcm1hdHRlZE1lc3NhZ2VgLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGNoaWxkcmVuYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9ybWF0aW9uSWNvbjtcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBXYXJuaW5nSWNvbjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIENoZWNrQm9sZEljb247XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db250YWluZXJCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25JY29uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
-    children: [jsx(NotificationIcon, {
+    css: /*#__PURE__*/css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designTokens.fontSizeForContentNotification, ";color:", designTokens.fontColorForContentNotification, ";font-family:inherit;background-color:", getContainerBackgroundColor(props), ";border-radius:", designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";padding:", designTokens.paddingForContentNotification, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpTGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIHR5cGUgTW91c2VFdmVudCxcbiAgdHlwZSBLZXlib2FyZEV2ZW50LFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIENsb3NlQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogV2hlbiBwcm92aWRlZCwgYSBjbG9zZSBidXR0b24gd2lsbCBiZSByZW5kZXJlZCBhbmQgdGhpcyBjYWxsYmFjayB3aWxsIGJlXG4gICAqIGNhbGxlZCB3aGVuIGl0IGlzIGNsaWNrZWQuXG4gICAqL1xuICBvblJlbW92ZT86IChcbiAgICBldmVudDogTW91c2VFdmVudDxIVE1MRWxlbWVudD4gfCBLZXlib2FyZEV2ZW50PEhUTUxFbGVtZW50PlxuICApID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgaW50bE1lc3NhZ2VgIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgd2FybklmTWlzc2luZ0NvbnRlbnQgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgQm9vbGVhbihwcm9wcy5pbnRsTWVzc2FnZSkgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuXG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGludGxNZXNzYWdlXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBjaGlsZHJlblxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBOb3RpZmljYXRpb25UeXBlSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGZpbGw6ICR7Z2V0SWNvbkNvbG9yKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25UeXBlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25UeXBlSWNvbic7XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkNsb3NlSWNvbiA9IChcbiAgcHJvcHM6IFBpY2s8VENvbnRlbnROb3RpZmljYXRpb25Qcm9wcywgJ29uUmVtb3ZlJz5cbikgPT4gKFxuICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgIGxhYmVsPVwiUmVtb3ZlXCJcbiAgICBvbkNsaWNrPXtwcm9wcy5vblJlbW92ZX1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNDB9O1xuICAgICAgfVxuICAgIGB9XG4gID5cbiAgICA8Q2xvc2VCb2xkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuKTtcbk5vdGlmaWNhdGlvbkNsb3NlSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25DbG9zZUljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvblR5cGVJY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25NZXNzYWdlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uUmVtb3ZlICYmIDxOb3RpZmljYXRpb25DbG9zZUljb24gb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlfSAvPn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Db250ZW50Tm90aWZpY2F0aW9uLmRpc3BsYXlOYW1lID0gJ0NvbnRlbnROb3RpZmljYXRpb24nO1xuXG5leHBvcnQgZGVmYXVsdCBDb250ZW50Tm90aWZpY2F0aW9uO1xuIl19 */"),
+    children: [jsx(NotificationTypeIcon, {
       type: props.type
     }), jsx("div", {
-      css: /*#__PURE__*/css("flex-grow:1;display:flex;align-items:center;padding:", designTokens.paddingForContentNotification, ";background-color:", getContainerBackgroundColor(props), ";border-radius:", designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";border-left-width:", designTokens.borderLeftWidthForContentNotification, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnTWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbiAgSW5mb3JtYXRpb25JY29uLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgeyBmaWx0ZXJEYXRhQXR0cmlidXRlcywgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcblxuZXhwb3J0IHR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvcm1hdGlvbkljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldEljb25Db250YWluZXJCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbnRhaW5lckJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJMZWZ0V2lkdGhGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
+      css: /*#__PURE__*/css("flex-grow:1;display:flex;align-items:center;padding:", designTokens.paddingForContentNotificationMessage, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvTWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHtcbiAgQ2hpbGRyZW4sXG4gIHR5cGUgUmVhY3ROb2RlLFxuICB0eXBlIE1vdXNlRXZlbnQsXG4gIHR5cGUgS2V5Ym9hcmRFdmVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvYWNjZXNzaWJsZS1idXR0b24nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBDbG9zZUJvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyB0aGUgY29sb3IvdHlwZSBvZiBub3RpZmljYXRpb24uXG4gICAqL1xuICB0eXBlOiAnZXJyb3InIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuXG4gIC8qKlxuICAgKiBBbiBgaW50bGAgbWVzc2FnZSBvYmplY3QgdGhhdCB3aWxsIGJlIHJlbmRlcmVkIHdpdGggYEZvcm1hdHRlZE1lc3NhZ2VgLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGNoaWxkcmVuYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG5cbiAgLyoqXG4gICAqIFdoZW4gcHJvdmlkZWQsIGEgY2xvc2UgYnV0dG9uIHdpbGwgYmUgcmVuZGVyZWQgYW5kIHRoaXMgY2FsbGJhY2sgd2lsbCBiZVxuICAgKiBjYWxsZWQgd2hlbiBpdCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25SZW1vdmU/OiAoXG4gICAgZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+IHwgS2V5Ym9hcmRFdmVudDxIVE1MRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gSW5mb3JtYXRpb25JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uVHlwZUljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgSWNvbiA9IGdldEljb25CeVR5cGUocHJvcHMpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uVHlwZUljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uVHlwZUljb24nO1xuXG5jb25zdCBOb3RpZmljYXRpb25DbG9zZUljb24gPSAoXG4gIHByb3BzOiBQaWNrPFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMsICdvblJlbW92ZSc+XG4pID0+IChcbiAgPEFjY2Vzc2libGVCdXR0b25cbiAgICBsYWJlbD1cIlJlbW92ZVwiXG4gICAgb25DbGljaz17cHJvcHMub25SZW1vdmV9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGZpbGw6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDQwfTtcbiAgICAgIH1cbiAgICBgfVxuICA+XG4gICAgPENsb3NlQm9sZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbik7XG5Ob3RpZmljYXRpb25DbG9zZUljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uQ2xvc2VJY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25UeXBlSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uTWVzc2FnZX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5pbnRsTWVzc2FnZSA/IChcbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogKFxuICAgICAgICAgIHByb3BzLmNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5vblJlbW92ZSAmJiA8Tm90aWZpY2F0aW9uQ2xvc2VJY29uIG9uUmVtb3ZlPXtwcm9wcy5vblJlbW92ZX0gLz59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
       children: props.intlMessage ? jsx("div", {
         children: jsx(FormattedMessage, _objectSpread({}, props.intlMessage))
       }) : props.children
+    }), props.onRemove && jsx(NotificationCloseIcon, {
+      onRemove: props.onRemove
     })]
   }));
 };
@@ -139,12 +124,13 @@ ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
   intlMessage: _pt.oneOfType([_pt.any, _pt.shape({
     values: _pt.objectOf(_pt.node)
   })]),
+  onRemove: _pt.func,
   children: _pt.node
 } : {};
 ContentNotification.displayName = 'ContentNotification';
 var ContentNotification$1 = ContentNotification;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.1.1";
+var version = "16.2.0";
 export { ContentNotification$1 as ContentNotification, version };

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

@@ -1,10 +1,11 @@
 import type { MessageDescriptor } from 'react-intl';
-import { ReactNode } from 'react';
+import { type ReactNode, type MouseEvent, type KeyboardEvent } from 'react';
 export type TContentNotificationProps = {
     type: 'error' | 'info' | 'warning' | 'success';
     intlMessage?: MessageDescriptor & {
         values?: Record<string, ReactNode>;
     };
+    onRemove?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
     children?: ReactNode;
 };
 declare const ContentNotification: {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/notifications",
   "description": "Notification components.",
-  "version": "16.1.1",
+  "version": "16.2.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,9 +21,10 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/design-system": "16.1.1",
-    "@commercetools-uikit/icons": "16.1.1",
-    "@commercetools-uikit/utils": "16.1.1",
+    "@commercetools-uikit/accessible-button": "16.2.0",
+    "@commercetools-uikit/design-system": "16.2.0",
+    "@commercetools-uikit/icons": "16.2.0",
+    "@commercetools-uikit/utils": "16.2.0",
     "@emotion/react": "^11.10.5",
     "prop-types": "15.8.1"
   },