@telus-uds/palette-koodo 3.2.0 → 3.4.0

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", {
+      d: "M12 22.203a9.946 9.946 0 0 1-3.984-.803 10.296 10.296 0 0 1-3.237-2.18 10.296 10.296 0 0 1-2.18-3.236A9.947 9.947 0 0 1 1.798 12c0-1.415.267-2.743.803-3.984A10.297 10.297 0 0 1 4.78 4.78 10.297 10.297 0 0 1 8.015 2.6 9.946 9.946 0 0 1 12 1.798c1.415 0 2.743.267 3.984.803 1.24.535 2.32 1.261 3.237 2.18a10.296 10.296 0 0 1 2.18 3.236A9.946 9.946 0 0 1 22.202 12a9.947 9.947 0 0 1-.803 3.984 10.295 10.295 0 0 1-2.18 3.237 10.295 10.295 0 0 1-3.236 2.18 9.947 9.947 0 0 1-3.984.802Zm0-2.275c2.217 0 4.093-.767 5.627-2.3 1.534-1.535 2.301-3.41 2.301-5.628 0-2.217-.767-4.093-2.3-5.627-1.535-1.534-3.41-2.301-5.628-2.301-2.217 0-4.093.767-5.627 2.3C4.839 7.908 4.072 9.783 4.072 12s.767 4.093 2.3 5.627c1.535 1.534 3.41 2.301 5.628 2.301Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M10.746 14.082c-.158-1.048-.03-1.68.933-2.613.631-.618 1.148-1.206 1.148-1.981 0-.647-.459-.977-1.076-.977-.776 0-1.293.287-1.666.675h-.804v-1.55c.66-.446 1.493-.762 2.599-.762 1.967 0 3.158.876 3.158 2.6 0 1.09-.53 1.765-1.464 2.526-.861.718-1.407 1.091-1.335 2.082h-1.493Zm.818 3.044c-.66 0-1.177-.503-1.177-1.149s.516-1.163 1.177-1.163a1.17 1.17 0 0 1 1.177 1.163c0 .646-.531 1.149-1.177 1.149Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/QuestionFilled.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M18.667 21.978A12 12 0 1 1 5.333 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: "M8.096 21.213A9.747 9.747 0 0 0 12 22a9.748 9.748 0 0 0 3.904-.787 10.09 10.09 0 0 0 3.173-2.136c.9-.9 1.611-1.957 2.136-3.173A9.748 9.748 0 0 0 22 12a9.747 9.747 0 0 0-.787-3.904 10.09 10.09 0 0 0-2.136-3.173 10.09 10.09 0 0 0-3.173-2.136A9.749 9.749 0 0 0 12 2a9.748 9.748 0 0 0-3.904.787 10.092 10.092 0 0 0-3.173 2.136c-.9.9-1.611 1.957-2.136 3.173A9.748 9.748 0 0 0 2 12c0 1.387.262 2.688.787 3.904a10.09 10.09 0 0 0 2.136 3.173c.9.9 1.957 1.611 3.173 2.136Zm3.433-9.734c-.943.915-1.07 1.534-.915 2.561h1.463c-.065-.904.394-1.283 1.139-1.9l.17-.14c.915-.746 1.435-1.407 1.435-2.477 0-1.688-1.168-2.546-3.095-2.546-1.084 0-1.9.31-2.547.745v1.52h.788c.366-.38.872-.661 1.632-.661.605 0 1.055.323 1.055.957 0 .76-.506 1.336-1.125 1.941Zm-1.267 4.419c0 .633.507 1.125 1.154 1.125.633 0 1.154-.492 1.154-1.125s-.52-1.14-1.154-1.14c-.647 0-1.154.507-1.154 1.14Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/QuoteLeft.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.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
-    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.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/QuoteLeftArrow.js

