@carbon/ibm-products 2.65.0 → 2.66.0-rc.0

package/es/components/EmptyStates/assets/NotFoundIllustration.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -13,26 +13,27 @@ import { pkg } from '../../../settings.js';
 import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _path, _path2, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _path3;
-var _excluded = ["theme", "size", "alt"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var NotFoundIllustration = function NotFoundIllustration(_ref) {
-  var theme = _ref.theme,
-    size = _ref.size,
-    alt = _ref.alt,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = useId();
+const blockClass = `${pkg.prefix}--empty-state`;
+const NotFoundIllustration = _ref => {
+  let {
+    theme,
+    size,
+    alt,
+    ...rest
+  } = _ref;
+  const svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notFound"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration-notFound`, `${blockClass}__illustration--${size}`]),
     role: "img",
     "aria-hidden": "true"
   }), /*#__PURE__*/React__default.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_dark_".concat(svgId),
+    id: `prefix__a_dark_${svgId}`,
     x1: 2.6,
     y1: -12.81,
     x2: 43.48,
@@ -51,7 +52,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 43.74,
     y1: 57.07,
     x2: 69.51,
@@ -64,7 +65,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 15.1,
     y1: 10.36,
     x2: 41.51,
@@ -77,7 +78,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_dark_".concat(svgId),
+    id: `prefix__d_dark_${svgId}`,
     x1: 34.92,
     y1: -46.56,
     x2: 34.92,
@@ -96,7 +97,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     stopColor: "#262626",
     stopOpacity: 0.1
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__e_dark_".concat(svgId),
+    id: `prefix__e_dark_${svgId}`,
     x1: 24.56,
     y1: 9.61,
     x2: 50.36,
@@ -134,7 +135,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#6f6f6f"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__f_dark_".concat(svgId),
+    id: `prefix__f_dark_${svgId}`,
     x1: 15.86,
     y1: -20.5,
     x2: 56.75,
@@ -157,13 +158,13 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.createElement("path", {
     d: "M12.69 18c0 12 8.75 26.84 19.56 33.08 5.64 3.26 10.73 3.52 14.3 1.32l4.83-2.79-1.19-1.93c-3.25 1.73-7.72 1.38-12.67-1.48-9.9-5.74-17.92-19.32-17.92-30.35 0-5.09 1.71-8.75 4.53-10.65l-1.2-1.95L18.1 6c-3.35 2-5.41 6.12-5.41 12",
-    fill: "url(#prefix__a_dark_".concat(svgId, ")")
+    fill: `url(#prefix__a_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M67.31 64.92s.11.86-1.89 2.24-2.73 1.18-2.73 1.18L48.57 49.22l4.62-3.42z",
-    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+    fill: `url(#prefix__b_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M37.68 46.05c-9.9-5.71-17.93-19.29-17.93-30.32 0-3.79.95-6.78 2.6-8.85-4.87.76-8.09 5-8.09 12 0 11 8 24.61 17.93 30.32 6.5 3.75 12.19 3.19 15.33-.76-2.82.44-6.21-.31-9.84-2.41",
-    fill: "url(#prefix__c_dark_".concat(svgId, ")")
+    fill: `url(#prefix__c_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("ellipse", {
     cx: 34.92,
     cy: 27.57,
@@ -171,19 +172,19 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     ry: 25.2,
     transform: "rotate(-30 34.93 27.58)",
     opacity: 0.5,
-    fill: "url(#prefix__d_dark_".concat(svgId, ")")
+    fill: `url(#prefix__d_dark_${svgId})`
   }), _path2 || (_path2 = /*#__PURE__*/React__default.createElement("path", {
     d: "M67.1 75l-12.84-7.41c1.1-1.15 1.1-2.36-.77-3.44h-.05L26.17 48.4l-.09-.06c-2.59-1.49-5.82-1.05-8.42.45s-3.57 3.48-1 5l27.43 15.79a7.2 7.2 0 005.5.53l13 7.51c1.23.72 5.76-1.89 4.51-2.62z",
     opacity: 0.25
   })), /*#__PURE__*/React__default.createElement("path", {
     d: "M42.88 50.79a16.42 16.42 0 01-8.06-2.47c-9.88-5.7-17.92-19.63-17.92-31 0-5.57 1.89-9.73 5.32-11.72S30.2 4 35 6.81c9.91 5.71 18 19.64 18 31.05 0 5.57-1.89 9.73-5.32 11.71a9.31 9.31 0 01-4.8 1.22zM27 4.76a9 9 0 00-4.54 1.17c-3.3 1.9-5.12 5.93-5.12 11.35 0 11.28 8 25 17.72 30.68 4.69 2.71 9.09 3.16 12.39 1.25s5.12-5.94 5.12-11.35c0-11.28-7.95-25-17.72-30.69A16 16 0 0027 4.76z",
-    fill: "url(#prefix__e_dark_".concat(svgId, ")"),
+    fill: `url(#prefix__e_dark_${svgId})`,
     opacity: 0.6
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M57 37.5c0-12-8.75-26.85-19.56-33.08C31.82 1.16 26.73.89 23.16 3.09l-4.83 2.78 1.19 1.94c3.25-1.74 7.72-1.38 12.67 1.47C42.09 15 50.11 28.57 50.11 39.6c0 4.86-1.55 8.4-4.11 10.4-.12.1-1.17.73-1.31.82l2.12 1.42 4.83-2.79C55 47.44 57 43.34 57 37.5",
-    fill: "url(#prefix__f_dark_".concat(svgId, ")")
+    fill: `url(#prefix__f_dark_${svgId})`
   })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 2.6,
     y1: -12.81,
     x2: 43.48,
@@ -202,7 +203,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#a8a8a8"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_".concat(svgId),
+    id: `prefix__b_${svgId}`,
     x1: 48.57,
     y1: 57.07,
     x2: 67.31,
@@ -215,7 +216,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 15.1,
     y1: 10.36,
     x2: 41.51,
@@ -228,7 +229,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#a3a3a3"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 34.92,
     y1: -46.56,
     x2: 34.92,
@@ -251,7 +252,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     stopColor: "#8c8c8c",
     stopOpacity: 0.1
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__e_".concat(svgId),
+    id: `prefix__e_${svgId}`,
     x1: 26.4,
     y1: 71.67,
     x2: 55.54,
@@ -266,7 +267,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     stopColor: "#171717",
     stopOpacity: 0.1
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 24.56,
     y1: 9.61,
     x2: 50.36,
@@ -316,24 +317,24 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#fff"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__g_".concat(svgId),
+    id: `prefix__g_${svgId}`,
     x1: 15.86,
     y1: -20.5,
     x2: 56.75,
     y2: 50.32,
-    xlinkHref: "#prefix__a_".concat(svgId)
+    xlinkHref: `#prefix__a_${svgId}`
   })), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.createElement("path", {
     d: "M12.69 18c0 12 8.75 26.84 19.56 33.08 5.64 3.26 10.73 3.52 14.3 1.32l4.83-2.79-1.19-1.93c-3.25 1.73-7.72 1.38-12.67-1.48-9.9-5.74-17.92-19.32-17.92-30.35 0-5.09 1.71-8.75 4.53-10.65l-1.2-1.95L18.1 6c-3.35 2-5.41 6.12-5.41 12",
-    fill: "url(#prefix__a_".concat(svgId, ")")
+    fill: `url(#prefix__a_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M67.31 64.92s.11.86-1.89 2.24-2.73 1.18-2.73 1.18L48.57 49.22l4.62-3.42z",
-    fill: "url(#prefix__b_".concat(svgId, ")")
+    fill: `url(#prefix__b_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M37.68 46.05c-9.9-5.71-17.93-19.29-17.93-30.32 0-3.79.95-6.78 2.6-8.85-4.87.76-8.09 5-8.09 12 0 11 8 24.61 17.93 30.32 6.5 3.75 12.19 3.19 15.33-.76-2.82.44-6.21-.31-9.84-2.41",
-    fill: "url(#prefix__c_".concat(svgId, ")")
+    fill: `url(#prefix__c_${svgId})`
   }), /*#__PURE__*/React__default.createElement("ellipse", {
     cx: 34.92,
     cy: 27.57,
@@ -341,17 +342,17 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     ry: 25.2,
     transform: "rotate(-30 34.93 27.58)",
     opacity: 0.5,
-    fill: "url(#prefix__d_".concat(svgId, ")")
+    fill: `url(#prefix__d_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M67.1 75l-12.84-7.41c1.1-1.15 1.1-2.36-.77-3.44h-.05L26.17 48.4l-.09-.06c-2.59-1.49-5.82-1.05-8.42.45s-3.57 3.48-1 5l27.43 15.79a7.2 7.2 0 005.5.53l13 7.51c1.23.72 5.76-1.89 4.51-2.62z",
-    fill: "url(#prefix__e_".concat(svgId, ")")
+    fill: `url(#prefix__e_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M42.88 50.79a16.42 16.42 0 01-8.06-2.47c-9.88-5.7-17.92-19.63-17.92-31 0-5.57 1.89-9.73 5.32-11.72S30.2 4 35 6.81c9.91 5.71 18 19.64 18 31.05 0 5.57-1.89 9.73-5.32 11.71a9.31 9.31 0 01-4.8 1.22zM27 4.76a9 9 0 00-4.54 1.17c-3.3 1.9-5.12 5.93-5.12 11.35 0 11.28 8 25 17.72 30.68 4.69 2.71 9.09 3.16 12.39 1.25s5.12-5.94 5.12-11.35c0-11.28-7.95-25-17.72-30.69A16 16 0 0027 4.76z",
-    fill: "url(#prefix__f_".concat(svgId, ")"),
+    fill: `url(#prefix__f_${svgId})`,
     opacity: 0.6
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M57 37.5c0-12-8.75-26.85-19.56-33.08C31.82 1.16 26.73.89 23.16 3.09l-4.83 2.78 1.19 1.94c3.25-1.74 7.72-1.38 12.67 1.47C42.09 15 50.11 28.57 50.11 39.6c0 4.86-1.55 8.4-4.11 10.4-.12.1-1.17.73-1.31.82l2.12 1.42 4.83-2.79C55 47.44 57 43.34 57 37.5",
-    fill: "url(#prefix__g_".concat(svgId, ")")
+    fill: `url(#prefix__g_${svgId})`
   })));
 };
 NotFoundIllustration.propTypes = {

package/es/components/EmptyStates/assets/NotificationsIllustration.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../../_virtual/index.js';
 import cx from 'classnames';
@@ -13,25 +13,26 @@ import { pkg } from '../../../settings.js';
 import { useId } from '../../../global/js/utils/useId.js';
 
 var _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _path3, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path4;
-var _excluded = ["theme", "size", "alt"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--empty-state");
-var NotificationsIllustration = function NotificationsIllustration(_ref) {
-  var theme = _ref.theme,
-    size = _ref.size,
-    alt = _ref.alt,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var svgId = useId();
+const blockClass = `${pkg.prefix}--empty-state`;
+const NotificationsIllustration = _ref => {
+  let {
+    theme,
+    size,
+    alt,
+    ...rest
+  } = _ref;
+  const svgId = useId();
   return /*#__PURE__*/React__default.createElement("svg", _extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notification"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration-notification`, `${blockClass}__illustration--${size}`]),
     "aria-hidden": "true"
   }), /*#__PURE__*/React__default.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_dark_".concat(svgId),
+    id: `prefix__a_dark_${svgId}`,
     x1: 30.05,
     y1: 54.31,
     x2: 35.5,
@@ -44,7 +45,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 28.61,
     y1: -3.97,
     x2: 70.69,
@@ -63,7 +64,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#161616"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 38.01,
     y1: 69.51,
     x2: 38.01,
@@ -76,7 +77,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_dark_".concat(svgId),
+    id: `prefix__d_dark_${svgId}`,
     x1: 15.14,
     y1: 5.72,
     x2: 63.06,
@@ -113,21 +114,21 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     d: "M15.13 52.11l45.5 26.28 4.25-2.51L19.4 49.63l-4.27 2.48z"
   })), /*#__PURE__*/React__default.createElement("path", {
     d: "M32.66 52.85l-2.25 4.22a1.08 1.08 0 01-.36.35l2.83-1.65a1.08 1.08 0 00.36-.35l2.26-4.22z",
-    fill: "url(#prefix__a_dark_".concat(svgId, ")")
+    fill: `url(#prefix__a_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M63.45 26.58L20.63 1.86a1 1 0 00-1-.1l-4 2.3a1 1 0 011 .1l42.85 24.72a3.17 3.17 0 011.42 2.47l-.1 36.08a1 1 0 01-.42.91l4-2.3a1 1 0 00.42-.91L64.88 29a3.14 3.14 0 00-1.43-2.42z",
-    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+    fill: `url(#prefix__b_dark_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z",
-    fill: "url(#prefix__c_dark_".concat(svgId, ")")
+    fill: `url(#prefix__c_dark_${svgId})`
   }), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
     fill: "#525252",
     d: "M57.99 37.07l-.01 3.9L18.03 17.9l.01-3.9 39.95 23.07zM57.99 45.11l-.01 3.91-39.95-23.07.01-3.9 39.95 23.06zM44.62 45.04l-.01 3.9L18.03 33.6l.01-3.9 26.58 15.34z"
   })), /*#__PURE__*/React__default.createElement("path", {
     d: "M60.76 30.55a2.54 2.54 0 01.14.8v3.95l.41-.13v-3.82a3.54 3.54 0 00-1.63-2.82L16.86 3.8a2.09 2.09 0 00-.44-.19l-.78.45a1 1 0 01.21-.06h.48l.27.12 21.47 12.4 21.41 12.36a3.19 3.19 0 011.28 1.67z",
-    fill: "url(#prefix__d_dark_".concat(svgId, ")")
+    fill: `url(#prefix__d_dark_${svgId})`
   })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 61.44,
     y1: 66.99,
     x2: 61.44,
