@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/rn/icons/LocationVerified.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: "M12 24a.501.501 0 0 1-.327-.122C11.339 23.59 3.5 16.718 3.5 8.5 3.5 3.813 7.313 0 12 0c4.687 0 8.5 3.813 8.5 8.5 0 8.218-7.839 15.09-8.173 15.378A.501.501 0 0 1 12 24Zm0-23C7.864 1 4.5 4.364 4.5 8.5c0 6.842 6.016 12.926 7.5 14.322 1.483-1.397 7.5-7.488 7.5-14.322C19.5 4.364 16.136 1 12 1Zm0 13a5.506 5.506 0 0 1-5.5-5.5C6.5 5.467 8.968 3 12 3s5.5 2.467 5.5 5.5S15.032 14 12 14Zm0-10a4.505 4.505 0 0 0-4.5 4.5c0 2.481 2.019 4.5 4.5 4.5s4.5-2.019 4.5-4.5S14.481 4 12 4Zm-1 7a.502.502 0 0 1-.354-.146l-2-2a.5.5 0 0 1 .707-.707L11 9.793l3.646-3.646a.5.5 0 0 1 .707.707l-4 4A.498.498 0 0 1 11 11Z",
-    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: "M12 24a.501.501 0 0 1-.327-.122C11.339 23.59 3.5 16.718 3.5 8.5 3.5 3.813 7.313 0 12 0c4.687 0 8.5 3.813 8.5 8.5 0 8.218-7.839 15.09-8.173 15.378A.501.501 0 0 1 12 24Zm0-23C7.864 1 4.5 4.364 4.5 8.5c0 6.842 6.016 12.926 7.5 14.322 1.483-1.397 7.5-7.488 7.5-14.322C19.5 4.364 16.136 1 12 1Zm0 13a5.506 5.506 0 0 1-5.5-5.5C6.5 5.467 8.968 3 12 3s5.5 2.467 5.5 5.5S15.032 14 12 14Zm0-10a4.505 4.505 0 0 0-4.5 4.5c0 2.481 2.019 4.5 4.5 4.5s4.5-2.019 4.5-4.5S14.481 4 12 4Zm-1 7a.502.502 0 0 1-.354-.146l-2-2a.5.5 0 0 1 .707-.707L11 9.793l3.646-3.646a.5.5 0 0 1 .707.707l-4 4A.498.498 0 0 1 11 11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LockClosed.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: "M12 0a6.465 6.465 0 0 1 6.454 6.226l.004.231v3.835h.272c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Zm0 1.024a.896.896 0 0 0-.634 1.531c.296.296.846.32 1.183.075l.087-.073a.9.9 0 0 0 0-1.271A.892.892 0 0 0 12 14.8ZM12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835h10.837V6.457A5.424 5.424 0 0 0 12 1.039Z",
-    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: "M12 0a6.465 6.465 0 0 1 6.454 6.226l.004.231v3.835h.272c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Zm0 1.024a.896.896 0 0 0-.634 1.531c.296.296.846.32 1.183.075l.087-.073a.9.9 0 0 0 0-1.271A.892.892 0 0 0 12 14.8ZM12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835h10.837V6.457A5.424 5.424 0 0 0 12 1.039Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LockClosed.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: "M12 0a6.465 6.465 0 0 1 6.454 6.226l.004.231v3.835h.272c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Zm0 1.024a.896.896 0 0 0-.634 1.531c.296.296.846.32 1.183.075l.087-.073a.9.9 0 0 0 0-1.271A.892.892 0 0 0 12 14.8ZM12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835h10.837V6.457A5.424 5.424 0 0 0 12 1.039Z",
-    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: "M12 0a6.465 6.465 0 0 1 6.454 6.226l.004.231v3.835h.272c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Zm0 1.024a.896.896 0 0 0-.634 1.531c.296.296.846.32 1.183.075l.087-.073a.9.9 0 0 0 0-1.271A.892.892 0 0 0 12 14.8ZM12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835h10.837V6.457A5.424 5.424 0 0 0 12 1.039Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LockOpened.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: "M12.635 16.331c-.322.322-.947.323-1.27 0A.896.896 0 0 1 12 14.8a.9.9 0 0 1 .635 1.532ZM12 0a6.464 6.464 0 0 1 6.458 6.457c0 .292-.227.52-.519.52a.515.515 0 0 1-.521-.52A5.424 5.424 0 0 0 12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835H18.73c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Z",
-    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: "M12.635 16.331c-.322.322-.947.323-1.27 0A.896.896 0 0 1 12 14.8a.9.9 0 0 1 .635 1.532ZM12 0a6.464 6.464 0 0 1 6.458 6.457c0 .292-.227.52-.519.52a.515.515 0 0 1-.521-.52A5.424 5.424 0 0 0 12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835H18.73c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LockOpened.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: "M12.635 16.331c-.322.322-.947.323-1.27 0A.896.896 0 0 1 12 14.8a.9.9 0 0 1 .635 1.532ZM12 0a6.464 6.464 0 0 1 6.458 6.457c0 .292-.227.52-.519.52a.515.515 0 0 1-.521-.52A5.424 5.424 0 0 0 12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835H18.73c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Z",
-    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: "M12.635 16.331c-.322.322-.947.323-1.27 0A.896.896 0 0 1 12 14.8a.9.9 0 0 1 .635 1.532ZM12 0a6.464 6.464 0 0 1 6.458 6.457c0 .292-.227.52-.519.52a.515.515 0 0 1-.521-.52A5.424 5.424 0 0 0 12 1.039a5.424 5.424 0 0 0-5.414 5.2l-.004.218v3.835H18.73c1.11 0 2.02.863 2.098 1.953l.005.15v9.501c0 1.11-.863 2.021-1.953 2.099l-.15.005H5.271a2.106 2.106 0 0 1-2.099-1.954l-.005-.15v-9.501c0-1.11.863-2.02 1.954-2.098l.15-.005h.272V6.457A6.464 6.464 0 0 1 12 0Zm6.73 11.332H5.271c-.548 0-1 .415-1.059.947l-.006.116v9.501c0 .548.416 1 .95 1.058l.115.006H18.73c.547 0 1-.416 1.058-.948l.006-.116v-9.501c0-.547-.416-.999-.948-1.057l-.116-.006Zm-6.731 2.444a1.94 1.94 0 0 1 1.37.552c.366.364.567.85.567 1.369 0 .518-.201 1.005-.568 1.37-.195.195-.43.347-.69.443l-.158.05v2.38a.52.52 0 0 1-1.03.094l-.01-.093v-2.38a1.91 1.91 0 0 1-.85-.495 1.916 1.916 0 0 1-.566-1.37c0-.518.2-1.005.567-1.37.349-.349.848-.55 1.368-.55Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LoginForm.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: "M21.914 0c1.1 0 2.004.856 2.08 1.937l.006.149v19.828a2.09 2.09 0 0 1-1.937 2.08l-.149.006H2.086a2.09 2.09 0 0 1-2.08-1.937L0 21.914V2.086C0 .986.856.082 1.937.006L2.086 0h19.828Zm0 1H2.086c-.56 0-1.02.424-1.08.968L1 2.086v19.828c0 .56.424 1.02.968 1.08l.118.006h19.828c.56 0 1.02-.424 1.08-.968l.006-.118V2.086c0-.56-.424-1.02-.968-1.08L21.914 1Zm-2.776 13.673c1.1 0 2.005.856 2.081 1.937l.006.149v2.379a2.09 2.09 0 0 1-1.939 2.081l-.148.006H4.863a2.09 2.09 0 0 1-2.082-1.939l-.005-.148v-2.38c0-1.1.856-2.004 1.938-2.08l.149-.005h14.275Zm0 1H4.863c-.56 0-1.022.424-1.081.967l-.006.119v2.379c0 .56.425 1.021.968 1.08l.119.007h14.275c.56 0 1.021-.425 1.08-.969l.007-.118v-2.38c0-.558-.425-1.02-.969-1.079l-.118-.006Zm-14.63.732a.5.5 0 0 1 .639-.058l.069.058.836.836.836-.836a.5.5 0 0 1 .764.638l-.057.07-.836.835.836.836a.5.5 0 0 1-.629.771l-.078-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.967 0a.5.5 0 0 1 .637-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .764.638l-.058.07-.835.835.835.836a.5.5 0 0 1-.628.771l-.079-.064-.835-.836-.837.836a.498.498 0 0 1-.706 0 .499.499 0 0 1-.059-.638l.059-.069.835-.836-.835-.836a.499.499 0 0 1 0-.707Zm3.964 0a.5.5 0 0 1 .638-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.837-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.966 0a.5.5 0 0 1 .638-.058l.07.058.835.836.836-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm-1.63-7.284a2.846 2.846 0 0 1 2.876 2.707l.005.172v1.586a.5.5 0 0 1-.992.09l-.008-.09V12c0-1.02-.734-1.802-1.73-1.874l-.15-.005H9.224c-1.02 0-1.802.733-1.874 1.728l-.005.15v1.587a.5.5 0 0 1-.992.09l-.008-.09V12a2.846 2.846 0 0 1 2.707-2.874l.172-.005h5.552Zm-4.81-5.502a2.882 2.882 0 0 1 4.072 0 2.884 2.884 0 0 1 0 4.072A2.872 2.872 0 0 1 12 8.533a2.872 2.872 0 0 1-2.036-.842 2.882 2.882 0 0 1 0-4.072ZM12 3.776a1.877 1.877 0 0 0-1.33 3.208 1.883 1.883 0 0 0 2.659 0 1.881 1.881 0 0 0-1.33-3.208Z",
-    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: "M21.914 0c1.1 0 2.004.856 2.08 1.937l.006.149v19.828a2.09 2.09 0 0 1-1.937 2.08l-.149.006H2.086a2.09 2.09 0 0 1-2.08-1.937L0 21.914V2.086C0 .986.856.082 1.937.006L2.086 0h19.828Zm0 1H2.086c-.56 0-1.02.424-1.08.968L1 2.086v19.828c0 .56.424 1.02.968 1.08l.118.006h19.828c.56 0 1.02-.424 1.08-.968l.006-.118V2.086c0-.56-.424-1.02-.968-1.08L21.914 1Zm-2.776 13.673c1.1 0 2.005.856 2.081 1.937l.006.149v2.379a2.09 2.09 0 0 1-1.939 2.081l-.148.006H4.863a2.09 2.09 0 0 1-2.082-1.939l-.005-.148v-2.38c0-1.1.856-2.004 1.938-2.08l.149-.005h14.275Zm0 1H4.863c-.56 0-1.022.424-1.081.967l-.006.119v2.379c0 .56.425 1.021.968 1.08l.119.007h14.275c.56 0 1.021-.425 1.08-.969l.007-.118v-2.38c0-.558-.425-1.02-.969-1.079l-.118-.006Zm-14.63.732a.5.5 0 0 1 .639-.058l.069.058.836.836.836-.836a.5.5 0 0 1 .764.638l-.057.07-.836.835.836.836a.5.5 0 0 1-.629.771l-.078-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.967 0a.5.5 0 0 1 .637-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .764.638l-.058.07-.835.835.835.836a.5.5 0 0 1-.628.771l-.079-.064-.835-.836-.837.836a.498.498 0 0 1-.706 0 .499.499 0 0 1-.059-.638l.059-.069.835-.836-.835-.836a.499.499 0 0 1 0-.707Zm3.964 0a.5.5 0 0 1 .638-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.837-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.966 0a.5.5 0 0 1 .638-.058l.07.058.835.836.836-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm-1.63-7.284a2.846 2.846 0 0 1 2.876 2.707l.005.172v1.586a.5.5 0 0 1-.992.09l-.008-.09V12c0-1.02-.734-1.802-1.73-1.874l-.15-.005H9.224c-1.02 0-1.802.733-1.874 1.728l-.005.15v1.587a.5.5 0 0 1-.992.09l-.008-.09V12a2.846 2.846 0 0 1 2.707-2.874l.172-.005h5.552Zm-4.81-5.502a2.882 2.882 0 0 1 4.072 0 2.884 2.884 0 0 1 0 4.072A2.872 2.872 0 0 1 12 8.533a2.872 2.872 0 0 1-2.036-.842 2.882 2.882 0 0 1 0-4.072ZM12 3.776a1.877 1.877 0 0 0-1.33 3.208 1.883 1.883 0 0 0 2.659 0 1.881 1.881 0 0 0-1.33-3.208Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/LoginForm.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: "M21.914 0c1.1 0 2.004.856 2.08 1.937l.006.149v19.828a2.09 2.09 0 0 1-1.937 2.08l-.149.006H2.086a2.09 2.09 0 0 1-2.08-1.937L0 21.914V2.086C0 .986.856.082 1.937.006L2.086 0h19.828Zm0 1H2.086c-.56 0-1.02.424-1.08.968L1 2.086v19.828c0 .56.424 1.02.968 1.08l.118.006h19.828c.56 0 1.02-.424 1.08-.968l.006-.118V2.086c0-.56-.424-1.02-.968-1.08L21.914 1Zm-2.776 13.673c1.1 0 2.005.856 2.081 1.937l.006.149v2.379a2.09 2.09 0 0 1-1.939 2.081l-.148.006H4.863a2.09 2.09 0 0 1-2.082-1.939l-.005-.148v-2.38c0-1.1.856-2.004 1.938-2.08l.149-.005h14.275Zm0 1H4.863c-.56 0-1.022.424-1.081.967l-.006.119v2.379c0 .56.425 1.021.968 1.08l.119.007h14.275c.56 0 1.021-.425 1.08-.969l.007-.118v-2.38c0-.558-.425-1.02-.969-1.079l-.118-.006Zm-14.63.732a.5.5 0 0 1 .639-.058l.069.058.836.836.836-.836a.5.5 0 0 1 .764.638l-.057.07-.836.835.836.836a.5.5 0 0 1-.629.771l-.078-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.967 0a.5.5 0 0 1 .637-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .764.638l-.058.07-.835.835.835.836a.5.5 0 0 1-.628.771l-.079-.064-.835-.836-.837.836a.498.498 0 0 1-.706 0 .499.499 0 0 1-.059-.638l.059-.069.835-.836-.835-.836a.499.499 0 0 1 0-.707Zm3.964 0a.5.5 0 0 1 .638-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.837-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.966 0a.5.5 0 0 1 .638-.058l.07.058.835.836.836-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm-1.63-7.284a2.846 2.846 0 0 1 2.876 2.707l.005.172v1.586a.5.5 0 0 1-.992.09l-.008-.09V12c0-1.02-.734-1.802-1.73-1.874l-.15-.005H9.224c-1.02 0-1.802.733-1.874 1.728l-.005.15v1.587a.5.5 0 0 1-.992.09l-.008-.09V12a2.846 2.846 0 0 1 2.707-2.874l.172-.005h5.552Zm-4.81-5.502a2.882 2.882 0 0 1 4.072 0 2.884 2.884 0 0 1 0 4.072A2.872 2.872 0 0 1 12 8.533a2.872 2.872 0 0 1-2.036-.842 2.882 2.882 0 0 1 0-4.072ZM12 3.776a1.877 1.877 0 0 0-1.33 3.208 1.883 1.883 0 0 0 2.659 0 1.881 1.881 0 0 0-1.33-3.208Z",
-    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: "M21.914 0c1.1 0 2.004.856 2.08 1.937l.006.149v19.828a2.09 2.09 0 0 1-1.937 2.08l-.149.006H2.086a2.09 2.09 0 0 1-2.08-1.937L0 21.914V2.086C0 .986.856.082 1.937.006L2.086 0h19.828Zm0 1H2.086c-.56 0-1.02.424-1.08.968L1 2.086v19.828c0 .56.424 1.02.968 1.08l.118.006h19.828c.56 0 1.02-.424 1.08-.968l.006-.118V2.086c0-.56-.424-1.02-.968-1.08L21.914 1Zm-2.776 13.673c1.1 0 2.005.856 2.081 1.937l.006.149v2.379a2.09 2.09 0 0 1-1.939 2.081l-.148.006H4.863a2.09 2.09 0 0 1-2.082-1.939l-.005-.148v-2.38c0-1.1.856-2.004 1.938-2.08l.149-.005h14.275Zm0 1H4.863c-.56 0-1.022.424-1.081.967l-.006.119v2.379c0 .56.425 1.021.968 1.08l.119.007h14.275c.56 0 1.021-.425 1.08-.969l.007-.118v-2.38c0-.558-.425-1.02-.969-1.079l-.118-.006Zm-14.63.732a.5.5 0 0 1 .639-.058l.069.058.836.836.836-.836a.5.5 0 0 1 .764.638l-.057.07-.836.835.836.836a.5.5 0 0 1-.629.771l-.078-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.967 0a.5.5 0 0 1 .637-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .764.638l-.058.07-.835.835.835.836a.5.5 0 0 1-.628.771l-.079-.064-.835-.836-.837.836a.498.498 0 0 1-.706 0 .499.499 0 0 1-.059-.638l.059-.069.835-.836-.835-.836a.499.499 0 0 1 0-.707Zm3.964 0a.5.5 0 0 1 .638-.058l.07.058.835.836.837-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.837-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm3.966 0a.5.5 0 0 1 .638-.058l.07.058.835.836.836-.836a.5.5 0 0 1 .765.638l-.058.07-.836.835.836.836a.5.5 0 0 1-.628.771l-.079-.064-.836-.836-.836.836a.498.498 0 0 1-.765-.638l.058-.069.836-.836-.836-.836a.5.5 0 0 1 0-.707Zm-1.63-7.284a2.846 2.846 0 0 1 2.876 2.707l.005.172v1.586a.5.5 0 0 1-.992.09l-.008-.09V12c0-1.02-.734-1.802-1.73-1.874l-.15-.005H9.224c-1.02 0-1.802.733-1.874 1.728l-.005.15v1.587a.5.5 0 0 1-.992.09l-.008-.09V12a2.846 2.846 0 0 1 2.707-2.874l.172-.005h5.552Zm-4.81-5.502a2.882 2.882 0 0 1 4.072 0 2.884 2.884 0 0 1 0 4.072A2.872 2.872 0 0 1 12 8.533a2.872 2.872 0 0 1-2.036-.842 2.882 2.882 0 0 1 0-4.072ZM12 3.776a1.877 1.877 0 0 0-1.33 3.208 1.883 1.883 0 0 0 2.659 0 1.881 1.881 0 0 0-1.33-3.208Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Magnify.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: "M18.997 10.499C18.997 5.812 15.185 2 10.5 2 5.812 2 2 5.812 2 10.499c0 4.686 3.812 8.498 8.499 8.498 2.172 0 4.158-.82 5.662-2.166l6.036 6.03a.471.471 0 0 0 .665 0 .477.477 0 0 0 0-.67l-6.034-6.027a8.465 8.465 0 0 0 2.17-5.665ZM3 10.499c0-4.136 3.363-7.5 7.499-7.5 4.136 0 7.498 3.364 7.498 7.5 0 4.135-3.362 7.498-7.498 7.498s-7.5-3.363-7.5-7.498Zm7.998-4a.5.5 0 1 0-1 0V10H6.5a.5.5 0 0 0 0 1H10v3.5a.5.5 0 0 0 1 0V11h3.499a.5.5 0 1 0 0-1h-3.5V6.5Z",
-    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: "M18.997 10.499C18.997 5.812 15.185 2 10.5 2 5.812 2 2 5.812 2 10.499c0 4.686 3.812 8.498 8.499 8.498 2.172 0 4.158-.82 5.662-2.166l6.036 6.03a.471.471 0 0 0 .665 0 .477.477 0 0 0 0-.67l-6.034-6.027a8.465 8.465 0 0 0 2.17-5.665ZM3 10.499c0-4.136 3.363-7.5 7.499-7.5 4.136 0 7.498 3.364 7.498 7.5 0 4.135-3.362 7.498-7.498 7.498s-7.5-3.363-7.5-7.498Zm7.998-4a.5.5 0 1 0-1 0V10H6.5a.5.5 0 0 0 0 1H10v3.5a.5.5 0 0 0 1 0V11h3.499a.5.5 0 1 0 0-1h-3.5V6.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Magnify.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: "M18.997 10.499C18.997 5.812 15.185 2 10.5 2 5.812 2 2 5.812 2 10.499c0 4.686 3.812 8.498 8.499 8.498 2.172 0 4.158-.82 5.662-2.166l6.036 6.03a.471.471 0 0 0 .665 0 .477.477 0 0 0 0-.67l-6.034-6.027a8.465 8.465 0 0 0 2.17-5.665ZM3 10.499c0-4.136 3.363-7.5 7.499-7.5 4.136 0 7.498 3.364 7.498 7.5 0 4.135-3.362 7.498-7.498 7.498s-7.5-3.363-7.5-7.498Zm7.998-4a.5.5 0 1 0-1 0V10H6.5a.5.5 0 0 0 0 1H10v3.5a.5.5 0 0 0 1 0V11h3.499a.5.5 0 1 0 0-1h-3.5V6.5Z",
-    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: "M18.997 10.499C18.997 5.812 15.185 2 10.5 2 5.812 2 2 5.812 2 10.499c0 4.686 3.812 8.498 8.499 8.498 2.172 0 4.158-.82 5.662-2.166l6.036 6.03a.471.471 0 0 0 .665 0 .477.477 0 0 0 0-.67l-6.034-6.027a8.465 8.465 0 0 0 2.17-5.665ZM3 10.499c0-4.136 3.363-7.5 7.499-7.5 4.136 0 7.498 3.364 7.498 7.5 0 4.135-3.362 7.498-7.498 7.498s-7.5-3.363-7.5-7.498Zm7.998-4a.5.5 0 1 0-1 0V10H6.5a.5.5 0 0 0 0 1H10v3.5a.5.5 0 0 0 1 0V11h3.499a.5.5 0 1 0 0-1h-3.5V6.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Map.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M1 5.98v14.768l6.138-2.728V3.252L1 5.98Zm15.862 0v14.768L23 18.02V3.252L16.862 5.98ZM8.138 17.994l7.724 2.81v-14.8L8.138 3.198v14.797Zm8.224 4.024a.47.47 0 0 1-.181-.035l-8.525-3.1-6.953 3.092a.507.507 0 0 1-.475-.038.497.497 0 0 1-.228-.42V5.656a.5.5 0 0 1 .297-.457L7.425 2.03a.495.495 0 0 1 .394-.013l8.525 3.099 6.953-3.09a.499.499 0 0 1 .703.457v15.862a.5.5 0 0 1-.297.457l-7.128 3.168a.49.49 0 0 1-.213.048Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M1 5.98v14.768l6.138-2.728V3.252L1 5.98Zm15.862 0v14.768L23 18.02V3.252L16.862 5.98ZM8.138 17.994l7.724 2.81v-14.8L8.138 3.198v14.797Zm8.224 4.024a.47.47 0 0 1-.181-.035l-8.525-3.1-6.953 3.092a.507.507 0 0 1-.475-.038.497.497 0 0 1-.228-.42V5.656a.5.5 0 0 1 .297-.457L7.425 2.03a.495.495 0 0 1 .394-.013l8.525 3.099 6.953-3.09a.499.499 0 0 1 .703.457v15.862a.5.5 0 0 1-.297.457l-7.128 3.168a.49.49 0 0 1-.213.048Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};