@telus-uds/palette-koodo 3.2.0 → 3.3.0

package/build/web/icons/Phone.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: "M5.83 22c-.5 0-.928-.178-1.285-.534a1.75 1.75 0 0 1-.534-1.284V3.818c0-.5.178-.928.534-1.284A1.75 1.75 0 0 1 5.83 2h9.09c.5 0 .928.178 1.284.534.357.356.535.784.535 1.284v3.637H14.92v-.91H5.83v10.91h9.09v-.91h1.819v3.637c0 .5-.178.928-.535 1.284A1.75 1.75 0 0 1 14.92 22H5.83Zm0-2.727v.909h9.09v-.91H5.83Zm8.136-6.182 4.5-4.5a.862.862 0 0 1 .636-.25c.258 0 .47.083.637.25.166.167.25.379.25.636 0 .258-.084.47-.25.637L14.602 15a.872.872 0 0 1-.636.273.872.872 0 0 1-.636-.273l-2.591-2.59a.862.862 0 0 1-.25-.637c0-.258.083-.47.25-.637a.862.862 0 0 1 .636-.25c.258 0 .47.084.636.25l1.955 1.955ZM5.83 4.727h9.09v-.909H5.83v.91Z"
-  })]
-});
+}) => {
+  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: "M5.83 22c-.5 0-.928-.178-1.285-.534a1.75 1.75 0 0 1-.534-1.284V3.818c0-.5.178-.928.534-1.284A1.75 1.75 0 0 1 5.83 2h9.09c.5 0 .928.178 1.284.534.357.356.535.784.535 1.284v3.637H14.92v-.91H5.83v10.91h9.09v-.91h1.819v3.637c0 .5-.178.928-.535 1.284A1.75 1.75 0 0 1 14.92 22H5.83Zm0-2.727v.909h9.09v-.91H5.83Zm8.136-6.182 4.5-4.5a.862.862 0 0 1 .636-.25c.258 0 .47.083.637.25.166.167.25.379.25.636 0 .258-.084.47-.25.637L14.602 15a.872.872 0 0 1-.636.273.872.872 0 0 1-.636-.273l-2.591-2.59a.862.862 0 0 1-.25-.637c0-.258.083-.47.25-.637a.862.862 0 0 1 .636-.25c.258 0 .47.084.636.25l1.955 1.955ZM5.83 4.727h9.09v-.909H5.83v.91Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PhoneTroubleshoot.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: "M24 17.398v.095a6.555 6.555 0 1 1 0-.095ZM12.443 0H2.317L2.14.007C.95.103 0 1.183 0 2.511v18.975l.008.218c.034.424.123.747.369 1.151a2.98 2.98 0 0 0 .24.33l.02.027.007.006.001.002.004.005c.126.171.375.366.682.52.307.151.659.255.983.255h9.079a.548.548 0 0 0 .375-.16.554.554 0 0 0 0-.78.547.547 0 0 0-.376-.16H2.314c-.691 0-1.226-.654-1.226-1.423v-.34h8.465c.14 0 .28-.052.385-.157a.548.548 0 0 0 0-.771.541.541 0 0 0-.36-.158l-8.49-.001V4.03h12.58v5.555a.551.551 0 0 0 .547.572.538.538 0 0 0 .542-.572V2.513l-.007-.192C14.66 1.018 13.652 0 12.443 0ZM1.088 2.5c0-.768.535-1.42 1.226-1.42h10.128c.69 0 1.225.652 1.225 1.42v.44H1.088V2.5ZM7.33 1.465a.546.546 0 0 0-.546.545c0 .3.245.544.546.544h.983a.546.546 0 0 0 .546-.544c0-.3-.245-.545-.546-.545H7.33Zm7.087 12.952a.673.673 0 0 1 .952 0l2.078 2.077 2.078-2.077a.673.673 0 1 1 .951.951l-2.077 2.078 2.077 2.078a.673.673 0 1 1-.951.952l-2.078-2.078-2.078 2.078a.673.673 0 0 1-.952-.952l2.078-2.078-2.078-2.078a.673.673 0 0 1 0-.951Zm-2.248 3.03a5.277 5.277 0 1 1 10.555 0 5.277 5.277 0 0 1-10.555 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: "M24 17.398v.095a6.555 6.555 0 1 1 0-.095ZM12.443 0H2.317L2.14.007C.95.103 0 1.183 0 2.511v18.975l.008.218c.034.424.123.747.369 1.151a2.98 2.98 0 0 0 .24.33l.02.027.007.006.001.002.004.005c.126.171.375.366.682.52.307.151.659.255.983.255h9.079a.548.548 0 0 0 .375-.16.554.554 0 0 0 0-.78.547.547 0 0 0-.376-.16H2.314c-.691 0-1.226-.654-1.226-1.423v-.34h8.465c.14 0 .28-.052.385-.157a.548.548 0 0 0 0-.771.541.541 0 0 0-.36-.158l-8.49-.001V4.03h12.58v5.555a.551.551 0 0 0 .547.572.538.538 0 0 0 .542-.572V2.513l-.007-.192C14.66 1.018 13.652 0 12.443 0ZM1.088 2.5c0-.768.535-1.42 1.226-1.42h10.128c.69 0 1.225.652 1.225 1.42v.44H1.088V2.5ZM7.33 1.465a.546.546 0 0 0-.546.545c0 .3.245.544.546.544h.983a.546.546 0 0 0 .546-.544c0-.3-.245-.545-.546-.545H7.33Zm7.087 12.952a.673.673 0 0 1 .952 0l2.078 2.077 2.078-2.077a.673.673 0 1 1 .951.951l-2.077 2.078 2.077 2.078a.673.673 0 1 1-.951.952l-2.078-2.078-2.078 2.078a.673.673 0 0 1-.952-.952l2.078-2.078-2.078-2.078a.673.673 0 0 1 0-.951Zm-2.248 3.03a5.277 5.277 0 1 1 10.555 0 5.277 5.277 0 0 1-10.555 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Play.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: "M18.902 11.134a1 1 0 0 1 0 1.732L6.098 20.26a1 1 0 0 1-1.5-.866V4.607a1 1 0 0 1 1.5-.866l12.805 7.393Z"
-  })]
-});
+}) => {
+  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: "M18.902 11.134a1 1 0 0 1 0 1.732L6.098 20.26a1 1 0 0 1-1.5-.866V4.607a1 1 0 0 1 1.5-.866l12.805 7.393Z"
+    })]
+  });
+  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;
+};

