@telus-uds/palette-allium 5.3.2 → 5.4.0

package/build/web/icons/Briefcase.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M14.5 2c.778 0 1.42.596 1.493 1.356L16 3.5V5h6.5c.778 0 1.42.596 1.493 1.356L24 6.5v14c0 .778-.596 1.42-1.356 1.493L22.5 22h-21c-.778 0-1.42-.596-1.493-1.356L0 20.5v-14c0-.778.596-1.42 1.356-1.493L1.5 5H8V3.5c0-.778.596-1.42 1.356-1.493L9.5 2h5ZM23 12.147l-7.34 1.916a14.566 14.566 0 0 1-6.87.11l-.45-.11L1 12.147V20.5a.5.5 0 0 0 .41.492L1.5 21h21a.5.5 0 0 0 .492-.41L23 20.5v-8.353ZM22.5 6h-21a.5.5 0 0 0-.492.41L1 6.5v4.614l7.592 1.98c2.09.546 4.292.58 6.396.102l.419-.102L23 11.113V6.5a.5.5 0 0 0-.41-.492L22.5 6ZM12 9c1.104 0 2 .897 2 2s-.896 2-2 2c-1.103 0-2-.897-2-2s.897-2 2-2Zm0 1c-.551 0-1 .449-1 1 0 .551.449 1 1 1 .551 0 1-.449 1-1 0-.551-.449-1-1-1Zm2.5-7h-5a.5.5 0 0 0-.492.41L9 3.5V5h6V3.5a.5.5 0 0 0-.41-.492L14.5 3Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M14.5 2c.778 0 1.42.596 1.493 1.356L16 3.5V5h6.5c.778 0 1.42.596 1.493 1.356L24 6.5v14c0 .778-.596 1.42-1.356 1.493L22.5 22h-21c-.778 0-1.42-.596-1.493-1.356L0 20.5v-14c0-.778.596-1.42 1.356-1.493L1.5 5H8V3.5c0-.778.596-1.42 1.356-1.493L9.5 2h5ZM23 12.147l-7.34 1.916a14.566 14.566 0 0 1-6.87.11l-.45-.11L1 12.147V20.5a.5.5 0 0 0 .41.492L1.5 21h21a.5.5 0 0 0 .492-.41L23 20.5v-8.353ZM22.5 6h-21a.5.5 0 0 0-.492.41L1 6.5v4.614l7.592 1.98c2.09.546 4.292.58 6.396.102l.419-.102L23 11.113V6.5a.5.5 0 0 0-.41-.492L22.5 6ZM12 9c1.104 0 2 .897 2 2s-.896 2-2 2c-1.103 0-2-.897-2-2s.897-2 2-2Zm0 1c-.551 0-1 .449-1 1 0 .551.449 1 1 1 .551 0 1-.449 1-1 0-.551-.449-1-1-1Zm2.5-7h-5a.5.5 0 0 0-.492.41L9 3.5V5h6V3.5a.5.5 0 0 0-.41-.492L14.5 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BulletCircle.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BulletFill.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-    cx: 12,
-    cy: 12,
-    r: 3
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("circle", {
+      cx: 12,
+      cy: 12,
+      r: 3
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Calendar.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M18.742 0a.5.5 0 0 1 .5.5v1.88h2.672c1.15 0 2.086.935 2.086 2.085v17.449c0 1.15-.936 2.086-2.086 2.086H2.085A2.089 2.089 0 0 1 0 21.914V4.465C0 3.315.936 2.38 2.085 2.38h3.467V.5a.5.5 0 1 1 1 0v1.88h11.69V.5a.5.5 0 0 1 .5-.499ZM23 8.93H1v12.984C1 22.513 1.486 23 2.085 23h19.829c.6 0 1.086-.487 1.086-1.086V8.93Zm-12.983 2.966a2.09 2.09 0 0 1 2.087 2.087c0 .634-.285 1.203-.733 1.586.448.383.732.952.732 1.586 0 1.15-.935 2.087-2.086 2.087H8.431a.5.5 0 0 1 0-1h1.586a1.088 1.088 0 0 0 0-2.173h-.792a.499.499 0 1 1 0-1h.792a1.088 1.088 0 0 0 0-2.173H8.431a.5.5 0 1 1 0-1h1.586Zm5.552 0a.5.5 0 0 1 .5.5v6.346a.5.5 0 0 1-1 0v-6.346a.5.5 0 0 1 .5-.5ZM5.552 3.38H2.085A1.085 1.085 0 0 0 1 4.465v3.466h22V4.465c0-.598-.486-1.086-1.086-1.086h-2.672v1.88a.5.5 0 0 1-1 0v-1.88H6.552v1.88a.5.5 0 0 1-1 0v-1.88Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M18.742 0a.5.5 0 0 1 .5.5v1.88h2.672c1.15 0 2.086.935 2.086 2.085v17.449c0 1.15-.936 2.086-2.086 2.086H2.085A2.089 2.089 0 0 1 0 21.914V4.465C0 3.315.936 2.38 2.085 2.38h3.467V.5a.5.5 0 1 1 1 0v1.88h11.69V.5a.5.5 0 0 1 .5-.499ZM23 8.93H1v12.984C1 22.513 1.486 23 2.085 23h19.829c.6 0 1.086-.487 1.086-1.086V8.93Zm-12.983 2.966a2.09 2.09 0 0 1 2.087 2.087c0 .634-.285 1.203-.733 1.586.448.383.732.952.732 1.586 0 1.15-.935 2.087-2.086 2.087H8.431a.5.5 0 0 1 0-1h1.586a1.088 1.088 0 0 0 0-2.173h-.792a.499.499 0 1 1 0-1h.792a1.088 1.088 0 0 0 0-2.173H8.431a.5.5 0 1 1 0-1h1.586Zm5.552 0a.5.5 0 0 1 .5.5v6.346a.5.5 0 0 1-1 0v-6.346a.5.5 0 0 1 .5-.5ZM5.552 3.38H2.085A1.085 1.085 0 0 0 1 4.465v3.466h22V4.465c0-.598-.486-1.086-1.086-1.086h-2.672v1.88a.5.5 0 0 1-1 0v-1.88H6.552v1.88a.5.5 0 0 1-1 0v-1.88Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Call.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.417.418.51 1.046.232 1.564Zm10.837 8.203a2.274 2.274 0 0 0-2.666-.392l-2.772 1.492a8.58 8.58 0 0 1-6.077-6.078L9.6 7.356a2.249 2.249 0 0 0-.392-2.665L6.671 2.153c-.848-.847-2.336-.847-3.184 0l-1.319 1.32a2.236 2.236 0 0 0-.662 1.763 18.871 18.871 0 0 0 17.26 17.257c.054.008.109.008.164.008.591 0 1.17-.244 1.59-.67l1.318-1.319c.427-.428.662-.994.662-1.595 0-.605-.232-1.167-.656-1.582l-2.221-2.222Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.417.418.51 1.046.232 1.564Zm10.837 8.203a2.274 2.274 0 0 0-2.666-.392l-2.772 1.492a8.58 8.58 0 0 1-6.077-6.078L9.6 7.356a2.249 2.249 0 0 0-.392-2.665L6.671 2.153c-.848-.847-2.336-.847-3.184 0l-1.319 1.32a2.236 2.236 0 0 0-.662 1.763 18.871 18.871 0 0 0 17.26 17.257c.054.008.109.008.164.008.591 0 1.17-.244 1.59-.67l1.318-1.319c.427-.428.662-.994.662-1.595 0-.605-.232-1.167-.656-1.582l-2.221-2.222Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CallForward.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M3.487 2.153c.807-.806 2.196-.845 3.059-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm1.596.279c-.305 0-.592.1-.824.285l-.11.099-1.326 1.326a1.281 1.281 0 0 0-.385 1.018 17.94 17.94 0 0 0 16.409 16.4c.327.02.657-.086.912-.29l.104-.094 1.326-1.325a1.31 1.31 0 0 0 .385-.934c0-.299-.1-.585-.286-.822l-.1-.113-2.22-2.222a1.325 1.325 0 0 0-1.433-.287l-.13.062-2.939 1.585a.42.42 0 0 1-.343.035 9.468 9.468 0 0 1-6.967-6.972.462.462 0 0 1 .011-.254l.035-.082L8.786 6.91a1.315 1.315 0 0 0-.134-1.456l-.098-.109-2.538-2.53a1.339 1.339 0 0 0-.933-.383Zm7.468 4.207a4.433 4.433 0 0 1 4.421 4.42c0 .222-.11.332-.11.443-.11.11-.332.11-.442.11-.331 0-.553-.221-.553-.552 0-1.88-1.437-3.316-3.316-3.316-.331 0-.552-.221-.552-.553 0-.331.221-.552.552-.552Zm0-2.211c3.648 0 6.632 2.985 6.632 6.632 0 .22-.111.33-.111.442-.11.11-.331.11-.441.11-.332 0-.553-.221-.553-.552 0-3.095-2.432-5.526-5.527-5.526-.331 0-.552-.221-.552-.553 0-.332.221-.553.552-.553Zm0-2.21c4.864 0 8.842 3.979 8.842 8.842 0 .22-.11.33-.11.442-.11.11-.332.11-.442.11-.332 0-.553-.221-.553-.552a7.689 7.689 0 0 0-7.737-7.737c-.331 0-.552-.221-.552-.552 0-.332.221-.553.552-.553Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M3.487 2.153c.807-.806 2.196-.845 3.059-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm1.596.279c-.305 0-.592.1-.824.285l-.11.099-1.326 1.326a1.281 1.281 0 0 0-.385 1.018 17.94 17.94 0 0 0 16.409 16.4c.327.02.657-.086.912-.29l.104-.094 1.326-1.325a1.31 1.31 0 0 0 .385-.934c0-.299-.1-.585-.286-.822l-.1-.113-2.22-2.222a1.325 1.325 0 0 0-1.433-.287l-.13.062-2.939 1.585a.42.42 0 0 1-.343.035 9.468 9.468 0 0 1-6.967-6.972.462.462 0 0 1 .011-.254l.035-.082L8.786 6.91a1.315 1.315 0 0 0-.134-1.456l-.098-.109-2.538-2.53a1.339 1.339 0 0 0-.933-.383Zm7.468 4.207a4.433 4.433 0 0 1 4.421 4.42c0 .222-.11.332-.11.443-.11.11-.332.11-.442.11-.331 0-.553-.221-.553-.552 0-1.88-1.437-3.316-3.316-3.316-.331 0-.552-.221-.552-.553 0-.331.221-.552.552-.552Zm0-2.211c3.648 0 6.632 2.985 6.632 6.632 0 .22-.111.33-.111.442-.11.11-.331.11-.441.11-.332 0-.553-.221-.553-.552 0-3.095-2.432-5.526-5.527-5.526-.331 0-.552-.221-.552-.553 0-.332.221-.553.552-.553Zm0-2.21c4.864 0 8.842 3.979 8.842 8.842 0 .22-.11.33-.11.442-.11.11-.332.11-.442.11-.332 0-.553-.221-.553-.552a7.689 7.689 0 0 0-7.737-7.737c-.331 0-.552-.221-.552-.552 0-.332.221-.553.552-.553Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CallOut.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M3.487 2.153c.807-.806 2.196-.845 3.059-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm1.596.279c-.305 0-.592.1-.824.285l-.11.099-1.326 1.326a1.281 1.281 0 0 0-.385 1.018 17.94 17.94 0 0 0 16.409 16.4c.327.02.657-.086.912-.29l.104-.094 1.326-1.325a1.31 1.31 0 0 0 .385-.934c0-.299-.1-.585-.286-.822l-.1-.113-2.22-2.222a1.325 1.325 0 0 0-1.433-.287l-.13.062-2.939 1.585a.42.42 0 0 1-.343.035 9.468 9.468 0 0 1-6.967-6.972.462.462 0 0 1 .011-.254l.035-.082L8.786 6.91a1.315 1.315 0 0 0-.134-1.456l-.098-.109-2.538-2.53a1.339 1.339 0 0 0-.933-.383Zm16.95-.933c.051 0 .091.006.128.017l.055.022a.405.405 0 0 1 .153.1c.044.045.072.09.098.142a.549.549 0 0 1 .03.119l.003.052v5.741a.461.461 0 0 1-.466.467.459.459 0 0 1-.46-.376l-.008-.084V3.093l-7.09 7.084a.439.439 0 0 1-.327.139.445.445 0 0 1-.33-.143.463.463 0 0 1-.056-.586l.06-.072 7.082-7.083H16.3a.462.462 0 0 1-.468-.467.46.46 0 0 1 .383-.459L16.3 1.5h5.734Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M3.487 2.153c.807-.806 2.196-.845 3.059-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm1.596.279c-.305 0-.592.1-.824.285l-.11.099-1.326 1.326a1.281 1.281 0 0 0-.385 1.018 17.94 17.94 0 0 0 16.409 16.4c.327.02.657-.086.912-.29l.104-.094 1.326-1.325a1.31 1.31 0 0 0 .385-.934c0-.299-.1-.585-.286-.822l-.1-.113-2.22-2.222a1.325 1.325 0 0 0-1.433-.287l-.13.062-2.939 1.585a.42.42 0 0 1-.343.035 9.468 9.468 0 0 1-6.967-6.972.462.462 0 0 1 .011-.254l.035-.082L8.786 6.91a1.315 1.315 0 0 0-.134-1.456l-.098-.109-2.538-2.53a1.339 1.339 0 0 0-.933-.383Zm16.95-.933c.051 0 .091.006.128.017l.055.022a.405.405 0 0 1 .153.1c.044.045.072.09.098.142a.549.549 0 0 1 .03.119l.003.052v5.741a.461.461 0 0 1-.466.467.459.459 0 0 1-.46-.376l-.008-.084V3.093l-7.09 7.084a.439.439 0 0 1-.327.139.445.445 0 0 1-.33-.143.463.463 0 0 1-.056-.586l.06-.072 7.082-7.083H16.3a.462.462 0 0 1-.468-.467.46.46 0 0 1 .383-.459L16.3 1.5h5.734Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CallReceive.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32ZM21.5 1.856a.453.453 0 0 1 .647 0 .453.453 0 0 1 .06.575l-.059.072-6.941 6.935h4.508c.257 0 .457.2.457.457a.45.45 0 0 1-.374.45l-.083.007H14.1a.413.413 0 0 1-.188-.04.431.431 0 0 1-.08-.042l-.044-.032-.025-.025a.352.352 0 0 1-.065-.091l-.022-.055a.293.293 0 0 1-.028-.102l-.005-.07V4.282c0-.257.2-.458.457-.458.228 0 .412.159.45.374l.007.084V8.79l6.94-6.934Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32ZM21.5 1.856a.453.453 0 0 1 .647 0 .453.453 0 0 1 .06.575l-.059.072-6.941 6.935h4.508c.257 0 .457.2.457.457a.45.45 0 0 1-.374.45l-.083.007H14.1a.413.413 0 0 1-.188-.04.431.431 0 0 1-.08-.042l-.044-.032-.025-.025a.352.352 0 0 1-.065-.091l-.022-.055a.293.293 0 0 1-.028-.102l-.005-.07V4.282c0-.257.2-.458.457-.458.228 0 .412.159.45.374l.007.084V8.79l6.94-6.934Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CallTalking.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm10.725-.651c4.57 0 8.289 3.718 8.289 8.289a.554.554 0 0 1-1.105 0c0-3.961-3.223-7.184-7.184-7.184a.553.553 0 1 1 0-1.105Zm0 4.42a3.872 3.872 0 0 1 3.868 3.869.554.554 0 0 1-1.105 0 2.767 2.767 0 0 0-2.763-2.763.553.553 0 1 1 0-1.105Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm10.725-.651c4.57 0 8.289 3.718 8.289 8.289a.554.554 0 0 1-1.105 0c0-3.961-3.223-7.184-7.184-7.184a.553.553 0 1 1 0-1.105Zm0 4.42a3.872 3.872 0 0 1 3.868 3.869.554.554 0 0 1-1.105 0 2.767 2.767 0 0 0-2.763-2.763.553.553 0 1 1 0-1.105Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Camera.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M14.334 2.376c.99 0 1.919.668 2.322 1.648l.065.175.321 1.066c.049.146.181.246.357.272l.091.006h3.615a2.898 2.898 0 0 1 2.89 2.725l.005.17V18.73a2.899 2.899 0 0 1-2.725 2.89l-.17.005H2.895A2.898 2.898 0 0 1 .005 18.9L0 18.73V8.438c0-1.538 1.207-2.8 2.725-2.889l.17-.005h3.614c.174 0 .33-.095.411-.244l.034-.079.325-.998c.34-1.027 1.236-1.761 2.214-1.84l.173-.006h4.668Zm0 1.04H9.666c-.552 0-1.099.41-1.349.993l-.052.138-.323.994a1.5 1.5 0 0 1-1.294 1.035l-.139.006H2.895c-.974 0-1.776.756-1.85 1.71l-.006.146V18.73c0 .975.756 1.776 1.711 1.85l.145.006h18.21c.975 0 1.776-.755 1.85-1.71l.006-.146V8.438c0-.973-.755-1.775-1.711-1.849l-.145-.006H17.49c-.623 0-1.155-.34-1.39-.876l-.048-.128-.322-1.064c-.197-.59-.717-1.031-1.268-1.092l-.128-.006ZM12 7.918a5.672 5.672 0 0 1 5.666 5.665A5.673 5.673 0 0 1 12 19.25a5.673 5.673 0 0 1-5.666-5.666A5.672 5.672 0 0 1 12 7.919Zm0 1.038a4.632 4.632 0 0 0-4.626 4.627A4.632 4.632 0 0 0 12 18.212a4.632 4.632 0 0 0 4.627-4.628A4.632 4.632 0 0 0 12 8.957Zm0 .648a.52.52 0 0 1 0 1.039 2.979 2.979 0 0 0-2.975 2.975.52.52 0 0 1-1.039 0A4.019 4.019 0 0 1 12 9.605Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M14.334 2.376c.99 0 1.919.668 2.322 1.648l.065.175.321 1.066c.049.146.181.246.357.272l.091.006h3.615a2.898 2.898 0 0 1 2.89 2.725l.005.17V18.73a2.899 2.899 0 0 1-2.725 2.89l-.17.005H2.895A2.898 2.898 0 0 1 .005 18.9L0 18.73V8.438c0-1.538 1.207-2.8 2.725-2.889l.17-.005h3.614c.174 0 .33-.095.411-.244l.034-.079.325-.998c.34-1.027 1.236-1.761 2.214-1.84l.173-.006h4.668Zm0 1.04H9.666c-.552 0-1.099.41-1.349.993l-.052.138-.323.994a1.5 1.5 0 0 1-1.294 1.035l-.139.006H2.895c-.974 0-1.776.756-1.85 1.71l-.006.146V18.73c0 .975.756 1.776 1.711 1.85l.145.006h18.21c.975 0 1.776-.755 1.85-1.71l.006-.146V8.438c0-.973-.755-1.775-1.711-1.849l-.145-.006H17.49c-.623 0-1.155-.34-1.39-.876l-.048-.128-.322-1.064c-.197-.59-.717-1.031-1.268-1.092l-.128-.006ZM12 7.918a5.672 5.672 0 0 1 5.666 5.665A5.673 5.673 0 0 1 12 19.25a5.673 5.673 0 0 1-5.666-5.666A5.672 5.672 0 0 1 12 7.919Zm0 1.038a4.632 4.632 0 0 0-4.626 4.627A4.632 4.632 0 0 0 12 18.212a4.632 4.632 0 0 0 4.627-4.628A4.632 4.632 0 0 0 12 8.957Zm0 .648a.52.52 0 0 1 0 1.039 2.979 2.979 0 0 0-2.975 2.975.52.52 0 0 1-1.039 0A4.019 4.019 0 0 1 12 9.605Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};