@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/web/icons/Support.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: "M12 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 16.655a1.055 1.055 0 1 1 0 2.108 1.055 1.055 0 0 1 0-2.108Zm.001-12.51a3.665 3.665 0 0 1 3.655 3.466l.005.194v.79c0 .903-.325 1.756-.919 2.426l-.154.163-1.295 1.296a2.567 2.567 0 0 0-.752 1.627l-.008.206v.79a.534.534 0 0 1-1.059.086l-.007-.086v-.79c0-.903.325-1.755.918-2.424l.154-.164 1.295-1.295a2.577 2.577 0 0 0 .753-1.628l.008-.207v-.79a2.597 2.597 0 0 0-2.594-2.594 2.597 2.597 0 0 0-2.589 2.43l-.005.164v1.043a.533.533 0 0 1-1.06.087l-.007-.087V8.872a3.665 3.665 0 0 1 3.661-3.66Z",
-    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: "M12 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 16.655a1.055 1.055 0 1 1 0 2.108 1.055 1.055 0 0 1 0-2.108Zm.001-12.51a3.665 3.665 0 0 1 3.655 3.466l.005.194v.79c0 .903-.325 1.756-.919 2.426l-.154.163-1.295 1.296a2.567 2.567 0 0 0-.752 1.627l-.008.206v.79a.534.534 0 0 1-1.059.086l-.007-.086v-.79c0-.903.325-1.755.918-2.424l.154-.164 1.295-1.295a2.577 2.577 0 0 0 .753-1.628l.008-.207v-.79a2.597 2.597 0 0 0-2.594-2.594 2.597 2.597 0 0 0-2.589 2.43l-.005.164v1.043a.533.533 0 0 1-1.06.087l-.007-.087V8.872a3.665 3.665 0 0 1 3.661-3.66Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Support911.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: "M13.67 0c5.5.47 9.84 4.8 10.3 10.3l.02.01c.03.45-.13.88-.45 1.2l-.77.77c-.58.58-1.59.58-2.17 0l-1.49-1.49c-.48-.48-.59-1.21-.27-1.81l.83-1.55c-.45-1.6-1.7-2.86-3.3-3.31l-1.55.83c-.59.31-1.33.21-1.81-.27l-1.3-1.3a1.53 1.53 0 0 1-.45-1.08c0-.4.16-.79.45-1.08l.77-.77c.28-.29.68-.45 1.08-.45h.11Zm8.39 11.58.78-.78h.01c.11-.12.17-.28.16-.43-.42-5.03-4.38-8.98-9.41-9.41a.564.564 0 0 0-.43.16l-.78.78c-.1.11-.16.25-.16.4 0 .15.05.29.16.4l1.3 1.3c.17.18.44.22.66.1l1.72-.93c.1-.06.23-.08.36-.04 2.1.52 3.72 2.14 4.23 4.24.03.12.01.24-.05.35l-.93 1.72c-.12.22-.08.48.1.66l1.48 1.48c.11.1.24.16.4.16.16 0 .3-.06.4-.16Zm.35 2.43a.499.499 0 0 0-.58.4C20.93 19.3 16.65 23 11.5 23 5.7 23 1 18.3 1 12.5 1 7.35 4.7 3.07 9.59 2.17a.499.499 0 0 0-.18-.98C4.06 2.17 0 6.86 0 12.5 0 18.85 5.15 24 11.5 24c5.64 0 10.32-4.05 11.31-9.41a.499.499 0 0 0-.4-.58Zm-15.96.39c.09.489.488.798 1.025.8.827-.003 1.305-.643 1.345-2.08-.34.49-.88.76-1.54.76-1.21 0-2.01-.78-2.01-2.04s.88-2.12 2.19-2.12c.72 0 1.31.26 1.71.74.43.52.65 1.3.65 2.3 0 2.09-.83 3.27-2.35 3.27-1.13 0-1.91-.64-2-1.63h.98Zm1.03-1.34c-.7 0-1.17-.48-1.17-1.23s.43-1.25 1.16-1.25c.36 0 .65.13.87.35.21.22.33.54.33.92 0 .73-.49 1.22-1.19 1.22v-.01Zm5.73 2.81h-1.02v-4.25h-1.55v-.72h.34c.41 0 .73-.08.95-.27.19-.17.32-.41.38-.72l.02-.09h.88v6.05Zm3.86 0V9.82h-.88l-.02.09c-.06.31-.19.55-.38.72-.22.19-.54.27-.95.27h-.34v.72h1.55v4.25h1.02Z",
-    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: "M13.67 0c5.5.47 9.84 4.8 10.3 10.3l.02.01c.03.45-.13.88-.45 1.2l-.77.77c-.58.58-1.59.58-2.17 0l-1.49-1.49c-.48-.48-.59-1.21-.27-1.81l.83-1.55c-.45-1.6-1.7-2.86-3.3-3.31l-1.55.83c-.59.31-1.33.21-1.81-.27l-1.3-1.3a1.53 1.53 0 0 1-.45-1.08c0-.4.16-.79.45-1.08l.77-.77c.28-.29.68-.45 1.08-.45h.11Zm8.39 11.58.78-.78h.01c.11-.12.17-.28.16-.43-.42-5.03-4.38-8.98-9.41-9.41a.564.564 0 0 0-.43.16l-.78.78c-.1.11-.16.25-.16.4 0 .15.05.29.16.4l1.3 1.3c.17.18.44.22.66.1l1.72-.93c.1-.06.23-.08.36-.04 2.1.52 3.72 2.14 4.23 4.24.03.12.01.24-.05.35l-.93 1.72c-.12.22-.08.48.1.66l1.48 1.48c.11.1.24.16.4.16.16 0 .3-.06.4-.16Zm.35 2.43a.499.499 0 0 0-.58.4C20.93 19.3 16.65 23 11.5 23 5.7 23 1 18.3 1 12.5 1 7.35 4.7 3.07 9.59 2.17a.499.499 0 0 0-.18-.98C4.06 2.17 0 6.86 0 12.5 0 18.85 5.15 24 11.5 24c5.64 0 10.32-4.05 11.31-9.41a.499.499 0 0 0-.4-.58Zm-15.96.39c.09.489.488.798 1.025.8.827-.003 1.305-.643 1.345-2.08-.34.49-.88.76-1.54.76-1.21 0-2.01-.78-2.01-2.04s.88-2.12 2.19-2.12c.72 0 1.31.26 1.71.74.43.52.65 1.3.65 2.3 0 2.09-.83 3.27-2.35 3.27-1.13 0-1.91-.64-2-1.63h.98Zm1.03-1.34c-.7 0-1.17-.48-1.17-1.23s.43-1.25 1.16-1.25c.36 0 .65.13.87.35.21.22.33.54.33.92 0 .73-.49 1.22-1.19 1.22v-.01Zm5.73 2.81h-1.02v-4.25h-1.55v-.72h.34c.41 0 .73-.08.95-.27.19-.17.32-.41.38-.72l.02-.09h.88v6.05Zm3.86 0V9.82h-.88l-.02.09c-.06.31-.19.55-.38.72-.22.19-.54.27-.95.27h-.34v.72h1.55v4.25h1.02Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SupportBold.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: "M12 1c6.065 0 11 4.934 11 11 0 6.065-4.935 11-11 11-6.066 0-11-4.935-11-11C1 5.933 5.934 1 12 1Zm0 1.878c-5.03 0-9.122 4.093-9.122 9.122 0 5.03 4.093 9.122 9.121 9.122 5.03 0 9.123-4.092 9.123-9.123 0-5.028-4.093-9.12-9.123-9.12Zm0 12.58a1.17 1.17 0 1 1 0 2.34 1.17 1.17 0 0 1 0-2.34Zm-.044-9.005c.694 0 1.273.095 1.737.285.463.19.838.427 1.12.711.284.285.487.589.608.917.123.326.184.632.184.915 0 .47-.061.855-.184 1.158a2.81 2.81 0 0 1-.454.777 3.02 3.02 0 0 1-.6.55c-.22.151-.428.303-.624.454a2.922 2.922 0 0 0-.52.52 1.416 1.416 0 0 0-.256.563l-.03.17v.557h-1.978v-.66c.03-.42.11-.772.242-1.055.132-.283.286-.525.461-.726a3.7 3.7 0 0 1 .557-.52 8.24 8.24 0 0 0 .542-.44c.166-.147.302-.307.404-.483.102-.175.148-.395.14-.66 0-.449-.11-.78-.33-.996-.22-.215-.527-.323-.917-.323-.263 0-.49.051-.681.155-.19.102-.347.239-.469.41-.123.17-.213.37-.271.6a2.801 2.801 0 0 0-.082.546l-.005.195H8.394c.01-.529.1-1.011.273-1.451.17-.44.41-.82.717-1.144a3.223 3.223 0 0 1 1.114-.753 3.754 3.754 0 0 1 1.458-.272Z",
-    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: "M12 1c6.065 0 11 4.934 11 11 0 6.065-4.935 11-11 11-6.066 0-11-4.935-11-11C1 5.933 5.934 1 12 1Zm0 1.878c-5.03 0-9.122 4.093-9.122 9.122 0 5.03 4.093 9.122 9.121 9.122 5.03 0 9.123-4.092 9.123-9.123 0-5.028-4.093-9.12-9.123-9.12Zm0 12.58a1.17 1.17 0 1 1 0 2.34 1.17 1.17 0 0 1 0-2.34Zm-.044-9.005c.694 0 1.273.095 1.737.285.463.19.838.427 1.12.711.284.285.487.589.608.917.123.326.184.632.184.915 0 .47-.061.855-.184 1.158a2.81 2.81 0 0 1-.454.777 3.02 3.02 0 0 1-.6.55c-.22.151-.428.303-.624.454a2.922 2.922 0 0 0-.52.52 1.416 1.416 0 0 0-.256.563l-.03.17v.557h-1.978v-.66c.03-.42.11-.772.242-1.055.132-.283.286-.525.461-.726a3.7 3.7 0 0 1 .557-.52 8.24 8.24 0 0 0 .542-.44c.166-.147.302-.307.404-.483.102-.175.148-.395.14-.66 0-.449-.11-.78-.33-.996-.22-.215-.527-.323-.917-.323-.263 0-.49.051-.681.155-.19.102-.347.239-.469.41-.123.17-.213.37-.271.6a2.801 2.801 0 0 0-.082.546l-.005.195H8.394c.01-.529.1-1.011.273-1.451.17-.44.41-.82.717-1.144a3.223 3.223 0 0 1 1.114-.753 3.754 3.754 0 0 1 1.458-.272Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TV.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: "M22.5 2h-21C.673 2 0 2.673 0 3.5v14c0 .827.673 1.5 1.5 1.5H10v1.077l-5.582.93a.5.5 0 0 0 .164.986L10.54 21h2.919l5.958.993a.497.497 0 0 0 .575-.411.5.5 0 0 0-.411-.575L14 20.077V19h8.5c.827 0 1.5-.673 1.5-1.5v-14c0-.827-.673-1.5-1.5-1.5ZM13 20h-2v-1h2v1Zm10-2.5a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21a.5.5 0 0 1 .5.5v14Z",
-    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: "M22.5 2h-21C.673 2 0 2.673 0 3.5v14c0 .827.673 1.5 1.5 1.5H10v1.077l-5.582.93a.5.5 0 0 0 .164.986L10.54 21h2.919l5.958.993a.497.497 0 0 0 .575-.411.5.5 0 0 0-.411-.575L14 20.077V19h8.5c.827 0 1.5-.673 1.5-1.5v-14c0-.827-.673-1.5-1.5-1.5ZM13 20h-2v-1h2v1Zm10-2.5a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21a.5.5 0 0 1 .5.5v14Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TVChoiceAndFlexibility.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.5 24h-6c-.3 0-.5-.2-.5-.5 0-1.4 1.1-2.5 2.5-2.5h.8l-3.8-3.8c-.3-.3-.5-.7-.5-1.1 0-.4.2-.8.5-1.1.6-.6 1.6-.6 2.2 0l.9.9c.1-.2.2-.3.3-.5.3-.3.8-.5 1.3-.4.1-.3.2-.6.4-.8.4-.4 1.1-.6 1.6-.4.1-.2.2-.4.4-.6.6-.6 1.6-.6 2.2 0l1.5 1.6c1 1 1.6 2.4 1.6 3.9.1 2.9-2.3 5.3-5.4 5.3Zm-5.4-1h5.5c2.5 0 4.5-2 4.5-4.5 0-1.2-.5-2.3-1.3-3.1l-1.5-1.6c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.5-.5c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l.5.5c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.8-.8c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l1.3 1.2c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0L13 15.7c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l4.7 4.7c.1.1.2.4.1.5-.1.2-.3.3-.5.3h-2c-.7 0-1.2.4-1.4 1Zm-2.6 1h-8C1.1 24 0 22.9 0 21.5v-19C0 1.1 1.1 0 2.5 0h12C15.9 0 17 1.1 17 2.5v10c0 .3-.2.5-.5.5s-.5-.2-.5-.5v-10c0-.8-.7-1.5-1.5-1.5h-12C1.7 1 1 1.7 1 2.5v19c0 .8.7 1.5 1.5 1.5h8c.3 0 .5.2.5.5s-.2.5-.5.5Zm1-4H.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h11c.3 0 .5.2.5.5s-.2.5-.5.5Zm-2 2h-2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h2c.3 0 .5.2.5.5s-.2.5-.5.5Zm-3-12H4c-.85 0-1.5-.65-1.5-1.5V6c0-.85.65-1.5 1.5-1.5h2.5C7.35 4.5 8 5.15 8 6v2.5c0 .85-.65 1.5-1.5 1.5ZM4 5.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5H4Zm9 4.5h-2.5C9.65 10 9 9.35 9 8.5V6c0-.85.65-1.5 1.5-1.5H13c.85 0 1.5.65 1.5 1.5v2.5c0 .85-.65 1.5-1.5 1.5Zm-2.5-4.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5H13c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5h-2.5Zm-4 11H4c-.85 0-1.5-.65-1.5-1.5v-2.5c0-.85.65-1.5 1.5-1.5h2.5c.85 0 1.5.65 1.5 1.5V15c0 .85-.65 1.5-1.5 1.5ZM4 12c-.3 0-.5.2-.5.5V15c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5v-2.5c0-.3-.2-.5-.5-.5H4Zm9.5-1c.55 0 1 .45 1 1v2.6c-.45-.65-1.2-1.1-2-1.1-1.4 0-2.5 1.25-2.5 2.75v.25c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h3.5ZM3 2.5c0 .65-1 .65-1 0s1-.65 1 0Z",
-    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.5 24h-6c-.3 0-.5-.2-.5-.5 0-1.4 1.1-2.5 2.5-2.5h.8l-3.8-3.8c-.3-.3-.5-.7-.5-1.1 0-.4.2-.8.5-1.1.6-.6 1.6-.6 2.2 0l.9.9c.1-.2.2-.3.3-.5.3-.3.8-.5 1.3-.4.1-.3.2-.6.4-.8.4-.4 1.1-.6 1.6-.4.1-.2.2-.4.4-.6.6-.6 1.6-.6 2.2 0l1.5 1.6c1 1 1.6 2.4 1.6 3.9.1 2.9-2.3 5.3-5.4 5.3Zm-5.4-1h5.5c2.5 0 4.5-2 4.5-4.5 0-1.2-.5-2.3-1.3-3.1l-1.5-1.6c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.5-.5c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l.5.5c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.8-.8c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l1.3 1.2c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0L13 15.7c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l4.7 4.7c.1.1.2.4.1.5-.1.2-.3.3-.5.3h-2c-.7 0-1.2.4-1.4 1Zm-2.6 1h-8C1.1 24 0 22.9 0 21.5v-19C0 1.1 1.1 0 2.5 0h12C15.9 0 17 1.1 17 2.5v10c0 .3-.2.5-.5.5s-.5-.2-.5-.5v-10c0-.8-.7-1.5-1.5-1.5h-12C1.7 1 1 1.7 1 2.5v19c0 .8.7 1.5 1.5 1.5h8c.3 0 .5.2.5.5s-.2.5-.5.5Zm1-4H.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h11c.3 0 .5.2.5.5s-.2.5-.5.5Zm-2 2h-2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h2c.3 0 .5.2.5.5s-.2.5-.5.5Zm-3-12H4c-.85 0-1.5-.65-1.5-1.5V6c0-.85.65-1.5 1.5-1.5h2.5C7.35 4.5 8 5.15 8 6v2.5c0 .85-.65 1.5-1.5 1.5ZM4 5.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5H4Zm9 4.5h-2.5C9.65 10 9 9.35 9 8.5V6c0-.85.65-1.5 1.5-1.5H13c.85 0 1.5.65 1.5 1.5v2.5c0 .85-.65 1.5-1.5 1.5Zm-2.5-4.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5H13c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5h-2.5Zm-4 11H4c-.85 0-1.5-.65-1.5-1.5v-2.5c0-.85.65-1.5 1.5-1.5h2.5c.85 0 1.5.65 1.5 1.5V15c0 .85-.65 1.5-1.5 1.5ZM4 12c-.3 0-.5.2-.5.5V15c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5v-2.5c0-.3-.2-.5-.5-.5H4Zm9.5-1c.55 0 1 .45 1 1v2.6c-.45-.65-1.2-1.1-2-1.1-1.4 0-2.5 1.25-2.5 2.75v.25c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h3.5ZM3 2.5c0 .65-1 .65-1 0s1-.65 1 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TVEntertainment.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: "M5 4.5h14.015c.242 0 .438.196.438.438v7.883a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438V4.938c0-.242.197-.438.438-.438Zm.438 7.883h13.14V5.376H5.437v7.007h.001Zm-5-7.531h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.964v4.38h.526a.438.438 0 1 1 0 .876H.876a.438.438 0 1 1 0-.876H1.4v-4.38H.438A.438.438 0 0 1 0 13.698V5.29c0-.242.196-.438.438-.438Zm.438 8.408h1.927V5.727H.876v7.533Zm1.175-.82a.539.539 0 0 0 .016-1.014.539.539 0 0 0-.427.017.54.54 0 0 0 .41.998l.001-.001Zm.293-5.61a.54.54 0 1 1-.983.447.54.54 0 0 1 .983-.447ZM2.05 9.995a.54.54 0 1 0-.68-.704.54.54 0 0 0 .68.704Zm18.707-5.143h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.963v4.38h.525a.438.438 0 1 1 0 .876h-1.927a.438.438 0 1 1 0-.876h.526v-4.38h-.964a.438.438 0 0 1-.438-.438V5.29c0-.242.197-.438.438-.438Zm.438 8.408h1.927V5.727h-1.927v7.533Zm.969-.775a.54.54 0 1 0-.001-1.08.54.54 0 0 0 .001 1.08Zm.54-5.445a.54.54 0 1 1-1.08 0 .54.54 0 0 1 1.08 0Zm-.54 2.992a.54.54 0 1 0 0-1.08.54.54 0 0 0 0 1.08ZM5 15.016h14.015c.242 0 .438.196.438.438v3.503a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438v-3.503c0-.242.197-.438.438-.438Zm9.373 2.627h-4.73v.876h4.73v-.876Zm-4.73-.876h4.73v-.875h-4.73v.875Zm-.876-.875H5.438v2.627h3.329v-2.627Zm6.482 2.627h3.328v-2.627H15.25v2.627h-.001Z",
-    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: "M5 4.5h14.015c.242 0 .438.196.438.438v7.883a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438V4.938c0-.242.197-.438.438-.438Zm.438 7.883h13.14V5.376H5.437v7.007h.001Zm-5-7.531h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.964v4.38h.526a.438.438 0 1 1 0 .876H.876a.438.438 0 1 1 0-.876H1.4v-4.38H.438A.438.438 0 0 1 0 13.698V5.29c0-.242.196-.438.438-.438Zm.438 8.408h1.927V5.727H.876v7.533Zm1.175-.82a.539.539 0 0 0 .016-1.014.539.539 0 0 0-.427.017.54.54 0 0 0 .41.998l.001-.001Zm.293-5.61a.54.54 0 1 1-.983.447.54.54 0 0 1 .983-.447ZM2.05 9.995a.54.54 0 1 0-.68-.704.54.54 0 0 0 .68.704Zm18.707-5.143h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.963v4.38h.525a.438.438 0 1 1 0 .876h-1.927a.438.438 0 1 1 0-.876h.526v-4.38h-.964a.438.438 0 0 1-.438-.438V5.29c0-.242.197-.438.438-.438Zm.438 8.408h1.927V5.727h-1.927v7.533Zm.969-.775a.54.54 0 1 0-.001-1.08.54.54 0 0 0 .001 1.08Zm.54-5.445a.54.54 0 1 1-1.08 0 .54.54 0 0 1 1.08 0Zm-.54 2.992a.54.54 0 1 0 0-1.08.54.54 0 0 0 0 1.08ZM5 15.016h14.015c.242 0 .438.196.438.438v3.503a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438v-3.503c0-.242.197-.438.438-.438Zm9.373 2.627h-4.73v.876h4.73v-.876Zm-4.73-.876h4.73v-.875h-4.73v.875Zm-.876-.875H5.438v2.627h3.329v-2.627Zm6.482 2.627h3.328v-2.627H15.25v2.627h-.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tablet.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: "M12 20.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM18.5 2h-13a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5ZM18 19H6V3h12v16Zm.5-19h-13A2.503 2.503 0 0 0 3 2.5v19C3 22.878 4.122 24 5.5 24h13c1.378 0 2.5-1.122 2.5-2.5v-19C21 1.122 19.878 0 18.5 0ZM20 21.5c0 .827-.673 1.5-1.5 1.5h-13c-.827 0-1.5-.673-1.5-1.5v-19C4 1.673 4.673 1 5.5 1h13c.827 0 1.5.673 1.5 1.5v19Z",
-    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: "M12 20.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM18.5 2h-13a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5ZM18 19H6V3h12v16Zm.5-19h-13A2.503 2.503 0 0 0 3 2.5v19C3 22.878 4.122 24 5.5 24h13c1.378 0 2.5-1.122 2.5-2.5v-19C21 1.122 19.878 0 18.5 0ZM20 21.5c0 .827-.673 1.5-1.5 1.5h-13c-.827 0-1.5-.673-1.5-1.5v-19C4 1.673 4.673 1 5.5 1h13c.827 0 1.5.673 1.5 1.5v19Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tag.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: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012Zm-.002 1.003h-8.007c-.39 0-.768.16-1.039.438l-.07.07-.027.032-10.92 10.914a1.442 1.442 0 0 0-.429 1.042c0 .352.12.68.338.942l.1.108 8.002 8.005c.242.248.563.401.9.436l.145.007c.32-.007.683-.123.952-.34l.11-.099 11.003-11.003c.251-.245.402-.561.436-.906l.007-.149V2.503A1.511 1.511 0 0 0 21.64 1.01l-.144-.007Zm-4.232 2.78a2.088 2.088 0 1 1 2.952 2.953 2.088 2.088 0 0 1-2.952-2.953Zm1.476.392a1.085 1.085 0 1 0 .003 2.169 1.085 1.085 0 0 0-.003-2.17Z",
-    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: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012Zm-.002 1.003h-8.007c-.39 0-.768.16-1.039.438l-.07.07-.027.032-10.92 10.914a1.442 1.442 0 0 0-.429 1.042c0 .352.12.68.338.942l.1.108 8.002 8.005c.242.248.563.401.9.436l.145.007c.32-.007.683-.123.952-.34l.11-.099 11.003-11.003c.251-.245.402-.561.436-.906l.007-.149V2.503A1.511 1.511 0 0 0 21.64 1.01l-.144-.007Zm-4.232 2.78a2.088 2.088 0 1 1 2.952 2.953 2.088 2.088 0 0 1-2.952-2.953Zm1.476.392a1.085 1.085 0 1 0 .003 2.169 1.085 1.085 0 0 0-.003-2.17Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Target.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: "M11 2.5c2.064 0 4.065.603 5.788 1.743a.501.501 0 0 1-.552.834A9.463 9.463 0 0 0 11 3.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5a9.455 9.455 0 0 0-1.577-5.236.5.5 0 0 1 .834-.552A10.448 10.448 0 0 1 21.5 13c0 5.79-4.71 10.5-10.5 10.5S.5 18.79.5 13 5.21 2.5 11 2.5Zm0 4c.97 0 1.911.215 2.797.639a.5.5 0 0 1-.432.902A5.439 5.439 0 0 0 11 7.5 5.506 5.506 0 0 0 5.5 13c0 3.033 2.468 5.5 5.5 5.5s5.5-2.467 5.5-5.5c0-.819-.183-1.615-.542-2.366a.5.5 0 0 1 .902-.432c.425.887.64 1.828.64 2.798 0 3.584-2.916 6.5-6.5 6.5A6.508 6.508 0 0 1 4.5 13c0-3.584 2.916-6.5 6.5-6.5ZM21.191.539a.5.5 0 0 1 .31.462v1.5H23a.5.5 0 0 1 .353.854l-2 2A.499.499 0 0 1 21 5.5h-1.793l-6.121 6.122c.261.395.414.869.414 1.377 0 1.378-1.121 2.5-2.5 2.5A2.503 2.503 0 0 1 8.5 13c0-1.378 1.121-2.5 2.5-2.5.51 0 .984.153 1.38.416l6.12-6.122V3c0-.133.053-.26.146-.354l2-2a.498.498 0 0 1 .545-.108ZM11 11.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5a1.502 1.502 0 0 0 1.354-2.145l-1 1a.498.498 0 0 1-.708 0 .5.5 0 0 1 0-.707l1.001-1.001A1.492 1.492 0 0 0 11 11.5Zm9.5-9.292-1 1V4.5h1.293l1-1H21a.5.5 0 0 1-.5-.5v-.793Z",
-    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: "M11 2.5c2.064 0 4.065.603 5.788 1.743a.501.501 0 0 1-.552.834A9.463 9.463 0 0 0 11 3.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5a9.455 9.455 0 0 0-1.577-5.236.5.5 0 0 1 .834-.552A10.448 10.448 0 0 1 21.5 13c0 5.79-4.71 10.5-10.5 10.5S.5 18.79.5 13 5.21 2.5 11 2.5Zm0 4c.97 0 1.911.215 2.797.639a.5.5 0 0 1-.432.902A5.439 5.439 0 0 0 11 7.5 5.506 5.506 0 0 0 5.5 13c0 3.033 2.468 5.5 5.5 5.5s5.5-2.467 5.5-5.5c0-.819-.183-1.615-.542-2.366a.5.5 0 0 1 .902-.432c.425.887.64 1.828.64 2.798 0 3.584-2.916 6.5-6.5 6.5A6.508 6.508 0 0 1 4.5 13c0-3.584 2.916-6.5 6.5-6.5ZM21.191.539a.5.5 0 0 1 .31.462v1.5H23a.5.5 0 0 1 .353.854l-2 2A.499.499 0 0 1 21 5.5h-1.793l-6.121 6.122c.261.395.414.869.414 1.377 0 1.378-1.121 2.5-2.5 2.5A2.503 2.503 0 0 1 8.5 13c0-1.378 1.121-2.5 2.5-2.5.51 0 .984.153 1.38.416l6.12-6.122V3c0-.133.053-.26.146-.354l2-2a.498.498 0 0 1 .545-.108ZM11 11.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5a1.502 1.502 0 0 0 1.354-2.145l-1 1a.498.498 0 0 1-.708 0 .5.5 0 0 1 0-.707l1.001-1.001A1.492 1.492 0 0 0 11 11.5Zm9.5-9.292-1 1V4.5h1.293l1-1H21a.5.5 0 0 1-.5-.5v-.793Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tasks.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: "M12 0a1.71 1.71 0 0 1 1.345.662l.091.129h1.334c.905 0 1.704.586 1.992 1.425l.048.16h2.524a1.5 1.5 0 0 1 1.492 1.356l.007.144v18.623c0 .778-.595 1.421-1.355 1.494l-.144.007H4.666c-.778 0-1.42-.597-1.492-1.357l-.007-.144V3.876c0-.778.595-1.42 1.355-1.493l.144-.007h2.523A2.117 2.117 0 0 1 9.061.798L9.229.79h1.334A1.71 1.71 0 0 1 12 0ZM7.125 3.417H4.666a.458.458 0 0 0-.45.377l-.007.082v18.623a.46.46 0 0 0 .375.452l.082.007h14.668a.46.46 0 0 0 .45-.377l.008-.082V3.876a.46.46 0 0 0-.376-.452l-.082-.007h-2.459v.27a.522.522 0 0 1-.428.513l-.093.008H7.646a.521.521 0 0 1-.513-.428l-.008-.093v-.27ZM6.062 18.208c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312ZM13.98 19a.521.521 0 0 1 .093 1.033l-.093.008H9.23a.522.522 0 0 1-.093-1.033L9.229 19h4.75Zm-7.917.249a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-4.999c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312Zm12.667.791a.521.521 0 0 1 .093 1.033l-.093.008h-9.5a.521.521 0 0 1-.093-1.032l.093-.009h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-5a1.313 1.313 0 1 1-1.313 1.312c0-.723.59-1.312 1.313-1.312Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.522.522 0 0 1-.093-1.033l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .15.121.271.27.271a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271Zm0-4.999A1.313 1.313 0 1 1 4.75 7.646c0-.723.59-1.311 1.313-1.311Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.521.521 0 0 1-.093-1.034l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.272c0 .149.121.27.27.27a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271ZM12 1.042a.664.664 0 0 0-.582.35l-.042.095a.524.524 0 0 1-.399.339l-.092.008H9.229c-.547 0-.998.416-1.056.947l-.006.116v.27h7.666v-.27c0-.547-.415-.999-.947-1.057l-.116-.006h-1.655a.522.522 0 0 1-.452-.262l-.039-.085A.667.667 0 0 0 12 1.041Z",
-    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: "M12 0a1.71 1.71 0 0 1 1.345.662l.091.129h1.334c.905 0 1.704.586 1.992 1.425l.048.16h2.524a1.5 1.5 0 0 1 1.492 1.356l.007.144v18.623c0 .778-.595 1.421-1.355 1.494l-.144.007H4.666c-.778 0-1.42-.597-1.492-1.357l-.007-.144V3.876c0-.778.595-1.42 1.355-1.493l.144-.007h2.523A2.117 2.117 0 0 1 9.061.798L9.229.79h1.334A1.71 1.71 0 0 1 12 0ZM7.125 3.417H4.666a.458.458 0 0 0-.45.377l-.007.082v18.623a.46.46 0 0 0 .375.452l.082.007h14.668a.46.46 0 0 0 .45-.377l.008-.082V3.876a.46.46 0 0 0-.376-.452l-.082-.007h-2.459v.27a.522.522 0 0 1-.428.513l-.093.008H7.646a.521.521 0 0 1-.513-.428l-.008-.093v-.27ZM6.062 18.208c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312ZM13.98 19a.521.521 0 0 1 .093 1.033l-.093.008H9.23a.522.522 0 0 1-.093-1.033L9.229 19h4.75Zm-7.917.249a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-4.999c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312Zm12.667.791a.521.521 0 0 1 .093 1.033l-.093.008h-9.5a.521.521 0 0 1-.093-1.032l.093-.009h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-5a1.313 1.313 0 1 1-1.313 1.312c0-.723.59-1.312 1.313-1.312Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.522.522 0 0 1-.093-1.033l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .15.121.271.27.271a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271Zm0-4.999A1.313 1.313 0 1 1 4.75 7.646c0-.723.59-1.311 1.313-1.311Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.521.521 0 0 1-.093-1.034l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.272c0 .149.121.27.27.27a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271ZM12 1.042a.664.664 0 0 0-.582.35l-.042.095a.524.524 0 0 1-.399.339l-.092.008H9.229c-.547 0-.998.416-1.056.947l-.006.116v.27h7.666v-.27c0-.547-.415-.999-.947-1.057l-.116-.006h-1.655a.522.522 0 0 1-.452-.262l-.039-.085A.667.667 0 0 0 12 1.041Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};