package/build/web/icons/PlayVideo.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.494.017c.148-.02.47-.06.724.146l17.238 10.745.043.04c.193.18.496.464.5.99l.001.01v.002c0 .535-.306.82-.501 1.003l-.043.04L6.222 23.734C5.915 24 5.59 24 5.399 24h-.032c-.042 0-.106 0-.178-.006C5.126 24 5.063 24 5 24c-.2 0-.4 0-.4-.185-.4 0-.6-.371-.6-.742V.824c0-.37.2-.742.6-.742.142 0 .283-.023.416-.045.18-.03.343-.056.468-.02h.01Z",
-    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.494.017c.148-.02.47-.06.724.146l17.238 10.745.043.04c.193.18.496.464.5.99l.001.01v.002c0 .535-.306.82-.501 1.003l-.043.04L6.222 23.734C5.915 24 5.59 24 5.399 24h-.032c-.042 0-.106 0-.178-.006C5.126 24 5.063 24 5 24c-.2 0-.4 0-.4-.185-.4 0-.6-.371-.6-.742V.824c0-.37.2-.742.6-.742.142 0 .283-.023.416-.045.18-.03.343-.056.468-.02h.01Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PlugPlay.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M11.025 0H8.772c-.316 0-.58.107-.794.32-.214.214-.32.478-.32.795v5.692c0 .316.106.58.32.794.213.214.478.32.794.32h2.253c.503 0 .94-.177 1.314-.533.373-.356.608-.81.702-1.364h2.301V5.42c.95.4 1.812.992 2.585 1.778 1.569 1.598 2.353 3.55 2.353 5.856 0 2.287-.808 4.235-2.424 5.842-1.617 1.607-3.569 2.41-5.856 2.41-2.288 0-4.24-.799-5.856-2.396-1.616-1.598-2.424-3.55-2.424-5.856a1.29 1.29 0 0 0-.383-.95 1.29 1.29 0 0 0-.95-.383 1.29 1.29 0 0 0-.95.383 1.29 1.29 0 0 0-.383.95c0 1.531.284 2.959.85 4.282a10.976 10.976 0 0 0 2.34 3.474 10.934 10.934 0 0 0 3.488 2.34c1.333.566 2.756.85 4.268.85s2.935-.284 4.268-.85a10.934 10.934 0 0 0 3.488-2.34 10.934 10.934 0 0 0 2.34-3.488c.566-1.333.85-2.756.85-4.268 0-1.531-.284-2.959-.85-4.282a10.977 10.977 0 0 0-2.34-3.474 10.933 10.933 0 0 0-3.488-2.34 10.939 10.939 0 0 0-.926-.343v-.718h-2.3c-.095-.553-.33-1.008-.703-1.363A1.843 1.843 0 0 0 11.025 0ZM6.946 1.091v1.684H4.265a.848.848 0 0 1-.608-.232.803.803 0 0 1-.245-.61c0-.229.08-.426.24-.593a.806.806 0 0 1 .606-.249h2.688Zm0 4.056V6.83H4.265a.862.862 0 0 1-.608-.226.77.77 0 0 1-.245-.593c0-.23.08-.43.24-.604a.788.788 0 0 1 .606-.261h2.688Zm2.771 12.876c.227.128.459.121.695-.02l5.331-3.418a.592.592 0 0 0 .327-.546.623.623 0 0 0-.327-.56l-5.33-3.417c-.237-.142-.469-.149-.696-.021a.63.63 0 0 0-.34.588v6.806c0 .265.114.46.34.588Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M11.025 0H8.772c-.316 0-.58.107-.794.32-.214.214-.32.478-.32.795v5.692c0 .316.106.58.32.794.213.214.478.32.794.32h2.253c.503 0 .94-.177 1.314-.533.373-.356.608-.81.702-1.364h2.301V5.42c.95.4 1.812.992 2.585 1.778 1.569 1.598 2.353 3.55 2.353 5.856 0 2.287-.808 4.235-2.424 5.842-1.617 1.607-3.569 2.41-5.856 2.41-2.288 0-4.24-.799-5.856-2.396-1.616-1.598-2.424-3.55-2.424-5.856a1.29 1.29 0 0 0-.383-.95 1.29 1.29 0 0 0-.95-.383 1.29 1.29 0 0 0-.95.383 1.29 1.29 0 0 0-.383.95c0 1.531.284 2.959.85 4.282a10.976 10.976 0 0 0 2.34 3.474 10.934 10.934 0 0 0 3.488 2.34c1.333.566 2.756.85 4.268.85s2.935-.284 4.268-.85a10.934 10.934 0 0 0 3.488-2.34 10.934 10.934 0 0 0 2.34-3.488c.566-1.333.85-2.756.85-4.268 0-1.531-.284-2.959-.85-4.282a10.977 10.977 0 0 0-2.34-3.474 10.933 10.933 0 0 0-3.488-2.34 10.939 10.939 0 0 0-.926-.343v-.718h-2.3c-.095-.553-.33-1.008-.703-1.363A1.843 1.843 0 0 0 11.025 0ZM6.946 1.091v1.684H4.265a.848.848 0 0 1-.608-.232.803.803 0 0 1-.245-.61c0-.229.08-.426.24-.593a.806.806 0 0 1 .606-.249h2.688Zm0 4.056V6.83H4.265a.862.862 0 0 1-.608-.226.77.77 0 0 1-.245-.593c0-.23.08-.43.24-.604a.788.788 0 0 1 .606-.261h2.688Zm2.771 12.876c.227.128.459.121.695-.02l5.331-3.418a.592.592 0 0 0 .327-.546.623.623 0 0 0-.327-.56l-5.33-3.417c-.237-.142-.469-.149-.696-.021a.63.63 0 0 0-.34.588v6.806c0 .265.114.46.34.588Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Preference.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: "M8 3h8a3 3 0 1 1 0 6H8a3 3 0 0 1 0-6ZM3 6a5 5 0 0 1 5-5h8a5 5 0 0 1 0 10H8a5 5 0 0 1-5-5Zm13 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0 6.5H8a3 3 0 1 0 0 6h8a3 3 0 1 0 0-6Zm-8-2a5 5 0 0 0 0 10h8a5 5 0 0 0 0-10H8Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 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: "M8 3h8a3 3 0 1 1 0 6H8a3 3 0 0 1 0-6ZM3 6a5 5 0 0 1 5-5h8a5 5 0 0 1 0 10H8a5 5 0 0 1-5-5Zm13 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0 6.5H8a3 3 0 1 0 0 6h8a3 3 0 1 0 0-6Zm-8-2a5 5 0 0 0 0 10h8a5 5 0 0 0 0-10H8Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Price.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: "M6.141 17.793c-.205-.453-.18-.927.033-1.38.21-.445.546-.77.99-.958l.01-.004.01-.004a1.61 1.61 0 0 1 1.197.037c.401.165.73.46.99.853l.012.017.01.017c.305.554.687.94 1.143 1.184.478.255.99.383 1.544.383.84 0 1.451-.197 1.882-.54.417-.332.625-.768.625-1.357 0-.68-.23-1.194-.684-1.585-.489-.422-1.449-.883-2.952-1.357-1.464-.452-2.62-1.138-3.425-2.081C6.71 10.065 6.31 8.9 6.31 7.554a4.98 4.98 0 0 1 1.099-3.17c.687-.868 1.687-1.412 2.949-1.668V1.554c0-.437.137-.831.443-1.13C11.1.13 11.48 0 11.898 0c.407 0 .774.137 1.068.424.306.299.443.693.443 1.13v1.182c.614.16 1.197.397 1.746.712a4.988 4.988 0 0 1 1.678 1.572l.004.006.004.007c.26.418.303.883.133 1.348-.167.46-.493.788-.938.98a1.573 1.573 0 0 1-1.157.065c-.386-.12-.747-.356-1.085-.681l-.012-.011-.01-.013a2.146 2.146 0 0 0-.802-.551 2.97 2.97 0 0 0-1.132-.201c-.774 0-1.297.161-1.631.42-.318.245-.484.582-.484 1.072 0 .53.187.958.575 1.316.187.173.529.383 1.064.623a19.18 19.18 0 0 0 2.058.755l.01.003c1.461.494 2.604 1.201 3.389 2.145.798.96 1.181 2.178 1.181 3.614 0 1.465-.418 2.695-1.286 3.646-.793.87-1.91 1.431-3.305 1.718v1.165c0 .437-.137.831-.444 1.13a1.48 1.48 0 0 1-1.067.424c-.418 0-.798-.131-1.097-.424-.306-.299-.443-.693-.443-1.13v-1.203c-.947-.217-1.765-.598-2.442-1.153a6.544 6.544 0 0 1-1.771-2.29l-.004-.007Z",
-    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: "M6.141 17.793c-.205-.453-.18-.927.033-1.38.21-.445.546-.77.99-.958l.01-.004.01-.004a1.61 1.61 0 0 1 1.197.037c.401.165.73.46.99.853l.012.017.01.017c.305.554.687.94 1.143 1.184.478.255.99.383 1.544.383.84 0 1.451-.197 1.882-.54.417-.332.625-.768.625-1.357 0-.68-.23-1.194-.684-1.585-.489-.422-1.449-.883-2.952-1.357-1.464-.452-2.62-1.138-3.425-2.081C6.71 10.065 6.31 8.9 6.31 7.554a4.98 4.98 0 0 1 1.099-3.17c.687-.868 1.687-1.412 2.949-1.668V1.554c0-.437.137-.831.443-1.13C11.1.13 11.48 0 11.898 0c.407 0 .774.137 1.068.424.306.299.443.693.443 1.13v1.182c.614.16 1.197.397 1.746.712a4.988 4.988 0 0 1 1.678 1.572l.004.006.004.007c.26.418.303.883.133 1.348-.167.46-.493.788-.938.98a1.573 1.573 0 0 1-1.157.065c-.386-.12-.747-.356-1.085-.681l-.012-.011-.01-.013a2.146 2.146 0 0 0-.802-.551 2.97 2.97 0 0 0-1.132-.201c-.774 0-1.297.161-1.631.42-.318.245-.484.582-.484 1.072 0 .53.187.958.575 1.316.187.173.529.383 1.064.623a19.18 19.18 0 0 0 2.058.755l.01.003c1.461.494 2.604 1.201 3.389 2.145.798.96 1.181 2.178 1.181 3.614 0 1.465-.418 2.695-1.286 3.646-.793.87-1.91 1.431-3.305 1.718v1.165c0 .437-.137.831-.444 1.13a1.48 1.48 0 0 1-1.067.424c-.418 0-.798-.131-1.097-.424-.306-.299-.443-.693-.443-1.13v-1.203c-.947-.217-1.765-.598-2.442-1.153a6.544 6.544 0 0 1-1.771-2.29l-.004-.007Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Profile.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.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z",
-    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.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Question.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: "M17.556 20.315A10 10 0 1 1 6.444 3.685a10 10 0 0 1 11.112 16.63Zm1.11 1.663A12 12 0 1 1 5.334 2.024a12 12 0 0 1 13.334 19.954ZM12.07 6a5.2 5.2 0 0 1 2 .33c.463.178.89.439 1.26.77a3 3 0 0 1 .9 2.1 3.6 3.6 0 0 1-.21 1.33c-.124.323-.3.623-.52.89-.2.24-.432.452-.69.63-.25.17-.49.35-.71.52-.224.17-.426.369-.6.59a1.68 1.68 0 0 0-.29.65v.86h-2.27v-.75a3.36 3.36 0 0 1 .8-2c.196-.218.41-.419.64-.6.216-.16.406-.32.586-.472L13 10.82a2.43 2.43 0 0 0 .47-.56c.12-.23.175-.49.16-.75a1.56 1.56 0 0 0-.38-1.15A1.45 1.45 0 0 0 12.2 8a1.6 1.6 0 0 0-.79.14 1.64 1.64 0 0 0-.54.47 2.17 2.17 0 0 0-.31.69 3.19 3.19 0 0 0-.09.63v.22H8a4.63 4.63 0 0 1 .3-1.66 4 4 0 0 1 .82-1.31 3.82 3.82 0 0 1 1.28-.87A4.28 4.28 0 0 1 12.07 6Zm1.174 10.916a1.34 1.34 0 1 1-2.228 1.488 1.34 1.34 0 0 1 2.228-1.488Z",
-    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: "M17.556 20.315A10 10 0 1 1 6.444 3.685a10 10 0 0 1 11.112 16.63Zm1.11 1.663A12 12 0 1 1 5.334 2.024a12 12 0 0 1 13.334 19.954ZM12.07 6a5.2 5.2 0 0 1 2 .33c.463.178.89.439 1.26.77a3 3 0 0 1 .9 2.1 3.6 3.6 0 0 1-.21 1.33c-.124.323-.3.623-.52.89-.2.24-.432.452-.69.63-.25.17-.49.35-.71.52-.224.17-.426.369-.6.59a1.68 1.68 0 0 0-.29.65v.86h-2.27v-.75a3.36 3.36 0 0 1 .8-2c.196-.218.41-.419.64-.6.216-.16.406-.32.586-.472L13 10.82a2.43 2.43 0 0 0 .47-.56c.12-.23.175-.49.16-.75a1.56 1.56 0 0 0-.38-1.15A1.45 1.45 0 0 0 12.2 8a1.6 1.6 0 0 0-.79.14 1.64 1.64 0 0 0-.54.47 2.17 2.17 0 0 0-.31.69 3.19 3.19 0 0 0-.09.63v.22H8a4.63 4.63 0 0 1 .3-1.66 4 4 0 0 1 .82-1.31 3.82 3.82 0 0 1 1.28-.87A4.28 4.28 0 0 1 12.07 6Zm1.174 10.916a1.34 1.34 0 1 1-2.228 1.488 1.34 1.34 0 0 1 2.228-1.488Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};