@commercetools-uikit/notifications 16.1.0 → 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.
- package/README.md +11 -0
- package/dist/commercetools-uikit-notifications.cjs.dev.js +26 -41
- package/dist/commercetools-uikit-notifications.cjs.prod.js +24 -41
- package/dist/commercetools-uikit-notifications.esm.js +27 -43
- package/dist/declarations/src/content-notification/content-notification.d.ts +2 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -61,3 +61,14 @@ export const Error = () => (
|
|
|
61
61
|
| `type` | `union`<br/>Possible values:<br/>`'error' , 'info' , 'warning' , 'success'` | ✅ | | Determines the color/type of notification. |
|
|
62
62
|
| `intlMessage` | `MessageDescriptor` | | | An `intl` message object that will be rendered with `FormattedMessage`.
<br />
Required if `children` is not provided. |
|
|
63
63
|
| `children` | `ReactNode` | | | The content of the notification.
<br />
Required if `intlMessage` is not provided. |
|
|
64
|
+
| `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. |
|
|
65
|
+
|
|
66
|
+
## Signatures
|
|
67
|
+
|
|
68
|
+
### Signature `onRemove`
|
|
69
|
+
|
|
70
|
+
```ts
|
|
71
|
+
(
|
|
72
|
+
event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>
|
|
73
|
+
) => void
|
|
74
|
+
```
|
|
@@ -15,6 +15,7 @@ var _pt = require('prop-types');
|
|
|
15
15
|
var react$1 = require('react');
|
|
16
16
|
var reactIntl = require('react-intl');
|
|
17
17
|
var react = require('@emotion/react');
|
|
18
|
+
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
18
19
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
19
20
|
var icons = require('@commercetools-uikit/icons');
|
|
20
21
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -31,6 +32,7 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
|
|
|
31
32
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
33
34
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
35
|
+
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
34
36
|
|
|
35
37
|
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; }
|
|
36
38
|
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,46 +41,18 @@ const warnIfMissingContent = props => {
|
|
|
39
41
|
process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['Warning: Failed prop type:', "The prop `intlMessage` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
|
|
40
42
|
process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['Warning: Failed prop type:', "The prop `children` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
|
|
41
43
|
};
|
|
42
|
-
const
|
|
43
|
-
switch (props.type) {
|
|
44
|
-
case 'error':
|
|
45
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
46
|
-
case 'info':
|
|
47
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
48
|
-
case 'warning':
|
|
49
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
50
|
-
case 'success':
|
|
51
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
|
|
52
|
-
default:
|
|
53
|
-
return '';
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
const getIconByType = (props, isNewTheme) => {
|
|
44
|
+
const getIconByType = props => {
|
|
57
45
|
switch (props.type) {
|
|
58
46
|
case 'error':
|
|
59
47
|
return icons.ErrorIcon;
|
|
60
48
|
case 'info':
|
|
61
|
-
return
|
|
49
|
+
return icons.InformationIcon;
|
|
62
50
|
case 'warning':
|
|
63
51
|
return icons.WarningIcon;
|
|
64
52
|
default:
|
|
65
53
|
return icons.CheckBoldIcon;
|
|
66
54
|
}
|
|
67
55
|
};
|
|
68
|
-
const getIconContainerBorderColor = props => {
|
|
69
|
-
switch (props.type) {
|
|
70
|
-
case 'error':
|
|
71
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenError;
|
|
72
|
-
case 'info':
|
|
73
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
|
|
74
|
-
case 'warning':
|
|
75
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
|
|
76
|
-
case 'success':
|
|
77
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
|
|
78
|
-
default:
|
|
79
|
-
return '';
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
56
|
const getIconColor = props => {
|
|
83
57
|
switch (props.type) {
|
|
84
58
|
case 'error':
|
|
@@ -93,23 +67,31 @@ const getIconColor = props => {
|
|
|
93
67
|
return '';
|
|
94
68
|
}
|
|
95
69
|
};
|
|
96
|
-
const
|
|
97
|
-
const
|
|
98
|
-
isNewTheme = _useTheme.isNewTheme;
|
|
99
|
-
const Icon = getIconByType(props, isNewTheme);
|
|
70
|
+
const NotificationTypeIcon = props => {
|
|
71
|
+
const Icon = getIconByType(props);
|
|
100
72
|
return jsxRuntime.jsx("div", {
|
|
101
|
-
css: /*#__PURE__*/react.css("display:flex;align-items:center;
|
|
73
|
+
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 */"),
|
|
102
74
|
children: jsxRuntime.jsx(Icon, {})
|
|
103
75
|
});
|
|
104
76
|
};
|
|
105
|
-
|
|
77
|
+
NotificationTypeIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
106
78
|
type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
|
|
107
79
|
intlMessage: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
|
|
108
80
|
values: _pt__default["default"].objectOf(_pt__default["default"].node)
|
|
109
81
|
})]),
|
|
82
|
+
onRemove: _pt__default["default"].func,
|
|
110
83
|
children: _pt__default["default"].node
|
|
111
84
|
} : {};
|
|
112
|
-
|
|
85
|
+
NotificationTypeIcon.displayName = 'NotificationTypeIcon';
|
|
86
|
+
const NotificationCloseIcon = props => jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
87
|
+
label: "Remove",
|
|
88
|
+
onClick: props.onRemove,
|
|
89
|
+
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 */"),
|
|
90
|
+
children: jsxRuntime.jsx(icons.CloseBoldIcon, {
|
|
91
|
+
size: "medium"
|
|
92
|
+
})
|
|
93
|
+
});
|
|
94
|
+
NotificationCloseIcon.displayName = 'NotificationCloseIcon';
|
|
113
95
|
const getContentBorderColor = props => {
|
|
114
96
|
switch (props.type) {
|
|
115
97
|
case 'error':
|
|
@@ -141,14 +123,16 @@ const getContainerBackgroundColor = props => {
|
|
|
141
123
|
const ContentNotification = props => {
|
|
142
124
|
warnIfMissingContent(props);
|
|
143
125
|
return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
|
|
144
|
-
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,
|
|
145
|
-
children: [jsxRuntime.jsx(
|
|
126
|
+
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 */"),
|
|
127
|
+
children: [jsxRuntime.jsx(NotificationTypeIcon, {
|
|
146
128
|
type: props.type
|
|
147
129
|
}), jsxRuntime.jsx("div", {
|
|
148
|
-
css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.
|
|
130
|
+
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== */"),
|
|
149
131
|
children: props.intlMessage ? jsxRuntime.jsx("div", {
|
|
150
132
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
|
|
151
133
|
}) : props.children
|
|
134
|
+
}), props.onRemove && jsxRuntime.jsx(NotificationCloseIcon, {
|
|
135
|
+
onRemove: props.onRemove
|
|
152
136
|
})]
|
|
153
137
|
}));
|
|
154
138
|
};
|
|
@@ -157,13 +141,14 @@ ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
157
141
|
intlMessage: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
|
|
158
142
|
values: _pt__default["default"].objectOf(_pt__default["default"].node)
|
|
159
143
|
})]),
|
|
144
|
+
onRemove: _pt__default["default"].func,
|
|
160
145
|
children: _pt__default["default"].node
|
|
161
146
|
} : {};
|
|
162
147
|
ContentNotification.displayName = 'ContentNotification';
|
|
163
148
|
var ContentNotification$1 = ContentNotification;
|
|
164
149
|
|
|
165
150
|
// NOTE: This string will be replaced on build time with the package version.
|
|
166
|
-
var version = "16.
|
|
151
|
+
var version = "16.2.0";
|
|
167
152
|
|
|
168
153
|
exports.ContentNotification = ContentNotification$1;
|
|
169
154
|
exports.version = version;
|
|
@@ -15,6 +15,7 @@ require('prop-types');
|
|
|
15
15
|
var react$1 = require('react');
|
|
16
16
|
var reactIntl = require('react-intl');
|
|
17
17
|
var react = require('@emotion/react');
|
|
18
|
+
var AccessibleButton = require('@commercetools-uikit/accessible-button');
|
|
18
19
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
19
20
|
var icons = require('@commercetools-uikit/icons');
|
|
20
21
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -30,52 +31,25 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
|
|
|
30
31
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
31
32
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
33
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
34
|
+
var AccessibleButton__default = /*#__PURE__*/_interopDefault(AccessibleButton);
|
|
33
35
|
|
|
34
36
|
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; }
|
|
35
37
|
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; }
|
|
36
38
|
const warnIfMissingContent = props => {
|
|
37
39
|
Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
|
|
38
40
|
};
|
|
39
|
-
const
|
|
40
|
-
switch (props.type) {
|
|
41
|
-
case 'error':
|
|
42
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
43
|
-
case 'info':
|
|
44
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
45
|
-
case 'warning':
|
|
46
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
47
|
-
case 'success':
|
|
48
|
-
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
|
|
49
|
-
default:
|
|
50
|
-
return '';
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
const getIconByType = (props, isNewTheme) => {
|
|
41
|
+
const getIconByType = props => {
|
|
54
42
|
switch (props.type) {
|
|
55
43
|
case 'error':
|
|
56
44
|
return icons.ErrorIcon;
|
|
57
45
|
case 'info':
|
|
58
|
-
return
|
|
46
|
+
return icons.InformationIcon;
|
|
59
47
|
case 'warning':
|
|
60
48
|
return icons.WarningIcon;
|
|
61
49
|
default:
|
|
62
50
|
return icons.CheckBoldIcon;
|
|
63
51
|
}
|
|
64
52
|
};
|
|
65
|
-
const getIconContainerBorderColor = props => {
|
|
66
|
-
switch (props.type) {
|
|
67
|
-
case 'error':
|
|
68
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenError;
|
|
69
|
-
case 'info':
|
|
70
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
|
|
71
|
-
case 'warning':
|
|
72
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
|
|
73
|
-
case 'success':
|
|
74
|
-
return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
|
|
75
|
-
default:
|
|
76
|
-
return '';
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
53
|
const getIconColor = props => {
|
|
80
54
|
switch (props.type) {
|
|
81
55
|
case 'error':
|
|
@@ -90,17 +64,24 @@ const getIconColor = props => {
|
|
|
90
64
|
return '';
|
|
91
65
|
}
|
|
92
66
|
};
|
|
93
|
-
const
|
|
94
|
-
const
|
|
95
|
-
isNewTheme = _useTheme.isNewTheme;
|
|
96
|
-
const Icon = getIconByType(props, isNewTheme);
|
|
67
|
+
const NotificationTypeIcon = props => {
|
|
68
|
+
const Icon = getIconByType(props);
|
|
97
69
|
return jsxRuntime.jsx("div", {
|
|
98
|
-
css: /*#__PURE__*/react.css("display:flex;align-items:center;
|
|
70
|
+
css: /*#__PURE__*/react.css("display:flex;align-items:center;fill:", getIconColor(props), ";svg{margin:0 -3px;}" + ("" ), "" ),
|
|
99
71
|
children: jsxRuntime.jsx(Icon, {})
|
|
100
72
|
});
|
|
101
73
|
};
|
|
102
|
-
|
|
103
|
-
|
|
74
|
+
NotificationTypeIcon.propTypes = {};
|
|
75
|
+
NotificationTypeIcon.displayName = 'NotificationTypeIcon';
|
|
76
|
+
const NotificationCloseIcon = props => jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
77
|
+
label: "Remove",
|
|
78
|
+
onClick: props.onRemove,
|
|
79
|
+
css: /*#__PURE__*/react.css("display:flex;align-items:center;fill:", designSystem.designTokens.colorSolid, ";&:hover{fill:", designSystem.designTokens.colorNeutral40, ";}" + ("" ), "" ),
|
|
80
|
+
children: jsxRuntime.jsx(icons.CloseBoldIcon, {
|
|
81
|
+
size: "medium"
|
|
82
|
+
})
|
|
83
|
+
});
|
|
84
|
+
NotificationCloseIcon.displayName = 'NotificationCloseIcon';
|
|
104
85
|
const getContentBorderColor = props => {
|
|
105
86
|
switch (props.type) {
|
|
106
87
|
case 'error':
|
|
@@ -132,14 +113,16 @@ const getContainerBackgroundColor = props => {
|
|
|
132
113
|
const ContentNotification = props => {
|
|
133
114
|
warnIfMissingContent(props);
|
|
134
115
|
return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
|
|
135
|
-
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;" + ("" ), "" ),
|
|
136
|
-
children: [jsxRuntime.jsx(
|
|
116
|
+
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, ";" + ("" ), "" ),
|
|
117
|
+
children: [jsxRuntime.jsx(NotificationTypeIcon, {
|
|
137
118
|
type: props.type
|
|
138
119
|
}), jsxRuntime.jsx("div", {
|
|
139
|
-
css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.
|
|
120
|
+
css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.paddingForContentNotificationMessage, ";" + ("" ), "" ),
|
|
140
121
|
children: props.intlMessage ? jsxRuntime.jsx("div", {
|
|
141
122
|
children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
|
|
142
123
|
}) : props.children
|
|
124
|
+
}), props.onRemove && jsxRuntime.jsx(NotificationCloseIcon, {
|
|
125
|
+
onRemove: props.onRemove
|
|
143
126
|
})]
|
|
144
127
|
}));
|
|
145
128
|
};
|
|
@@ -148,7 +131,7 @@ ContentNotification.displayName = 'ContentNotification';
|
|
|
148
131
|
var ContentNotification$1 = ContentNotification;
|
|
149
132
|
|
|
150
133
|
// NOTE: This string will be replaced on build time with the package version.
|
|
151
|
-
var version = "16.
|
|
134
|
+
var version = "16.2.0";
|
|
152
135
|
|
|
153
136
|
exports.ContentNotification = ContentNotification$1;
|
|
154
137
|
exports.version = version;
|
|
@@ -11,8 +11,9 @@ import _pt from 'prop-types';
|
|
|
11
11
|
import { Children } from 'react';
|
|
12
12
|
import { FormattedMessage } from 'react-intl';
|
|
13
13
|
import { css } from '@emotion/react';
|
|
14
|
-
import
|
|
15
|
-
import {
|
|
14
|
+
import AccessibleButton from '@commercetools-uikit/accessible-button';
|
|
15
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
16
|
+
import { CloseBoldIcon, CheckBoldIcon, WarningIcon, InformationIcon, ErrorIcon } from '@commercetools-uikit/icons';
|
|
16
17
|
import { filterDataAttributes, warning } from '@commercetools-uikit/utils';
|
|
17
18
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
18
19
|
|
|
@@ -23,46 +24,18 @@ const warnIfMissingContent = props => {
|
|
|
23
24
|
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;
|
|
24
25
|
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;
|
|
25
26
|
};
|
|
26
|
-
const
|
|
27
|
-
switch (props.type) {
|
|
28
|
-
case 'error':
|
|
29
|
-
return designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
30
|
-
case 'info':
|
|
31
|
-
return designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
32
|
-
case 'warning':
|
|
33
|
-
return designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
34
|
-
case 'success':
|
|
35
|
-
return designTokens.backgroundColorForContentNotificationIconWhenSuccess;
|
|
36
|
-
default:
|
|
37
|
-
return '';
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
const getIconByType = (props, isNewTheme) => {
|
|
27
|
+
const getIconByType = props => {
|
|
41
28
|
switch (props.type) {
|
|
42
29
|
case 'error':
|
|
43
30
|
return ErrorIcon;
|
|
44
31
|
case 'info':
|
|
45
|
-
return
|
|
32
|
+
return InformationIcon;
|
|
46
33
|
case 'warning':
|
|
47
34
|
return WarningIcon;
|
|
48
35
|
default:
|
|
49
36
|
return CheckBoldIcon;
|
|
50
37
|
}
|
|
51
38
|
};
|
|
52
|
-
const getIconContainerBorderColor = props => {
|
|
53
|
-
switch (props.type) {
|
|
54
|
-
case 'error':
|
|
55
|
-
return designTokens.borderColorForContentNotificationWhenError;
|
|
56
|
-
case 'info':
|
|
57
|
-
return designTokens.borderColorForContentNotificationWhenInfo;
|
|
58
|
-
case 'warning':
|
|
59
|
-
return designTokens.borderColorForContentNotificationWhenWarning;
|
|
60
|
-
case 'success':
|
|
61
|
-
return designTokens.borderColorForContentNotificationWhenSuccess;
|
|
62
|
-
default:
|
|
63
|
-
return '';
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
39
|
const getIconColor = props => {
|
|
67
40
|
switch (props.type) {
|
|
68
41
|
case 'error':
|
|
@@ -77,23 +50,31 @@ const getIconColor = props => {
|
|
|
77
50
|
return '';
|
|
78
51
|
}
|
|
79
52
|
};
|
|
80
|
-
const
|
|
81
|
-
const
|
|
82
|
-
isNewTheme = _useTheme.isNewTheme;
|
|
83
|
-
const Icon = getIconByType(props, isNewTheme);
|
|
53
|
+
const NotificationTypeIcon = props => {
|
|
54
|
+
const Icon = getIconByType(props);
|
|
84
55
|
return jsx("div", {
|
|
85
|
-
css: /*#__PURE__*/css("display:flex;align-items:center;
|
|
56
|
+
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 */"),
|
|
86
57
|
children: jsx(Icon, {})
|
|
87
58
|
});
|
|
88
59
|
};
|
|
89
|
-
|
|
60
|
+
NotificationTypeIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
90
61
|
type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
|
|
91
62
|
intlMessage: _pt.oneOfType([_pt.any, _pt.shape({
|
|
92
63
|
values: _pt.objectOf(_pt.node)
|
|
93
64
|
})]),
|
|
65
|
+
onRemove: _pt.func,
|
|
94
66
|
children: _pt.node
|
|
95
67
|
} : {};
|
|
96
|
-
|
|
68
|
+
NotificationTypeIcon.displayName = 'NotificationTypeIcon';
|
|
69
|
+
const NotificationCloseIcon = props => jsx(AccessibleButton, {
|
|
70
|
+
label: "Remove",
|
|
71
|
+
onClick: props.onRemove,
|
|
72
|
+
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 */"),
|
|
73
|
+
children: jsx(CloseBoldIcon, {
|
|
74
|
+
size: "medium"
|
|
75
|
+
})
|
|
76
|
+
});
|
|
77
|
+
NotificationCloseIcon.displayName = 'NotificationCloseIcon';
|
|
97
78
|
const getContentBorderColor = props => {
|
|
98
79
|
switch (props.type) {
|
|
99
80
|
case 'error':
|
|
@@ -125,14 +106,16 @@ const getContainerBackgroundColor = props => {
|
|
|
125
106
|
const ContentNotification = props => {
|
|
126
107
|
warnIfMissingContent(props);
|
|
127
108
|
return jsxs("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
|
|
128
|
-
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,
|
|
129
|
-
children: [jsx(
|
|
109
|
+
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 */"),
|
|
110
|
+
children: [jsx(NotificationTypeIcon, {
|
|
130
111
|
type: props.type
|
|
131
112
|
}), jsx("div", {
|
|
132
|
-
css: /*#__PURE__*/css("flex-grow:1;display:flex;align-items:center;padding:", designTokens.
|
|
113
|
+
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== */"),
|
|
133
114
|
children: props.intlMessage ? jsx("div", {
|
|
134
115
|
children: jsx(FormattedMessage, _objectSpread({}, props.intlMessage))
|
|
135
116
|
}) : props.children
|
|
117
|
+
}), props.onRemove && jsx(NotificationCloseIcon, {
|
|
118
|
+
onRemove: props.onRemove
|
|
136
119
|
})]
|
|
137
120
|
}));
|
|
138
121
|
};
|
|
@@ -141,12 +124,13 @@ ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
141
124
|
intlMessage: _pt.oneOfType([_pt.any, _pt.shape({
|
|
142
125
|
values: _pt.objectOf(_pt.node)
|
|
143
126
|
})]),
|
|
127
|
+
onRemove: _pt.func,
|
|
144
128
|
children: _pt.node
|
|
145
129
|
} : {};
|
|
146
130
|
ContentNotification.displayName = 'ContentNotification';
|
|
147
131
|
var ContentNotification$1 = ContentNotification;
|
|
148
132
|
|
|
149
133
|
// NOTE: This string will be replaced on build time with the package version.
|
|
150
|
-
var version = "16.
|
|
134
|
+
var version = "16.2.0";
|
|
151
135
|
|
|
152
136
|
export { ContentNotification$1 as ContentNotification, version };
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { MessageDescriptor } from 'react-intl';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import { type ReactNode, type MouseEvent, type KeyboardEvent } from 'react';
|
|
3
3
|
export type TContentNotificationProps = {
|
|
4
4
|
type: 'error' | 'info' | 'warning' | 'success';
|
|
5
5
|
intlMessage?: MessageDescriptor & {
|
|
6
6
|
values?: Record<string, ReactNode>;
|
|
7
7
|
};
|
|
8
|
+
onRemove?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
|
|
8
9
|
children?: ReactNode;
|
|
9
10
|
};
|
|
10
11
|
declare const ContentNotification: {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/notifications",
|
|
3
3
|
"description": "Notification components.",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.2.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,9 +21,10 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/
|
|
25
|
-
"@commercetools-uikit/
|
|
26
|
-
"@commercetools-uikit/
|
|
24
|
+
"@commercetools-uikit/accessible-button": "16.2.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.2.0",
|
|
26
|
+
"@commercetools-uikit/icons": "16.2.0",
|
|
27
|
+
"@commercetools-uikit/utils": "16.2.0",
|
|
27
28
|
"@emotion/react": "^11.10.5",
|
|
28
29
|
"prop-types": "15.8.1"
|
|
29
30
|
},
|