@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/CheckCircledNotFilled.js

@@ -6,27 +6,43 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 40 40",
-  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.jsxs)("g", {
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20Z",
-      fill: "#016b6a"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "m16.562 27.951-.016.02-6.278-6.28 2.757-2.755 3.521 3.51 10.422-10.419 2.764 2.766-13.17 13.158Zm3.436-23.534c-8.255 0-14.995 6.426-15.529 14.55-.025.343-.052.682-.052 1.031 0 5.902 3.284 11.035 8.12 13.682a15.554 15.554 0 0 0 7.461 1.903c8.604 0 15.585-6.983 15.585-15.585 0-8.606-6.981-15.581-15.585-15.581Z",
-      fill: "#fff"
+}) => {
+  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 40 40",
+    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.jsxs)("g", {
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)("path", {
+        d: "M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20Z",
+        fill: "#016b6a"
+      }), (0, _jsxRuntime.jsx)("path", {
+        d: "m16.562 27.951-.016.02-6.278-6.28 2.757-2.755 3.521 3.51 10.422-10.419 2.764 2.766-13.17 13.158Zm3.436-23.534c-8.255 0-14.995 6.426-15.529 14.55-.025.343-.052.682-.052 1.031 0 5.902 3.284 11.035 8.12 13.682a15.554 15.554 0 0 0 7.461 1.903c8.604 0 15.585-6.983 15.585-15.585 0-8.606-6.981-15.581-15.585-15.581Z",
+        fill: "#fff"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,25 +7,41 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 40 40",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-      d: "M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20Z",
-      fill: "#016b6a"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-      d: "m16.562 27.951-.016.02-6.278-6.28 2.757-2.755 3.521 3.51 10.422-10.419 2.764 2.766-13.17 13.158Zm3.436-23.534c-8.255 0-14.995 6.426-15.529 14.55-.025.343-.052.682-.052 1.031 0 5.902 3.284 11.035 8.12 13.682a15.554 15.554 0 0 0 7.461 1.903c8.604 0 15.585-6.983 15.585-15.585 0-8.606-6.981-15.581-15.585-15.581Z",
-      fill: "#fff"
+}) => {
+  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 40 40",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20Z",
+        fill: "#016b6a"
+      }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "m16.562 27.951-.016.02-6.278-6.28 2.757-2.755 3.521 3.51 10.422-10.419 2.764 2.766-13.17 13.158Zm3.436-23.534c-8.255 0-14.995 6.426-15.529 14.55-.025.343-.052.682-.052 1.031 0 5.902 3.284 11.035 8.12 13.682a15.554 15.554 0 0 0 7.461 1.903c8.604 0 15.585-6.983 15.585-15.585 0-8.606-6.981-15.581-15.585-15.581Z",
+        fill: "#fff"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronDown.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.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"
-  })]
-});
+}) => {
+  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.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronDown.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.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"
-  })]
-});
+}) => {
+  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.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronLeft.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: "M16.944 20.372a2.143 2.143 0 0 1-3.03 0l-6.858-6.857a2.143 2.143 0 0 1 0-3.03l6.857-6.857a2.143 2.143 0 1 1 3.03 3.03l-5.038 5.039a.429.429 0 0 0 0 .606l5.039 5.039a2.143 2.143 0 0 1 0 3.03Z"
-  })]
-});
+}) => {
+  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.944 20.372a2.143 2.143 0 0 1-3.03 0l-6.858-6.857a2.143 2.143 0 0 1 0-3.03l6.857-6.857a2.143 2.143 0 1 1 3.03 3.03l-5.038 5.039a.429.429 0 0 0 0 .606l5.039 5.039a2.143 2.143 0 0 1 0 3.03Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronLeft.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: "M16.944 20.372a2.143 2.143 0 0 1-3.03 0l-6.858-6.857a2.143 2.143 0 0 1 0-3.03l6.857-6.857a2.143 2.143 0 1 1 3.03 3.03l-5.038 5.039a.429.429 0 0 0 0 .606l5.039 5.039a2.143 2.143 0 0 1 0 3.03Z"
-  })]
-});
+}) => {
+  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: "M16.944 20.372a2.143 2.143 0 0 1-3.03 0l-6.858-6.857a2.143 2.143 0 0 1 0-3.03l6.857-6.857a2.143 2.143 0 1 1 3.03 3.03l-5.038 5.039a.429.429 0 0 0 0 .606l5.039 5.039a2.143 2.143 0 0 1 0 3.03Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronLeftCircle.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.486 12 2.298-2.297a1.04 1.04 0 0 0 .31-.77c0-.308-.103-.572-.31-.792a1.065 1.065 0 0 0-.796-.333 1.097 1.097 0 0 0-.797.333l-3.057 3.063a1.097 1.097 0 0 0-.336.795c0 .303.112.569.336.797l3.082 3.082c.22.22.481.328.784.323.303-.004.564-.118.784-.342a1.13 1.13 0 0 0 .317-.784 1.048 1.048 0 0 0-.323-.784L11.486 12Zm-9.69 0A9.94 9.94 0 0 1 2.6 8.016 10.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.297 10.297 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.297 10.297 0 0 1-2.18 3.237 10.297 10.297 0 0 1-3.236 2.18 9.946 9.946 0 0 1-3.984.802 9.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.236 9.947 9.947 0 0 1-.8-3.984Zm2.276 0c0 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.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 12Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronLeftCircle.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.486 12 2.298-2.297a1.04 1.04 0 0 0 .31-.77c0-.308-.103-.572-.31-.792a1.065 1.065 0 0 0-.796-.333 1.097 1.097 0 0 0-.797.333l-3.057 3.063a1.097 1.097 0 0 0-.336.795c0 .303.112.569.336.797l3.082 3.082c.22.22.481.328.784.323.303-.004.564-.118.784-.342a1.13 1.13 0 0 0 .317-.784 1.048 1.048 0 0 0-.323-.784L11.486 12Zm-9.69 0A9.94 9.94 0 0 1 2.6 8.016 10.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.297 10.297 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.297 10.297 0 0 1-2.18 3.237 10.297 10.297 0 0 1-3.236 2.18 9.946 9.946 0 0 1-3.984.802 9.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.236 9.947 9.947 0 0 1-.8-3.984Zm2.276 0c0 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.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 12Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronRight.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: "M7.056 3.628a2.143 2.143 0 0 1 3.03 0l6.858 6.857a2.143 2.143 0 0 1 0 3.03l-6.857 6.857a2.143 2.143 0 0 1-3.03-3.03l5.038-5.039a.428.428 0 0 0 0-.606L7.056 6.658a2.143 2.143 0 0 1 0-3.03Z"
-  })]
-});
+}) => {
+  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: "M7.056 3.628a2.143 2.143 0 0 1 3.03 0l6.858 6.857a2.143 2.143 0 0 1 0 3.03l-6.857 6.857a2.143 2.143 0 0 1-3.03-3.03l5.038-5.039a.428.428 0 0 0 0-.606L7.056 6.658a2.143 2.143 0 0 1 0-3.03Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronRight.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: "M7.056 3.628a2.143 2.143 0 0 1 3.03 0l6.858 6.857a2.143 2.143 0 0 1 0 3.03l-6.857 6.857a2.143 2.143 0 0 1-3.03-3.03l5.038-5.039a.428.428 0 0 0 0-.606L7.056 6.658a2.143 2.143 0 0 1 0-3.03Z"
-  })]
-});
+}) => {
+  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: "M7.056 3.628a2.143 2.143 0 0 1 3.03 0l6.858 6.857a2.143 2.143 0 0 1 0 3.03l-6.857 6.857a2.143 2.143 0 0 1-3.03-3.03l5.038-5.039a.428.428 0 0 0 0-.606L7.056 6.658a2.143 2.143 0 0 1 0-3.03Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronRightCircle.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: "m12.514 12-2.298 2.297a1.04 1.04 0 0 0-.31.77c0 .308.103.572.31.792.22.224.486.335.796.333.311-.002.577-.113.797-.333l3.057-3.063c.224-.227.336-.493.336-.795 0-.303-.112-.569-.336-.797l-3.082-3.082A1.048 1.048 0 0 0 11 7.8a1.085 1.085 0 0 0-.784.342 1.13 1.13 0 0 0-.317.784c-.004.303.103.564.323.784L12.514 12Zm9.69 0a9.946 9.946 0 0 1-.804 3.984 10.297 10.297 0 0 1-2.18 3.237 10.297 10.297 0 0 1-3.236 2.18 9.947 9.947 0 0 1-3.984.802 9.946 9.946 0 0 1-3.984-.803 10.297 10.297 0 0 1-3.237-2.18 10.298 10.298 0 0 1-2.18-3.236A9.946 9.946 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 12Zm-2.276 0c0-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.301 2.217 0 4.093-.767 5.627-2.3 1.534-1.535 2.301-3.41 2.301-5.628Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronRightCircle.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: "m12.514 12-2.298 2.297a1.04 1.04 0 0 0-.31.77c0 .308.103.572.31.792.22.224.486.335.796.333.311-.002.577-.113.797-.333l3.057-3.063c.224-.227.336-.493.336-.795 0-.303-.112-.569-.336-.797l-3.082-3.082A1.048 1.048 0 0 0 11 7.8a1.085 1.085 0 0 0-.784.342 1.13 1.13 0 0 0-.317.784c-.004.303.103.564.323.784L12.514 12Zm9.69 0a9.946 9.946 0 0 1-.804 3.984 10.297 10.297 0 0 1-2.18 3.237 10.297 10.297 0 0 1-3.236 2.18 9.947 9.947 0 0 1-3.984.802 9.946 9.946 0 0 1-3.984-.803 10.297 10.297 0 0 1-3.237-2.18 10.298 10.298 0 0 1-2.18-3.236A9.946 9.946 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 12Zm-2.276 0c0-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.301 2.217 0 4.093-.767 5.627-2.3 1.534-1.535 2.301-3.41 2.301-5.628Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};