@carbon/ibm-products 2.65.0 → 2.66.0

package/lib/components/EmptyStates/assets/NoTagsIllustration.js

@@ -17,27 +17,28 @@ var settings = require('../../../settings.js');
 var useId = require('../../../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, _stop24, _stop25, _stop26, _stop27, _stop28, _path, _path2, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _stop49, _stop50, _stop51, _stop52, _stop53, _stop54, _stop55, _stop56, _stop57, _stop58, _stop59, _stop60, _stop61, _stop62, _stop63, _stop64, _stop65, _stop66, _path3;
-var _excluded = ["theme", "size", "alt"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
-var NoTagsIllustration = function NoTagsIllustration(_ref) {
-  var theme = _ref.theme,
-    size = _ref.size,
-    alt = _ref.alt,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = useId.useId();
+const blockClass = `${settings.pkg.prefix}--empty-state`;
+const NoTagsIllustration = _ref => {
+  let {
+    theme,
+    size,
+    alt,
+    ...rest
+  } = _ref;
+  const svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({}, rest, {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     width: 80,
     height: 80,
     viewBox: "0 0 80 80",
-    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noTags"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration-noTags`, `${blockClass}__illustration--${size}`]),
     role: "img",
     "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 34.96,
     y1: 5.37,
     x2: 48.48,
@@ -50,7 +51,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__a_dark_".concat(svgId),
+    id: `prefix__a_dark_${svgId}`,
     x1: 45.47,
     y1: 46.54,
     x2: 55.21,
@@ -63,14 +64,14 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_dark_".concat(svgId),
+    id: `prefix__d_dark_${svgId}`,
     x1: 38.25,
     y1: 70.94,
     x2: 38.25,
     y2: -3.31,
-    xlinkHref: "#prefix__a_dark_".concat(svgId)
+    xlinkHref: `#prefix__a_dark_${svgId}`
   }), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__e_dark_".concat(svgId),
+    id: `prefix__e_dark_${svgId}`,
     x1: 28.77,
     y1: 9.54,
     x2: 48.15,
@@ -108,7 +109,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#525252",
     stopOpacity: 0
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 51.28,
     y1: 68.32,
     x2: 51.34,
@@ -150,21 +151,21 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#d0d0d0",
     stopOpacity: 0
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__f_dark_".concat(svgId),
+    id: `prefix__f_dark_${svgId}`,
     x1: 51.09,
     y1: 68.25,
     x2: 51.22,
     y2: 68.33,
-    xlinkHref: "#prefix__b_dark_".concat(svgId)
+    xlinkHref: `#prefix__b_dark_${svgId}`
   }), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__g_dark_".concat(svgId),
+    id: `prefix__g_dark_${svgId}`,
     x1: 51.41,
     y1: 68.32,
     x2: 51.46,
     y2: 68.35,
-    xlinkHref: "#prefix__b_dark_".concat(svgId)
+    xlinkHref: `#prefix__b_dark_${svgId}`
   }), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__h_dark_".concat(svgId),
+    id: `prefix__h_dark_${svgId}`,
     x1: 33.94,
     y1: 119.46,
     x2: 42.79,
@@ -178,7 +179,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#161616"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__i_dark_".concat(svgId),
+    id: `prefix__i_dark_${svgId}`,
     x1: 35.3,
     y1: 23.46,
     x2: 38.85,
