@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/BulletCircle.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  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",
-    clipRule: "evenodd",
-    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
-  })]
-});
+}) => {
+  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",
+    xmlns: "http://www.w3.org/2000/svg",
+    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",
+      clipRule: "evenodd",
+      d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BulletCircle.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
-  })]
-});
+}) => {
+  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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BulletFill.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)("circle", {
-    cx: 12,
-    cy: 12,
-    r: 3
-  })]
-});
+}) => {
+  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)("circle", {
+      cx: 12,
+      cy: 12,
+      r: 3
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BulletFill.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-    cx: 12,
-    cy: 12,
-    r: 3
-  })]
-});
+}) => {
+  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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: 12,
+      cy: 12,
+      r: 3
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CanadaFilled.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M11.763 1.124c.1-.165.34-.165.44 0l1.907 3.183a.256.256 0 0 0 .3.11l1.507-.5a.256.256 0 0 1 .331.299L15.03 9.67c-.111.5.5.836.862.474l2.803-2.806a.257.257 0 0 1 .425.101l.515 1.573c.042.127.175.2.305.168l2.054-.512a.256.256 0 0 1 .291.362l-.997 2a.255.255 0 0 0 .128.349l1.429.61c.18.078.21.322.053.44l-5.493 4.12a.257.257 0 0 0-.088.287l.537 1.604a.26.26 0 0 1-.294.336c-.862-.164-2.7-.515-4.403-.628V22a.998.998 0 0 1-.96.998c-.007 0-.014.003-.022.003L12.168 23h-.01a1 1 0 0 1-1-1v-3.862c-1.737.094-3.766.467-4.664.64a.259.259 0 0 1-.294-.337l.52-1.554a.256.256 0 0 0-.09-.285L1.103 12.46a.256.256 0 0 1 .072-.448l1.44-.477a.256.256 0 0 0 .149-.357L1.692 9.025a.256.256 0 0 1 .29-.362l2.047.51a.256.256 0 0 0 .305-.168l.517-1.563a.256.256 0 0 1 .424-.1l2.808 2.817c.362.363.973.027.86-.474l-1.23-5.461a.256.256 0 0 1 .332-.3l1.491.506a.256.256 0 0 0 .302-.11l1.925-3.196Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CanadaFilled.native.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M11.763 1.124c.1-.165.34-.165.44 0l1.907 3.183a.256.256 0 0 0 .3.11l1.507-.5a.256.256 0 0 1 .331.299L15.03 9.67c-.111.5.5.836.862.474l2.803-2.806a.257.257 0 0 1 .425.101l.515 1.573c.042.127.175.2.305.168l2.054-.512a.256.256 0 0 1 .291.362l-.997 2a.255.255 0 0 0 .128.349l1.429.61c.18.078.21.322.053.44l-5.493 4.12a.257.257 0 0 0-.088.287l.537 1.604a.26.26 0 0 1-.294.336c-.862-.164-2.7-.515-4.403-.628V22a.998.998 0 0 1-.96.998c-.007 0-.014.003-.022.003L12.168 23h-.01a1 1 0 0 1-1-1v-3.862c-1.737.094-3.766.467-4.664.64a.259.259 0 0 1-.294-.337l.52-1.554a.256.256 0 0 0-.09-.285L1.103 12.46a.256.256 0 0 1 .072-.448l1.44-.477a.256.256 0 0 0 .149-.357L1.692 9.025a.256.256 0 0 1 .29-.362l2.047.51a.256.256 0 0 0 .305-.168l.517-1.563a.256.256 0 0 1 .424-.1l2.808 2.817c.362.363.973.027.86-.474l-1.23-5.461a.256.256 0 0 1 .332-.3l1.491.506a.256.256 0 0 0 .302-.11l1.925-3.196Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Cart.js

@@ -6,21 +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", {
-    d: "M23.806 5.824a.988.988 0 0 0-.338-.276 1.03 1.03 0 0 0-.43-.107H6.26l-.747-2.059a.966.966 0 0 0-.353-.422 1.025 1.025 0 0 0-.535-.172h-3.58a.984.984 0 0 0-.731.23.912.912 0 0 0-.231.306.88.88 0 0 0 .23 1.045.984.984 0 0 0 .732.23h2.991l4.895 13.404c-.223.315-.35.683-.369 1.063 0 .496.18.977.507 1.362a2.26 2.26 0 0 0 1.289.747c.506.1 1.033.027 1.49-.204a2.19 2.19 0 0 0 1.021-1.063H16c.16.359.416.67.743.899a2.324 2.324 0 0 0 2.293.201c.366-.168.677-.429.9-.754a2.085 2.085 0 0 0 .105-2.209 2.195 2.195 0 0 0-.825-.829 2.315 2.315 0 0 0-2.325.016 2.17 2.17 0 0 0-.82.867h-3.26a2.198 2.198 0 0 0-.824-.863 2.323 2.323 0 0 0-1.17-.325 2.075 2.075 0 0 0-.35 0l-.289-.804h9.601a.955.955 0 0 0 .55-.157.896.896 0 0 0 .348-.436l3.3-8.896a.92.92 0 0 0-.17-.794Zm-5.762 14.008a.85.85 0 0 1-.457-.139.8.8 0 0 1-.3-.358.765.765 0 0 1-.044-.459.786.786 0 0 1 .229-.404.86.86 0 0 1 .9-.168c.151.06.28.162.37.293a.772.772 0 0 1-.107 1.005.83.83 0 0 1-.591.23Zm-7.239-1.59c.22 0 .43.084.586.233a.78.78 0 0 1 .242.562.78.78 0 0 1-.242.562.845.845 0 0 1-.902.172.83.83 0 0 1-.269-.172.794.794 0 0 1-.242-.562.768.768 0 0 1 .242-.562.83.83 0 0 1 .585-.233Zm8.305-3.964H9.57L6.936 7.25h14.765l-2.592 7.028Z"
-  })]
-});
+}) => {
+  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.578 20.354c.391.39.861.586 1.41.586.55 0 1.02-.195 1.411-.587.391-.39.587-.86.587-1.41 0-.55-.196-1.02-.587-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.41.586a1.923 1.923 0 0 0-.588 1.411c0 .55.196 1.02.587 1.41Zm5.992 0c.39.39.86.586 1.41.586.55 0 1.02-.195 1.41-.587.392-.39.587-.86.587-1.41 0-.55-.195-1.02-.586-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.411.586a1.923 1.923 0 0 0-.587 1.411c0 .55.195 1.02.587 1.41Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M2.999 3.06a.999.999 0 0 0 0 1.997h1.09L5.78 9.022l2.323 6.482c.165.35.517.572.903.572h8.226a.999.999 0 0 0 .88-.525l3.767-9.038A.999.999 0 0 0 21 5.04H6.3l-.414-.854A1.997 1.997 0 0 0 4.088 3.06h-1.09Zm6.686 11.019L7.645 8.19l-.366-1.153h12.049l-2.692 7.04h-6.95Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Cart.native.js

@@ -7,19 +7,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 25 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M23.806 5.824a.988.988 0 0 0-.338-.276 1.03 1.03 0 0 0-.43-.107H6.26l-.747-2.059a.966.966 0 0 0-.353-.422 1.025 1.025 0 0 0-.535-.172h-3.58a.984.984 0 0 0-.731.23.912.912 0 0 0-.231.306.88.88 0 0 0 .23 1.045.984.984 0 0 0 .732.23h2.991l4.895 13.404c-.223.315-.35.683-.369 1.063 0 .496.18.977.507 1.362a2.26 2.26 0 0 0 1.289.747c.506.1 1.033.027 1.49-.204a2.19 2.19 0 0 0 1.021-1.063H16c.16.359.416.67.743.899a2.324 2.324 0 0 0 2.293.201c.366-.168.677-.429.9-.754a2.085 2.085 0 0 0 .105-2.209 2.195 2.195 0 0 0-.825-.829 2.315 2.315 0 0 0-2.325.016 2.17 2.17 0 0 0-.82.867h-3.26a2.198 2.198 0 0 0-.824-.863 2.323 2.323 0 0 0-1.17-.325 2.075 2.075 0 0 0-.35 0l-.289-.804h9.601a.955.955 0 0 0 .55-.157.896.896 0 0 0 .348-.436l3.3-8.896a.92.92 0 0 0-.17-.794Zm-5.762 14.008a.85.85 0 0 1-.457-.139.8.8 0 0 1-.3-.358.765.765 0 0 1-.044-.459.786.786 0 0 1 .229-.404.86.86 0 0 1 .9-.168c.151.06.28.162.37.293a.772.772 0 0 1-.107 1.005.83.83 0 0 1-.591.23Zm-7.239-1.59c.22 0 .43.084.586.233a.78.78 0 0 1 .242.562.78.78 0 0 1-.242.562.845.845 0 0 1-.902.172.83.83 0 0 1-.269-.172.794.794 0 0 1-.242-.562.768.768 0 0 1 .242-.562.83.83 0 0 1 .585-.233Zm8.305-3.964H9.57L6.936 7.25h14.765l-2.592 7.028Z"
-  })]
-});
+}) => {
+  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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M8.578 20.354c.391.39.861.586 1.41.586.55 0 1.02-.195 1.411-.587.391-.39.587-.86.587-1.41 0-.55-.196-1.02-.587-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.41.586a1.923 1.923 0 0 0-.588 1.411c0 .55.196 1.02.587 1.41Zm5.992 0c.39.39.86.586 1.41.586.55 0 1.02-.195 1.41-.587.392-.39.587-.86.587-1.41 0-.55-.195-1.02-.586-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.411.586a1.923 1.923 0 0 0-.587 1.411c0 .55.195 1.02.587 1.41Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M2.999 3.06a.999.999 0 0 0 0 1.997h1.09L5.78 9.022l2.323 6.482c.165.35.517.572.903.572h8.226a.999.999 0 0 0 .88-.525l3.767-9.038A.999.999 0 0 0 21 5.04H6.3l-.414-.854A1.997 1.997 0 0 0 4.088 3.06h-1.09Zm6.686 11.019L7.645 8.19l-.366-1.153h12.049l-2.692 7.04h-6.95Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CartFilled.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 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: "M19.796 9.976c.326.081.66.125.996.13a3.66 3.66 0 0 0 .876-.13l-1.872 5.298a.887.887 0 0 1-.857.598H9.767l.278.797c.11-.01.22-.01.33 0a2.132 2.132 0 0 1 1.911 1.175h3.128a2.12 2.12 0 0 1 1.912-1.175 2.141 2.141 0 1 1-1.992 2.988h-2.988a2.14 2.14 0 0 1-4.113-.847c-.006-.368.091-.73.279-1.046L3.83 4.448H1.002a.906.906 0 1 1 0-1.803h3.466a.916.916 0 0 1 .847.588l.757 2.052h10.577a4.622 4.622 0 0 0 0 .657 4.153 4.153 0 0 0 3.147 4.034ZM17.6 18.13a.788.788 0 0 0-.304-.057.797.797 0 1 0 .797.787.788.788 0 0 0-.493-.73Zm-6.67.173a.787.787 0 0 0-.556-.23v-.05a.788.788 0 0 0-.787.837.787.787 0 1 0 1.344-.557ZM23.476 7.702A3.188 3.188 0 0 0 24 5.942a3.207 3.207 0 0 0-6.354-.657 2.828 2.828 0 0 0-.07.657c.001.392.076.78.219 1.146a3.217 3.217 0 0 0 2.29 1.991c.234.044.47.067.708.07a2.98 2.98 0 0 0 1.275-.269 3.187 3.187 0 0 0 1.408-1.178Z",
-    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.578 20.354c.391.39.861.586 1.41.586.55 0 1.02-.195 1.411-.587.391-.39.587-.86.587-1.41 0-.55-.196-1.02-.587-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.41.586a1.923 1.923 0 0 0-.588 1.411c0 .55.196 1.02.587 1.41Zm5.992 0c.39.39.86.586 1.41.586.55 0 1.02-.195 1.41-.587.392-.39.587-.86.587-1.41 0-.55-.195-1.02-.586-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.411.586a1.923 1.923 0 0 0-.587 1.411c0 .55.195 1.02.587 1.41Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M2.999 3.06a.999.999 0 0 0 0 1.997h1.09L5.78 9.022l2.323 6.482c.165.35.517.572.903.572h8.226a.999.999 0 0 0 .88-.525l3.767-9.038A.999.999 0 0 0 21 5.04H6.3l-.414-.854A1.997 1.997 0 0 0 4.088 3.06h-1.09Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CartFilled.native.js

@@ -7,21 +7,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M19.796 9.976c.326.081.66.125.996.13a3.66 3.66 0 0 0 .876-.13l-1.872 5.298a.887.887 0 0 1-.857.598H9.767l.278.797c.11-.01.22-.01.33 0a2.132 2.132 0 0 1 1.911 1.175h3.128a2.12 2.12 0 0 1 1.912-1.175 2.141 2.141 0 1 1-1.992 2.988h-2.988a2.14 2.14 0 0 1-4.113-.847c-.006-.368.091-.73.279-1.046L3.83 4.448H1.002a.906.906 0 1 1 0-1.803h3.466a.916.916 0 0 1 .847.588l.757 2.052h10.577a4.622 4.622 0 0 0 0 .657 4.153 4.153 0 0 0 3.147 4.034ZM17.6 18.13a.788.788 0 0 0-.304-.057.797.797 0 1 0 .797.787.788.788 0 0 0-.493-.73Zm-6.67.173a.787.787 0 0 0-.556-.23v-.05a.788.788 0 0 0-.787.837.787.787 0 1 0 1.344-.557ZM23.476 7.702A3.188 3.188 0 0 0 24 5.942a3.207 3.207 0 0 0-6.354-.657 2.828 2.828 0 0 0-.07.657c.001.392.076.78.219 1.146a3.217 3.217 0 0 0 2.29 1.991c.234.044.47.067.708.07a2.98 2.98 0 0 0 1.275-.269 3.187 3.187 0 0 0 1.408-1.178Z",
-    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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M8.578 20.354c.391.39.861.586 1.41.586.55 0 1.02-.195 1.411-.587.391-.39.587-.86.587-1.41 0-.55-.196-1.02-.587-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.41.586a1.923 1.923 0 0 0-.588 1.411c0 .55.196 1.02.587 1.41Zm5.992 0c.39.39.86.586 1.41.586.55 0 1.02-.195 1.41-.587.392-.39.587-.86.587-1.41 0-.55-.195-1.02-.586-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.411.586a1.923 1.923 0 0 0-.587 1.411c0 .55.195 1.02.587 1.41Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M2.999 3.06a.999.999 0 0 0 0 1.997h1.09L5.78 9.022l2.323 6.482c.165.35.517.572.903.572h8.226a.999.999 0 0 0 .88-.525l3.767-9.038A.999.999 0 0 0 21 5.04H6.3l-.414-.854A1.997 1.997 0 0 0 4.088 3.06h-1.09Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CartFilledMulti.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M22 5.67a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M15.007 5.43H6.3l-.413-.854a1.997 1.997 0 0 0-1.798-1.127h-1.09a.999.999 0 1 0 0 1.997h1.09L5.78 9.411l2.323 6.482a1 1 0 0 0 .903.572h8.226a.999.999 0 0 0 .88-.525l2.82-6.766a4 4 0 0 1-5.925-3.745ZM8.578 20.742a1.92 1.92 0 0 0 1.41.587c.55 0 1.02-.195 1.411-.587.391-.39.587-.86.587-1.41 0-.55-.196-1.02-.587-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.41.587a1.923 1.923 0 0 0-.588 1.41c0 .55.196 1.02.587 1.41Zm5.992 0c.39.392.86.587 1.41.587.55 0 1.02-.195 1.41-.587.392-.39.587-.86.587-1.41 0-.55-.195-1.02-.586-1.41a1.923 1.923 0 0 0-1.41-.587c-.55 0-1.02.195-1.411.587a1.923 1.923 0 0 0-.587 1.41c0 .55.195 1.02.587 1.41Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};