npm - @carbon/ibm-products - Versions diffs - 2.65.0 → 2.66.0 - Mend

@carbon/ibm-products 2.65.0 → 2.66.0

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

Files changed (777) hide show

package/lib/components/EmptyStates/assets/NotificationsIllustration.js CHANGED Viewed

@@ -17,25 +17,26 @@ 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, _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(settings.pkg.prefix, "--empty-state");
-var NotificationsIllustration = function NotificationsIllustration(_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 NotificationsIllustration = _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-notification"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration-notification`, `${blockClass}__illustration--${size}`]),
     "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: 30.05,
     y1: 54.31,
     x2: 35.5,
@@ -48,7 +49,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 28.61,
     y1: -3.97,
     x2: 70.69,
@@ -67,7 +68,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#161616"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 38.01,
     y1: 69.51,
     x2: 38.01,
@@ -80,7 +81,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_dark_".concat(svgId),
+    id: `prefix__d_dark_${svgId}`,
     x1: 15.14,
     y1: 5.72,
     x2: 63.06,
@@ -117,21 +118,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.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.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.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.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.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 61.44,
     y1: 66.99,
     x2: 61.44,
@@ -144,7 +145,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 0.78,
     stopColor: "#e0e0e0"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__b_".concat(svgId),
+    id: `prefix__b_${svgId}`,
     x1: 28.49,
     y1: 44.06,
     x2: 53.04,
@@ -158,7 +159,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopOpacity: 0.1
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 30.05,
     y1: 54.31,
     x2: 35.5,
@@ -171,7 +172,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#bebebe"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 28.61,
     y1: -3.97,
     x2: 70.69,
@@ -196,14 +197,14 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 0.96,
     stopColor: "#8d8d8d"
   }))), /*#__PURE__*/React.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.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 21.52,
     y1: 36.2,
     x2: 61.39,
@@ -216,7 +217,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__h_".concat(svgId),
+    id: `prefix__h_${svgId}`,
     x1: 17.68,
     y1: 15.75,
     x2: 55.37,
@@ -235,21 +236,21 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     offset: 1,
     stopColor: "#f4f4f4"
   }))), /*#__PURE__*/React.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.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.createElement("linearGradient", {
-    id: "prefix__k_".concat(svgId),
+    id: `prefix__k_${svgId}`,
     x1: 15.14,
     y1: 5.72,
     x2: 63.06,
@@ -295,37 +296,37 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React.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.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.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.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.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.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.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.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.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.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.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 = {

package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js CHANGED Viewed

@@ -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, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
-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 UnauthorizedIllustration = function UnauthorizedIllustration(_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 UnauthorizedIllustration = _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-unauthorized"), "".concat(blockClass, "__illustration--").concat(size)]),
+    className: cx([`${blockClass}__illustration`, `${blockClass}__illustration-unauthorized`, `${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__b_dark_".concat(svgId),
+    id: `prefix__b_dark_${svgId}`,
     x1: 17.33,
     y1: 40.68,
     x2: 53.57,
@@ -50,7 +51,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__a_dark_".concat(svgId),
+    id: `prefix__a_dark_${svgId}`,
     x1: 37.21,
     y1: 61.49,
     x2: 71.41,
@@ -63,14 +64,14 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#393939"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_dark_".concat(svgId),
+    id: `prefix__c_dark_${svgId}`,
     x1: 39.97,
     y1: 32.38,
     x2: 39.97,
     y2: 1.64,
-    xlinkHref: "#prefix__a_dark_".concat(svgId)
+    xlinkHref: `#prefix__a_dark_${svgId}`
   }), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_dark_".concat(svgId),
+    id: `prefix__d_dark_${svgId}`,
     x1: 24.58,
     y1: 44.68,
     x2: 51.62,
@@ -83,7 +84,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#262626"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__e_dark_".concat(svgId),
+    id: `prefix__e_dark_${svgId}`,
     x1: 32.72,
     y1: 45.46,
     x2: 38.82,
@@ -103,19 +104,19 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     d: "M20.28 60.39l10.27-5.94 30.8 17.79-10.26 5.93-30.81-17.78z"
   })), /*#__PURE__*/React.createElement("path", {
     d: "M61.16 32.9a1.44 1.44 0 00-.5-.51l-1.1-.64-28.48-16.44a.52.52 0 00-.5-.06l-10.11 5.83c-.11.07 2.16 28.77 2.16 28.77l4.3 2.79L61.26 33.1a1.24 1.24 0 00-.1-.2z",
-    fill: "url(#prefix__b_dark_".concat(svgId, ")")
+    fill: `url(#prefix__b_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
-    fill: "url(#prefix__a_dark_".concat(svgId, ")")
+    fill: `url(#prefix__a_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M46.88 31.4a.85.85 0 00.5.69 2.69 2.69 0 002.41 0 .85.85 0 00.49-.7V18.27c0-5.39-4.15-12-9.46-15.07-3-1.76-6-2-8.22-.78-1.9 1.09-3 3.19-3 5.89V21.5a.85.85 0 00.5.7 2.67 2.67 0 002.4 0 .87.87 0 00.5-.7V8.31a3.29 3.29 0 011.3-2.95c1.08-.62 2.88-.33 4.82.79 4.21 2.43 7.76 8 7.76 12.12z",
-    fill: "url(#prefix__c_dark_".concat(svgId, ")")
+    fill: `url(#prefix__c_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M50.56 38.22l-1.1-.63L21 21.14a.44.44 0 00-.72.42v28.33a1.49 1.49 0 00.23.74 1.42 1.42 0 00.49.51l28.46 16.45 1.1.63a.5.5 0 00.49.06.49.49 0 00.23-.47V39.47a1.61 1.61 0 00-.72-1.25z",
-    fill: "url(#prefix__d_dark_".concat(svgId, ")")
+    fill: `url(#prefix__d_dark_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M38 41.63a5 5 0 00-2.25-3.9c-1.25-.72-2.26-.13-2.26 1.3a4.73 4.73 0 00.84 2.5l-.84 5.31 4.51 2.6-.84-6.27a1.48 1.48 0 00.84-1.54z",
-    fill: "url(#prefix__e_dark_".concat(svgId, ")")
+    fill: `url(#prefix__e_dark_${svgId})`
   }), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
     d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
     fill: "#6f6f6f"
@@ -134,7 +135,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopOpacity: 0.1
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__c_".concat(svgId),
+    id: `prefix__c_${svgId}`,
     x1: 17.33,
     y1: 40.68,
     x2: 53.57,
@@ -150,7 +151,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__d_".concat(svgId),
+    id: `prefix__d_${svgId}`,
     x1: 28.59,
     y1: 16.01,
     x2: 58.88,
@@ -178,7 +179,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#8d8d8d"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__a_".concat(svgId),
+    id: `prefix__a_${svgId}`,
     x1: 26.93,
     y1: 50.69,
     x2: 61.39,
@@ -191,14 +192,14 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__e_".concat(svgId),
+    id: `prefix__e_${svgId}`,
     x1: 39.97,
     y1: 32.38,
     x2: 39.97,
     y2: 1.64,
-    xlinkHref: "#prefix__a_".concat(svgId)
+    xlinkHref: `#prefix__a_${svgId}`
   }), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__f_".concat(svgId),
+    id: `prefix__f_${svgId}`,
     x1: 24.58,
     y1: 44.68,
     x2: 51.62,
@@ -211,7 +212,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#c6c6c6"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__g_".concat(svgId),
+    id: `prefix__g_${svgId}`,
     x1: 32.72,
     y1: 45.46,
     x2: 38.82,
@@ -224,7 +225,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     offset: 1,
     stopColor: "#8d8d8d"
   }))), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "prefix__h_".concat(svgId),