@@ -6,27 +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", {
-    fillRule: "evenodd",
-    d: "M12.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
-    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: "m16.196 11.766 4.7 4.732c.321.32.484.716.489 1.186.004.469-.158.869-.489 1.2a1.62 1.62 0 0 1-1.193.481 1.62 1.62 0 0 1-1.192-.482l-5.907-5.906a1.66 1.66 0 0 1-.374-.564 1.735 1.735 0 0 1 0-1.294 1.66 1.66 0 0 1 .374-.564l5.907-5.907a1.636 1.636 0 0 1 1.185-.488c.47-.005.87.158 1.2.488.321.321.482.719.482 1.193 0 .474-.16.872-.482 1.193l-4.7 4.732Zm-8.737 0 4.718 4.732c.321.32.484.716.489 1.186.004.469-.159.869-.49 1.2a1.62 1.62 0 0 1-1.192.481 1.62 1.62 0 0 1-1.193-.482l-5.906-5.906a1.66 1.66 0 0 1-.374-.564 1.735 1.735 0 0 1 0-1.294 1.66 1.66 0 0 1 .374-.564L9.79 4.648a1.636 1.636 0 0 1 1.186-.488c.47-.005.87.158 1.2.488.321.321.482.719.482 1.193 0 .474-.161.872-.482 1.193l-4.718 4.732Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/QuoteRightArrow.js

