@telus-uds/palette-koodo 3.2.0 → 3.4.0

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

@@ -0,0 +1,44 @@
+"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, {
+      fill: "#FF0076",
+      d: "M22 5.67a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.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;
+};

package/build/rn/icons/Caution.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: "M1.166 22.3c-.901 0-1.46-.98-1.003-1.755L10.998 2.192a1.164 1.164 0 0 1 2.004 0l10.835 18.353a1.164 1.164 0 0 1-1.003 1.755H1.166Zm9.961-2.618h1.746v-1.746h-1.746v1.746Zm1.746-3.492h-1.746V9.207h1.746v6.983Z",
-    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: "M1.166 22.3c-.901 0-1.46-.98-1.003-1.755L10.998 2.192a1.164 1.164 0 0 1 2.004 0l10.835 18.353a1.164 1.164 0 0 1-1.003 1.755H1.166Zm9.961-2.618h1.746v-1.746h-1.746v1.746Zm1.746-3.492h-1.746V9.207h1.746v6.983Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Caution.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.Path, {
-    fillRule: "evenodd",
-    d: "M1.166 22.3c-.901 0-1.46-.98-1.003-1.755L10.998 2.192a1.164 1.164 0 0 1 2.004 0l10.835 18.353a1.164 1.164 0 0 1-1.003 1.755H1.166Zm9.961-2.618h1.746v-1.746h-1.746v1.746Zm1.746-3.492h-1.746V9.207h1.746v6.983Z",
-    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, {
+      fillRule: "evenodd",
+      d: "M1.166 22.3c-.901 0-1.46-.98-1.003-1.755L10.998 2.192a1.164 1.164 0 0 1 2.004 0l10.835 18.353a1.164 1.164 0 0 1-1.003 1.755H1.166Zm9.961-2.618h1.746v-1.746h-1.746v1.746Zm1.746-3.492h-1.746V9.207h1.746v6.983Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Check.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: "M20.415 5.25a1.902 1.902 0 0 0-2.689.055L9.1 14.66l-2.853-2.853a1.902 1.902 0 0 0-2.69 2.69l4.226 4.225a1.902 1.902 0 0 0 2.717-.027l9.97-10.756a1.902 1.902 0 0 0-.055-2.689Z"
-  })]
-});
+}) => {
+  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: "M20.415 5.25a1.902 1.902 0 0 0-2.689.055L9.1 14.66l-2.853-2.853a1.902 1.902 0 0 0-2.69 2.69l4.226 4.225a1.902 1.902 0 0 0 2.717-.027l9.97-10.756a1.902 1.902 0 0 0-.055-2.689Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,19 +7,35 @@ 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, {
-    d: "M20.415 5.25a1.902 1.902 0 0 0-2.689.055L9.1 14.66l-2.853-2.853a1.902 1.902 0 0 0-2.69 2.69l4.226 4.225a1.902 1.902 0 0 0 2.717-.027l9.97-10.756a1.902 1.902 0 0 0-.055-2.689Z"
-  })]
-});
+}) => {
+  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: "M20.415 5.25a1.902 1.902 0 0 0-2.689.055L9.1 14.66l-2.853-2.853a1.902 1.902 0 0 0-2.69 2.69l4.226 4.225a1.902 1.902 0 0 0 2.717-.027l9.97-10.756a1.902 1.902 0 0 0-.055-2.689Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CheckCircle.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: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm2 0c0 6.625-5.369 11.996-11.993 12h-.014C5.37 23.996 0 18.625 0 12 0 5.373 5.373 0 12 0s12 5.373 12 12Zm-7.546-4.55a1.49 1.49 0 0 1 2.091-.042c.59.56.609 1.485.043 2.068l-7.755 8.274a1.487 1.487 0 0 1-2.113.021l-3.287-3.25a1.452 1.452 0 0 1 0-2.07 1.49 1.49 0 0 1 2.092 0l2.22 2.196 6.709-7.197Z",
-    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: "M24 12c0 1.664-.315 3.226-.944 4.685a12.11 12.11 0 0 1-2.564 3.807 12.11 12.11 0 0 1-3.807 2.564c-1.459.63-3.02.944-4.685.944-1.664 0-3.226-.315-4.685-.944a12.111 12.111 0 0 1-3.807-2.564 12.11 12.11 0 0 1-2.564-3.807C.314 15.226 0 13.665 0 12c0-1.664.315-3.226.944-4.685a12.11 12.11 0 0 1 2.564-3.807A12.11 12.11 0 0 1 7.315.944C8.774.314 10.335 0 12 0c1.664 0 3.226.315 4.685.944a12.11 12.11 0 0 1 3.808 2.564 12.111 12.111 0 0 1 2.563 3.807c.63 1.459.944 3.02.944 4.685Zm-2.676 0c0-2.608-.902-4.814-2.706-6.618-1.804-1.804-4.01-2.706-6.618-2.706-2.608 0-4.814.902-6.618 2.706C3.578 7.186 2.676 9.392 2.676 12c0 2.608.902 4.814 2.706 6.618 1.804 1.804 4.01 2.706 6.618 2.706 2.608 0 4.814-.902 6.618-2.706 1.804-1.804 2.706-4.01 2.706-6.618Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M17.064 7.938a1.144 1.144 0 0 0-1.618.033l-5.191 5.63-1.717-1.717a1.144 1.144 0 0 0-1.619 1.618l2.543 2.543a1.145 1.145 0 0 0 1.635-.016l6-6.473a1.144 1.144 0 0 0-.033-1.618Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CheckCircle.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.Path, {
-    fillRule: "evenodd",
-    d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm2 0c0 6.625-5.369 11.996-11.993 12h-.014C5.37 23.996 0 18.625 0 12 0 5.373 5.373 0 12 0s12 5.373 12 12Zm-7.546-4.55a1.49 1.49 0 0 1 2.091-.042c.59.56.609 1.485.043 2.068l-7.755 8.274a1.487 1.487 0 0 1-2.113.021l-3.287-3.25a1.452 1.452 0 0 1 0-2.07 1.49 1.49 0 0 1 2.092 0l2.22 2.196 6.709-7.197Z",
-    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: "M24 12c0 1.664-.315 3.226-.944 4.685a12.11 12.11 0 0 1-2.564 3.807 12.11 12.11 0 0 1-3.807 2.564c-1.459.63-3.02.944-4.685.944-1.664 0-3.226-.315-4.685-.944a12.111 12.111 0 0 1-3.807-2.564 12.11 12.11 0 0 1-2.564-3.807C.314 15.226 0 13.665 0 12c0-1.664.315-3.226.944-4.685a12.11 12.11 0 0 1 2.564-3.807A12.11 12.11 0 0 1 7.315.944C8.774.314 10.335 0 12 0c1.664 0 3.226.315 4.685.944a12.11 12.11 0 0 1 3.808 2.564 12.111 12.111 0 0 1 2.563 3.807c.63 1.459.944 3.02.944 4.685Zm-2.676 0c0-2.608-.902-4.814-2.706-6.618-1.804-1.804-4.01-2.706-6.618-2.706-2.608 0-4.814.902-6.618 2.706C3.578 7.186 2.676 9.392 2.676 12c0 2.608.902 4.814 2.706 6.618 1.804 1.804 4.01 2.706 6.618 2.706 2.608 0 4.814-.902 6.618-2.706 1.804-1.804 2.706-4.01 2.706-6.618Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M17.064 7.938a1.144 1.144 0 0 0-1.618.033l-5.191 5.63-1.717-1.717a1.144 1.144 0 0 0-1.619 1.618l2.543 2.543a1.145 1.145 0 0 0 1.635-.016l6-6.473a1.144 1.144 0 0 0-.033-1.618Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CheckCircleFilled.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 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Zm-7.228-5.513a1.585 1.585 0 0 1 2.287 2.195l-8.31 8.963a1.586 1.586 0 0 1-2.263.023l-3.522-3.521a1.585 1.585 0 1 1 2.241-2.242l2.379 2.378 7.188-7.796Z",
-    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.056 16.685c.63-1.459.944-3.02.944-4.685 0-1.664-.315-3.226-.944-4.685a12.111 12.111 0 0 0-2.564-3.807A12.11 12.11 0 0 0 16.686.944C15.226.314 13.665 0 12 0c-1.664 0-3.226.315-4.685.944a12.11 12.11 0 0 0-3.807 2.564A12.11 12.11 0 0 0 .944 7.315C.314 8.774 0 10.335 0 12c0 1.664.315 3.226.944 4.685a12.11 12.11 0 0 0 2.564 3.808 12.111 12.111 0 0 0 3.807 2.563c1.459.63 3.02.944 4.685.944 1.664 0 3.226-.315 4.685-.944a12.11 12.11 0 0 0 3.808-2.564 12.11 12.11 0 0 0 2.563-3.807Zm-7.61-8.714a1.145 1.145 0 0 1 1.651 1.585l-6 6.473a1.144 1.144 0 0 1-1.634.016l-2.544-2.543a1.144 1.144 0 1 1 1.619-1.618l1.717 1.717 5.19-5.63Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CheckCircleFilled.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.Path, {
-    fillRule: "evenodd",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Zm-7.228-5.513a1.585 1.585 0 0 1 2.287 2.195l-8.31 8.963a1.586 1.586 0 0 1-2.263.023l-3.522-3.521a1.585 1.585 0 1 1 2.241-2.242l2.379 2.378 7.188-7.796Z",
-    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, {
+      fillRule: "evenodd",
+      d: "M23.056 16.685c.63-1.459.944-3.02.944-4.685 0-1.664-.315-3.226-.944-4.685a12.111 12.111 0 0 0-2.564-3.807A12.11 12.11 0 0 0 16.686.944C15.226.314 13.665 0 12 0c-1.664 0-3.226.315-4.685.944a12.11 12.11 0 0 0-3.807 2.564A12.11 12.11 0 0 0 .944 7.315C.314 8.774 0 10.335 0 12c0 1.664.315 3.226.944 4.685a12.11 12.11 0 0 0 2.564 3.808 12.111 12.111 0 0 0 3.807 2.563c1.459.63 3.02.944 4.685.944 1.664 0 3.226-.315 4.685-.944a12.11 12.11 0 0 0 3.808-2.564 12.11 12.11 0 0 0 2.563-3.807Zm-7.61-8.714a1.145 1.145 0 0 1 1.651 1.585l-6 6.473a1.144 1.144 0 0 1-1.634.016l-2.544-2.543a1.144 1.144 0 1 1 1.619-1.618l1.717 1.717 5.19-5.63Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CheckCircledFilled.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: "m9.573 17.613-.01.014-4.433-4.433 1.946-1.945 2.486 2.478 7.356-7.355 1.951 1.953-9.296 9.288zM12 1C6.17 1 1.414 5.536 1.037 11.271 1.02 11.513 1 11.752 1 12a11.002 11.002 0 0 0 10.999 11C18.072 23 23 18.07 23 11.999 23 5.924 18.072 1 11.999 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,
+    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: "m9.573 17.613-.01.014-4.433-4.433 1.946-1.945 2.486 2.478 7.356-7.355 1.951 1.953-9.296 9.288zM12 1C6.17 1 1.414 5.536 1.037 11.271 1.02 11.513 1 11.752 1 12a11.002 11.002 0 0 0 10.999 11C18.072 23 23 18.07 23 11.999 23 5.924 18.072 1 11.999 1z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,18 +7,34 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  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, {
-    d: "m9.573 17.613-.01.014-4.433-4.433 1.946-1.945 2.486 2.478 7.356-7.355 1.951 1.953-9.296 9.288zM12 1C6.17 1 1.414 5.536 1.037 11.271 1.02 11.513 1 11.752 1 12a11.002 11.002 0 0 0 10.999 11C18.072 23 23 18.07 23 11.999 23 5.924 18.072 1 11.999 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 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",
+    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: "m9.573 17.613-.01.014-4.433-4.433 1.946-1.945 2.486 2.478 7.356-7.355 1.951 1.953-9.296 9.288zM12 1C6.17 1 1.414 5.536 1.037 11.271 1.02 11.513 1 11.752 1 12a11.002 11.002 0 0 0 10.999 11C18.072 23 23 18.07 23 11.999 23 5.924 18.072 1 11.999 1z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};