@@ -211,33 +212,33 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     d: "M51.59 78.34l-26.8-15.48 3.62-2.09 26.8 15.48-3.62 2.09z"
   })), /*#__PURE__*/React.createElement("path", {
     d: "M45.47 30.38l6.58-3.76 3.12-1.85v.15a1.28 1.28 0 00-.17-.47L42.19 2.21c-.24-.42-.63-.65-.88-.51L28.47 9.12a.44.44 0 00-.18.4l13.88 3a1.38 1.38 0 00.62 1.07z",
-    fill: "url(#prefix__c_dark_".concat(svgId, ")")
+    fill: `url(#prefix__c_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M55 66.29a.46.46 0 00.18-.41V25.06a1 1 0 000-.29l-3.12 1.85-6.58 3.76 6.06 37.92z",
-    fill: "url(#prefix__a_dark_".concat(svgId, ")")
+    fill: `url(#prefix__a_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.53 26.47L38.69 4.23c-.25-.42-.64-.64-.88-.5L25 11.14a.43.43 0 00-.18.4v40.82a1.35 1.35 0 00.62 1.07l25.65 14.83c.34.2.62 0 .62-.36V27.08a1.33 1.33 0 00-.18-.61zM37.08 24a6.93 6.93 0 01-3.14-5.44c0-2 1.4-2.81 3.14-1.81a7 7 0 013.13 5.44c0 2.01-1.4 2.81-3.13 1.81z",
-    fill: "url(#prefix__d_dark_".concat(svgId, ")")
+    fill: `url(#prefix__d_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M39.05 4a1.71 1.71 0 00-.64-.64l-.6.34a.3.3 0 01.16 0 1 1 0 01.72.55l12.84 22.22a1.33 1.33 0 01.18.61V67.9a.41.41 0 01-.19.4l.58-.34V27.08a1.75 1.75 0 00-.24-.82z",
-    fill: "url(#prefix__e_dark_".concat(svgId, ")")
+    fill: `url(#prefix__e_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.28 68.33z",
-    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+    fill: `url(#prefix__b_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.23 68.32a.42.42 0 01-.14-.06.42.42 0 00.14.06z",
-    fill: "url(#prefix__f_dark_".concat(svgId, ")")
+    fill: `url(#prefix__f_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.48 68.32h-.08z",
-    fill: "url(#prefix__g_dark_".concat(svgId, ")")
+    fill: `url(#prefix__g_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M39.66 22.17a6.93 6.93 0 01-3.14-5.44 1.36 1.36 0 010-.21c-1.48-.56-2.6.27-2.6 2.05A6.93 6.93 0 0037.08 24c1.66 1 3 .24 3.11-1.6a3.49 3.49 0 01-.53-.23z",
-    fill: "url(#prefix__h_dark_".concat(svgId, ")")
+    fill: `url(#prefix__h_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M35.67 16.33a2.88 2.88 0 011.41.43 7 7 0 013.13 5.44c0 1.42-.7 2.24-1.73 2.24a2.82 2.82 0 01-1.4-.43 6.93 6.93 0 01-3.14-5.44c0-1.42.7-2.24 1.73-2.24m0-.41c-1.3 0-2.15 1-2.15 2.65a7.3 7.3 0 003.35 5.8 3.23 3.23 0 001.61.48c1.3 0 2.15-1 2.15-2.65a7.29 7.29 0 00-3.35-5.8 3.2 3.2 0 00-1.61-.48z",
-    fill: "url(#prefix__i_dark_".concat(svgId, ")")
+    fill: `url(#prefix__i_dark_${svgId})`
   })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__b_".concat(svgId),
+    id: `prefix__b_${svgId}`,
     x1: 634.81,
     y1: 667.18,
     x2: 644.85,
@@ -252,7 +253,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopOpacity: 0.1
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 29.21,
     y1: 7.75,
     x2: 56.14,
@@ -268,7 +269,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 45.47,
     y1: 46.54,
     x2: 55.21,
@@ -281,7 +282,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__e_".concat(svgId),
+    id: `prefix__e_${svgId}`,
     x1: 38.25,
     y1: 59.31,
     x2: 38.25,
@@ -294,7 +295,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 0.78,
     stopColor: "#e0e0e0"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 28.77,
     y1: 9.54,
     x2: 48.15,
@@ -344,7 +345,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#d0d0d0",
     stopOpacity: 0
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 51.28,
     y1: 68.32,
     x2: 51.34,
@@ -386,21 +387,21 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#d0d0d0",
     stopOpacity: 0
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__g_".concat(svgId),
+    id: `prefix__g_${svgId}`,
     x1: 51.09,
     y1: 68.25,
     x2: 51.22,
     y2: 68.33,
-    xlinkHref: "#prefix__a_".concat(svgId)
+    xlinkHref: `#prefix__a_${svgId}`
   }), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__h_".concat(svgId),
+    id: `prefix__h_${svgId}`,
     x1: 51.41,
     y1: 68.32,
     x2: 51.46,
     y2: 68.35,
-    xlinkHref: "#prefix__a_".concat(svgId)
+    xlinkHref: `#prefix__a_${svgId}`
   }), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__i_".concat(svgId),
