@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/EmptyStates/assets/NoDataIllustration.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, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7, _path8;
-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 NoDataIllustration = function NoDataIllustration(_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 NoDataIllustration = _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-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration-noData`, `${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: 11.12,
     y1: 43.34,
     x2: 40,
@@ -45,7 +46,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 40,
     y1: 43.34,
     x2: 68.88,
@@ -58,7 +59,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 32.78,
     y1: 30.83,
     x2: 47.22,
@@ -77,13 +78,13 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     opacity: 0.25,
     d: "M40 78.34L11.13 61.67 40 45.01l28.86 16.66L40 78.34z"
   })), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__a_dark_".concat(svgId, ")"),
+    fill: `url(#prefix__a_dark_${svgId})`,
     d: "M40 68.35L11.12 51.68l.01-33.35L40 34.99v33.36z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__b_dark_".concat(svgId, ")"),
+    fill: `url(#prefix__b_dark_${svgId})`,
     d: "M68.88 51.68L40 68.35V34.99l28.87-16.66.01 33.35z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__c_dark_".concat(svgId, ")"),
+    fill: `url(#prefix__c_dark_${svgId})`,
     d: "M40 34.99L11.13 18.33 40 1.66l28.87 16.67L40 34.99z"
   }), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
     fill: "#262626",
@@ -95,7 +96,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     fill: "#525252",
     d: "M21.49 33.33l-8.2-4.73.01-5.69 8.19 4.74v5.68z"
   }))) : /*#__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: 18.35,
     y1: 74.17,
     x2: 61.65,
@@ -109,7 +110,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     offset: 1,
     stopOpacity: 0.1
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_".concat(svgId),
+    id: `prefix__b_${svgId}`,
     x1: 15.16,
     y1: 43.34,
     x2: 40.31,
@@ -122,7 +123,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 40,
     y1: 43.34,
     x2: 68.88,
@@ -135,7 +136,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 18.35,
     y1: 30.83,
     x2: 61.65,
@@ -151,16 +152,16 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__a_".concat(svgId, ")"),
+    fill: `url(#prefix__a_${svgId})`,
     d: "M40 78.34L11.13 61.67 40 45.01l28.86 16.66L40 78.34z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__b_".concat(svgId, ")"),
+    fill: `url(#prefix__b_${svgId})`,
     d: "M40 68.35L11.12 51.68l.01-33.35L40 34.99v33.36z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__c_".concat(svgId, ")"),
+    fill: `url(#prefix__c_${svgId})`,
     d: "M68.88 51.68L40 68.35V34.99l28.87-16.66.01 33.35z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    fill: "url(#prefix__d_".concat(svgId, ")"),
+    fill: `url(#prefix__d_${svgId})`,
     d: "M40 34.99L11.13 18.33 40 1.66l28.87 16.67L40 34.99z"
   }), _path7 || (_path7 = /*#__PURE__*/React__default.createElement("path", {
     fill: "#c6c6c6",

package/es/components/EmptyStates/assets/NoTagsIllustration.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,27 +13,28 @@ 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, _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(pkg.prefix, "--empty-state");
-var NoTagsIllustration = function NoTagsIllustration(_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 NoTagsIllustration = _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",
     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__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__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 34.96,
     y1: 5.37,
     x2: 48.48,
@@ -46,7 +47,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_dark_".concat(svgId),
+    id: `prefix__a_dark_${svgId}`,
     x1: 45.47,
     y1: 46.54,
     x2: 55.21,
@@ -59,14 +60,14 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React__default.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__default.createElement("linearGradient", {
-    id: "prefix__e_dark_".concat(svgId),
+    id: `prefix__e_dark_${svgId}`,
     x1: 28.77,
     y1: 9.54,
     x2: 48.15,
@@ -104,7 +105,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#525252",
     stopOpacity: 0
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 51.28,
     y1: 68.32,
     x2: 51.34,
@@ -146,21 +147,21 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#d0d0d0",
     stopOpacity: 0
   }))), /*#__PURE__*/React__default.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__default.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__default.createElement("linearGradient", {
-    id: "prefix__h_dark_".concat(svgId),
+    id: `prefix__h_dark_${svgId}`,
     x1: 33.94,
     y1: 119.46,
     x2: 42.79,
@@ -174,7 +175,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#161616"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__i_dark_".concat(svgId),
+    id: `prefix__i_dark_${svgId}`,
     x1: 35.3,
     y1: 23.46,
     x2: 38.85,
@@ -207,33 +208,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__default.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__default.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__default.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__default.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__default.createElement("path", {
     d: "M51.28 68.33z",
-    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+    fill: `url(#prefix__b_dark_${svgId})`
   }), /*#__PURE__*/React__default.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__default.createElement("path", {
     d: "M51.48 68.32h-.08z",
-    fill: "url(#prefix__g_dark_".concat(svgId, ")")
+    fill: `url(#prefix__g_dark_${svgId})`
   }), /*#__PURE__*/React__default.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__default.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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__b_".concat(svgId),
+    id: `prefix__b_${svgId}`,
     x1: 634.81,
     y1: 667.18,
     x2: 644.85,
@@ -248,7 +249,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopOpacity: 0.1
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 29.21,
     y1: 7.75,
     x2: 56.14,
@@ -264,7 +265,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 45.47,
     y1: 46.54,
     x2: 55.21,
@@ -277,7 +278,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__e_".concat(svgId),
+    id: `prefix__e_${svgId}`,
     x1: 38.25,
     y1: 59.31,
     x2: 38.25,
@@ -290,7 +291,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 0.78,
     stopColor: "#e0e0e0"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 28.77,
     y1: 9.54,
     x2: 48.15,
@@ -340,7 +341,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#d0d0d0",
     stopOpacity: 0
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 51.28,
     y1: 68.32,
     x2: 51.34,
@@ -382,21 +383,21 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     stopColor: "#d0d0d0",
     stopOpacity: 0
   }))), /*#__PURE__*/React__default.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__default.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__default.createElement("linearGradient", {
-    id: "prefix__i_".concat(svgId),
+    id: `prefix__i_${svgId}`,
     x1: 33.94,
     y1: 19.46,
     x2: 42.79,
@@ -409,7 +410,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     offset: 1,
     stopColor: "#8c8c8c"
   }))), /*#__PURE__*/React__default.createElement("linearGradient", {
-    id: "prefix__j_".concat(svgId),
+    id: `prefix__j_${svgId}`,
     x1: 35.3,
     y1: 23.46,
     x2: 38.85,
@@ -446,35 +447,35 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React__default.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__default.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__default.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__default.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__default.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__default.createElement("path", {
     d: "M51.28 68.33z",
-    fill: "url(#prefix__a_".concat(svgId, ")")
+    fill: `url(#prefix__a_${svgId})`
   }), /*#__PURE__*/React__default.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__default.createElement("path", {
     d: "M51.48 68.32h-.08z",
-    fill: "url(#prefix__h_".concat(svgId, ")")
+    fill: `url(#prefix__h_${svgId})`
   }), /*#__PURE__*/React__default.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__default.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 = {