@@ -140,7 +141,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 0.78,
     stopColor: "#e0e0e0"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_".concat(svgId),
+    id: `prefix__b_${svgId}`,
     x1: 28.49,
     y1: 44.06,
     x2: 53.04,
@@ -154,7 +155,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopOpacity: 0.1
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 30.05,
     y1: 54.31,
     x2: 35.5,
@@ -167,7 +168,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#bebebe"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 28.61,
     y1: -3.97,
     x2: 70.69,
@@ -192,14 +193,14 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 0.96,
     stopColor: "#8d8d8d"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__e_".concat(svgId),
+    id: `prefix__e_${svgId}`,
     x1: 38.01,
     y1: 59.43,
     x2: 38.01,
     y2: 3.27,
-    xlinkHref: "#prefix__a_".concat(svgId)
+    xlinkHref: `#prefix__a_${svgId}`
   }), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 21.52,
     y1: 36.2,
     x2: 61.39,
@@ -212,7 +213,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__h_".concat(svgId),
+    id: `prefix__h_${svgId}`,
     x1: 17.68,
     y1: 15.75,
     x2: 55.37,
@@ -231,21 +232,21 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#f4f4f4"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__i_".concat(svgId),
+    id: `prefix__i_${svgId}`,
     x1: 14.24,
     y1: 21.81,
     x2: 51.92,
     y2: 43.56,