+    id: `prefix__i_${svgId}`,
     x1: 33.94,
     y1: 19.46,
     x2: 42.79,
@@ -413,7 +414,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#8c8c8c"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__j_".concat(svgId),
+    id: `prefix__j_${svgId}`,
     x1: 35.3,
     y1: 23.46,
     x2: 38.85,
@@ -450,35 +451,35 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React.createElement("path", {
-    fill: "url(#prefix__b_".concat(svgId, ")"),
+    fill: `url(#prefix__b_${svgId})`,
     d: "M51.59 78.34l-26.8-15.48 3.62-2.09 26.8 15.48-3.62 2.09z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M45.47 30.38l6.58-3.76 3.12-1.85v.15a1.28 1.28 0 00-.17-.47L42.19 2.21c-.24-.42-.63-.65-.88-.51L28.47 9.12a.44.44 0 00-.18.4l13.88 3a1.38 1.38 0 00.62 1.07z",
-    fill: "url(#prefix__c_".concat(svgId, ")")
+    fill: `url(#prefix__c_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M55 66.29a.46.46 0 00.18-.41V25.06a1 1 0 000-.29l-3.12 1.85-6.58 3.76 6.06 37.92z",
-    fill: "url(#prefix__d_".concat(svgId, ")")
+    fill: `url(#prefix__d_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.53 26.47L38.69 4.23c-.25-.42-.64-.64-.88-.5L25 11.14a.43.43 0 00-.18.4v40.82a1.35 1.35 0 00.62 1.07l25.65 14.83c.34.2.62 0 .62-.36V27.08a1.33 1.33 0 00-.18-.61zM37.08 24a6.93 6.93 0 01-3.14-5.44c0-2 1.4-2.81 3.14-1.81a7 7 0 013.13 5.44c0 2.01-1.4 2.81-3.13 1.81z",
-    fill: "url(#prefix__e_".concat(svgId, ")")
+    fill: `url(#prefix__e_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M39.05 4a1.71 1.71 0 00-.64-.64l-.6.34a.3.3 0 01.16 0 1 1 0 01.72.55l12.84 22.22a1.33 1.33 0 01.18.61V67.9a.41.41 0 01-.19.4l.58-.34V27.08a1.75 1.75 0 00-.24-.82z",
-    fill: "url(#prefix__f_".concat(svgId, ")")
+    fill: `url(#prefix__f_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.28 68.33z",
-    fill: "url(#prefix__a_".concat(svgId, ")")
+    fill: `url(#prefix__a_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.23 68.32a.42.42 0 01-.14-.06.42.42 0 00.14.06z",
-    fill: "url(#prefix__g_".concat(svgId, ")")
+    fill: `url(#prefix__g_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.48 68.32h-.08z",
-    fill: "url(#prefix__h_".concat(svgId, ")")
+    fill: `url(#prefix__h_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M39.66 22.17a6.93 6.93 0 01-3.14-5.44 1.36 1.36 0 010-.21c-1.48-.56-2.6.27-2.6 2.05A6.93 6.93 0 0037.08 24c1.66 1 3 .24 3.11-1.6a3.49 3.49 0 01-.53-.23z",
-    fill: "url(#prefix__i_".concat(svgId, ")")
+    fill: `url(#prefix__i_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M35.67 16.33a2.88 2.88 0 011.41.43 7 7 0 013.13 5.44c0 1.42-.7 2.24-1.73 2.24a2.82 2.82 0 01-1.4-.43 6.93 6.93 0 01-3.14-5.44c0-1.42.7-2.24 1.73-2.24m0-.41c-1.3 0-2.15 1-2.15 2.65a7.3 7.3 0 003.35 5.8 3.23 3.23 0 001.61.48c1.3 0 2.15-1 2.15-2.65a7.29 7.29 0 00-3.35-5.8 3.2 3.2 0 00-1.61-.48z",
-    fill: "url(#prefix__j_".concat(svgId, ")")
+    fill: `url(#prefix__j_${svgId})`
   })));
 };
 NoTagsIllustration.propTypes = {

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

@@ -17,26 +17,27 @@ var settings = require('../../../settings.js');
 var useId = require('../../../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(settings.pkg.prefix, "--empty-state");
-var NotFoundIllustration = function NotFoundIllustration(_ref) {
-  var theme = _ref.theme,
-    size = _ref.size,
-    alt = _ref.alt,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var svgId = useId.useId();
+const blockClass = `${settings.pkg.prefix}--empty-state`;
+const NotFoundIllustration = _ref => {
+  let {
+    theme,
+    size,
+    alt,
+    ...rest
+  } = _ref;
+  const svgId = useId.useId();
   return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.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.createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__a_dark_".concat(svgId),
+    id: `prefix__a_dark_${svgId}`,
     x1: 2.6,
     y1: -12.81,
     x2: 43.48,
@@ -55,7 +56,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 43.74,
     y1: 57.07,
     x2: 69.51,
@@ -68,7 +69,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 15.1,
     y1: 10.36,
     x2: 41.51,
@@ -81,7 +82,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_dark_".concat(svgId),
+    id: `prefix__d_dark_${svgId}`,
     x1: 34.92,
     y1: -46.56,
     x2: 34.92,
@@ -100,7 +101,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     stopColor: "#262626",
     stopOpacity: 0.1
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__e_dark_".concat(svgId),
+    id: `prefix__e_dark_${svgId}`,
     x1: 24.56,
     y1: 9.61,
     x2: 50.36,
@@ -138,7 +139,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#6f6f6f"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__f_dark_".concat(svgId),
+    id: `prefix__f_dark_${svgId}`,
     x1: 15.86,
     y1: -20.5,
     x2: 56.75,
@@ -161,13 +162,13 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React.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.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.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.createElement("ellipse", {
     cx: 34.92,
     cy: 27.57,
@@ -175,19 +176,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.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.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.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 2.6,
     y1: -12.81,
     x2: 43.48,
@@ -206,7 +207,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#a8a8a8"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__b_".concat(svgId),
+    id: `prefix__b_${svgId}`,
     x1: 48.57,
     y1: 57.07,
     x2: 67.31,
@@ -219,7 +220,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 15.1,
     y1: 10.36,
     x2: 41.51,
@@ -232,7 +233,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#a3a3a3"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 34.92,
     y1: -46.56,
     x2: 34.92,
@@ -255,7 +256,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     stopColor: "#8c8c8c",
     stopOpacity: 0.1
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__e_".concat(svgId),
+    id: `prefix__e_${svgId}`,
     x1: 26.4,
     y1: 71.67,
     x2: 55.54,
@@ -270,7 +271,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     stopColor: "#171717",
     stopOpacity: 0.1
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 24.56,
     y1: 9.61,
     x2: 50.36,
@@ -320,24 +321,24 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
     offset: 1,
     stopColor: "#fff"
   }))), /*#__PURE__*/React.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.createElement("path", {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React.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.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.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.createElement("ellipse", {
     cx: 34.92,
     cy: 27.57,
@@ -345,17 +346,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.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.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.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 = {