@telus-uds/palette-koodo 3.1.0 → 3.3.0

package/build/rn/icons/Spyglass.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: "M15.29 18.242a9.866 9.866 0 0 1-5.377 1.584c-5.474 0-9.912-4.438-9.912-9.913C0 4.44 4.439.001 9.913.001c5.475 0 9.913 4.438 9.913 9.912a9.866 9.866 0 0 1-1.584 5.377l5.146 5.147a2.087 2.087 0 0 1-2.951 2.95l-5.147-5.145ZM3.131 9.913a6.782 6.782 0 1 1 11.733 4.636 2.103 2.103 0 0 0-.315.315A6.782 6.782 0 0 1 3.13 9.914Z",
-    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: "M15.29 18.242a9.866 9.866 0 0 1-5.377 1.584c-5.474 0-9.912-4.438-9.912-9.913C0 4.44 4.439.001 9.913.001c5.475 0 9.913 4.438 9.913 9.912a9.866 9.866 0 0 1-1.584 5.377l5.146 5.147a2.087 2.087 0 0 1-2.951 2.95l-5.147-5.145ZM3.131 9.913a6.782 6.782 0 1 1 11.733 4.636 2.103 2.103 0 0 0-.315.315A6.782 6.782 0 0 1 3.13 9.914Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Streaming.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: "M3.453 23a2.364 2.364 0 0 1-1.736-.717A2.364 2.364 0 0 1 1 20.547V9.921c0-.679.24-1.257.717-1.735a2.364 2.364 0 0 1 1.736-.717h17.094c.68 0 1.258.239 1.736.717S23 9.242 23 9.92v10.626c0 .68-.239 1.258-.717 1.736a2.364 2.364 0 0 1-1.736.717H3.453Zm0-2.453h17.094V9.921H3.453v10.626Zm7.342-1.644 4.753-3.152a.585.585 0 0 0 .275-.517.582.582 0 0 0-.275-.516l-4.753-3.153a.567.567 0 0 0-.63-.044.569.569 0 0 0-.321.54v6.347c0 .247.107.427.322.54a.567.567 0 0 0 .63-.045ZM4.453 6.39c-.305 0-.561-.103-.768-.31a1.043 1.043 0 0 1-.31-.768c0-.305.104-.561.31-.768.207-.206.463-.31.768-.31h15.094c.305 0 .561.104.768.31.206.207.31.463.31.768 0 .306-.104.562-.31.768-.207.207-.463.31-.768.31H4.453Zm3.235-3.234a1.04 1.04 0 0 1-.768-.31 1.043 1.043 0 0 1-.31-.768c0-.305.103-.561.31-.768A1.04 1.04 0 0 1 7.688 1h8.624c.306 0 .562.103.768.31.207.207.31.463.31.768 0 .306-.103.562-.31.768a1.04 1.04 0 0 1-.768.31H7.688Z"
-  })]
-});
+}) => {
+  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: "M3.453 23a2.364 2.364 0 0 1-1.736-.717A2.364 2.364 0 0 1 1 20.547V9.921c0-.679.24-1.257.717-1.735a2.364 2.364 0 0 1 1.736-.717h17.094c.68 0 1.258.239 1.736.717S23 9.242 23 9.92v10.626c0 .68-.239 1.258-.717 1.736a2.364 2.364 0 0 1-1.736.717H3.453Zm0-2.453h17.094V9.921H3.453v10.626Zm7.342-1.644 4.753-3.152a.585.585 0 0 0 .275-.517.582.582 0 0 0-.275-.516l-4.753-3.153a.567.567 0 0 0-.63-.044.569.569 0 0 0-.321.54v6.347c0 .247.107.427.322.54a.567.567 0 0 0 .63-.045ZM4.453 6.39c-.305 0-.561-.103-.768-.31a1.043 1.043 0 0 1-.31-.768c0-.305.104-.561.31-.768.207-.206.463-.31.768-.31h15.094c.305 0 .561.104.768.31.206.207.31.463.31.768 0 .306-.104.562-.31.768-.207.207-.463.31-.768.31H4.453Zm3.235-3.234a1.04 1.04 0 0 1-.768-.31 1.043 1.043 0 0 1-.31-.768c0-.305.103-.561.31-.768A1.04 1.04 0 0 1 7.688 1h8.624c.306 0 .562.103.768.31.207.207.31.463.31.768 0 .306-.103.562-.31.768a1.04 1.04 0 0 1-.768.31H7.688Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Streaming.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: "M3.453 23a2.364 2.364 0 0 1-1.736-.717A2.364 2.364 0 0 1 1 20.547V9.921c0-.679.24-1.257.717-1.735a2.364 2.364 0 0 1 1.736-.717h17.094c.68 0 1.258.239 1.736.717S23 9.242 23 9.92v10.626c0 .68-.239 1.258-.717 1.736a2.364 2.364 0 0 1-1.736.717H3.453Zm0-2.453h17.094V9.921H3.453v10.626Zm7.342-1.644 4.753-3.152a.585.585 0 0 0 .275-.517.582.582 0 0 0-.275-.516l-4.753-3.153a.567.567 0 0 0-.63-.044.569.569 0 0 0-.321.54v6.347c0 .247.107.427.322.54a.567.567 0 0 0 .63-.045ZM4.453 6.39c-.305 0-.561-.103-.768-.31a1.043 1.043 0 0 1-.31-.768c0-.305.104-.561.31-.768.207-.206.463-.31.768-.31h15.094c.305 0 .561.104.768.31.206.207.31.463.31.768 0 .306-.104.562-.31.768-.207.207-.463.31-.768.31H4.453Zm3.235-3.234a1.04 1.04 0 0 1-.768-.31 1.043 1.043 0 0 1-.31-.768c0-.305.103-.561.31-.768A1.04 1.04 0 0 1 7.688 1h8.624c.306 0 .562.103.768.31.207.207.31.463.31.768 0 .306-.103.562-.31.768a1.04 1.04 0 0 1-.768.31H7.688Z"
-  })]
-});
+}) => {
+  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: "M3.453 23a2.364 2.364 0 0 1-1.736-.717A2.364 2.364 0 0 1 1 20.547V9.921c0-.679.24-1.257.717-1.735a2.364 2.364 0 0 1 1.736-.717h17.094c.68 0 1.258.239 1.736.717S23 9.242 23 9.92v10.626c0 .68-.239 1.258-.717 1.736a2.364 2.364 0 0 1-1.736.717H3.453Zm0-2.453h17.094V9.921H3.453v10.626Zm7.342-1.644 4.753-3.152a.585.585 0 0 0 .275-.517.582.582 0 0 0-.275-.516l-4.753-3.153a.567.567 0 0 0-.63-.044.569.569 0 0 0-.321.54v6.347c0 .247.107.427.322.54a.567.567 0 0 0 .63-.045ZM4.453 6.39c-.305 0-.561-.103-.768-.31a1.043 1.043 0 0 1-.31-.768c0-.305.104-.561.31-.768.207-.206.463-.31.768-.31h15.094c.305 0 .561.104.768.31.206.207.31.463.31.768 0 .306-.104.562-.31.768-.207.207-.463.31-.768.31H4.453Zm3.235-3.234a1.04 1.04 0 0 1-.768-.31 1.043 1.043 0 0 1-.31-.768c0-.305.103-.561.31-.768A1.04 1.04 0 0 1 7.688 1h8.624c.306 0 .562.103.768.31.207.207.31.463.31.768 0 .306-.103.562-.31.768a1.04 1.04 0 0 1-.768.31H7.688Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Subtract.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 32 32",
-  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: "M31.63 15.81a2.79 2.79 0 0 0-2.793-2.79l-10.233.003-1.104-.004c2 .004-.139 0-1.68 0-1.541.001-3.32-.019-1.32 0l-1.477.006-10.233.003a2.79 2.79 0 1 0 .002 5.582l10.233-.003H16l2.606-.002L28.84 18.6a2.79 2.79 0 0 0 2.79-2.792Z"
-  })]
-});
+}) => {
+  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 32 32",
+    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: "M31.63 15.81a2.79 2.79 0 0 0-2.793-2.79l-10.233.003-1.104-.004c2 .004-.139 0-1.68 0-1.541.001-3.32-.019-1.32 0l-1.477.006-10.233.003a2.79 2.79 0 1 0 .002 5.582l10.233-.003H16l2.606-.002L28.84 18.6a2.79 2.79 0 0 0 2.79-2.792Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Subtract.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 32 32",
-  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: "M31.63 15.81a2.79 2.79 0 0 0-2.793-2.79l-10.233.003-1.104-.004c2 .004-.139 0-1.68 0-1.541.001-3.32-.019-1.32 0l-1.477.006-10.233.003a2.79 2.79 0 1 0 .002 5.582l10.233-.003H16l2.606-.002L28.84 18.6a2.79 2.79 0 0 0 2.79-2.792Z"
-  })]
-});
+}) => {
+  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 32 32",
+    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: "M31.63 15.81a2.79 2.79 0 0 0-2.793-2.79l-10.233.003-1.104-.004c2 .004-.139 0-1.68 0-1.541.001-3.32-.019-1.32 0l-1.477.006-10.233.003a2.79 2.79 0 1 0 .002 5.582l10.233-.003H16l2.606-.002L28.84 18.6a2.79 2.79 0 0 0 2.79-2.792Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Tag.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 10.208v.055a1 1 0 0 1-.293.683L11.048 23.605a1 1 0 0 1-1.414 0L.397 14.368a1 1 0 0 1 0-1.414L13.057.293A1 1 0 0 1 13.774 0l9.125.074a1 1 0 0 1 .992.988l.11 9.146ZM10.341 21.484 2.518 13.66 14.176 2.003l7.726.063.093 7.764-11.654 11.654Zm8.954-14.302a1.75 1.75 0 1 0-2.475-2.475 1.75 1.75 0 0 0 2.475 2.475Z",
-    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 10.208v.055a1 1 0 0 1-.293.683L11.048 23.605a1 1 0 0 1-1.414 0L.397 14.368a1 1 0 0 1 0-1.414L13.057.293A1 1 0 0 1 13.774 0l9.125.074a1 1 0 0 1 .992.988l.11 9.146ZM10.341 21.484 2.518 13.66 14.176 2.003l7.726.063.093 7.764-11.654 11.654Zm8.954-14.302a1.75 1.75 0 1 0-2.475-2.475 1.75 1.75 0 0 0 2.475 2.475Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Tag.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 10.208v.055a1 1 0 0 1-.293.683L11.048 23.605a1 1 0 0 1-1.414 0L.397 14.368a1 1 0 0 1 0-1.414L13.057.293A1 1 0 0 1 13.774 0l9.125.074a1 1 0 0 1 .992.988l.11 9.146ZM10.341 21.484 2.518 13.66 14.176 2.003l7.726.063.093 7.764-11.654 11.654Zm8.954-14.302a1.75 1.75 0 1 0-2.475-2.475 1.75 1.75 0 0 0 2.475 2.475Z",
-    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 10.208v.055a1 1 0 0 1-.293.683L11.048 23.605a1 1 0 0 1-1.414 0L.397 14.368a1 1 0 0 1 0-1.414L13.057.293A1 1 0 0 1 13.774 0l9.125.074a1 1 0 0 1 .992.988l.11 9.146ZM10.341 21.484 2.518 13.66 14.176 2.003l7.726.063.093 7.764-11.654 11.654Zm8.954-14.302a1.75 1.75 0 1 0-2.475-2.475 1.75 1.75 0 0 0 2.475 2.475Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/TagFilled.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: "M13.714 0h9.429c.473 0 .857.384.857.857v9.428c0 .228-.09.446-.251.607L10.892 23.75a.857.857 0 0 1-1.212 0L.25 14.321a.857.857 0 0 1 0-1.213L13.108.25a.857.857 0 0 1 .606-.25Zm2.572 6a1.714 1.714 0 1 0 3.428 0 1.714 1.714 0 0 0-3.428 0Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M13.714 0h9.429c.473 0 .857.384.857.857v9.428c0 .228-.09.446-.251.607L10.892 23.75a.857.857 0 0 1-1.212 0L.25 14.321a.857.857 0 0 1 0-1.213L13.108.25a.857.857 0 0 1 .606-.25Zm2.572 6a1.714 1.714 0 1 0 3.428 0 1.714 1.714 0 0 0-3.428 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/TagFilled.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: "M13.714 0h9.429c.473 0 .857.384.857.857v9.428c0 .228-.09.446-.251.607L10.892 23.75a.857.857 0 0 1-1.212 0L.25 14.321a.857.857 0 0 1 0-1.213L13.108.25a.857.857 0 0 1 .606-.25Zm2.572 6a1.714 1.714 0 1 0 3.428 0 1.714 1.714 0 0 0-3.428 0Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const 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: "M13.714 0h9.429c.473 0 .857.384.857.857v9.428c0 .228-.09.446-.251.607L10.892 23.75a.857.857 0 0 1-1.212 0L.25 14.321a.857.857 0 0 1 0-1.213L13.108.25a.857.857 0 0 1 .606-.25Zm2.572 6a1.714 1.714 0 1 0 3.428 0 1.714 1.714 0 0 0-3.428 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Times.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: "m14.943 12 7.44-7.42a2.107 2.107 0 0 0 .023-2.956 2.05 2.05 0 0 0-2.92-.023L12 9.066 4.515 1.601a2.047 2.047 0 0 0-2.92.023 2.109 2.109 0 0 0 .021 2.957L9.057 12l-7.44 7.418a2.108 2.108 0 0 0-.023 2.957 2.046 2.046 0 0 0 2.92.022L12 14.935l7.485 7.463a2.045 2.045 0 0 0 2.92-.022 2.109 2.109 0 0 0-.021-2.957l-7.441-7.418z"
-  })]
-});
+}) => {
+  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: "m14.943 12 7.44-7.42a2.107 2.107 0 0 0 .023-2.956 2.05 2.05 0 0 0-2.92-.023L12 9.066 4.515 1.601a2.047 2.047 0 0 0-2.92.023 2.109 2.109 0 0 0 .021 2.957L9.057 12l-7.44 7.418a2.108 2.108 0 0 0-.023 2.957 2.046 2.046 0 0 0 2.92.022L12 14.935l7.485 7.463a2.045 2.045 0 0 0 2.92-.022 2.109 2.109 0 0 0-.021-2.957l-7.441-7.418z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Times.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: "m14.943 12 7.44-7.42a2.107 2.107 0 0 0 .023-2.956 2.05 2.05 0 0 0-2.92-.023L12 9.066 4.515 1.601a2.047 2.047 0 0 0-2.92.023 2.109 2.109 0 0 0 .021 2.957L9.057 12l-7.44 7.418a2.108 2.108 0 0 0-.023 2.957 2.046 2.046 0 0 0 2.92.022L12 14.935l7.485 7.463a2.045 2.045 0 0 0 2.92-.022 2.109 2.109 0 0 0-.021-2.957l-7.441-7.418z"
-  })]
-});
+}) => {
+  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: "m14.943 12 7.44-7.42a2.107 2.107 0 0 0 .023-2.956 2.05 2.05 0 0 0-2.92-.023L12 9.066 4.515 1.601a2.047 2.047 0 0 0-2.92.023 2.109 2.109 0 0 0 .021 2.957L9.057 12l-7.44 7.418a2.108 2.108 0 0 0-.023 2.957 2.046 2.046 0 0 0 2.92.022L12 14.935l7.485 7.463a2.045 2.045 0 0 0 2.92-.022 2.109 2.109 0 0 0-.021-2.957l-7.441-7.418z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};