@@ -6,27 +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", {
-    fillRule: "evenodd",
-    d: "M2.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L3.62 20.691c-.217.278-.894.527-1.345 0Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M11.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975l-8.695 8.264c-.217.278-.894.527-1.345 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", {
+      d: "m8.189 11.996-4.7-4.732A1.636 1.636 0 0 1 3 6.08a1.61 1.61 0 0 1 .489-1.2 1.62 1.62 0 0 1 1.193-.482c.474 0 .871.16 1.192.482l5.907 5.907c.165.165.29.353.374.564a1.734 1.734 0 0 1 0 1.293 1.66 1.66 0 0 1-.374.564l-5.907 5.907a1.636 1.636 0 0 1-1.185.489 1.61 1.61 0 0 1-1.2-.489 1.62 1.62 0 0 1-.482-1.193c0-.474.16-.872.482-1.192l4.7-4.732Zm8.737 0-4.718-4.732a1.636 1.636 0 0 1-.489-1.185 1.61 1.61 0 0 1 .489-1.2 1.62 1.62 0 0 1 1.193-.482c.474 0 .872.16 1.193.482l5.906 5.907c.165.165.29.353.374.564a1.734 1.734 0 0 1 0 1.293 1.66 1.66 0 0 1-.374.564l-5.906 5.907a1.636 1.636 0 0 1-1.186.489 1.61 1.61 0 0 1-1.2-.489 1.62 1.62 0 0 1-.482-1.193c0-.474.16-.872.482-1.192l4.718-4.732Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/RadialOutline.js

@@ -6,20 +6,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  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: "M12 3.64c-4.61 0-8.361 3.751-8.361 8.36s3.75 8.36 8.361 8.36c4.61 0 8.36-3.751 8.36-8.36S16.61 3.64 12 3.64M12 23C5.935 23 1 18.065 1 12 1 5.934 5.935 1 12 1s11 4.934 11 11c0 6.065-4.935 11-11 11"
-  })]
-});
+}) => {
+  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,
+    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: "M12 3.64c-4.61 0-8.361 3.751-8.361 8.36s3.75 8.36 8.361 8.36c4.61 0 8.36-3.751 8.36-8.36S16.61 3.64 12 3.64M12 23C5.935 23 1 18.065 1 12 1 5.934 5.935 1 12 1s11 4.934 11 11c0 6.065-4.935 11-11 11"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/RadialOutlineChecked.js

@@ -6,20 +6,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  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: "M12 20.36c-4.609 0-8.36-3.75-8.36-8.36 0-4.61 3.751-8.36 8.36-8.36 4.61 0 8.36 3.75 8.36 8.36 0 4.61-3.75 8.36-8.36 8.36M12 1C5.935 1 1 5.935 1 12c0 6.066 4.934 11 11 11s11-4.934 11-11c0-6.065-4.934-11-11-11m0 17.6a6.6 6.6 0 1 1 0-13.2 6.6 6.6 0 0 1 0 13.2"
-  })]
-});
+}) => {
+  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,
+    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: "M12 20.36c-4.609 0-8.36-3.75-8.36-8.36 0-4.61 3.751-8.36 8.36-8.36 4.61 0 8.36 3.75 8.36 8.36 0 4.61-3.75 8.36-8.36 8.36M12 1C5.935 1 1 5.935 1 12c0 6.066 4.934 11 11 11s11-4.934 11-11c0-6.065-4.934-11-11-11m0 17.6a6.6 6.6 0 1 1 0-13.2 6.6 6.6 0 0 1 0 13.2"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Receipt.js

@@ -6,23 +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 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: "M16.656 12.31a.567.567 0 0 0 .11-.357.557.557 0 0 0-.527-.566h-5.677a.557.557 0 0 0-.407.556.548.548 0 0 0 .517.577h5.677a.566.566 0 0 0 .307-.21Zm4.952 5.956a.566.566 0 0 1-.378.557h-2.108a.527.527 0 0 1-.477-.567.557.557 0 0 1 .368-.566h2.088a.537.537 0 0 1 .507.576Zm-4.953.352a.557.557 0 0 0 .111-.352.557.557 0 0 0-.527-.576h-5.677a.567.567 0 0 0-.407.566.547.547 0 0 0 .517.567h5.677a.557.557 0 0 0 .306-.205Zm.111-3.503a.557.557 0 0 1-.417.556h-5.677a.547.547 0 0 1-.517-.566.567.567 0 0 1 .407-.567h5.677a.557.557 0 0 1 .527.577ZM23.938 1.81c.472.44.756 1.047.792 1.693V19.22a3.559 3.559 0 0 1-3.37 3.56H4.457A3.649 3.649 0 0 1 .73 19.33v-7.388a.567.567 0 0 1 .457-.556h5.846V3.671a2.515 2.515 0 0 1 2.376-2.536h12.785a2.506 2.506 0 0 1 1.744.674ZM6.24 20.934c.48-.456.765-1.081.793-1.743V12.53h-5.16v6.601a2.516 2.516 0 0 0 2.585 2.506 2.555 2.555 0 0 0 1.782-.703Zm16.599.042c.449-.423.72-1 .757-1.616V3.672a1.383 1.383 0 0 0-1.402-1.392H9.578a1.372 1.372 0 0 0-1.402 1.262v15.49c.011.84-.262 1.66-.775 2.326l-.219.279H21.18a2.426 2.426 0 0 0 1.659-.66Zm-1.231-16.23a.557.557 0 0 0-.557-.458h-10.38a.566.566 0 0 0-.447.557V8.91a.566.566 0 0 0 .557.467h10.37a.557.557 0 0 0 .457-.576V4.745Zm-1.124 3.479h-9.146V5.43h9.107l.04 2.794Zm1.026 7.23c.069-.1.103-.22.098-.34a.532.532 0 0 0-.302-.524.537.537 0 0 0-.205-.053h-2.088a.557.557 0 0 0-.368.567.527.527 0 0 0 .477.566h2.108a.567.567 0 0 0 .28-.216Zm.098-3.502a.547.547 0 0 1-.378.557h-2.088a.528.528 0 0 1-.477-.577.556.556 0 0 1 .368-.556h2.088a.537.537 0 0 1 .487.576Z",
-    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: "M18.218 7.492a1.036 1.036 0 1 1-2.072 0 1.036 1.036 0 0 1 2.072 0Zm0 3.105a1.036 1.036 0 1 1-2.072 0 1.036 1.036 0 0 1 2.072 0ZM8.904 7.492c0-.572.464-1.036 1.036-1.036h4.145a1.036 1.036 0 1 1 0 2.072H9.94a1.036 1.036 0 0 1-1.036-1.036Zm0 3.105c0-.572.464-1.036 1.036-1.036h4.145a1.036 1.036 0 0 1 0 2.072H9.94a1.036 1.036 0 0 1-1.036-1.036Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M6.82 2c-.572 0-1.035.464-1.035 1.036v12.739h-1.73c-.763 0-1.382.618-1.382 1.381v2.788c0 1.131.937 2.048 2.068 2.048.002 0 .004.002.004.004s.002.004.004.004h14.506a2.072 2.072 0 0 0 2.072-2.072V3.036c0-.572-.464-1.036-1.036-1.036H6.82Zm12.435 2.454H7.856v11.32h8.292c.572 0 1.036.464 1.036 1.037v2.082a1.035 1.035 0 1 0 2.07 0V4.453Zm-4.142 13.392v2.082H5.78a1.036 1.036 0 0 1-1.036-1.036v-1.046h10.367Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Refresh.js

@@ -6,23 +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", {
-    fillRule: "evenodd",
-    d: "M22.853.294a1 1 0 0 1 .292.707h-.04v7.48a1.449 1.449 0 0 1-.05.2.847.847 0 0 1 0 .17c-.03.06-.1.15-.1.15a.668.668 0 0 1-.13.11 1.001 1.001 0 0 1-.15.11 1.06 1.06 0 0 1-.2.12.87.87 0 0 1-.32.06h-7.399a1 1 0 0 1 0-2h5.88A9.76 9.76 0 0 0 2.767 8.72a1 1 0 0 1-1.27.61 1 1 0 0 1-.61-1.26 11.73 11.73 0 0 1 20.259-3.49V1a1 1 0 0 1 1.707-.707Zm-1.172 14.41a1 1 0 0 1 .765-.034 1 1 0 0 1 .67 1.27 11.739 11.739 0 0 1-20.169 3.4V23a1 1 0 1 1-2 0v-7.5a1.6 1.6 0 0 1 0-.21.85.85 0 0 1 0-.17.781.781 0 0 1 .1-.15.998.998 0 0 1 .12-.16.431.431 0 0 1 .13-.09c.06-.046.123-.086.19-.12h.17a.985.985 0 0 1 .17 0h7.44a1 1 0 1 1 0 2h-5.86a9.76 9.76 0 0 0 17.759-1.33 1 1 0 0 1 .515-.565Z",
-    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: "M19.092 19.028c-1.958 1.958-4.31 2.949-7.057 2.972-2.747.023-5.095-.94-7.042-2.887l-.157-.157v1.354c0 .338-.128.633-.382.884a1.228 1.228 0 0 1-.89.377c-.339 0-.635-.127-.887-.38a1.215 1.215 0 0 1-.38-.887l-.005-4.474c0-.396.133-.726.4-.992.265-.266.596-.4.991-.4l4.475.006c.339 0 .635.126.887.38.253.252.38.547.38.886 0 .34-.128.636-.382.89a1.22 1.22 0 0 1-.89.382H6.809l.142.141c1.4 1.401 3.09 2.095 5.068 2.083 1.977-.012 3.678-.73 5.1-2.152.224-.224.43-.457.616-.698.187-.24.352-.499.497-.774a1.8 1.8 0 0 1 .812-.779 1.47 1.47 0 0 1 1.08-.077c.393.12.668.357.826.713a1.18 1.18 0 0 1-.04 1.068 8.436 8.436 0 0 1-.803 1.339c-.309.42-.647.814-1.015 1.182ZM6.882 6.948c-.225.225-.43.458-.617.699-.187.24-.352.499-.497.774a1.838 1.838 0 0 1-.82.787 1.467 1.467 0 0 1-1.09.085 1.2 1.2 0 0 1-.807-.696 1.177 1.177 0 0 1 .022-1.052 9.485 9.485 0 0 1 1.834-2.57C6.867 3.017 9.22 2.025 11.968 2c2.75-.024 5.098.937 7.046 2.885l.157.157V3.698c0-.339.126-.634.379-.887.252-.253.548-.38.887-.38.339 0 .636.128.89.383.254.254.382.55.382.89v4.469a1.368 1.368 0 0 1-1.386 1.386l-4.475-.006a1.22 1.22 0 0 1-.89-.381 1.22 1.22 0 0 1-.381-.89c0-.339.127-.636.381-.89a1.22 1.22 0 0 1 .89-.382l1.35.006-.142-.142c-1.401-1.4-3.091-2.094-5.071-2.08-1.98.014-3.68.732-5.103 2.155Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};