@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/ExclamationOctagon.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: "M0 16.97V7.03L7.014 0h9.956L24 7.03v9.94L16.97 24H7.014L0 16.97Zm10.286-9.102.919 6.645 1.565.058.927-6.703.017-3.582h-3.428v3.582Zm0 9.275v3.374l3.357.054h.018l.053-3.374-3.428-.054Z",
-    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: "M0 16.97V7.03L7.014 0h9.956L24 7.03v9.94L16.97 24H7.014L0 16.97Zm10.286-9.102.919 6.645 1.565.058.927-6.703.017-3.582h-3.428v3.582Zm0 9.275v3.374l3.357.054h.018l.053-3.374-3.428-.054Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ExclamationOctagon.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: "M0 16.97V7.03L7.014 0h9.956L24 7.03v9.94L16.97 24H7.014L0 16.97Zm10.286-9.102.919 6.645 1.565.058.927-6.703.017-3.582h-3.428v3.582Zm0 9.275v3.374l3.357.054h.018l.053-3.374-3.428-.054Z",
-    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: "M0 16.97V7.03L7.014 0h9.956L24 7.03v9.94L16.97 24H7.014L0 16.97Zm10.286-9.102.919 6.645 1.565.058.927-6.703.017-3.582h-3.428v3.582Zm0 9.275v3.374l3.357.054h.018l.053-3.374-3.428-.054Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ExclamationTriangle.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 22.345H0l11.648-20.69L24 22.345ZM7.42 14.069a.828.828 0 0 0 0 1.655h9.16a.828.828 0 0 0 0-1.655H7.42Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M24 22.345H0l11.648-20.69L24 22.345ZM7.42 14.069a.828.828 0 0 0 0 1.655h9.16a.828.828 0 0 0 0-1.655H7.42Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ExclamationTriangle.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 22.345H0l11.648-20.69L24 22.345ZM7.42 14.069a.828.828 0 0 0 0 1.655h9.16a.828.828 0 0 0 0-1.655H7.42Z",
-    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: "M24 22.345H0l11.648-20.69L24 22.345ZM7.42 14.069a.828.828 0 0 0 0 1.655h9.16a.828.828 0 0 0 0-1.655H7.42Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Expand.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.207 4.311a.892.892 0 0 0-.194-.281.892.892 0 0 0-.288-.2l-.01-.004-.011-.004a.983.983 0 0 0-.162-.034.662.662 0 0 0-.138-.027h-.007l-4.947.04a.905.905 0 0 0-.037 1.81l2.794-.087-4.435 4.435a.892.892 0 1 0 1.262 1.262l4.446-4.446-.06 2.805a.905.905 0 0 0 .585.812.901.901 0 0 0 1.215-.874l.057-4.871a.54.54 0 0 0-.032-.176l-.03-.141-.008-.019ZM3.793 19.688a.893.893 0 0 0 .194.282c.081.085.18.153.287.2l.011.004.011.003a.97.97 0 0 0 .162.035.66.66 0 0 0 .138.027h.007l4.947-.04a.905.905 0 0 0 .037-1.81l-2.794.087 4.435-4.435a.892.892 0 0 0-1.262-1.262L5.52 17.224l.06-2.804a.903.903 0 0 0-.932-.869.9.9 0 0 0-.868.93l-.057 4.872c0 .06.012.12.032.176l.03.141.008.018Z"
-  })]
-});
+}) => {
+  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.207 4.311a.892.892 0 0 0-.194-.281.892.892 0 0 0-.288-.2l-.01-.004-.011-.004a.983.983 0 0 0-.162-.034.662.662 0 0 0-.138-.027h-.007l-4.947.04a.905.905 0 0 0-.037 1.81l2.794-.087-4.435 4.435a.892.892 0 1 0 1.262 1.262l4.446-4.446-.06 2.805a.905.905 0 0 0 .585.812.901.901 0 0 0 1.215-.874l.057-4.871a.54.54 0 0 0-.032-.176l-.03-.141-.008-.019ZM3.793 19.688a.893.893 0 0 0 .194.282c.081.085.18.153.287.2l.011.004.011.003a.97.97 0 0 0 .162.035.66.66 0 0 0 .138.027h.007l4.947-.04a.905.905 0 0 0 .037-1.81l-2.794.087 4.435-4.435a.892.892 0 0 0-1.262-1.262L5.52 17.224l.06-2.804a.903.903 0 0 0-.932-.869.9.9 0 0 0-.868.93l-.057 4.872c0 .06.012.12.032.176l.03.141.008.018Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Expand.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.207 4.311a.892.892 0 0 0-.194-.281.892.892 0 0 0-.288-.2l-.01-.004-.011-.004a.983.983 0 0 0-.162-.034.662.662 0 0 0-.138-.027h-.007l-4.947.04a.905.905 0 0 0-.037 1.81l2.794-.087-4.435 4.435a.892.892 0 1 0 1.262 1.262l4.446-4.446-.06 2.805a.905.905 0 0 0 .585.812.901.901 0 0 0 1.215-.874l.057-4.871a.54.54 0 0 0-.032-.176l-.03-.141-.008-.019ZM3.793 19.688a.893.893 0 0 0 .194.282c.081.085.18.153.287.2l.011.004.011.003a.97.97 0 0 0 .162.035.66.66 0 0 0 .138.027h.007l4.947-.04a.905.905 0 0 0 .037-1.81l-2.794.087 4.435-4.435a.892.892 0 0 0-1.262-1.262L5.52 17.224l.06-2.804a.903.903 0 0 0-.932-.869.9.9 0 0 0-.868.93l-.057 4.872c0 .06.012.12.032.176l.03.141.008.018Z"
-  })]
-});
+}) => {
+  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.207 4.311a.892.892 0 0 0-.194-.281.892.892 0 0 0-.288-.2l-.01-.004-.011-.004a.983.983 0 0 0-.162-.034.662.662 0 0 0-.138-.027h-.007l-4.947.04a.905.905 0 0 0-.037 1.81l2.794-.087-4.435 4.435a.892.892 0 1 0 1.262 1.262l4.446-4.446-.06 2.805a.905.905 0 0 0 .585.812.901.901 0 0 0 1.215-.874l.057-4.871a.54.54 0 0 0-.032-.176l-.03-.141-.008-.019ZM3.793 19.688a.893.893 0 0 0 .194.282c.081.085.18.153.287.2l.011.004.011.003a.97.97 0 0 0 .162.035.66.66 0 0 0 .138.027h.007l4.947-.04a.905.905 0 0 0 .037-1.81l-2.794.087 4.435-4.435a.892.892 0 0 0-1.262-1.262L5.52 17.224l.06-2.804a.903.903 0 0 0-.932-.869.9.9 0 0 0-.868.93l-.057 4.872c0 .06.012.12.032.176l.03.141.008.018Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeClosed.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 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: "m19.571 5.733 1.763-1.763a.923.923 0 1 0-1.301-1.31L17.77 4.92a16.614 16.614 0 0 0-5.769-.996C5.384 3.924.003 7.542.003 12c0 2.52 1.726 4.781 4.43 6.258L2.672 20.03a.923.923 0 0 0 1.001 1.506.924.924 0 0 0 .3-.204l2.262-2.252a16.796 16.796 0 0 0 5.768.997c6.618 0 12-3.628 12-8.077 0-2.529-1.726-4.78-4.43-6.267ZM1.85 12c0-3.378 4.615-6.23 10.153-6.23a15 15 0 0 1 4.31.618l-1.624 1.616a4.818 4.818 0 0 0-6.682 6.682L5.81 16.892C3.42 15.738 1.85 13.957 1.85 12Zm13.126 0a2.954 2.954 0 0 1-4.31 2.64l3.977-3.941c.21.402.323.848.333 1.301ZM9.03 12a2.972 2.972 0 0 1 2.972-2.972c.467 0 .926.115 1.339.332l-3.978 3.98A2.99 2.99 0 0 1 9.03 12Zm2.972 6.23c-1.459 0-2.91-.208-4.31-.618l1.615-1.615A4.818 4.818 0 0 0 16 9.305l2.197-2.197c2.39 1.154 3.96 2.926 3.96 4.892 0 3.378-4.615 6.23-10.154 6.23Z"
-  })]
-});
+}) => {
+  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 25 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.571 5.733 1.763-1.763a.923.923 0 1 0-1.301-1.31L17.77 4.92a16.614 16.614 0 0 0-5.769-.996C5.384 3.924.003 7.542.003 12c0 2.52 1.726 4.781 4.43 6.258L2.672 20.03a.923.923 0 0 0 1.001 1.506.924.924 0 0 0 .3-.204l2.262-2.252a16.796 16.796 0 0 0 5.768.997c6.618 0 12-3.628 12-8.077 0-2.529-1.726-4.78-4.43-6.267ZM1.85 12c0-3.378 4.615-6.23 10.153-6.23a15 15 0 0 1 4.31.618l-1.624 1.616a4.818 4.818 0 0 0-6.682 6.682L5.81 16.892C3.42 15.738 1.85 13.957 1.85 12Zm13.126 0a2.954 2.954 0 0 1-4.31 2.64l3.977-3.941c.21.402.323.848.333 1.301ZM9.03 12a2.972 2.972 0 0 1 2.972-2.972c.467 0 .926.115 1.339.332l-3.978 3.98A2.99 2.99 0 0 1 9.03 12Zm2.972 6.23c-1.459 0-2.91-.208-4.31-.618l1.615-1.615A4.818 4.818 0 0 0 16 9.305l2.197-2.197c2.39 1.154 3.96 2.926 3.96 4.892 0 3.378-4.615 6.23-10.154 6.23Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeClosed.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 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: "m19.571 5.733 1.763-1.763a.923.923 0 1 0-1.301-1.31L17.77 4.92a16.614 16.614 0 0 0-5.769-.996C5.384 3.924.003 7.542.003 12c0 2.52 1.726 4.781 4.43 6.258L2.672 20.03a.923.923 0 0 0 1.001 1.506.924.924 0 0 0 .3-.204l2.262-2.252a16.796 16.796 0 0 0 5.768.997c6.618 0 12-3.628 12-8.077 0-2.529-1.726-4.78-4.43-6.267ZM1.85 12c0-3.378 4.615-6.23 10.153-6.23a15 15 0 0 1 4.31.618l-1.624 1.616a4.818 4.818 0 0 0-6.682 6.682L5.81 16.892C3.42 15.738 1.85 13.957 1.85 12Zm13.126 0a2.954 2.954 0 0 1-4.31 2.64l3.977-3.941c.21.402.323.848.333 1.301ZM9.03 12a2.972 2.972 0 0 1 2.972-2.972c.467 0 .926.115 1.339.332l-3.978 3.98A2.99 2.99 0 0 1 9.03 12Zm2.972 6.23c-1.459 0-2.91-.208-4.31-.618l1.615-1.615A4.818 4.818 0 0 0 16 9.305l2.197-2.197c2.39 1.154 3.96 2.926 3.96 4.892 0 3.378-4.615 6.23-10.154 6.23Z"
-  })]
-});
+}) => {
+  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 25 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: "m19.571 5.733 1.763-1.763a.923.923 0 1 0-1.301-1.31L17.77 4.92a16.614 16.614 0 0 0-5.769-.996C5.384 3.924.003 7.542.003 12c0 2.52 1.726 4.781 4.43 6.258L2.672 20.03a.923.923 0 0 0 1.001 1.506.924.924 0 0 0 .3-.204l2.262-2.252a16.796 16.796 0 0 0 5.768.997c6.618 0 12-3.628 12-8.077 0-2.529-1.726-4.78-4.43-6.267ZM1.85 12c0-3.378 4.615-6.23 10.153-6.23a15 15 0 0 1 4.31.618l-1.624 1.616a4.818 4.818 0 0 0-6.682 6.682L5.81 16.892C3.42 15.738 1.85 13.957 1.85 12Zm13.126 0a2.954 2.954 0 0 1-4.31 2.64l3.977-3.941c.21.402.323.848.333 1.301ZM9.03 12a2.972 2.972 0 0 1 2.972-2.972c.467 0 .926.115 1.339.332l-3.978 3.98A2.99 2.99 0 0 1 9.03 12Zm2.972 6.23c-1.459 0-2.91-.208-4.31-.618l1.615-1.615A4.818 4.818 0 0 0 16 9.305l2.197-2.197c2.39 1.154 3.96 2.926 3.96 4.892 0 3.378-4.615 6.23-10.154 6.23Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeMasked.js

@@ -6,22 +6,38 @@ 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", {
-    fillRule: "evenodd",
-    d: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
-    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,
+    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: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,20 +7,36 @@ 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, {
-    fillRule: "evenodd",
-    d: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
-    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,
+    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: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeOpened.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: "M0 12c0 4.458 5.382 8.076 12 8.076S24 16.45 24 12c0-4.449-5.382-8.076-12-8.076S0 7.542 0 12Zm1.847 0c0-3.378 4.615-6.23 10.153-6.23S22.153 8.622 22.153 12c0 3.378-4.615 6.23-10.153 6.23S1.847 15.378 1.847 12Zm7.476 4.034a4.818 4.818 0 1 0 5.354-8.013 4.818 4.818 0 0 0-5.354 8.013Zm1.026-6.478a2.972 2.972 0 0 1 1.651-.5v-.028a2.972 2.972 0 0 1 2.972 3 2.972 2.972 0 1 1-4.623-2.472Z",
-    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: "M0 12c0 4.458 5.382 8.076 12 8.076S24 16.45 24 12c0-4.449-5.382-8.076-12-8.076S0 7.542 0 12Zm1.847 0c0-3.378 4.615-6.23 10.153-6.23S22.153 8.622 22.153 12c0 3.378-4.615 6.23-10.153 6.23S1.847 15.378 1.847 12Zm7.476 4.034a4.818 4.818 0 1 0 5.354-8.013 4.818 4.818 0 0 0-5.354 8.013Zm1.026-6.478a2.972 2.972 0 0 1 1.651-.5v-.028a2.972 2.972 0 0 1 2.972 3 2.972 2.972 0 1 1-4.623-2.472Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};