@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/web/icons/Replay.js

@@ -6,21 +6,37 @@ 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", {
-    d: "M12.7.95c-4 0-7.35 2.18-9.77 6.28-.09-.13-.17-.27-.26-.4-.19-.31-.37-.63-.55-.95a17.9 17.9 0 0 1-.49-.98c-.08-.17-.16-.33-.23-.5-.04-.08-.08-.17-.11-.25a.973.973 0 0 0-.11-.23.546.546 0 0 0-.44-.22c-.12 0-.23.03-.32.11l-.03.03s-.09.11-.11.17c-.06.16-.03.33.02.48.04.13.09.27.14.4.13.41.26.83.4 1.24.07.23.15.47.22.7.32 1.01.65 2.05.92 2.87.09.28.15.59.28.85.04.08.12.18.21.22.07.04.16.05.26.02.02 0 .05-.02.07-.03l.33-.13.54-.21.7-.27c.27-.1.53-.21.8-.31l.84-.33.82-.32.74-.29.6-.24.21-.08c.07-.03.14-.06.21-.08.07-.03.14-.05.21-.08.08-.04.16-.09.22-.16.08-.11.12-.26.09-.39a.516.516 0 0 0-.6-.38l-1.53.36s-1.58.29-2.39.34c1.51-2.54 4.07-5.3 8.1-5.3 5.02 0 9.11 4.09 9.11 9.11s-4.09 9.11-9.11 9.11a9.07 9.07 0 0 1-4.63-1.27 9.47 9.47 0 0 1-1.87-1.47c-.16-.16-.3-.35-.45-.52-.19-.22-.36-.45-.53-.69-.08-.11-.15-.23-.22-.34-.18-.28-.35-.57-.49-.87l-.19-.4c-.2-.44-.66-.69-1.15-.55-.15.04-.29.12-.41.23-.14.13-.24.3-.28.49-.02.1-.03.2-.02.3.01.13.07.27.12.39.1.25.22.5.35.74.37.7.82 1.37 1.33 1.98.25.3.52.59.81.86.28.27.58.53.9.77a10.47 10.47 0 0 0 2.02 1.23c.36.17.73.32 1.11.45.38.13.77.24 1.16.33.4.09.8.16 1.21.2.41.05.83.07 1.24.07 6.09 0 11.05-4.96 11.05-11.05C23.75 5.9 18.79.95 12.7.95Z"
-  })]
-});
+}) => {
+  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", {
+      d: "M12.7.95c-4 0-7.35 2.18-9.77 6.28-.09-.13-.17-.27-.26-.4-.19-.31-.37-.63-.55-.95a17.9 17.9 0 0 1-.49-.98c-.08-.17-.16-.33-.23-.5-.04-.08-.08-.17-.11-.25a.973.973 0 0 0-.11-.23.546.546 0 0 0-.44-.22c-.12 0-.23.03-.32.11l-.03.03s-.09.11-.11.17c-.06.16-.03.33.02.48.04.13.09.27.14.4.13.41.26.83.4 1.24.07.23.15.47.22.7.32 1.01.65 2.05.92 2.87.09.28.15.59.28.85.04.08.12.18.21.22.07.04.16.05.26.02.02 0 .05-.02.07-.03l.33-.13.54-.21.7-.27c.27-.1.53-.21.8-.31l.84-.33.82-.32.74-.29.6-.24.21-.08c.07-.03.14-.06.21-.08.07-.03.14-.05.21-.08.08-.04.16-.09.22-.16.08-.11.12-.26.09-.39a.516.516 0 0 0-.6-.38l-1.53.36s-1.58.29-2.39.34c1.51-2.54 4.07-5.3 8.1-5.3 5.02 0 9.11 4.09 9.11 9.11s-4.09 9.11-9.11 9.11a9.07 9.07 0 0 1-4.63-1.27 9.47 9.47 0 0 1-1.87-1.47c-.16-.16-.3-.35-.45-.52-.19-.22-.36-.45-.53-.69-.08-.11-.15-.23-.22-.34-.18-.28-.35-.57-.49-.87l-.19-.4c-.2-.44-.66-.69-1.15-.55-.15.04-.29.12-.41.23-.14.13-.24.3-.28.49-.02.1-.03.2-.02.3.01.13.07.27.12.39.1.25.22.5.35.74.37.7.82 1.37 1.33 1.98.25.3.52.59.81.86.28.27.58.53.9.77a10.47 10.47 0 0 0 2.02 1.23c.36.17.73.32 1.11.45.38.13.77.24 1.16.33.4.09.8.16 1.21.2.41.05.83.07 1.24.07 6.09 0 11.05-4.96 11.05-11.05C23.75 5.9 18.79.95 12.7.95Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/RightCircle.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 25",
-  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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
-    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 25",
+    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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/RightCirlce.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 25",
-  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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
-    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 25",
+    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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Settings.js

@@ -6,23 +6,37 @@ 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: "m21.128 12.81 2.09 1.64a1.23 1.23 0 0 1 .31 1.55l-2.22 4a1.23 1.23 0 0 1-1.52.51l-2.48-1a9.45 9.45 0 0 1-1.44.86l-.38 2.63a1.22 1.22 0 0 1-1.18 1h-4.57a1.23 1.23 0 0 1-1.19-1.08l-.38-2.61a9.166 9.166 0 0 1-1.39-.81l-2.47 1a1.26 1.26 0 0 1-1.58-.6L.468 16a1.27 1.27 0 0 1 .31-1.55l2.09-1.59a8.1 8.1 0 0 1 0-.81v-.81L.778 9.61A1.26 1.26 0 0 1 .478 8l2.26-4a1.24 1.24 0 0 1 1.57-.5l2.43 1c.44-.31.905-.58 1.39-.81l.39-2.63A1.21 1.21 0 0 1 9.738 0h4.57a1.22 1.22 0 0 1 1.23 1.07l.38 2.62c.488.223.953.491 1.39.8l2.47-.99a1.26 1.26 0 0 1 1.53.56l2.22 3.9a1.27 1.27 0 0 1-.3 1.6l-2.1 1.63v1.62Zm-16.877.558a.68.68 0 0 1-.243.282l-2.31 1.72 2.13 3.7 2.76-1a.57.57 0 0 1 .25 0 .6.6 0 0 1 .41.14 7.998 7.998 0 0 0 1.76 1 .66.66 0 0 1 .41.53l.41 2.84h4.28l.47-2.9a.69.69 0 0 1 .42-.53 8 8 0 0 0 1.76-1 .68.68 0 0 1 .66-.08l2.67 1.06 2.21-3.73-2.3-1.8a.69.69 0 0 1-.26-.62 7.54 7.54 0 0 0 0-2 .68.68 0 0 1 .26-.62l2.31-1.81-2.14-3.7-2.76 1a.64.64 0 0 1-.66-.09 7.689 7.689 0 0 0-1.75-1 .68.68 0 0 1-.42-.53l-.41-2.84h-4.28l-.47 2.9a.66.66 0 0 1-.41.52 7.94 7.94 0 0 0-1.77 1 .68.68 0 0 1-.66.08l-2.67-1.07-2.18 3.68 2.33 1.88a.68.68 0 0 1 .25.62 8.058 8.058 0 0 0-.07 1 8.2 8.2 0 0 0 .07 1 .68.68 0 0 1-.057.368Zm7.748 4.077a5.444 5.444 0 1 1-.021-10.889 5.444 5.444 0 0 1 .02 10.89Zm3.884-5.444a3.885 3.885 0 1 1-3.885-3.876 3.895 3.895 0 0 1 3.885 3.876Z",
-    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", {
+      d: "M10.125 22a.934.934 0 0 1-.65-.25.997.997 0 0 1-.325-.625l-.3-2.325a3.79 3.79 0 0 1-.612-.3 8.27 8.27 0 0 1-.563-.375l-2.175.9a.97.97 0 0 1-.7.038.983.983 0 0 1-.55-.438L2.4 15.4a.94.94 0 0 1-.125-.7.96.96 0 0 1 .375-.6l1.875-1.425a2.389 2.389 0 0 1-.025-.338v-.675c0-.108.008-.22.025-.337L2.65 9.9a.96.96 0 0 1-.375-.6.94.94 0 0 1 .125-.7l1.85-3.225a.983.983 0 0 1 .55-.438.97.97 0 0 1 .7.038l2.175.9c.183-.133.375-.258.575-.375.2-.117.4-.217.6-.3l.3-2.325a.997.997 0 0 1 .325-.625c.183-.167.4-.25.65-.25h3.75c.25 0 .467.083.65.25a.997.997 0 0 1 .325.625l.3 2.325c.217.083.42.183.612.3.192.117.38.242.563.375l2.175-.9a.97.97 0 0 1 .7-.037c.233.075.417.22.55.437L21.6 8.6a.94.94 0 0 1 .125.7.96.96 0 0 1-.375.6l-1.875 1.425c.017.117.025.23.025.338v.675c0 .108-.017.22-.05.337l1.875 1.425c.2.15.325.35.375.6a.94.94 0 0 1-.125.7l-1.85 3.2c-.133.217-.32.367-.563.45a.958.958 0 0 1-.712-.025l-2.125-.9a6.826 6.826 0 0 1-.575.375c-.2.117-.4.217-.6.3l-.3 2.325a.997.997 0 0 1-.325.625.934.934 0 0 1-.65.25h-3.75ZM11 20h1.975l.35-2.65a5.61 5.61 0 0 0 1.438-.588c.441-.258.845-.57 1.212-.937l2.475 1.025.975-1.7-2.15-1.625c.083-.233.142-.48.175-.738a6.153 6.153 0 0 0 0-1.575 3.529 3.529 0 0 0-.175-.737l2.15-1.625-.975-1.7-2.475 1.05a5.554 5.554 0 0 0-1.213-.962 5.605 5.605 0 0 0-1.437-.588L13 4h-1.975l-.35 2.65c-.517.133-.996.33-1.438.587a6.015 6.015 0 0 0-1.212.938L5.55 7.15l-.975 1.7 2.15 1.6c-.083.25-.142.5-.175.75a6.122 6.122 0 0 0 0 1.575c.033.25.092.5.175.75l-2.15 1.625.975 1.7 2.475-1.05a5.53 5.53 0 0 0 2.65 1.55L11 20Zm1.05-4.5c.967 0 1.792-.342 2.475-1.025A3.372 3.372 0 0 0 15.55 12c0-.967-.342-1.792-1.025-2.475A3.372 3.372 0 0 0 12.05 8.5c-.983 0-1.813.342-2.488 1.025A3.393 3.393 0 0 0 8.55 12c0 .967.337 1.792 1.012 2.475.676.683 1.505 1.025 2.488 1.025Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SettingsFilled.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M9.475 21.75c.183.167.4.25.65.25h3.75c.25 0 .467-.083.65-.25a.997.997 0 0 0 .325-.625l.3-2.325c.2-.083.4-.183.6-.3.2-.117.392-.242.575-.375l2.125.9c.233.1.47.108.713.025.241-.083.429-.233.562-.45l1.85-3.2a.94.94 0 0 0 .125-.7.96.96 0 0 0-.375-.6l-1.875-1.425c.033-.117.05-.23.05-.338v-.675c0-.108-.008-.22-.025-.337L21.35 9.9a.96.96 0 0 0 .375-.6.94.94 0 0 0-.125-.7l-1.85-3.225a.983.983 0 0 0-.55-.438.97.97 0 0 0-.7.038l-2.175.9a8.229 8.229 0 0 0-.563-.375 3.795 3.795 0 0 0-.612-.3l-.3-2.325a.997.997 0 0 0-.325-.625.934.934 0 0 0-.65-.25h-3.75a.934.934 0 0 0-.65.25.997.997 0 0 0-.325.625L8.85 5.2c-.2.083-.4.183-.6.3-.2.117-.392.242-.575.375l-2.175-.9a.97.97 0 0 0-.7-.037.983.983 0 0 0-.55.437L2.4 8.6a.94.94 0 0 0-.125.7c.05.25.175.45.375.6l1.875 1.425c-.017.117-.025.23-.025.338v.675c0 .108.008.22.025.337L2.65 14.1a.96.96 0 0 0-.375.6.94.94 0 0 0 .125.7l1.85 3.225a.983.983 0 0 0 .55.438.97.97 0 0 0 .7-.038l2.175-.9c.183.133.37.258.563.375.191.117.395.217.612.3l.3 2.325c.033.25.142.458.325.625Zm5-7.275A3.373 3.373 0 0 1 12 15.5c-.983 0-1.813-.342-2.488-1.025A3.393 3.393 0 0 1 8.5 12c0-.967.337-1.792 1.012-2.475S11.017 8.5 12 8.5c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 15.5 12c0 .967-.342 1.792-1.025 2.475Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SettingsSolid.js

@@ -6,21 +6,37 @@ 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", {
-    d: "M13.378 19h-2.755a.63.63 0 0 1-.635-.537l-.237-1.61a5.435 5.435 0 0 1-.937-.53l-1.559.61a.657.657 0 0 1-.795-.278L5.086 14.34a.62.62 0 0 1 .156-.804l1.322-1.008a5.281 5.281 0 0 1-.03-.528c0-.16.01-.331.032-.528l-1.322-1.006a.615.615 0 0 1-.156-.807l1.376-2.32a.645.645 0 0 1 .79-.273l1.563.612c.312-.218.62-.392.934-.53L9.99 5.53c.038-.3.311-.531.634-.531h2.756a.63.63 0 0 1 .635.537l.237 1.61c.324.143.637.32.936.53l1.559-.61a.656.656 0 0 1 .795.279l1.374 2.315a.62.62 0 0 1-.156.804l-1.323 1.007c.017.155.031.336.031.528s-.014.373-.031.528l1.322 1.007a.62.62 0 0 1 .16.799l-1.38 2.327a.647.647 0 0 1-.79.273l-1.563-.61c-.312.216-.62.39-.935.529l-.237 1.616c-.039.3-.312.531-.635.531ZM12 14.8c1.544 0 2.8-1.256 2.8-2.8 0-1.544-1.256-2.8-2.8-2.8A2.803 2.803 0 0 0 9.2 12c0 1.544 1.256 2.8 2.8 2.8Z"
-  })]
-});
+}) => {
+  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", {
+      d: "M13.378 19h-2.755a.63.63 0 0 1-.635-.537l-.237-1.61a5.435 5.435 0 0 1-.937-.53l-1.559.61a.657.657 0 0 1-.795-.278L5.086 14.34a.62.62 0 0 1 .156-.804l1.322-1.008a5.281 5.281 0 0 1-.03-.528c0-.16.01-.331.032-.528l-1.322-1.006a.615.615 0 0 1-.156-.807l1.376-2.32a.645.645 0 0 1 .79-.273l1.563.612c.312-.218.62-.392.934-.53L9.99 5.53c.038-.3.311-.531.634-.531h2.756a.63.63 0 0 1 .635.537l.237 1.61c.324.143.637.32.936.53l1.559-.61a.656.656 0 0 1 .795.279l1.374 2.315a.62.62 0 0 1-.156.804l-1.323 1.007c.017.155.031.336.031.528s-.014.373-.031.528l1.322 1.007a.62.62 0 0 1 .16.799l-1.38 2.327a.647.647 0 0 1-.79.273l-1.563-.61c-.312.216-.62.39-.935.529l-.237 1.616c-.039.3-.312.531-.635.531ZM12 14.8c1.544 0 2.8-1.256 2.8-2.8 0-1.544-1.256-2.8-2.8-2.8A2.803 2.803 0 0 0 9.2 12c0 1.544 1.256 2.8 2.8 2.8Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ShippingFilled.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: "M19.23 19.18c-.889 0-1.61-.739-1.61-1.65 0-.912.721-1.651 1.61-1.651.888 0 1.608.739 1.608 1.651 0 .911-.72 1.65-1.608 1.65Zm-2.487-4.475c-.198 0-.36-.198-.36-.442 0-.245.162-.442.36-.442h.989c.198 0 .36.197.36.442 0 .244-.162.442-.36.442h-.989Zm-2.307-6.141a.418.418 0 0 1-.58-.135c-.004-.006-.023-.035-.054-.076-.701 1.69-2.44 3.24-5.056 3.24-2.667 0-4.516-1.624-5.112-3.325a.609.609 0 0 0-.048.101.42.42 0 0 1-.542.252.437.437 0 0 1-.246-.559c.182-.493.565-.826 1.11-.967.37-.093.69-.063.726-.06.23.024.4.237.373.476a.424.424 0 0 1-.46.385 1.42 1.42 0 0 0-.155-.002c.54 1.78 2.57 2.832 4.354 2.832 2.278 0 3.763-1.359 4.32-2.81a.621.621 0 0 0-.165.027.42.42 0 0 1-.528-.285.434.434 0 0 1 .277-.541c.491-.158.984-.053 1.426.301.301.242.474.519.493.549a.44.44 0 0 1-.133.597ZM4.779 19.18c-.89 0-1.61-.739-1.61-1.65 0-.912.72-1.651 1.61-1.651.888 0 1.608.739 1.608 1.651 0 .911-.72 1.65-1.608 1.65Zm18.573-6.031h-4.07c-.702 0-1.274-.587-1.274-1.308V9.88c0-.244.193-.442.43-.442.238 0 .431.198.431.442v1.96a.42.42 0 0 0 .414.425h2.613l-.86-3.702c-.209-.897-.99-1.53-1.888-1.53h-2.052v-2.1a.922.922 0 0 0-.91-.933H.91a.921.921 0 0 0-.91.933V16.91a.92.92 0 0 0 .909.933h1.494C2.553 19.058 3.553 20 4.778 20c1.224 0 2.224-.942 2.376-2.157h9.698C17.004 19.058 18.004 20 19.23 20c1.224 0 2.224-.942 2.376-2.157h1.744a.66.66 0 0 0 .65-.668v-3.359a.66.66 0 0 0-.648-.667Z",
-    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: "M19.23 19.18c-.889 0-1.61-.739-1.61-1.65 0-.912.721-1.651 1.61-1.651.888 0 1.608.739 1.608 1.651 0 .911-.72 1.65-1.608 1.65Zm-2.487-4.475c-.198 0-.36-.198-.36-.442 0-.245.162-.442.36-.442h.989c.198 0 .36.197.36.442 0 .244-.162.442-.36.442h-.989Zm-2.307-6.141a.418.418 0 0 1-.58-.135c-.004-.006-.023-.035-.054-.076-.701 1.69-2.44 3.24-5.056 3.24-2.667 0-4.516-1.624-5.112-3.325a.609.609 0 0 0-.048.101.42.42 0 0 1-.542.252.437.437 0 0 1-.246-.559c.182-.493.565-.826 1.11-.967.37-.093.69-.063.726-.06.23.024.4.237.373.476a.424.424 0 0 1-.46.385 1.42 1.42 0 0 0-.155-.002c.54 1.78 2.57 2.832 4.354 2.832 2.278 0 3.763-1.359 4.32-2.81a.621.621 0 0 0-.165.027.42.42 0 0 1-.528-.285.434.434 0 0 1 .277-.541c.491-.158.984-.053 1.426.301.301.242.474.519.493.549a.44.44 0 0 1-.133.597ZM4.779 19.18c-.89 0-1.61-.739-1.61-1.65 0-.912.72-1.651 1.61-1.651.888 0 1.608.739 1.608 1.651 0 .911-.72 1.65-1.608 1.65Zm18.573-6.031h-4.07c-.702 0-1.274-.587-1.274-1.308V9.88c0-.244.193-.442.43-.442.238 0 .431.198.431.442v1.96a.42.42 0 0 0 .414.425h2.613l-.86-3.702c-.209-.897-.99-1.53-1.888-1.53h-2.052v-2.1a.922.922 0 0 0-.91-.933H.91a.921.921 0 0 0-.91.933V16.91a.92.92 0 0 0 .909.933h1.494C2.553 19.058 3.553 20 4.778 20c1.224 0 2.224-.942 2.376-2.157h9.698C17.004 19.058 18.004 20 19.23 20c1.224 0 2.224-.942 2.376-2.157h1.744a.66.66 0 0 0 .65-.668v-3.359a.66.66 0 0 0-.648-.667Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Shop.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: "m20.902 2.592-.07-.075-.005-.005a.601.601 0 0 0-.399-.153H3.571l-.1.01h-.008a.596.596 0 0 0-.36.219L.126 6.365l-.05.075-.003.007a.598.598 0 0 0-.064.363.342.342 0 0 0-.01.078v.154l.005.202a4.06 4.06 0 0 0 3.141 3.74v10.06l.008.1.002.007c.05.278.293.49.587.49h16.515l.1-.009.007-.001a.598.598 0 0 0 .489-.587v-10.06l.135-.033a4.055 4.055 0 0 0 3.01-3.909L24 6.888l-.005-.041-.002-.09v-.006a.589.589 0 0 0-.116-.287l-2.975-3.872Zm-8.305 3.7h4.361l-1.369-2.74h-2.992v2.74Zm-8.53 3.61a2.878 2.878 0 0 1-2.823-2.417h4.261v2.01l-.138.078a2.806 2.806 0 0 1-1.3.329Zm2.632-.19a2.872 2.872 0 0 0 2.326 1.195c.9 0 1.736-.418 2.279-1.13l.099-.139V7.485H6.699v2.228ZM4.34 11.08l.174-.014h.003c.48-.056.946-.2 1.389-.43a4.029 4.029 0 0 0 3.12 1.464c1.14 0 2.21-.47 2.977-1.297a4.06 4.06 0 0 0 2.972 1.297 4.023 4.023 0 0 0 3.119-1.464 3.981 3.981 0 0 0 1.567.446v9.364h-.379V13.18l-.008-.1-.002-.007a.597.597 0 0 0-.587-.49H13.18l-.1.008-.007.002a.598.598 0 0 0-.49.587v7.268H4.339V11.08Zm13.748 9.367h-4.311v-6.67h4.311v6.67Zm-3.113-9.54a2.857 2.857 0 0 1-2.377-1.268V7.485H17.3V9.71l-.098.13a2.87 2.87 0 0 1-2.23 1.067Zm3.52-1.41a2.84 2.84 0 0 0 1.438.406c1.38 0 2.56-1.005 2.81-2.338l.012-.08h-4.26v2.011ZM3.861 3.551h3.215l-1.37 2.74H1.704l2.157-2.74Zm13.062 0h3.212l2.103 2.74h-3.946l-1.369-2.74Zm-9.882 2.74 1.37-2.74h2.992v2.74H7.04Zm5.163 6.887-.01-.1v-.008a.598.598 0 0 0-.588-.488h-6.29l-.1.008-.008.001a.597.597 0 0 0-.49.587v3.932l.009.1.001.007c.05.278.295.49.587.49h6.291l.1-.008.008-.001a.598.598 0 0 0 .49-.588v-3.93Zm-1.194.597v2.738H5.912v-2.738h5.098Z",
-    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: "m20.902 2.592-.07-.075-.005-.005a.601.601 0 0 0-.399-.153H3.571l-.1.01h-.008a.596.596 0 0 0-.36.219L.126 6.365l-.05.075-.003.007a.598.598 0 0 0-.064.363.342.342 0 0 0-.01.078v.154l.005.202a4.06 4.06 0 0 0 3.141 3.74v10.06l.008.1.002.007c.05.278.293.49.587.49h16.515l.1-.009.007-.001a.598.598 0 0 0 .489-.587v-10.06l.135-.033a4.055 4.055 0 0 0 3.01-3.909L24 6.888l-.005-.041-.002-.09v-.006a.589.589 0 0 0-.116-.287l-2.975-3.872Zm-8.305 3.7h4.361l-1.369-2.74h-2.992v2.74Zm-8.53 3.61a2.878 2.878 0 0 1-2.823-2.417h4.261v2.01l-.138.078a2.806 2.806 0 0 1-1.3.329Zm2.632-.19a2.872 2.872 0 0 0 2.326 1.195c.9 0 1.736-.418 2.279-1.13l.099-.139V7.485H6.699v2.228ZM4.34 11.08l.174-.014h.003c.48-.056.946-.2 1.389-.43a4.029 4.029 0 0 0 3.12 1.464c1.14 0 2.21-.47 2.977-1.297a4.06 4.06 0 0 0 2.972 1.297 4.023 4.023 0 0 0 3.119-1.464 3.981 3.981 0 0 0 1.567.446v9.364h-.379V13.18l-.008-.1-.002-.007a.597.597 0 0 0-.587-.49H13.18l-.1.008-.007.002a.598.598 0 0 0-.49.587v7.268H4.339V11.08Zm13.748 9.367h-4.311v-6.67h4.311v6.67Zm-3.113-9.54a2.857 2.857 0 0 1-2.377-1.268V7.485H17.3V9.71l-.098.13a2.87 2.87 0 0 1-2.23 1.067Zm3.52-1.41a2.84 2.84 0 0 0 1.438.406c1.38 0 2.56-1.005 2.81-2.338l.012-.08h-4.26v2.011ZM3.861 3.551h3.215l-1.37 2.74H1.704l2.157-2.74Zm13.062 0h3.212l2.103 2.74h-3.946l-1.369-2.74Zm-9.882 2.74 1.37-2.74h2.992v2.74H7.04Zm5.163 6.887-.01-.1v-.008a.598.598 0 0 0-.588-.488h-6.29l-.1.008-.008.001a.597.597 0 0 0-.49.587v3.932l.009.1.001.007c.05.278.295.49.587.49h6.291l.1-.008.008-.001a.598.598 0 0 0 .49-.588v-3.93Zm-1.194.597v2.738H5.912v-2.738h5.098Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Sim.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: "m17.954 4.91.004.005.11.117c-.005 4.249-.005 8.498-.005 12.745v3.177c-4.248.001-10.333.002-12.795 0V5.527l.001-3.18h.592c2.844 0 7.558.003 9.732-.009.78.878 1.582 1.738 2.361 2.574ZM4.234 23.28c-.843-.003-1.293-.41-1.293-1.174V5.526l.001-4.153C2.942.49 3.43.018 4.187.018h1.681c2.849.002 7.557.004 9.72-.008.706-.004 1.242.214 1.686.715.78.88 1.584 1.742 2.387 2.604l.273.293c.314.336.46.707.46 1.149-.004 4.272-.004 8.544-.004 12.816v4.524c0 .755-.457 1.17-1.3 1.17-5.05.002-13.97.003-14.856 0ZM14.576 9.029v3.491h1.734V9.91s.043-.873-.866-.873c-.353 0-.868-.008-.868-.008ZM6.728 12.52l-.006-2.48s-.011-1.01.981-1.01c.993 0 .734.004.734.004v3.486H6.728Zm1.74 4.364H6.73s-.01 2.227-.01 2.627c0 .4.303.864.874.864h.872v-3.491Zm5.236 0v3.49h-1.746v-3.49h1.746Zm-2.618 0H9.34v3.49h1.746v-3.49Zm.872-7.855h1.746v3.491h-1.746V9.03Zm-2.618 0v3.491h1.746V9.03H9.34Zm5.208 11.341v-4.36H6.722v-2.62h9.595l.002 2.013.003 4.101c0 .233-.192.869-.88.869-.686 0-.894-.005-.894-.005Z",
-    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: "m17.954 4.91.004.005.11.117c-.005 4.249-.005 8.498-.005 12.745v3.177c-4.248.001-10.333.002-12.795 0V5.527l.001-3.18h.592c2.844 0 7.558.003 9.732-.009.78.878 1.582 1.738 2.361 2.574ZM4.234 23.28c-.843-.003-1.293-.41-1.293-1.174V5.526l.001-4.153C2.942.49 3.43.018 4.187.018h1.681c2.849.002 7.557.004 9.72-.008.706-.004 1.242.214 1.686.715.78.88 1.584 1.742 2.387 2.604l.273.293c.314.336.46.707.46 1.149-.004 4.272-.004 8.544-.004 12.816v4.524c0 .755-.457 1.17-1.3 1.17-5.05.002-13.97.003-14.856 0ZM14.576 9.029v3.491h1.734V9.91s.043-.873-.866-.873c-.353 0-.868-.008-.868-.008ZM6.728 12.52l-.006-2.48s-.011-1.01.981-1.01c.993 0 .734.004.734.004v3.486H6.728Zm1.74 4.364H6.73s-.01 2.227-.01 2.627c0 .4.303.864.874.864h.872v-3.491Zm5.236 0v3.49h-1.746v-3.49h1.746Zm-2.618 0H9.34v3.49h1.746v-3.49Zm.872-7.855h1.746v3.491h-1.746V9.03Zm-2.618 0v3.491h1.746V9.03H9.34Zm5.208 11.341v-4.36H6.722v-2.62h9.595l.002 2.013.003 4.101c0 .233-.192.869-.88.869-.686 0-.894-.005-.894-.005Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SimFilled.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: "M4.907.008c-.72 0-1.18.487-1.18 1.397l-.001 4.283c-.001 2.099-.002 4.198-.001 6.298v10.8c0 .788.427 1.208 1.226 1.212.84.003 9.299.002 14.088 0 .799 0 1.232-.428 1.232-1.207v-4.47c0-4.47 0-8.941.004-13.412 0-.456-.14-.838-.436-1.184l-.259-.302c-.762-.89-1.524-1.779-2.264-2.686-.42-.516-.929-.741-1.598-.737C13.665.012 9.201.01 6.5.008H4.907Zm1.3 9.466.009 2.94h2.44V8.28s.37-.005-1.048-.005c-1.417 0-1.402 1.198-1.402 1.198Zm9.103-1.198v4.138h2.461l.004-.731v-.001c.004-.79.01-1.972.01-2.249v-.058c.003-.423.006-1.09-.939-1.09-.249 0-.498-.003-.75-.005-.258-.002-.519-.004-.786-.004Zm-9.091 8.827h2.48v4.138L7.16 21.23c-.227 0-.954-.022-.954-.894s.013-3.233.013-3.233Zm8.165 4.138v-4.138H12.42v4.138h1.964Zm-4.867-4.138h1.963v4.138H9.517v-4.138Zm4.867-8.827H12.42v4.138h1.964V8.276Zm-4.867 4.138V8.276h1.963v4.138H9.517Zm5.818 3.904v4.918s.074.005 1.283.005c1.209 0 1.175-.785 1.175-.785l-.006-6.939H6.207v2.801h9.128Z",
-    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: "M4.907.008c-.72 0-1.18.487-1.18 1.397l-.001 4.283c-.001 2.099-.002 4.198-.001 6.298v10.8c0 .788.427 1.208 1.226 1.212.84.003 9.299.002 14.088 0 .799 0 1.232-.428 1.232-1.207v-4.47c0-4.47 0-8.941.004-13.412 0-.456-.14-.838-.436-1.184l-.259-.302c-.762-.89-1.524-1.779-2.264-2.686-.42-.516-.929-.741-1.598-.737C13.665.012 9.201.01 6.5.008H4.907Zm1.3 9.466.009 2.94h2.44V8.28s.37-.005-1.048-.005c-1.417 0-1.402 1.198-1.402 1.198Zm9.103-1.198v4.138h2.461l.004-.731v-.001c.004-.79.01-1.972.01-2.249v-.058c.003-.423.006-1.09-.939-1.09-.249 0-.498-.003-.75-.005-.258-.002-.519-.004-.786-.004Zm-9.091 8.827h2.48v4.138L7.16 21.23c-.227 0-.954-.022-.954-.894s.013-3.233.013-3.233Zm8.165 4.138v-4.138H12.42v4.138h1.964Zm-4.867-4.138h1.963v4.138H9.517v-4.138Zm4.867-8.827H12.42v4.138h1.964V8.276Zm-4.867 4.138V8.276h1.963v4.138H9.517Zm5.818 3.904v4.918s.074.005 1.283.005c1.209 0 1.175-.785 1.175-.785l-.006-6.939H6.207v2.801h9.128Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};