@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/web/icons/Number2FilledMono.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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm3.066-7.734v-2.064h-2.988l1.176-.96c1.188-.972 1.896-1.74 1.896-2.916 0-1.8-1.188-2.592-3.24-2.592-1.272 0-2.232.336-2.88.696v1.884h1.128a1.859 1.859 0 0 1 1.26-.468c.576 0 .852.252.852.648 0 .468-.348.888-1.128 1.608L8.85 14.166v2.1h6.216Z",
-    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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm3.066-7.734v-2.064h-2.988l1.176-.96c1.188-.972 1.896-1.74 1.896-2.916 0-1.8-1.188-2.592-3.24-2.592-1.272 0-2.232.336-2.88.696v1.884h1.128a1.859 1.859 0 0 1 1.26-.468c.576 0 .852.252.852.648 0 .468-.348.888-1.128 1.608L8.85 14.166v2.1h6.216Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number2FilledMulti.js

@@ -6,25 +6,41 @@ 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", {
-    fill: "#FF0076",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#fff",
-    d: "M15.066 14.202v2.064H8.85v-2.1l2.292-2.064c.78-.72 1.128-1.14 1.128-1.608 0-.396-.276-.648-.852-.648-.564 0-.972.216-1.26.468H9.03V8.43c.648-.36 1.608-.696 2.88-.696 2.052 0 3.24.792 3.24 2.592 0 1.176-.708 1.944-1.896 2.916l-1.176.96h2.988Z"
-  })]
-});
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M15.066 14.202v2.064H8.85v-2.1l2.292-2.064c.78-.72 1.128-1.14 1.128-1.608 0-.396-.276-.648-.852-.648-.564 0-.972.216-1.26.468H9.03V8.43c.648-.36 1.608-.696 2.88-.696 2.052 0 3.24.792 3.24 2.592 0 1.176-.708 1.944-1.896 2.916l-1.176.96h2.988Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number3FilledMono.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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-3.186-8.232c.588.312 1.344.564 2.688.564 2.304 0 3.696-.912 3.684-2.484 0-1.128-.6-1.752-1.8-1.92v-.048c1.044-.252 1.644-.84 1.644-1.968 0-1.548-1.32-2.244-3.18-2.244-1.176 0-2.124.276-2.796.672v1.68h1.02c.288-.168.756-.324 1.32-.324.576 0 .9.264.9.708 0 .456-.348.732-1.092.732h-.684v1.728h.756c.732 0 1.056.24 1.056.768s-.48.78-1.116.78c-.624 0-1.092-.168-1.356-.372H8.814v1.728Z",
-    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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-3.186-8.232c.588.312 1.344.564 2.688.564 2.304 0 3.696-.912 3.684-2.484 0-1.128-.6-1.752-1.8-1.92v-.048c1.044-.252 1.644-.84 1.644-1.968 0-1.548-1.32-2.244-3.18-2.244-1.176 0-2.124.276-2.796.672v1.68h1.02c.288-.168.756-.324 1.32-.324.576 0 .9.264.9.708 0 .456-.348.732-1.092.732h-.684v1.728h.756c.732 0 1.056.24 1.056.768s-.48.78-1.116.78c-.624 0-1.092-.168-1.356-.372H8.814v1.728Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number3FilledMulti.js

@@ -6,25 +6,41 @@ 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", {
-    fill: "#FF0076",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#fff",
-    d: "M11.502 16.332c-1.344 0-2.1-.252-2.688-.564V14.04h1.044c.264.204.732.372 1.356.372.636 0 1.116-.252 1.116-.78s-.324-.768-1.056-.768h-.756v-1.728h.684c.744 0 1.092-.276 1.092-.732 0-.444-.324-.708-.9-.708-.564 0-1.032.156-1.32.324h-1.02V8.34c.672-.396 1.62-.672 2.796-.672 1.86 0 3.18.696 3.18 2.244 0 1.128-.6 1.716-1.644 1.968v.048c1.2.168 1.8.792 1.8 1.92.012 1.572-1.38 2.484-3.684 2.484Z"
-  })]
-});
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M11.502 16.332c-1.344 0-2.1-.252-2.688-.564V14.04h1.044c.264.204.732.372 1.356.372.636 0 1.116-.252 1.116-.78s-.324-.768-1.056-.768h-.756v-1.728h.684c.744 0 1.092-.276 1.092-.732 0-.444-.324-.708-.9-.708-.564 0-1.032.156-1.32.324h-1.02V8.34c.672-.396 1.62-.672 2.796-.672 1.86 0 3.18.696 3.18 2.244 0 1.128-.6 1.716-1.644 1.968v.048c1.2.168 1.8.792 1.8 1.92.012 1.572-1.38 2.484-3.684 2.484Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number4FilledMono.js

@@ -6,25 +6,41 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M10.404 12.72v-.048L12 10.548h.048v2.172h-1.644Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.048-7.8h2.808v-1.716h.78V12.72h-.78V7.8h-2.676L8.46 12.468v2.016h3.492V16.2Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M10.404 12.72v-.048L12 10.548h.048v2.172h-1.644Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.048-7.8h2.808v-1.716h.78V12.72h-.78V7.8h-2.676L8.46 12.468v2.016h3.492V16.2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number4FilledMulti.js

