@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/web/icons/Phone.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.509 1.51a.48.48 0 0 1 0 .96h-1.033a.48.48 0 1 1 0-.96h1.033Zm6.177 1.51v-.554A1.49 1.49 0 0 0 17.181.96H6.82a1.49 1.49 0 0 0-1.507 1.506v.553h13.372ZM5.314 20.258h13.372V3.979H5.314v16.28Zm13.372 1.275v-.315H5.314v.315A1.49 1.49 0 0 0 6.82 23.04h10.281c.874 0 1.585-.676 1.585-1.506ZM17.181 0a2.44 2.44 0 0 1 2.465 2.466v19.068c0 1.36-1.142 2.466-2.545 2.466H6.821a2.44 2.44 0 0 1-2.467-2.466V2.466A2.44 2.44 0 0 1 6.82 0h10.36Z",
-    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.509 1.51a.48.48 0 0 1 0 .96h-1.033a.48.48 0 1 1 0-.96h1.033Zm6.177 1.51v-.554A1.49 1.49 0 0 0 17.181.96H6.82a1.49 1.49 0 0 0-1.507 1.506v.553h13.372ZM5.314 20.258h13.372V3.979H5.314v16.28Zm13.372 1.275v-.315H5.314v.315A1.49 1.49 0 0 0 6.82 23.04h10.281c.874 0 1.585-.676 1.585-1.506ZM17.181 0a2.44 2.44 0 0 1 2.465 2.466v19.068c0 1.36-1.142 2.466-2.545 2.466H6.821a2.44 2.44 0 0 1-2.467-2.466V2.466A2.44 2.44 0 0 1 6.82 0h10.36Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PhoneBusiness.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: "M16.5 13h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm-5-2h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm12-13H8.908A1.496 1.496 0 0 0 8 3.092V.5a.5.5 0 0 0-1 0V3H4.5c-.651 0-1.201.419-1.408 1H.5a.5.5 0 0 0-.5.5v18a.5.5 0 0 0 .5.5h2.592c.207.581.757 1 1.408 1h3c.651 0 1.201-.419 1.408-1H23.5a.5.5 0 0 0 .5-.5v-18a.5.5 0 0 0-.5-.5ZM3.158 19.066a1.513 1.513 0 0 0-.158.67V22H1V5h2v2.264c0 .232.055.464.158.671l.789 1.578A.508.508 0 0 1 4 9.736v7.528a.516.516 0 0 1-.053.224l-.789 1.578ZM8 22.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-2.764c0-.077.019-.154.053-.224l.789-1.578c.103-.207.158-.439.158-.67V9.736c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 4 7.264V4.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v2.764a.516.516 0 0 1-.053.224l-.789 1.578a1.513 1.513 0 0 0-.158.67v7.528c0 .232.055.464.158.671l.789 1.578a.508.508 0 0 1 .053.223V22.5Zm15-.5H9v-2.264c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 8 17.264V9.736c0-.077.019-.154.053-.223l.789-1.579c.103-.207.158-.439.158-.67V5h14v17ZM11.5 11h9a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5Zm.5-3h8v2h-8V8Zm-.5 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm0 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm9-4h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0-3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 6h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Z",
-    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: "M16.5 13h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm-5-2h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm12-13H8.908A1.496 1.496 0 0 0 8 3.092V.5a.5.5 0 0 0-1 0V3H4.5c-.651 0-1.201.419-1.408 1H.5a.5.5 0 0 0-.5.5v18a.5.5 0 0 0 .5.5h2.592c.207.581.757 1 1.408 1h3c.651 0 1.201-.419 1.408-1H23.5a.5.5 0 0 0 .5-.5v-18a.5.5 0 0 0-.5-.5ZM3.158 19.066a1.513 1.513 0 0 0-.158.67V22H1V5h2v2.264c0 .232.055.464.158.671l.789 1.578A.508.508 0 0 1 4 9.736v7.528a.516.516 0 0 1-.053.224l-.789 1.578ZM8 22.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-2.764c0-.077.019-.154.053-.224l.789-1.578c.103-.207.158-.439.158-.67V9.736c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 4 7.264V4.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v2.764a.516.516 0 0 1-.053.224l-.789 1.578a1.513 1.513 0 0 0-.158.67v7.528c0 .232.055.464.158.671l.789 1.578a.508.508 0 0 1 .053.223V22.5Zm15-.5H9v-2.264c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 8 17.264V9.736c0-.077.019-.154.053-.223l.789-1.579c.103-.207.158-.439.158-.67V5h14v17ZM11.5 11h9a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5Zm.5-3h8v2h-8V8Zm-.5 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm0 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm9-4h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0-3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 6h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PhoneHome.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: "M15.5 0c.827 0 1.5.673 1.5 1.5l.001.82c.036.157.006.392 0 .742L17 15.344c.255-.19.556-.307.874-.335.498-.045 1.955.123 2.307.475l1.087 2.084c.472.471.732 1.097.732 1.765v2.17A2.501 2.501 0 0 1 19.5 24h-15A2.5 2.5 0 0 1 2 21.503v-2.17c0-.725.308-1.342 1.029-2.063l.793-1.79c.352-.35 1.819-.518 2.303-.473.318.029.62.147.875.336V4.262A2.27 2.27 0 0 1 9.273 2L14 1.999V1.5c0-.827.673-1.5 1.5-1.5Zm2.466 16.002a.776.776 0 0 0-.564.346 4.012 4.012 0 0 1-.402.499v1.891A2.27 2.27 0 0 1 14.727 21H9.273A2.27 2.27 0 0 1 7 18.738v-1.892a4 4 0 0 1-.401-.497.785.785 0 0 0-.565-.348l-.167.003c-.382.01-1.212.057-1.337.183l-.794 1.79c-.6.6-.72.977-.734 1.286L3 21.503A1.5 1.5 0 0 0 4.5 23h15a1.5 1.5 0 0 0 1.5-1.498v-2.17c0-.395-.16-.78-.439-1.06l-1.087-2.084c-.177-.177-1.378-.2-1.508-.187ZM14.49 3H9.333A1.34 1.34 0 0 0 8 4.342v14.316C8 19.398 8.598 20 9.333 20h5.334A1.34 1.34 0 0 0 16 18.658l-.002-14.815c-.005-.525-.032-.753-.158-.843h-1.35ZM14 16a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm.5-7a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h5ZM14 6h-4v3h4V6Zm1.5-5a.5.5 0 0 0-.5.5V2h1v-.5a.5.5 0 0 0-.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: "M15.5 0c.827 0 1.5.673 1.5 1.5l.001.82c.036.157.006.392 0 .742L17 15.344c.255-.19.556-.307.874-.335.498-.045 1.955.123 2.307.475l1.087 2.084c.472.471.732 1.097.732 1.765v2.17A2.501 2.501 0 0 1 19.5 24h-15A2.5 2.5 0 0 1 2 21.503v-2.17c0-.725.308-1.342 1.029-2.063l.793-1.79c.352-.35 1.819-.518 2.303-.473.318.029.62.147.875.336V4.262A2.27 2.27 0 0 1 9.273 2L14 1.999V1.5c0-.827.673-1.5 1.5-1.5Zm2.466 16.002a.776.776 0 0 0-.564.346 4.012 4.012 0 0 1-.402.499v1.891A2.27 2.27 0 0 1 14.727 21H9.273A2.27 2.27 0 0 1 7 18.738v-1.892a4 4 0 0 1-.401-.497.785.785 0 0 0-.565-.348l-.167.003c-.382.01-1.212.057-1.337.183l-.794 1.79c-.6.6-.72.977-.734 1.286L3 21.503A1.5 1.5 0 0 0 4.5 23h15a1.5 1.5 0 0 0 1.5-1.498v-2.17c0-.395-.16-.78-.439-1.06l-1.087-2.084c-.177-.177-1.378-.2-1.508-.187ZM14.49 3H9.333A1.34 1.34 0 0 0 8 4.342v14.316C8 19.398 8.598 20 9.333 20h5.334A1.34 1.34 0 0 0 16 18.658l-.002-14.815c-.005-.525-.032-.753-.158-.843h-1.35ZM14 16a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm.5-7a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h5ZM14 6h-4v3h4V6Zm1.5-5a.5.5 0 0 0-.5.5V2h1v-.5a.5.5 0 0 0-.5-.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PhoneReception.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.134 2h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1Zm3.005 0h-.01a.496.496 0 0 0-.495.5c0 .276.23.5.505.5a.5.5 0 0 0 0-1Zm-3.505 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6.5-5.5a.5.5 0 0 0-.5.5v1h-13V5h13v1a.5.5 0 0 0 1 0V3.5c0-1.93-1.57-3.5-3.5-3.5h-8c-1.93 0-3.5 1.57-3.5 3.5v17c0 1.93 1.57 3.5 3.5 3.5h8c1.93 0 3.5-1.57 3.5-3.5V17a.5.5 0 0 0-.5-.5Zm-13.5-13c0-1.378 1.121-2.5 2.5-2.5h8c1.38 0 2.5 1.122 2.5 2.5V4h-13v-.5Zm13.115 17c0 1.378-1.12 2.5-2.5 2.5h-8a2.503 2.503 0 0 1-2.5-2.5V19h13v1.5ZM11.334 16h-2.4c-.165 0-.3-.1-.3-.222v-3.556c0-.122.135-.222.3-.222h2.4c.166 0 .3.1.3.222v3.556c0 .122-.134.222-.3.222Zm-1.657-.95 1.003-.042-.021-2.054-1.003.041.021 2.054Zm5.657.95h-2.4c-.165 0-.3-.096-.3-.214v-5.572c0-.118.135-.214.3-.214h2.4c.166 0 .3.096.3.214v5.572c0 .118-.134.214-.3.214Zm-1.676-1.02.976.01-.006-4.027-1.001-.001.031 4.017ZM19.334 16h-2.4c-.165 0-.3-.094-.3-.21V8.21c0-.116.135-.21.3-.21h2.4c.166 0 .3.094.3.21v7.58c0 .116-.134.21-.3.21Zm-1.715-1.02 1.054.056-.084-6.033-.904-.062-.066 6.039ZM23.334 16h-2.4c-.165 0-.3-.093-.3-.208V6.208c0-.115.135-.208.3-.208h2.4c.166 0 .3.093.3.208v9.584c0 .115-.134.208-.3.208Zm-1.725-1.038.984.077.026-7.993-.984-.077-.026 7.993Z",
-    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.134 2h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1Zm3.005 0h-.01a.496.496 0 0 0-.495.5c0 .276.23.5.505.5a.5.5 0 0 0 0-1Zm-3.505 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6.5-5.5a.5.5 0 0 0-.5.5v1h-13V5h13v1a.5.5 0 0 0 1 0V3.5c0-1.93-1.57-3.5-3.5-3.5h-8c-1.93 0-3.5 1.57-3.5 3.5v17c0 1.93 1.57 3.5 3.5 3.5h8c1.93 0 3.5-1.57 3.5-3.5V17a.5.5 0 0 0-.5-.5Zm-13.5-13c0-1.378 1.121-2.5 2.5-2.5h8c1.38 0 2.5 1.122 2.5 2.5V4h-13v-.5Zm13.115 17c0 1.378-1.12 2.5-2.5 2.5h-8a2.503 2.503 0 0 1-2.5-2.5V19h13v1.5ZM11.334 16h-2.4c-.165 0-.3-.1-.3-.222v-3.556c0-.122.135-.222.3-.222h2.4c.166 0 .3.1.3.222v3.556c0 .122-.134.222-.3.222Zm-1.657-.95 1.003-.042-.021-2.054-1.003.041.021 2.054Zm5.657.95h-2.4c-.165 0-.3-.096-.3-.214v-5.572c0-.118.135-.214.3-.214h2.4c.166 0 .3.096.3.214v5.572c0 .118-.134.214-.3.214Zm-1.676-1.02.976.01-.006-4.027-1.001-.001.031 4.017ZM19.334 16h-2.4c-.165 0-.3-.094-.3-.21V8.21c0-.116.135-.21.3-.21h2.4c.166 0 .3.094.3.21v7.58c0 .116-.134.21-.3.21Zm-1.715-1.02 1.054.056-.084-6.033-.904-.062-.066 6.039ZM23.334 16h-2.4c-.165 0-.3-.093-.3-.208V6.208c0-.115.135-.208.3-.208h2.4c.166 0 .3.093.3.208v9.584c0 .115-.134.208-.3.208Zm-1.725-1.038.984.077.026-7.993-.984-.077-.026 7.993Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Photo.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.931 2.383c1.091 0 1.988.85 2.064 1.921l.005.148v15.096c0 1.09-.85 1.988-1.921 2.064l-.148.005H2.07a2.072 2.072 0 0 1-2.065-1.922L0 19.549V4.452c0-1.09.85-1.988 1.922-2.064l.148-.005h19.86Zm-5.495 7.845a1.556 1.556 0 0 0-1.107.396l-.107.108-4.036 4.507a.48.48 0 0 1-.636.07l-.061-.051-2.034-2.034a1.526 1.526 0 0 0-1.948-.173l-.118.09L.96 17.756v1.792c0 .57.433 1.042.989 1.102l.12.007h19.862a1.11 1.11 0 0 0 1.102-.988l.007-.121v-1.297l-5.455-7.406a1.524 1.524 0 0 0-1.149-.617Zm5.495-6.885H2.07a1.11 1.11 0 0 0-1.103.988l-.007.121v12.043l4.81-4.088a2.483 2.483 0 0 1 3.226.011l.136.125 1.678 1.677 3.698-4.13a2.464 2.464 0 0 1 1.977-.82 2.467 2.467 0 0 1 1.757.86l.115.146 4.683 6.357V4.452a1.11 1.11 0 0 0-.988-1.102l-.12-.007ZM5.373 6.167A2.07 2.07 0 0 1 8.3 9.093a2.063 2.063 0 0 1-1.463.605c-.53 0-1.06-.201-1.463-.605a2.072 2.072 0 0 1 0-2.926Zm1.463.355c-.284 0-.568.108-.784.324a1.111 1.111 0 0 0 0 1.569 1.111 1.111 0 0 0 1.568 0 1.111 1.111 0 0 0 0-1.569 1.106 1.106 0 0 0-.784-.324Z",
-    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.931 2.383c1.091 0 1.988.85 2.064 1.921l.005.148v15.096c0 1.09-.85 1.988-1.921 2.064l-.148.005H2.07a2.072 2.072 0 0 1-2.065-1.922L0 19.549V4.452c0-1.09.85-1.988 1.922-2.064l.148-.005h19.86Zm-5.495 7.845a1.556 1.556 0 0 0-1.107.396l-.107.108-4.036 4.507a.48.48 0 0 1-.636.07l-.061-.051-2.034-2.034a1.526 1.526 0 0 0-1.948-.173l-.118.09L.96 17.756v1.792c0 .57.433 1.042.989 1.102l.12.007h19.862a1.11 1.11 0 0 0 1.102-.988l.007-.121v-1.297l-5.455-7.406a1.524 1.524 0 0 0-1.149-.617Zm5.495-6.885H2.07a1.11 1.11 0 0 0-1.103.988l-.007.121v12.043l4.81-4.088a2.483 2.483 0 0 1 3.226.011l.136.125 1.678 1.677 3.698-4.13a2.464 2.464 0 0 1 1.977-.82 2.467 2.467 0 0 1 1.757.86l.115.146 4.683 6.357V4.452a1.11 1.11 0 0 0-.988-1.102l-.12-.007ZM5.373 6.167A2.07 2.07 0 0 1 8.3 9.093a2.063 2.063 0 0 1-1.463.605c-.53 0-1.06-.201-1.463-.605a2.072 2.072 0 0 1 0-2.926Zm1.463.355c-.284 0-.568.108-.784.324a1.111 1.111 0 0 0 0 1.569 1.111 1.111 0 0 0 1.568 0 1.111 1.111 0 0 0 0-1.569 1.106 1.106 0 0 0-.784-.324Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Photos.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.383 12.998a.495.495 0 0 1 .581.27l.03.085.929 3.48a2.194 2.194 0 0 1-1.49 2.679l-.03.011L7.458 23.53a2.177 2.177 0 0 1-1.666-.212c-.44-.25-.77-.636-.952-1.1l-.081-.24-.722-2.712a.501.501 0 0 1 .936-.343l.03.085.712 2.673.018.053c.083.305.28.559.555.716.237.135.509.186.775.143l.133-.03 14.882-3.987.047-.015c.304-.084.559-.284.717-.562.134-.238.184-.508.142-.772l-.028-.131-.93-3.486a.5.5 0 0 1 .356-.612ZM18.935.392a1.9 1.9 0 0 1 1.89 1.748l.005.148v13.073c0 .995-.772 1.815-1.747 1.89l-.148.006H1.896a1.9 1.9 0 0 1-1.89-1.748L0 15.361V2.288A1.9 1.9 0 0 1 1.748.398l.148-.006h17.039Zm-4.786 8.071a1.206 1.206 0 0 0-.87.306l-.097.097-3.457 3.862a.504.504 0 0 1-.665.072l-.062-.053-1.737-1.745a1.221 1.221 0 0 0-1.541-.146l-.108.081L1 14.862v.5c0 .455.343.833.784.888l.112.007h17.039c.44 0 .801-.322.873-.743l.01-.108-4.753-6.452a1.208 1.208 0 0 0-.916-.49Zm4.786-7.07H1.896a.897.897 0 0 0-.889.783L1 2.288V13.55l3.967-3.376a2.22 2.22 0 0 1 2.866-.002l.134.122 1.366 1.373 3.105-3.469a2.201 2.201 0 0 1 1.76-.732c.606.03 1.166.302 1.56.755l.112.141 3.96 5.374V2.288a.896.896 0 0 0-.895-.896Zm-12.2 2.784a2.09 2.09 0 0 1 0 2.95 2.08 2.08 0 0 1-1.476.61 2.083 2.083 0 0 1-1.475-.61 2.088 2.088 0 0 1 0-2.95 2.09 2.09 0 0 1 2.95 0Zm-1.475.389a1.088 1.088 0 1 0 .768 1.855 1.09 1.09 0 0 0 0-1.537 1.084 1.084 0 0 0-.768-.318Z",
-    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.383 12.998a.495.495 0 0 1 .581.27l.03.085.929 3.48a2.194 2.194 0 0 1-1.49 2.679l-.03.011L7.458 23.53a2.177 2.177 0 0 1-1.666-.212c-.44-.25-.77-.636-.952-1.1l-.081-.24-.722-2.712a.501.501 0 0 1 .936-.343l.03.085.712 2.673.018.053c.083.305.28.559.555.716.237.135.509.186.775.143l.133-.03 14.882-3.987.047-.015c.304-.084.559-.284.717-.562.134-.238.184-.508.142-.772l-.028-.131-.93-3.486a.5.5 0 0 1 .356-.612ZM18.935.392a1.9 1.9 0 0 1 1.89 1.748l.005.148v13.073c0 .995-.772 1.815-1.747 1.89l-.148.006H1.896a1.9 1.9 0 0 1-1.89-1.748L0 15.361V2.288A1.9 1.9 0 0 1 1.748.398l.148-.006h17.039Zm-4.786 8.071a1.206 1.206 0 0 0-.87.306l-.097.097-3.457 3.862a.504.504 0 0 1-.665.072l-.062-.053-1.737-1.745a1.221 1.221 0 0 0-1.541-.146l-.108.081L1 14.862v.5c0 .455.343.833.784.888l.112.007h17.039c.44 0 .801-.322.873-.743l.01-.108-4.753-6.452a1.208 1.208 0 0 0-.916-.49Zm4.786-7.07H1.896a.897.897 0 0 0-.889.783L1 2.288V13.55l3.967-3.376a2.22 2.22 0 0 1 2.866-.002l.134.122 1.366 1.373 3.105-3.469a2.201 2.201 0 0 1 1.76-.732c.606.03 1.166.302 1.56.755l.112.141 3.96 5.374V2.288a.896.896 0 0 0-.895-.896Zm-12.2 2.784a2.09 2.09 0 0 1 0 2.95 2.08 2.08 0 0 1-1.476.61 2.083 2.083 0 0 1-1.475-.61 2.088 2.088 0 0 1 0-2.95 2.09 2.09 0 0 1 2.95 0Zm-1.475.389a1.088 1.088 0 1 0 .768 1.855 1.09 1.09 0 0 0 0-1.537 1.084 1.084 0 0 0-.768-.318Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PiggyBank.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.453 2c4.545 0 7.64 2.57 8.647 6.916.45.046.814.266 1.13.62.27.312.451.694.527 1.104.056.249.084.47.084.691 0 .205-.025.402-.078.59l-.07.201H24l-.125 2.594-.481-.027a2.348 2.348 0 0 1-1.134-.383c-.37 1.703-1.252 3.048-2.657 4l-.004 3.19-.036.504h-5.748l-.037-.529-.002-1.493-.323.005a40.35 40.35 0 0 1-1.744-.035l-.002 1.564-.017.488H5.904l-.02-.548v-2.708c-1.147-.59-1.99-1.424-2.54-2.535H2.045C.92 16.21 0 15.241 0 14.054V11.1c0-1.187.92-2.156 2.046-2.156h.974c.15-.525.34-1.029.565-1.509l.551-3.63c.19-1.246 1.281-1.792 2.319-1.162l1.09.663C9.188 2.445 11.178 2 13.453 2Zm0 1.012c-2.236 0-4.155.453-5.696 1.317l-.235.131-1.547-.94c-.455-.277-.807-.1-.89.446L4.52 7.672l-.045.148a9.084 9.084 0 0 0-.627 1.757l-.093.379h-1.71C1.45 9.956.96 10.472.96 11.1v2.954c0 .628.49 1.143 1.086 1.143h1.907l.128.297c.482 1.12 1.287 1.916 2.475 2.463l.287.133v2.898h3.906v-2.107l.508.03c.531.033 1.1.051 1.72.057h.75a.395.395 0 0 0 .062-.005l.122-.024c.076-.013.154-.022.308-.034l.518-.043v2.126h3.905v-3.255l.237-.146c1.517-.941 2.354-2.353 2.568-4.259l.116-1.036.7.738c.114.12.233.226.355.316.119.087.235.157.352.21l.028-.598-.076-.053a2.004 2.004 0 0 1-.262-.227l-.362-.367.363-.365a.702.702 0 0 0 .153-.23c.046-.114.067-.24.067-.384a2.21 2.21 0 0 0-.062-.479 1.329 1.329 0 0 0-.294-.63c-.178-.2-.354-.299-.58-.303a.507.507 0 0 0-.118.017l-.478.115-.1-.506c-.807-4.137-3.563-6.534-7.796-6.534ZM6 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm7.138-4c1.424 0 2.71.234 3.862.68l-.526 1.27c-.966-.374-2.079-.585-3.355-.585-1.322 0-2.544.226-3.653.635L9 5.721A11.919 11.919 0 0 1 13.138 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: "M13.453 2c4.545 0 7.64 2.57 8.647 6.916.45.046.814.266 1.13.62.27.312.451.694.527 1.104.056.249.084.47.084.691 0 .205-.025.402-.078.59l-.07.201H24l-.125 2.594-.481-.027a2.348 2.348 0 0 1-1.134-.383c-.37 1.703-1.252 3.048-2.657 4l-.004 3.19-.036.504h-5.748l-.037-.529-.002-1.493-.323.005a40.35 40.35 0 0 1-1.744-.035l-.002 1.564-.017.488H5.904l-.02-.548v-2.708c-1.147-.59-1.99-1.424-2.54-2.535H2.045C.92 16.21 0 15.241 0 14.054V11.1c0-1.187.92-2.156 2.046-2.156h.974c.15-.525.34-1.029.565-1.509l.551-3.63c.19-1.246 1.281-1.792 2.319-1.162l1.09.663C9.188 2.445 11.178 2 13.453 2Zm0 1.012c-2.236 0-4.155.453-5.696 1.317l-.235.131-1.547-.94c-.455-.277-.807-.1-.89.446L4.52 7.672l-.045.148a9.084 9.084 0 0 0-.627 1.757l-.093.379h-1.71C1.45 9.956.96 10.472.96 11.1v2.954c0 .628.49 1.143 1.086 1.143h1.907l.128.297c.482 1.12 1.287 1.916 2.475 2.463l.287.133v2.898h3.906v-2.107l.508.03c.531.033 1.1.051 1.72.057h.75a.395.395 0 0 0 .062-.005l.122-.024c.076-.013.154-.022.308-.034l.518-.043v2.126h3.905v-3.255l.237-.146c1.517-.941 2.354-2.353 2.568-4.259l.116-1.036.7.738c.114.12.233.226.355.316.119.087.235.157.352.21l.028-.598-.076-.053a2.004 2.004 0 0 1-.262-.227l-.362-.367.363-.365a.702.702 0 0 0 .153-.23c.046-.114.067-.24.067-.384a2.21 2.21 0 0 0-.062-.479 1.329 1.329 0 0 0-.294-.63c-.178-.2-.354-.299-.58-.303a.507.507 0 0 0-.118.017l-.478.115-.1-.506c-.807-4.137-3.563-6.534-7.796-6.534ZM6 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm7.138-4c1.424 0 2.71.234 3.862.68l-.526 1.27c-.966-.374-2.079-.585-3.355-.585-1.322 0-2.544.226-3.653.635L9 5.721A11.919 11.919 0 0 1 13.138 5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PikTV.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 4.5 22l.082-.007L10.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-1h2v1Zm9.5-17a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21ZM10.278 5.584a.5.5 0 0 0-.77.325L9.5 6v8a.5.5 0 0 0 .69.463l.087-.047 6-4a.501.501 0 0 0 .077-.77l-.076-.062-6-4Zm.222 1.35L15.099 10 10.5 13.066V6.934Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "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 4.5 22l.082-.007L10.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-1h2v1Zm9.5-17a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-21a.5.5 0 0 1-.5-.5v-14a.5.5 0 0 1 .5-.5h21ZM10.278 5.584a.5.5 0 0 0-.77.325L9.5 6v8a.5.5 0 0 0 .69.463l.087-.047 6-4a.501.501 0 0 0 .077-.77l-.076-.062-6-4Zm.222 1.35L15.099 10 10.5 13.066V6.934Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Play.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: "m15.407 11.922-5.653 3.792V8.203l5.653 3.719Zm3.32-9.943a5.28 5.28 0 0 1 5.269 5.056l.004.217v9.496a5.28 5.28 0 0 1-5.057 5.269l-.217.004H5.273a5.28 5.28 0 0 1-5.269-5.056L0 16.748V7.252a5.279 5.279 0 0 1 5.056-5.269l.217-.004h13.453Zm0 1.049H5.272c-2.22 0-4.107 1.819-4.219 4.017l-.005.207v9.496c0 2.22 1.819 4.107 4.017 4.22l.207.004h13.453c2.22 0 4.107-1.82 4.219-4.017l.005-.207V7.252c0-2.22-1.819-4.107-4.017-4.22l-.207-.004ZM9.143 6.8l.07-.011c.088-.016.193-.034.282.01l.062.045 7.103 4.732c.101.098.216.21.216.424a.5.5 0 0 1-.154.364l-.043.044-7.142 4.764a.344.344 0 0 1-.25.1l-.058.001c-.055 0-.194 0-.256-.094-.138-.041-.238-.17-.263-.342l-.007-.09V7.253c0-.226.119-.398.291-.437l.15-.015Z",
-    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: "m15.407 11.922-5.653 3.792V8.203l5.653 3.719Zm3.32-9.943a5.28 5.28 0 0 1 5.269 5.056l.004.217v9.496a5.28 5.28 0 0 1-5.057 5.269l-.217.004H5.273a5.28 5.28 0 0 1-5.269-5.056L0 16.748V7.252a5.279 5.279 0 0 1 5.056-5.269l.217-.004h13.453Zm0 1.049H5.272c-2.22 0-4.107 1.819-4.219 4.017l-.005.207v9.496c0 2.22 1.819 4.107 4.017 4.22l.207.004h13.453c2.22 0 4.107-1.82 4.219-4.017l.005-.207V7.252c0-2.22-1.819-4.107-4.017-4.22l-.207-.004ZM9.143 6.8l.07-.011c.088-.016.193-.034.282.01l.062.045 7.103 4.732c.101.098.216.21.216.424a.5.5 0 0 1-.154.364l-.043.044-7.142 4.764a.344.344 0 0 1-.25.1l-.058.001c-.055 0-.194 0-.256-.094-.138-.041-.238-.17-.263-.342l-.007-.09V7.253c0-.226.119-.398.291-.437l.15-.015Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PlaySolid.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.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
-    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.758 22a.743.743 0 0 1-.375-.1.773.773 0 0 1-.383-.67V2.77c0-.277.147-.533.383-.67a.747.747 0 0 1 .764.01l18.485 9.23a.773.773 0 0 1 0 1.32L5.147 21.89a.753.753 0 0 1-.39.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};