@telus-uds/palette-koodo 3.2.0 → 3.3.0

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

package/build/web/icons/PaymentAdd.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: "M3.26 19.282c-.626 0-1.159-.22-1.6-.66a2.18 2.18 0 0 1-.66-1.6V5.247c0-.625.22-1.158.66-1.599.441-.44.974-.66 1.6-.66h15.75c.625 0 1.158.22 1.598.66.44.44.66.974.66 1.6V8.45a2.667 2.667 0 0 1-2.666 2.667H3.26v5.906h8.713c.317 0 .585.109.803.327.218.218.327.485.327.803 0 .317-.109.584-.327.802a1.091 1.091 0 0 1-.803.327H3.26Zm0-12.138h15.75V5.246H3.26v1.898Zm14.798 10.973h-1.874a.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.729.99.99 0 0 1 .294-.729.989.989 0 0 1 .729-.294h1.873v-1.874a.99.99 0 0 1 .294-.728.99.99 0 0 1 .729-.295.99.99 0 0 1 .729.295.99.99 0 0 1 .294.728v1.874h1.874a.99.99 0 0 1 .729.294.989.989 0 0 1 .294.729.99.99 0 0 1-.294.729.99.99 0 0 1-.729.294h-1.874v1.874a.99.99 0 0 1-.294.729.989.989 0 0 1-.728.294.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.73v-1.873Z"
-  })]
-});
+}) => {
+  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: "M3.26 19.282c-.626 0-1.159-.22-1.6-.66a2.18 2.18 0 0 1-.66-1.6V5.247c0-.625.22-1.158.66-1.599.441-.44.974-.66 1.6-.66h15.75c.625 0 1.158.22 1.598.66.44.44.66.974.66 1.6V8.45a2.667 2.667 0 0 1-2.666 2.667H3.26v5.906h8.713c.317 0 .585.109.803.327.218.218.327.485.327.803 0 .317-.109.584-.327.802a1.091 1.091 0 0 1-.803.327H3.26Zm0-12.138h15.75V5.246H3.26v1.898Zm14.798 10.973h-1.874a.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.729.99.99 0 0 1 .294-.729.989.989 0 0 1 .729-.294h1.873v-1.874a.99.99 0 0 1 .294-.728.99.99 0 0 1 .729-.295.99.99 0 0 1 .729.295.99.99 0 0 1 .294.728v1.874h1.874a.99.99 0 0 1 .729.294.989.989 0 0 1 .294.729.99.99 0 0 1-.294.729.99.99 0 0 1-.729.294h-1.874v1.874a.99.99 0 0 1-.294.729.989.989 0 0 1-.728.294.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.73v-1.873Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Perk.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: "M23.429.437a1.597 1.597 0 0 0-2.241.045L14 8.192l-2.38-2.35a1.597 1.597 0 0 0-2.24 0 1.555 1.555 0 0 0 0 2.217l3.521 3.483a1.594 1.594 0 0 0 2.264-.023l8.308-8.865A1.555 1.555 0 0 0 23.43.437Zm-4.461.61a3.916 3.916 0 0 0-1.213-.19H9.918A3.918 3.918 0 0 0 6 4.774v7.836a3.918 3.918 0 0 0 3.918 3.919h7.837a3.918 3.918 0 0 0 3.919-3.919V6l-1.96 2.09v4.521a1.96 1.96 0 0 1-1.959 1.96H9.918a1.96 1.96 0 0 1-1.959-1.96V6.776a2.52 2.52 0 0 1 0-.184V4.775a1.96 1.96 0 0 1 1.96-1.96h7.4l1.649-1.767ZM5 8H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1V8Z",
-    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: "M23.429.437a1.597 1.597 0 0 0-2.241.045L14 8.192l-2.38-2.35a1.597 1.597 0 0 0-2.24 0 1.555 1.555 0 0 0 0 2.217l3.521 3.483a1.594 1.594 0 0 0 2.264-.023l8.308-8.865A1.555 1.555 0 0 0 23.43.437Zm-4.461.61a3.916 3.916 0 0 0-1.213-.19H9.918A3.918 3.918 0 0 0 6 4.774v7.836a3.918 3.918 0 0 0 3.918 3.919h7.837a3.918 3.918 0 0 0 3.919-3.919V6l-1.96 2.09v4.521a1.96 1.96 0 0 1-1.959 1.96H9.918a1.96 1.96 0 0 1-1.959-1.96V6.776a2.52 2.52 0 0 1 0-.184V4.775a1.96 1.96 0 0 1 1.96-1.96h7.4l1.649-1.767ZM5 8H4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4h-2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1V8Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};