@telus-uds/palettes-community.palette-casa 4.1.4 → 4.1.5

package/build/web/icons/Subtract.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.906 10.956-7.78-.206s-7.206.246-7.686.246c-.48 0-1.44.195-1.44.986 0 .791 1.334.791 1.334.791l.233.01a334.359 334.359 0 0 0 2.734.104c1.636.056 3.584.113 4.82.113 1.448 0 3.396-.056 4.98-.112a316.706 316.706 0 0 0 2.59-.103l.216-.01c.226-.01.492-.022.7-.118a.649.649 0 0 0 .29-.255.803.803 0 0 0 .103-.42c0-.545-.513-1.01-1.094-1.026Z",
-    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.906 10.956-7.78-.206s-7.206.246-7.686.246c-.48 0-1.44.195-1.44.986 0 .791 1.334.791 1.334.791l.233.01a334.359 334.359 0 0 0 2.734.104c1.636.056 3.584.113 4.82.113 1.448 0 3.396-.056 4.98-.112a316.706 316.706 0 0 0 2.59-.103l.216-.01c.226-.01.492-.022.7-.118a.649.649 0 0 0 .29-.255.803.803 0 0 0 .103-.42c0-.545-.513-1.01-1.094-1.026Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Success.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 24C5.384 24 0 18.616 0 12S5.384 0 12 0s12 5.384 12 12-5.384 12-12 12Zm0-22.956C5.959 1.044 1.044 5.959 1.044 12c0 6.041 4.915 10.956 10.956 10.956 6.041 0 10.956-4.915 10.956-10.956 0-6.041-4.915-10.956-10.956-10.956Zm-1.566 16.174a.523.523 0 0 1-.368-.153l-5.218-5.218a.523.523 0 0 1 .737-.737l4.85 4.848 7.978-7.978a.522.522 0 0 1 .738.737l-8.348 8.348a.52.52 0 0 1-.369.153Z",
-    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 24C5.384 24 0 18.616 0 12S5.384 0 12 0s12 5.384 12 12-5.384 12-12 12Zm0-22.956C5.959 1.044 1.044 5.959 1.044 12c0 6.041 4.915 10.956 10.956 10.956 6.041 0 10.956-4.915 10.956-10.956 0-6.041-4.915-10.956-10.956-10.956Zm-1.566 16.174a.523.523 0 0 1-.368-.153l-5.218-5.218a.523.523 0 0 1 .737-.737l4.85 4.848 7.978-7.978a.522.522 0 0 1 .738.737l-8.348 8.348a.52.52 0 0 1-.369.153Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Suitcase.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.827 0 1.5.673 1.5 1.5V5h4.5C22.43 5 24 6.57 24 8.5v10c0 1.93-1.57 3.5-3.5 3.5h-17C1.57 22 0 20.43 0 18.5v-10C0 6.57 1.57 5 3.5 5H8V3.5C8 2.673 8.673 2 9.5 2h5ZM4 6h-.5A2.502 2.502 0 0 0 1 8.5v10C1 19.879 2.121 21 3.5 21H4V6Zm2 0H5v15h1V6Zm11 0H7v15h10V6Zm2 0h-1v15h1V6Zm1.5 0H20v15h.5c1.379 0 2.5-1.121 2.5-2.5v-10C23 7.121 21.879 6 20.5 6Zm-6-3h-5c-.275 0-.5.225-.5.5V5h6V3.5c0-.275-.225-.5-.5-.5Z",
-    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.827 0 1.5.673 1.5 1.5V5h4.5C22.43 5 24 6.57 24 8.5v10c0 1.93-1.57 3.5-3.5 3.5h-17C1.57 22 0 20.43 0 18.5v-10C0 6.57 1.57 5 3.5 5H8V3.5C8 2.673 8.673 2 9.5 2h5ZM4 6h-.5A2.502 2.502 0 0 0 1 8.5v10C1 19.879 2.121 21 3.5 21H4V6Zm2 0H5v15h1V6Zm11 0H7v15h10V6Zm2 0h-1v15h1V6Zm1.5 0H20v15h.5c1.379 0 2.5-1.121 2.5-2.5v-10C23 7.121 21.879 6 20.5 6Zm-6-3h-5c-.275 0-.5.225-.5.5V5h6V3.5c0-.275-.225-.5-.5-.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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;
+};