-    xlinkHref: "#prefix__h_".concat(svgId)
+    xlinkHref: `#prefix__h_${svgId}`
   }), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__j_".concat(svgId),
+    id: `prefix__j_${svgId}`,
     x1: 10.96,
     y1: 27.56,
     x2: 48.66,
     y2: 49.33,
-    xlinkHref: "#prefix__h_".concat(svgId)
+    xlinkHref: `#prefix__h_${svgId}`
   }), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__k_".concat(svgId),
+    id: `prefix__k_${svgId}`,
     x1: 15.14,
     y1: 5.72,
     x2: 63.06,
@@ -291,37 +292,37 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.createElement("path", {
     d: "M61.3 68.11a.67.67 0 00.09-.14.67.67 0 01-.09.14zm.22-.46a1.58 1.58 0 000-.32v-7.24 7.24a1.58 1.58 0 010 .32zm-.09.26a1.18 1.18 0 00.07-.2 1.18 1.18 0 01-.07.2z",
-    fill: "url(#prefix__a_".concat(svgId, ")")
+    fill: `url(#prefix__a_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__b_".concat(svgId, ")"),
+    fill: `url(#prefix__b_${svgId})`,
     d: "M15.13 52.11l45.5 26.28 4.25-2.51L19.4 49.63l-4.27 2.48z"
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M32.66 52.85l-2.25 4.22a1.08 1.08 0 01-.36.35l2.83-1.65a1.08 1.08 0 00.36-.35l2.26-4.22z",
-    fill: "url(#prefix__c_".concat(svgId, ")")
+    fill: `url(#prefix__c_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M63.45 26.58L20.63 1.86a1 1 0 00-1-.1l-4 2.3a1 1 0 011 .1l42.85 24.72a3.17 3.17 0 011.42 2.47l-.1 36.08a1 1 0 01-.42.91l4-2.3a1 1 0 00.42-.91L64.88 29a3.14 3.14 0 00-1.43-2.42z",
-    fill: "url(#prefix__d_".concat(svgId, ")")
+    fill: `url(#prefix__d_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__e_".concat(svgId, ")"),
+    fill: `url(#prefix__e_${svgId})`,
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z"
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z",
-    fill: "url(#prefix__f_".concat(svgId, ")")
+    fill: `url(#prefix__f_${svgId})`
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__e_".concat(svgId, ")"),
+    fill: `url(#prefix__e_${svgId})`,
     d: "M59.48 28.88a3.17 3.17 0 011.42 2.47l-.1 36.08c0 .9-.65 1.26-1.42.81l-26.7-15.4-2.26 4.22a.9.9 0 01-1.33.28 3.07 3.07 0 01-1.22-1.53l-2.33-7.09-9-5.2a3.15 3.15 0 01-1.43-2.46L15.23 5c0-.9.64-1.27 1.43-.81z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__h_".concat(svgId, ")"),
+    fill: `url(#prefix__h_${svgId})`,
     d: "M57.99 37.07l-.01 3.9L18.03 17.9l.01-3.9 39.95 23.07z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__i_".concat(svgId, ")"),
+    fill: `url(#prefix__i_${svgId})`,
     d: "M57.99 45.11l-.01 3.91-39.95-23.07.01-3.9 39.95 23.06z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__j_".concat(svgId, ")"),
+    fill: `url(#prefix__j_${svgId})`,
     d: "M44.62 45.04l-.01 3.9L18.03 33.6l.01-3.9 26.58 15.34z"
   }), /*#__PURE__*/React__default.createElement("path", {
     d: "M60.76 30.55a2.54 2.54 0 01.14.8v3.95l.41-.13v-3.82a3.54 3.54 0 00-1.63-2.82L16.86 3.8a2.09 2.09 0 00-.44-.19l-.78.45a1 1 0 01.21-.06h.48l.27.12 21.47 12.4 21.41 12.36a3.19 3.19 0 011.28 1.67z",
-    fill: "url(#prefix__k_".concat(svgId, ")")
+    fill: `url(#prefix__k_${svgId})`
   })));
 };
 NotificationsIllustration.propTypes = {