@@ -6,25 +6,41 @@ 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", {
-    fill: "#FF0076",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#fff",
-    d: "M14.76 16.2h-2.808v-1.716H8.46v-2.016L12.084 7.8h2.676v4.92h.78v1.764h-.78V16.2Zm-4.356-3.528v.048h1.644v-2.172H12l-1.596 2.124Z"
-  })]
-});
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M14.76 16.2h-2.808v-1.716H8.46v-2.016L12.084 7.8h2.676v4.92h.78v1.764h-.78V16.2Zm-4.356-3.528v.048h1.644v-2.172H12l-1.596 2.124Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number5FilledMono.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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.576-7.734c2.388 0 3.78-1.092 3.78-2.892 0-1.824-1.128-2.616-2.616-2.616-.816 0-1.26.192-1.548.444h-.036V9.786h3.72V7.734H9.012v5.16h1.56c.168-.18.444-.372.936-.372.516 0 .864.252.864.84 0 .6-.396.948-1.188.948-.636 0-1.056-.192-1.344-.408H8.796v1.8c.66.348 1.404.564 2.628.564Z",
-    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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.576-7.734c2.388 0 3.78-1.092 3.78-2.892 0-1.824-1.128-2.616-2.616-2.616-.816 0-1.26.192-1.548.444h-.036V9.786h3.72V7.734H9.012v5.16h1.56c.168-.18.444-.372.936-.372.516 0 .864.252.864.84 0 .6-.396.948-1.188.948-.636 0-1.056-.192-1.344-.408H8.796v1.8c.66.348 1.404.564 2.628.564Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number5FilledMulti.js

@@ -6,25 +6,41 @@ 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", {
-    fill: "#FF0076",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#fff",
-    d: "M15.204 13.374c0 1.8-1.392 2.892-3.78 2.892-1.224 0-1.968-.216-2.628-.564v-1.8H9.84c.288.216.708.408 1.344.408.792 0 1.188-.348 1.188-.948 0-.588-.348-.84-.864-.84-.492 0-.768.192-.936.372h-1.56v-5.16h5.712v2.052h-3.72v1.416h.036c.288-.252.732-.444 1.548-.444 1.488 0 2.616.792 2.616 2.616Z"
-  })]
-});
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M15.204 13.374c0 1.8-1.392 2.892-3.78 2.892-1.224 0-1.968-.216-2.628-.564v-1.8H9.84c.288.216.708.408 1.344.408.792 0 1.188-.348 1.188-.948 0-.588-.348-.84-.864-.84-.492 0-.768.192-.936.372h-1.56v-5.16h5.712v2.052h-3.72v1.416h.036c.288-.252.732-.444 1.548-.444 1.488 0 2.616.792 2.616 2.616Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/OfferStarFilled.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 25 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: "m24.005 6.072-8.545.552L10.16 0 8.037 8.16.005 11.088l7.251 4.488L7.598 24l6.592-5.376 8.252 2.28-3.174-7.824 4.737-7.008Zm-5.371 4.776c-.074.048-.147.096-.22.12a.532.532 0 0 1-.415-.12c0-.024-.025-.048-.073-.072-.342 1.8-1.807 3.696-4.468 4.248-2.735.576-4.957-.624-5.933-2.16 0 .024-.025.072-.025.096a.411.411 0 0 1-.341.36.371.371 0 0 1-.171.024.454.454 0 0 1-.367-.504c.098-.528.415-.936.928-1.176.366-.168.708-.216.733-.216a.439.439 0 0 1 .488.384.435.435 0 0 1-.39.48s-.074 0-.147.024c.928 1.632 3.223 2.232 5.03 1.848 2.343-.504 3.564-2.136 3.832-3.672a.459.459 0 0 0-.17.048c-.22.12-.489.048-.586-.168a.422.422 0 0 1 .146-.576c.488-.264 1.001-.264 1.538-.024.342.192.586.408.61.432.172.192.172.456 0 .624Z",
-    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 25 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: "m24.005 6.072-8.545.552L10.16 0 8.037 8.16.005 11.088l7.251 4.488L7.598 24l6.592-5.376 8.252 2.28-3.174-7.824 4.737-7.008Zm-5.371 4.776c-.074.048-.147.096-.22.12a.532.532 0 0 1-.415-.12c0-.024-.025-.048-.073-.072-.342 1.8-1.807 3.696-4.468 4.248-2.735.576-4.957-.624-5.933-2.16 0 .024-.025.072-.025.096a.411.411 0 0 1-.341.36.371.371 0 0 1-.171.024.454.454 0 0 1-.367-.504c.098-.528.415-.936.928-1.176.366-.168.708-.216.733-.216a.439.439 0 0 1 .488.384.435.435 0 0 1-.39.48s-.074 0-.147.024c.928 1.632 3.223 2.232 5.03 1.848 2.343-.504 3.564-2.136 3.832-3.672a.459.459 0 0 0-.17.048c-.22.12-.489.048-.586-.168a.422.422 0 0 1 .146-.576c.488-.264 1.001-.264 1.538-.024.342.192.586.408.61.432.172.192.172.456 0 .624Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Pause.js

@@ -6,21 +6,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};