+    id: `prefix__h_${svgId}`,
     x1: 20.61,
     y1: 20.85,
     x2: 52.7,
@@ -277,29 +278,29 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
     fill: "none",
     d: "M0 0h80v80H0z"
   })), /*#__PURE__*/React.createElement("path", {
-    fill: "url(#prefix__b_".concat(svgId, ")"),
+    fill: `url(#prefix__b_${svgId})`,
     d: "M20.28 60.39l10.27-5.94 30.8 17.79-10.26 5.93-30.81-17.78z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M61.16 32.9a1.44 1.44 0 00-.5-.51l-1.1-.64-28.48-16.44a.52.52 0 00-.5-.06l-10.11 5.83c-.11.07 2.16 28.77 2.16 28.77l4.3 2.79L61.26 33.1a1.24 1.24 0 00-.1-.2z",
-    fill: "url(#prefix__c_".concat(svgId, ")")
+    fill: `url(#prefix__c_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
-    fill: "url(#prefix__d_".concat(svgId, ")")
+    fill: `url(#prefix__d_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M61.16 62.45a.5.5 0 00.23-.48V33.64a1.38 1.38 0 00-.13-.54L26.93 52.64l24.12 15.64z",
-    fill: "url(#prefix__a_".concat(svgId, ")")
+    fill: `url(#prefix__a_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M46.88 31.4a.85.85 0 00.5.69 2.69 2.69 0 002.41 0 .85.85 0 00.49-.7V18.27c0-5.39-4.15-12-9.46-15.07-3-1.76-6-2-8.22-.78-1.9 1.09-3 3.19-3 5.89V21.5a.85.85 0 00.5.7 2.67 2.67 0 002.4 0 .87.87 0 00.5-.7V8.31a3.29 3.29 0 011.3-2.95c1.08-.62 2.88-.33 4.82.79 4.21 2.43 7.76 8 7.76 12.12z",
-    fill: "url(#prefix__e_".concat(svgId, ")")
+    fill: `url(#prefix__e_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M50.56 38.22l-1.1-.63L21 21.14a.44.44 0 00-.72.42v28.33a1.49 1.49 0 00.23.74 1.42 1.42 0 00.49.51l28.46 16.45 1.1.63a.5.5 0 00.49.06.49.49 0 00.23-.47V39.47a1.61 1.61 0 00-.72-1.25z",
-    fill: "url(#prefix__f_".concat(svgId, ")")
+    fill: `url(#prefix__f_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M38 41.63a5 5 0 00-2.25-3.9c-1.25-.72-2.26-.13-2.26 1.3a4.73 4.73 0 00.84 2.5l-.84 5.31 4.51 2.6-.84-6.27a1.48 1.48 0 00.84-1.54z",
-    fill: "url(#prefix__g_".concat(svgId, ")")
+    fill: `url(#prefix__g_${svgId})`
   }), /*#__PURE__*/React.createElement("path", {
     d: "M51.41 38.51a1.9 1.9 0 00-.64-.65l-1.1-.63-28.49-16.45-.1-.05-.61.35a.33.33 0 01.17 0 .6.6 0 01.32.1l28.5 16.41 1.1.63a1.5 1.5 0 01.49.51s.05.09.08.14l.36-.21z",
-    fill: "url(#prefix__h_".concat(svgId, ")")
+    fill: `url(#prefix__h_${svgId})`
   })));
 };
 UnauthorizedIllustration.propTypes = {