@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/Sim.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: "m17.954 4.91.004.005.11.117c-.005 4.249-.005 8.498-.005 12.745v3.177c-4.248.001-10.333.002-12.795 0V5.527l.001-3.18h.592c2.844 0 7.558.003 9.732-.009.78.878 1.582 1.738 2.361 2.574ZM4.234 23.28c-.843-.003-1.293-.41-1.293-1.174V5.526l.001-4.153C2.942.49 3.43.018 4.187.018h1.681c2.849.002 7.557.004 9.72-.008.706-.004 1.242.214 1.686.715.78.88 1.584 1.742 2.387 2.604l.273.293c.314.336.46.707.46 1.149-.004 4.272-.004 8.544-.004 12.816v4.524c0 .755-.457 1.17-1.3 1.17-5.05.002-13.97.003-14.856 0ZM14.576 9.029v3.491h1.734V9.91s.043-.873-.866-.873c-.353 0-.868-.008-.868-.008ZM6.728 12.52l-.006-2.48s-.011-1.01.981-1.01c.993 0 .734.004.734.004v3.486H6.728Zm1.74 4.364H6.73s-.01 2.227-.01 2.627c0 .4.303.864.874.864h.872v-3.491Zm5.236 0v3.49h-1.746v-3.49h1.746Zm-2.618 0H9.34v3.49h1.746v-3.49Zm.872-7.855h1.746v3.491h-1.746V9.03Zm-2.618 0v3.491h1.746V9.03H9.34Zm5.208 11.341v-4.36H6.722v-2.62h9.595l.002 2.013.003 4.101c0 .233-.192.869-.88.869-.686 0-.894-.005-.894-.005Z",
-    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: "m17.954 4.91.004.005.11.117c-.005 4.249-.005 8.498-.005 12.745v3.177c-4.248.001-10.333.002-12.795 0V5.527l.001-3.18h.592c2.844 0 7.558.003 9.732-.009.78.878 1.582 1.738 2.361 2.574ZM4.234 23.28c-.843-.003-1.293-.41-1.293-1.174V5.526l.001-4.153C2.942.49 3.43.018 4.187.018h1.681c2.849.002 7.557.004 9.72-.008.706-.004 1.242.214 1.686.715.78.88 1.584 1.742 2.387 2.604l.273.293c.314.336.46.707.46 1.149-.004 4.272-.004 8.544-.004 12.816v4.524c0 .755-.457 1.17-1.3 1.17-5.05.002-13.97.003-14.856 0ZM14.576 9.029v3.491h1.734V9.91s.043-.873-.866-.873c-.353 0-.868-.008-.868-.008ZM6.728 12.52l-.006-2.48s-.011-1.01.981-1.01c.993 0 .734.004.734.004v3.486H6.728Zm1.74 4.364H6.73s-.01 2.227-.01 2.627c0 .4.303.864.874.864h.872v-3.491Zm5.236 0v3.49h-1.746v-3.49h1.746Zm-2.618 0H9.34v3.49h1.746v-3.49Zm.872-7.855h1.746v3.491h-1.746V9.03Zm-2.618 0v3.491h1.746V9.03H9.34Zm5.208 11.341v-4.36H6.722v-2.62h9.595l.002 2.013.003 4.101c0 .233-.192.869-.88.869-.686 0-.894-.005-.894-.005Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Sim.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: "m17.954 4.91.004.005.11.117c-.005 4.249-.005 8.498-.005 12.745v3.177c-4.248.001-10.333.002-12.795 0V5.527l.001-3.18h.592c2.844 0 7.558.003 9.732-.009.78.878 1.582 1.738 2.361 2.574ZM4.234 23.28c-.843-.003-1.293-.41-1.293-1.174V5.526l.001-4.153C2.942.49 3.43.018 4.187.018h1.681c2.849.002 7.557.004 9.72-.008.706-.004 1.242.214 1.686.715.78.88 1.584 1.742 2.387 2.604l.273.293c.314.336.46.707.46 1.149-.004 4.272-.004 8.544-.004 12.816v4.524c0 .755-.457 1.17-1.3 1.17-5.05.002-13.97.003-14.856 0ZM14.576 9.029v3.491h1.734V9.91s.043-.873-.866-.873c-.353 0-.868-.008-.868-.008ZM6.728 12.52l-.006-2.48s-.011-1.01.981-1.01c.993 0 .734.004.734.004v3.486H6.728Zm1.74 4.364H6.73s-.01 2.227-.01 2.627c0 .4.303.864.874.864h.872v-3.491Zm5.236 0v3.49h-1.746v-3.49h1.746Zm-2.618 0H9.34v3.49h1.746v-3.49Zm.872-7.855h1.746v3.491h-1.746V9.03Zm-2.618 0v3.491h1.746V9.03H9.34Zm5.208 11.341v-4.36H6.722v-2.62h9.595l.002 2.013.003 4.101c0 .233-.192.869-.88.869-.686 0-.894-.005-.894-.005Z",
-    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: "m17.954 4.91.004.005.11.117c-.005 4.249-.005 8.498-.005 12.745v3.177c-4.248.001-10.333.002-12.795 0V5.527l.001-3.18h.592c2.844 0 7.558.003 9.732-.009.78.878 1.582 1.738 2.361 2.574ZM4.234 23.28c-.843-.003-1.293-.41-1.293-1.174V5.526l.001-4.153C2.942.49 3.43.018 4.187.018h1.681c2.849.002 7.557.004 9.72-.008.706-.004 1.242.214 1.686.715.78.88 1.584 1.742 2.387 2.604l.273.293c.314.336.46.707.46 1.149-.004 4.272-.004 8.544-.004 12.816v4.524c0 .755-.457 1.17-1.3 1.17-5.05.002-13.97.003-14.856 0ZM14.576 9.029v3.491h1.734V9.91s.043-.873-.866-.873c-.353 0-.868-.008-.868-.008ZM6.728 12.52l-.006-2.48s-.011-1.01.981-1.01c.993 0 .734.004.734.004v3.486H6.728Zm1.74 4.364H6.73s-.01 2.227-.01 2.627c0 .4.303.864.874.864h.872v-3.491Zm5.236 0v3.49h-1.746v-3.49h1.746Zm-2.618 0H9.34v3.49h1.746v-3.49Zm.872-7.855h1.746v3.491h-1.746V9.03Zm-2.618 0v3.491h1.746V9.03H9.34Zm5.208 11.341v-4.36H6.722v-2.62h9.595l.002 2.013.003 4.101c0 .233-.192.869-.88.869-.686 0-.894-.005-.894-.005Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SimFilled.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: "M4.907.008c-.72 0-1.18.487-1.18 1.397l-.001 4.283c-.001 2.099-.002 4.198-.001 6.298v10.8c0 .788.427 1.208 1.226 1.212.84.003 9.299.002 14.088 0 .799 0 1.232-.428 1.232-1.207v-4.47c0-4.47 0-8.941.004-13.412 0-.456-.14-.838-.436-1.184l-.259-.302c-.762-.89-1.524-1.779-2.264-2.686-.42-.516-.929-.741-1.598-.737C13.665.012 9.201.01 6.5.008H4.907Zm1.3 9.466.009 2.94h2.44V8.28s.37-.005-1.048-.005c-1.417 0-1.402 1.198-1.402 1.198Zm9.103-1.198v4.138h2.461l.004-.731v-.001c.004-.79.01-1.972.01-2.249v-.058c.003-.423.006-1.09-.939-1.09-.249 0-.498-.003-.75-.005-.258-.002-.519-.004-.786-.004Zm-9.091 8.827h2.48v4.138L7.16 21.23c-.227 0-.954-.022-.954-.894s.013-3.233.013-3.233Zm8.165 4.138v-4.138H12.42v4.138h1.964Zm-4.867-4.138h1.963v4.138H9.517v-4.138Zm4.867-8.827H12.42v4.138h1.964V8.276Zm-4.867 4.138V8.276h1.963v4.138H9.517Zm5.818 3.904v4.918s.074.005 1.283.005c1.209 0 1.175-.785 1.175-.785l-.006-6.939H6.207v2.801h9.128Z",
-    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: "M4.907.008c-.72 0-1.18.487-1.18 1.397l-.001 4.283c-.001 2.099-.002 4.198-.001 6.298v10.8c0 .788.427 1.208 1.226 1.212.84.003 9.299.002 14.088 0 .799 0 1.232-.428 1.232-1.207v-4.47c0-4.47 0-8.941.004-13.412 0-.456-.14-.838-.436-1.184l-.259-.302c-.762-.89-1.524-1.779-2.264-2.686-.42-.516-.929-.741-1.598-.737C13.665.012 9.201.01 6.5.008H4.907Zm1.3 9.466.009 2.94h2.44V8.28s.37-.005-1.048-.005c-1.417 0-1.402 1.198-1.402 1.198Zm9.103-1.198v4.138h2.461l.004-.731v-.001c.004-.79.01-1.972.01-2.249v-.058c.003-.423.006-1.09-.939-1.09-.249 0-.498-.003-.75-.005-.258-.002-.519-.004-.786-.004Zm-9.091 8.827h2.48v4.138L7.16 21.23c-.227 0-.954-.022-.954-.894s.013-3.233.013-3.233Zm8.165 4.138v-4.138H12.42v4.138h1.964Zm-4.867-4.138h1.963v4.138H9.517v-4.138Zm4.867-8.827H12.42v4.138h1.964V8.276Zm-4.867 4.138V8.276h1.963v4.138H9.517Zm5.818 3.904v4.918s.074.005 1.283.005c1.209 0 1.175-.785 1.175-.785l-.006-6.939H6.207v2.801h9.128Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SimFilled.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: "M4.907.008c-.72 0-1.18.487-1.18 1.397l-.001 4.283c-.001 2.099-.002 4.198-.001 6.298v10.8c0 .788.427 1.208 1.226 1.212.84.003 9.299.002 14.088 0 .799 0 1.232-.428 1.232-1.207v-4.47c0-4.47 0-8.941.004-13.412 0-.456-.14-.838-.436-1.184l-.259-.302c-.762-.89-1.524-1.779-2.264-2.686-.42-.516-.929-.741-1.598-.737C13.665.012 9.201.01 6.5.008H4.907Zm1.3 9.466.009 2.94h2.44V8.28s.37-.005-1.048-.005c-1.417 0-1.402 1.198-1.402 1.198Zm9.103-1.198v4.138h2.461l.004-.731v-.001c.004-.79.01-1.972.01-2.249v-.058c.003-.423.006-1.09-.939-1.09-.249 0-.498-.003-.75-.005-.258-.002-.519-.004-.786-.004Zm-9.091 8.827h2.48v4.138L7.16 21.23c-.227 0-.954-.022-.954-.894s.013-3.233.013-3.233Zm8.165 4.138v-4.138H12.42v4.138h1.964Zm-4.867-4.138h1.963v4.138H9.517v-4.138Zm4.867-8.827H12.42v4.138h1.964V8.276Zm-4.867 4.138V8.276h1.963v4.138H9.517Zm5.818 3.904v4.918s.074.005 1.283.005c1.209 0 1.175-.785 1.175-.785l-.006-6.939H6.207v2.801h9.128Z",
-    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: "M4.907.008c-.72 0-1.18.487-1.18 1.397l-.001 4.283c-.001 2.099-.002 4.198-.001 6.298v10.8c0 .788.427 1.208 1.226 1.212.84.003 9.299.002 14.088 0 .799 0 1.232-.428 1.232-1.207v-4.47c0-4.47 0-8.941.004-13.412 0-.456-.14-.838-.436-1.184l-.259-.302c-.762-.89-1.524-1.779-2.264-2.686-.42-.516-.929-.741-1.598-.737C13.665.012 9.201.01 6.5.008H4.907Zm1.3 9.466.009 2.94h2.44V8.28s.37-.005-1.048-.005c-1.417 0-1.402 1.198-1.402 1.198Zm9.103-1.198v4.138h2.461l.004-.731v-.001c.004-.79.01-1.972.01-2.249v-.058c.003-.423.006-1.09-.939-1.09-.249 0-.498-.003-.75-.005-.258-.002-.519-.004-.786-.004Zm-9.091 8.827h2.48v4.138L7.16 21.23c-.227 0-.954-.022-.954-.894s.013-3.233.013-3.233Zm8.165 4.138v-4.138H12.42v4.138h1.964Zm-4.867-4.138h1.963v4.138H9.517v-4.138Zm4.867-8.827H12.42v4.138h1.964V8.276Zm-4.867 4.138V8.276h1.963v4.138H9.517Zm5.818 3.904v4.918s.074.005 1.283.005c1.209 0 1.175-.785 1.175-.785l-.006-6.939H6.207v2.801h9.128Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Spyglass.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: "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 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: "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/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;
+};