@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/rn/icons/SharedAccount.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: "m20.755 16.341-2.756-.688-.203-.817a5.242 5.242 0 0 0 1.401-2.778c.43-.154.755-.539.814-1.014l.185-1.478a1.24 1.24 0 0 0-.701-1.273l.061-1.25.243-.244c.45-.478.823-1.293.055-2.464C19.273 3.449 18.296 3 16.945 3c-.539 0-1.8 0-2.961.824a.5.5 0 0 0 .578.815c.795-.564 1.651-.64 2.384-.64.992 0 1.688.297 2.072.883.438.669.273.998.064 1.22l-.369.37a.499.499 0 0 0-.146.329l-.09 1.85a.498.498 0 0 0 .493.524.236.236 0 0 1 .178.082.23.23 0 0 1 .057.186l-.185 1.479c-.014.119-.117.209-.273.209a.5.5 0 0 0-.498.461 4.17 4.17 0 0 1-1.342 2.713.5.5 0 0 0-.151.493l.347 1.389c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 22.963 20l-3.463-.002V21l3.999-.003a.5.5 0 0 0 .5-.5 4.276 4.276 0 0 0-3.244-4.156Zm-6 0-2.756-.688-.11-.443c1.887-.337 2.865-.907 2.91-.933a.502.502 0 0 0 .052-.824c-.013-.01-1.285-1.082-1.285-4.779 0-3.275-.79-4.935-2.348-4.935h-.166C10.523 3.238 10.084 3 9 3 7.57 3 4.435 4.429 4.435 8.674c0 3.697-1.272 4.769-1.278 4.774a.498.498 0 0 0 .042.828c.044.027 1.014.6 2.913.937l-.11.44-2.756.689A4.277 4.277 0 0 0 0 20.5a.498.498 0 0 0 .5.5l17-.003a.5.5 0 0 0 .5-.5 4.278 4.278 0 0 0-3.245-4.156ZM1.039 19.998a3.281 3.281 0 0 1 2.45-2.687l3.047-.761a.502.502 0 0 0 .364-.364l.315-1.261a.5.5 0 0 0-.417-.616c-1.178-.164-2.023-.435-2.527-.635.497-.72 1.165-2.208 1.165-5C5.435 4.832 8.294 4 9 4c.863 0 1.034.133 1.494.593a.504.504 0 0 0 .354.146h.37c.857 0 1.348 1.435 1.348 3.935 0 2.79.667 4.278 1.164 4.999-.507.2-1.353.47-2.527.635a.497.497 0 0 0-.416.616l.315 1.263c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 16.962 20l-15.923-.002Z",
-    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: "m20.755 16.341-2.756-.688-.203-.817a5.242 5.242 0 0 0 1.401-2.778c.43-.154.755-.539.814-1.014l.185-1.478a1.24 1.24 0 0 0-.701-1.273l.061-1.25.243-.244c.45-.478.823-1.293.055-2.464C19.273 3.449 18.296 3 16.945 3c-.539 0-1.8 0-2.961.824a.5.5 0 0 0 .578.815c.795-.564 1.651-.64 2.384-.64.992 0 1.688.297 2.072.883.438.669.273.998.064 1.22l-.369.37a.499.499 0 0 0-.146.329l-.09 1.85a.498.498 0 0 0 .493.524.236.236 0 0 1 .178.082.23.23 0 0 1 .057.186l-.185 1.479c-.014.119-.117.209-.273.209a.5.5 0 0 0-.498.461 4.17 4.17 0 0 1-1.342 2.713.5.5 0 0 0-.151.493l.347 1.389c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 22.963 20l-3.463-.002V21l3.999-.003a.5.5 0 0 0 .5-.5 4.276 4.276 0 0 0-3.244-4.156Zm-6 0-2.756-.688-.11-.443c1.887-.337 2.865-.907 2.91-.933a.502.502 0 0 0 .052-.824c-.013-.01-1.285-1.082-1.285-4.779 0-3.275-.79-4.935-2.348-4.935h-.166C10.523 3.238 10.084 3 9 3 7.57 3 4.435 4.429 4.435 8.674c0 3.697-1.272 4.769-1.278 4.774a.498.498 0 0 0 .042.828c.044.027 1.014.6 2.913.937l-.11.44-2.756.689A4.277 4.277 0 0 0 0 20.5a.498.498 0 0 0 .5.5l17-.003a.5.5 0 0 0 .5-.5 4.278 4.278 0 0 0-3.245-4.156ZM1.039 19.998a3.281 3.281 0 0 1 2.45-2.687l3.047-.761a.502.502 0 0 0 .364-.364l.315-1.261a.5.5 0 0 0-.417-.616c-1.178-.164-2.023-.435-2.527-.635.497-.72 1.165-2.208 1.165-5C5.435 4.832 8.294 4 9 4c.863 0 1.034.133 1.494.593a.504.504 0 0 0 .354.146h.37c.857 0 1.348 1.435 1.348 3.935 0 2.79.667 4.278 1.164 4.999-.507.2-1.353.47-2.527.635a.497.497 0 0 0-.416.616l.315 1.263c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 16.962 20l-15.923-.002Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ShippingSuccess.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: "M11.605 0a.522.522 0 0 0-.144.02L.378 3.186A.522.522 0 0 0 0 3.688v16.624c0 .233.154.438.378.502l11.083 3.166a.52.52 0 0 0 .307-.006l1.937-.554a.521.521 0 1 0-.287-1.003l-1.291.37V1.213l10.038 2.868v9.105a.522.522 0 1 0 1.043 0V3.688a.522.522 0 0 0-.378-.502L11.768.026A.522.522 0 0 0 11.605 0Zm-.522 22.787V1.213l-2.914.833v9.561a.522.522 0 0 1-.153.369l-.792.792a.522.522 0 0 1-.738 0l-.818-.819-.818.819a.522.522 0 0 1-.738 0l-.792-.792a.522.522 0 0 1-.153-.369V3.475l-2.124.607v15.836l10.04 2.869ZM4.211 3.177v8.214l.27.27.818-.819a.522.522 0 0 1 .738 0l.818.819.27-.27V2.344l-2.914.833Zm14.52 11.322a4.23 4.23 0 1 0-.13 8.459 4.23 4.23 0 0 0 .13-8.459Zm-5.272 4.228a5.272 5.272 0 1 1 10.544 0 5.272 5.272 0 0 1-10.544 0Zm8.013-1.207a.521.521 0 1 0-.738-.738l-2.797 2.797-1.214-1.214a.522.522 0 0 0-.738.738l1.583 1.583a.522.522 0 0 0 .738 0l3.166-3.166Z",
-    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: "M11.605 0a.522.522 0 0 0-.144.02L.378 3.186A.522.522 0 0 0 0 3.688v16.624c0 .233.154.438.378.502l11.083 3.166a.52.52 0 0 0 .307-.006l1.937-.554a.521.521 0 1 0-.287-1.003l-1.291.37V1.213l10.038 2.868v9.105a.522.522 0 1 0 1.043 0V3.688a.522.522 0 0 0-.378-.502L11.768.026A.522.522 0 0 0 11.605 0Zm-.522 22.787V1.213l-2.914.833v9.561a.522.522 0 0 1-.153.369l-.792.792a.522.522 0 0 1-.738 0l-.818-.819-.818.819a.522.522 0 0 1-.738 0l-.792-.792a.522.522 0 0 1-.153-.369V3.475l-2.124.607v15.836l10.04 2.869ZM4.211 3.177v8.214l.27.27.818-.819a.522.522 0 0 1 .738 0l.818.819.27-.27V2.344l-2.914.833Zm14.52 11.322a4.23 4.23 0 1 0-.13 8.459 4.23 4.23 0 0 0 .13-8.459Zm-5.272 4.228a5.272 5.272 0 1 1 10.544 0 5.272 5.272 0 0 1-10.544 0Zm8.013-1.207a.521.521 0 1 0-.738-.738l-2.797 2.797-1.214-1.214a.522.522 0 0 0-.738.738l1.583 1.583a.522.522 0 0 0 .738 0l3.166-3.166Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ShippingSuccess.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: "M11.605 0a.522.522 0 0 0-.144.02L.378 3.186A.522.522 0 0 0 0 3.688v16.624c0 .233.154.438.378.502l11.083 3.166a.52.52 0 0 0 .307-.006l1.937-.554a.521.521 0 1 0-.287-1.003l-1.291.37V1.213l10.038 2.868v9.105a.522.522 0 1 0 1.043 0V3.688a.522.522 0 0 0-.378-.502L11.768.026A.522.522 0 0 0 11.605 0Zm-.522 22.787V1.213l-2.914.833v9.561a.522.522 0 0 1-.153.369l-.792.792a.522.522 0 0 1-.738 0l-.818-.819-.818.819a.522.522 0 0 1-.738 0l-.792-.792a.522.522 0 0 1-.153-.369V3.475l-2.124.607v15.836l10.04 2.869ZM4.211 3.177v8.214l.27.27.818-.819a.522.522 0 0 1 .738 0l.818.819.27-.27V2.344l-2.914.833Zm14.52 11.322a4.23 4.23 0 1 0-.13 8.459 4.23 4.23 0 0 0 .13-8.459Zm-5.272 4.228a5.272 5.272 0 1 1 10.544 0 5.272 5.272 0 0 1-10.544 0Zm8.013-1.207a.521.521 0 1 0-.738-.738l-2.797 2.797-1.214-1.214a.522.522 0 0 0-.738.738l1.583 1.583a.522.522 0 0 0 .738 0l3.166-3.166Z",
-    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: "M11.605 0a.522.522 0 0 0-.144.02L.378 3.186A.522.522 0 0 0 0 3.688v16.624c0 .233.154.438.378.502l11.083 3.166a.52.52 0 0 0 .307-.006l1.937-.554a.521.521 0 1 0-.287-1.003l-1.291.37V1.213l10.038 2.868v9.105a.522.522 0 1 0 1.043 0V3.688a.522.522 0 0 0-.378-.502L11.768.026A.522.522 0 0 0 11.605 0Zm-.522 22.787V1.213l-2.914.833v9.561a.522.522 0 0 1-.153.369l-.792.792a.522.522 0 0 1-.738 0l-.818-.819-.818.819a.522.522 0 0 1-.738 0l-.792-.792a.522.522 0 0 1-.153-.369V3.475l-2.124.607v15.836l10.04 2.869ZM4.211 3.177v8.214l.27.27.818-.819a.522.522 0 0 1 .738 0l.818.819.27-.27V2.344l-2.914.833Zm14.52 11.322a4.23 4.23 0 1 0-.13 8.459 4.23 4.23 0 0 0 .13-8.459Zm-5.272 4.228a5.272 5.272 0 1 1 10.544 0 5.272 5.272 0 0 1-10.544 0Zm8.013-1.207a.521.521 0 1 0-.738-.738l-2.797 2.797-1.214-1.214a.522.522 0 0 0-.738.738l1.583 1.583a.522.522 0 0 0 .738 0l3.166-3.166Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Shop.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: "M20.485 2.375c.129 0 .254.049.348.133l.065.07 2.995 3.898a.51.51 0 0 1 .1.25l.003.092.004.036v.155a4.002 4.002 0 0 1-2.972 3.858l-.195.047v10.19a.522.522 0 0 1-.427.513l-.093.008H3.688a.521.521 0 0 1-.513-.427l-.008-.094v-10.19A4.005 4.005 0 0 1 .005 7.21L0 7.009v-.155c0-.031.006-.056.011-.075a.524.524 0 0 1 .054-.332l.046-.07 2.995-3.803a.519.519 0 0 1 .315-.19l.094-.009h16.97Zm-2.372 8.151a3.971 3.971 0 0 1-3.119 1.495 4.008 4.008 0 0 1-2.992-1.345 3.99 3.99 0 0 1-2.996 1.345 3.977 3.977 0 0 1-3.121-1.495 3.943 3.943 0 0 1-1.428.454l-.249.02v9.583h8.459v-7.396c0-.255.184-.468.427-.513l.094-.008h5.541c.256 0 .469.185.513.428l.008.093v7.396h.542V11a3.937 3.937 0 0 1-1.679-.474Zm.095 3.182h-4.5v6.875h4.5v-6.875Zm-6.604-1.042c.255 0 .468.185.513.427l.008.094v3.958a.522.522 0 0 1-.428.513l-.093.008H5.271a.522.522 0 0 1-.513-.427l-.008-.094v-3.958a.52.52 0 0 1 .428-.512l.093-.009h6.333Zm-.52 1.041H5.792v2.918h5.292v-2.918Zm.395-6.332H6.584v2.348a2.971 2.971 0 0 0 2.421 1.257c.932 0 1.798-.433 2.359-1.17l.115-.162V7.375Zm5.938 0h-4.896v2.272a2.957 2.957 0 0 0 2.473 1.332 2.97 2.97 0 0 0 2.307-1.105l.116-.153V7.375Zm5.503 0h-4.462v2.15c.477.29 1.004.444 1.527.444 1.428 0 2.65-1.04 2.908-2.42l.027-.174Zm-17.378 0H1.08a2.976 2.976 0 0 0 2.935 2.593c.458 0 .919-.117 1.346-.34l.181-.103v-2.15Zm10.121-3.959h-3.142v2.917h4.6l-1.458-2.917Zm-8.49 0H3.768L1.471 6.333h4.243l1.459-2.917Zm13.056 0h-3.402l1.458 2.917h4.184l-2.24-2.917Zm-8.75 0H8.337L6.879 6.333h4.6V3.416Z",
-    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: "M20.485 2.375c.129 0 .254.049.348.133l.065.07 2.995 3.898a.51.51 0 0 1 .1.25l.003.092.004.036v.155a4.002 4.002 0 0 1-2.972 3.858l-.195.047v10.19a.522.522 0 0 1-.427.513l-.093.008H3.688a.521.521 0 0 1-.513-.427l-.008-.094v-10.19A4.005 4.005 0 0 1 .005 7.21L0 7.009v-.155c0-.031.006-.056.011-.075a.524.524 0 0 1 .054-.332l.046-.07 2.995-3.803a.519.519 0 0 1 .315-.19l.094-.009h16.97Zm-2.372 8.151a3.971 3.971 0 0 1-3.119 1.495 4.008 4.008 0 0 1-2.992-1.345 3.99 3.99 0 0 1-2.996 1.345 3.977 3.977 0 0 1-3.121-1.495 3.943 3.943 0 0 1-1.428.454l-.249.02v9.583h8.459v-7.396c0-.255.184-.468.427-.513l.094-.008h5.541c.256 0 .469.185.513.428l.008.093v7.396h.542V11a3.937 3.937 0 0 1-1.679-.474Zm.095 3.182h-4.5v6.875h4.5v-6.875Zm-6.604-1.042c.255 0 .468.185.513.427l.008.094v3.958a.522.522 0 0 1-.428.513l-.093.008H5.271a.522.522 0 0 1-.513-.427l-.008-.094v-3.958a.52.52 0 0 1 .428-.512l.093-.009h6.333Zm-.52 1.041H5.792v2.918h5.292v-2.918Zm.395-6.332H6.584v2.348a2.971 2.971 0 0 0 2.421 1.257c.932 0 1.798-.433 2.359-1.17l.115-.162V7.375Zm5.938 0h-4.896v2.272a2.957 2.957 0 0 0 2.473 1.332 2.97 2.97 0 0 0 2.307-1.105l.116-.153V7.375Zm5.503 0h-4.462v2.15c.477.29 1.004.444 1.527.444 1.428 0 2.65-1.04 2.908-2.42l.027-.174Zm-17.378 0H1.08a2.976 2.976 0 0 0 2.935 2.593c.458 0 .919-.117 1.346-.34l.181-.103v-2.15Zm10.121-3.959h-3.142v2.917h4.6l-1.458-2.917Zm-8.49 0H3.768L1.471 6.333h4.243l1.459-2.917Zm13.056 0h-3.402l1.458 2.917h4.184l-2.24-2.917Zm-8.75 0H8.337L6.879 6.333h4.6V3.416Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Shop.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: "M20.485 2.375c.129 0 .254.049.348.133l.065.07 2.995 3.898a.51.51 0 0 1 .1.25l.003.092.004.036v.155a4.002 4.002 0 0 1-2.972 3.858l-.195.047v10.19a.522.522 0 0 1-.427.513l-.093.008H3.688a.521.521 0 0 1-.513-.427l-.008-.094v-10.19A4.005 4.005 0 0 1 .005 7.21L0 7.009v-.155c0-.031.006-.056.011-.075a.524.524 0 0 1 .054-.332l.046-.07 2.995-3.803a.519.519 0 0 1 .315-.19l.094-.009h16.97Zm-2.372 8.151a3.971 3.971 0 0 1-3.119 1.495 4.008 4.008 0 0 1-2.992-1.345 3.99 3.99 0 0 1-2.996 1.345 3.977 3.977 0 0 1-3.121-1.495 3.943 3.943 0 0 1-1.428.454l-.249.02v9.583h8.459v-7.396c0-.255.184-.468.427-.513l.094-.008h5.541c.256 0 .469.185.513.428l.008.093v7.396h.542V11a3.937 3.937 0 0 1-1.679-.474Zm.095 3.182h-4.5v6.875h4.5v-6.875Zm-6.604-1.042c.255 0 .468.185.513.427l.008.094v3.958a.522.522 0 0 1-.428.513l-.093.008H5.271a.522.522 0 0 1-.513-.427l-.008-.094v-3.958a.52.52 0 0 1 .428-.512l.093-.009h6.333Zm-.52 1.041H5.792v2.918h5.292v-2.918Zm.395-6.332H6.584v2.348a2.971 2.971 0 0 0 2.421 1.257c.932 0 1.798-.433 2.359-1.17l.115-.162V7.375Zm5.938 0h-4.896v2.272a2.957 2.957 0 0 0 2.473 1.332 2.97 2.97 0 0 0 2.307-1.105l.116-.153V7.375Zm5.503 0h-4.462v2.15c.477.29 1.004.444 1.527.444 1.428 0 2.65-1.04 2.908-2.42l.027-.174Zm-17.378 0H1.08a2.976 2.976 0 0 0 2.935 2.593c.458 0 .919-.117 1.346-.34l.181-.103v-2.15Zm10.121-3.959h-3.142v2.917h4.6l-1.458-2.917Zm-8.49 0H3.768L1.471 6.333h4.243l1.459-2.917Zm13.056 0h-3.402l1.458 2.917h4.184l-2.24-2.917Zm-8.75 0H8.337L6.879 6.333h4.6V3.416Z",
-    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: "M20.485 2.375c.129 0 .254.049.348.133l.065.07 2.995 3.898a.51.51 0 0 1 .1.25l.003.092.004.036v.155a4.002 4.002 0 0 1-2.972 3.858l-.195.047v10.19a.522.522 0 0 1-.427.513l-.093.008H3.688a.521.521 0 0 1-.513-.427l-.008-.094v-10.19A4.005 4.005 0 0 1 .005 7.21L0 7.009v-.155c0-.031.006-.056.011-.075a.524.524 0 0 1 .054-.332l.046-.07 2.995-3.803a.519.519 0 0 1 .315-.19l.094-.009h16.97Zm-2.372 8.151a3.971 3.971 0 0 1-3.119 1.495 4.008 4.008 0 0 1-2.992-1.345 3.99 3.99 0 0 1-2.996 1.345 3.977 3.977 0 0 1-3.121-1.495 3.943 3.943 0 0 1-1.428.454l-.249.02v9.583h8.459v-7.396c0-.255.184-.468.427-.513l.094-.008h5.541c.256 0 .469.185.513.428l.008.093v7.396h.542V11a3.937 3.937 0 0 1-1.679-.474Zm.095 3.182h-4.5v6.875h4.5v-6.875Zm-6.604-1.042c.255 0 .468.185.513.427l.008.094v3.958a.522.522 0 0 1-.428.513l-.093.008H5.271a.522.522 0 0 1-.513-.427l-.008-.094v-3.958a.52.52 0 0 1 .428-.512l.093-.009h6.333Zm-.52 1.041H5.792v2.918h5.292v-2.918Zm.395-6.332H6.584v2.348a2.971 2.971 0 0 0 2.421 1.257c.932 0 1.798-.433 2.359-1.17l.115-.162V7.375Zm5.938 0h-4.896v2.272a2.957 2.957 0 0 0 2.473 1.332 2.97 2.97 0 0 0 2.307-1.105l.116-.153V7.375Zm5.503 0h-4.462v2.15c.477.29 1.004.444 1.527.444 1.428 0 2.65-1.04 2.908-2.42l.027-.174Zm-17.378 0H1.08a2.976 2.976 0 0 0 2.935 2.593c.458 0 .919-.117 1.346-.34l.181-.103v-2.15Zm10.121-3.959h-3.142v2.917h4.6l-1.458-2.917Zm-8.49 0H3.768L1.471 6.333h4.243l1.459-2.917Zm13.056 0h-3.402l1.458 2.917h4.184l-2.24-2.917Zm-8.75 0H8.337L6.879 6.333h4.6V3.416Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SignPost.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: "M11.344 11.896h2.168V9.729h-2.168v2.168Zm8.504 1.291v3.961a.292.292 0 0 1-.292.293H6.354a.292.292 0 0 1-.206-.086l-1.98-1.982a.288.288 0 0 1 0-.41L6.15 12.98a.29.29 0 0 1 .205-.085h13.202c.161 0 .292.13.292.291Zm-6.336 9.505a.296.296 0 0 1-.292.293h-1.584a.296.296 0 0 1-.292-.293V18.44h2.168v4.252ZM1.84 8.437V3.684c0-.162.131-.292.292-.292h17.36a.29.29 0 0 1 .207.086l2.376 2.376a.294.294 0 0 1 0 .412l-2.377 2.377a.29.29 0 0 1-.206.085H2.132a.292.292 0 0 1-.292-.291Zm9.504-7.13c0-.157.134-.291.292-.291h1.584c.16 0 .292.133.292.292v1.084h-2.168V1.308Zm8.148 8.421c.346 0 .671-.134.914-.378l2.377-2.377a1.293 1.293 0 0 0 0-1.827l-2.376-2.374a1.297 1.297 0 0 0-.915-.38h-4.98V1.308c0-.712-.579-1.292-1.292-1.292h-1.584c-.712 0-1.292.58-1.292 1.292v1.084H2.132c-.712 0-1.292.58-1.292 1.292v4.752c0 .713.58 1.293 1.292 1.293h8.212v2.168H6.352c-.34 0-.672.137-.91.377l-1.98 1.98a1.285 1.285 0 0 0-.001 1.827l1.98 1.98c.24.24.573.38.913.38h3.99v4.252c0 .712.58 1.291 1.292 1.291h1.584c.713 0 1.292-.579 1.292-1.292V18.44h5.044c.713 0 1.292-.579 1.292-1.292v-3.96c0-.713-.579-1.292-1.292-1.292h-5.044V9.729h4.98Z",
-    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: "M11.344 11.896h2.168V9.729h-2.168v2.168Zm8.504 1.291v3.961a.292.292 0 0 1-.292.293H6.354a.292.292 0 0 1-.206-.086l-1.98-1.982a.288.288 0 0 1 0-.41L6.15 12.98a.29.29 0 0 1 .205-.085h13.202c.161 0 .292.13.292.291Zm-6.336 9.505a.296.296 0 0 1-.292.293h-1.584a.296.296 0 0 1-.292-.293V18.44h2.168v4.252ZM1.84 8.437V3.684c0-.162.131-.292.292-.292h17.36a.29.29 0 0 1 .207.086l2.376 2.376a.294.294 0 0 1 0 .412l-2.377 2.377a.29.29 0 0 1-.206.085H2.132a.292.292 0 0 1-.292-.291Zm9.504-7.13c0-.157.134-.291.292-.291h1.584c.16 0 .292.133.292.292v1.084h-2.168V1.308Zm8.148 8.421c.346 0 .671-.134.914-.378l2.377-2.377a1.293 1.293 0 0 0 0-1.827l-2.376-2.374a1.297 1.297 0 0 0-.915-.38h-4.98V1.308c0-.712-.579-1.292-1.292-1.292h-1.584c-.712 0-1.292.58-1.292 1.292v1.084H2.132c-.712 0-1.292.58-1.292 1.292v4.752c0 .713.58 1.293 1.292 1.293h8.212v2.168H6.352c-.34 0-.672.137-.91.377l-1.98 1.98a1.285 1.285 0 0 0-.001 1.827l1.98 1.98c.24.24.573.38.913.38h3.99v4.252c0 .712.58 1.291 1.292 1.291h1.584c.713 0 1.292-.579 1.292-1.292V18.44h5.044c.713 0 1.292-.579 1.292-1.292v-3.96c0-.713-.579-1.292-1.292-1.292h-5.044V9.729h4.98Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SignPost.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: "M11.344 11.896h2.168V9.729h-2.168v2.168Zm8.504 1.291v3.961a.292.292 0 0 1-.292.293H6.354a.292.292 0 0 1-.206-.086l-1.98-1.982a.288.288 0 0 1 0-.41L6.15 12.98a.29.29 0 0 1 .205-.085h13.202c.161 0 .292.13.292.291Zm-6.336 9.505a.296.296 0 0 1-.292.293h-1.584a.296.296 0 0 1-.292-.293V18.44h2.168v4.252ZM1.84 8.437V3.684c0-.162.131-.292.292-.292h17.36a.29.29 0 0 1 .207.086l2.376 2.376a.294.294 0 0 1 0 .412l-2.377 2.377a.29.29 0 0 1-.206.085H2.132a.292.292 0 0 1-.292-.291Zm9.504-7.13c0-.157.134-.291.292-.291h1.584c.16 0 .292.133.292.292v1.084h-2.168V1.308Zm8.148 8.421c.346 0 .671-.134.914-.378l2.377-2.377a1.293 1.293 0 0 0 0-1.827l-2.376-2.374a1.297 1.297 0 0 0-.915-.38h-4.98V1.308c0-.712-.579-1.292-1.292-1.292h-1.584c-.712 0-1.292.58-1.292 1.292v1.084H2.132c-.712 0-1.292.58-1.292 1.292v4.752c0 .713.58 1.293 1.292 1.293h8.212v2.168H6.352c-.34 0-.672.137-.91.377l-1.98 1.98a1.285 1.285 0 0 0-.001 1.827l1.98 1.98c.24.24.573.38.913.38h3.99v4.252c0 .712.58 1.291 1.292 1.291h1.584c.713 0 1.292-.579 1.292-1.292V18.44h5.044c.713 0 1.292-.579 1.292-1.292v-3.96c0-.713-.579-1.292-1.292-1.292h-5.044V9.729h4.98Z",
-    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: "M11.344 11.896h2.168V9.729h-2.168v2.168Zm8.504 1.291v3.961a.292.292 0 0 1-.292.293H6.354a.292.292 0 0 1-.206-.086l-1.98-1.982a.288.288 0 0 1 0-.41L6.15 12.98a.29.29 0 0 1 .205-.085h13.202c.161 0 .292.13.292.291Zm-6.336 9.505a.296.296 0 0 1-.292.293h-1.584a.296.296 0 0 1-.292-.293V18.44h2.168v4.252ZM1.84 8.437V3.684c0-.162.131-.292.292-.292h17.36a.29.29 0 0 1 .207.086l2.376 2.376a.294.294 0 0 1 0 .412l-2.377 2.377a.29.29 0 0 1-.206.085H2.132a.292.292 0 0 1-.292-.291Zm9.504-7.13c0-.157.134-.291.292-.291h1.584c.16 0 .292.133.292.292v1.084h-2.168V1.308Zm8.148 8.421c.346 0 .671-.134.914-.378l2.377-2.377a1.293 1.293 0 0 0 0-1.827l-2.376-2.374a1.297 1.297 0 0 0-.915-.38h-4.98V1.308c0-.712-.579-1.292-1.292-1.292h-1.584c-.712 0-1.292.58-1.292 1.292v1.084H2.132c-.712 0-1.292.58-1.292 1.292v4.752c0 .713.58 1.293 1.292 1.293h8.212v2.168H6.352c-.34 0-.672.137-.91.377l-1.98 1.98a1.285 1.285 0 0 0-.001 1.827l1.98 1.98c.24.24.573.38.913.38h3.99v4.252c0 .712.58 1.291 1.292 1.291h1.584c.713 0 1.292-.579 1.292-1.292V18.44h5.044c.713 0 1.292-.579 1.292-1.292v-3.96c0-.713-.579-1.292-1.292-1.292h-5.044V9.729h4.98Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Signal.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 18.783H1c-.776 0-1 .233-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0v-4.174c0-.81-.224-1.043 0-1.043Zm-1 4.173H1v-3.13h2v3.13ZM24 0h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V1.043C24 .233 23.776 0 24 0Zm-1 22.956h-2V1.043h2v21.913ZM9 14.61H6c-.776 0-1 .233-1 0v8.347C5 23.766 5.224 24 6 24h3c-.224 0 0-.234 0-1.044V14.61c0 .233-.224 0 0 0Zm-1 8.347H6v-7.304h2v7.304ZM19 4.174h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V5.217c0-.81-.224-1.043 0-1.043Zm-1 18.782h-2V5.217h2v17.74ZM14 9.391h-3c-.776 0-1 .234-1 1.044V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V10.435c0-.81-.224-1.044 0-1.044Zm-1 13.565h-2V10.435h2v12.521Z",
-    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 18.783H1c-.776 0-1 .233-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0v-4.174c0-.81-.224-1.043 0-1.043Zm-1 4.173H1v-3.13h2v3.13ZM24 0h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V1.043C24 .233 23.776 0 24 0Zm-1 22.956h-2V1.043h2v21.913ZM9 14.61H6c-.776 0-1 .233-1 0v8.347C5 23.766 5.224 24 6 24h3c-.224 0 0-.234 0-1.044V14.61c0 .233-.224 0 0 0Zm-1 8.347H6v-7.304h2v7.304ZM19 4.174h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V5.217c0-.81-.224-1.043 0-1.043Zm-1 18.782h-2V5.217h2v17.74ZM14 9.391h-3c-.776 0-1 .234-1 1.044V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V10.435c0-.81-.224-1.044 0-1.044Zm-1 13.565h-2V10.435h2v12.521Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Signal.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 18.783H1c-.776 0-1 .233-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0v-4.174c0-.81-.224-1.043 0-1.043Zm-1 4.173H1v-3.13h2v3.13ZM24 0h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V1.043C24 .233 23.776 0 24 0Zm-1 22.956h-2V1.043h2v21.913ZM9 14.61H6c-.776 0-1 .233-1 0v8.347C5 23.766 5.224 24 6 24h3c-.224 0 0-.234 0-1.044V14.61c0 .233-.224 0 0 0Zm-1 8.347H6v-7.304h2v7.304ZM19 4.174h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V5.217c0-.81-.224-1.043 0-1.043Zm-1 18.782h-2V5.217h2v17.74ZM14 9.391h-3c-.776 0-1 .234-1 1.044V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V10.435c0-.81-.224-1.044 0-1.044Zm-1 13.565h-2V10.435h2v12.521Z",
-    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 18.783H1c-.776 0-1 .233-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0v-4.174c0-.81-.224-1.043 0-1.043Zm-1 4.173H1v-3.13h2v3.13ZM24 0h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V1.043C24 .233 23.776 0 24 0Zm-1 22.956h-2V1.043h2v21.913ZM9 14.61H6c-.776 0-1 .233-1 0v8.347C5 23.766 5.224 24 6 24h3c-.224 0 0-.234 0-1.044V14.61c0 .233-.224 0 0 0Zm-1 8.347H6v-7.304h2v7.304ZM19 4.174h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V5.217c0-.81-.224-1.043 0-1.043Zm-1 18.782h-2V5.217h2v17.74ZM14 9.391h-3c-.776 0-1 .234-1 1.044V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V10.435c0-.81-.224-1.044 0-1.044Zm-1 13.565h-2V10.435h2v12.521Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SimCard.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 0c1.378 0 2.5 1.122 2.5 2.5v19c0 1.378-1.122 2.5-2.5 2.5H6a2.503 2.503 0 0 1-2.5-2.5v-16c0-.133.053-.26.146-.354l5-5A.504.504 0 0 1 9 0h9Zm0 1H9.207L4.5 5.707V21.5c0 .827.673 1.5 1.5 1.5h12c.827 0 1.5-.673 1.5-1.5v-19c0-.827-.673-1.5-1.5-1.5Zm-2 7c.827 0 1.5.673 1.5 1.5v10c0 .827-.673 1.5-1.5 1.5H8c-.827 0-1.5-.673-1.5-1.5v-10C6.5 8.673 7.173 8 8 8h8Zm-6.5 7h-2v4.5a.5.5 0 0 0 .5.5h3.5v-2.5a.5.5 0 0 1 1 0V20H16a.5.5 0 0 0 .5-.5V15h-2v2.5a.5.5 0 0 1-1 0V15h-3v2.5a.5.5 0 0 1-1 0V15Zm0-6H8a.5.5 0 0 0-.5.5V14h4v-2.5a.5.5 0 0 1 1 0V14h4V9.5A.5.5 0 0 0 16 9h-1.5v2.5a.5.5 0 0 1-1 0V9h-3v2.5a.5.5 0 0 1-1 0V9Z",
-    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 0c1.378 0 2.5 1.122 2.5 2.5v19c0 1.378-1.122 2.5-2.5 2.5H6a2.503 2.503 0 0 1-2.5-2.5v-16c0-.133.053-.26.146-.354l5-5A.504.504 0 0 1 9 0h9Zm0 1H9.207L4.5 5.707V21.5c0 .827.673 1.5 1.5 1.5h12c.827 0 1.5-.673 1.5-1.5v-19c0-.827-.673-1.5-1.5-1.5Zm-2 7c.827 0 1.5.673 1.5 1.5v10c0 .827-.673 1.5-1.5 1.5H8c-.827 0-1.5-.673-1.5-1.5v-10C6.5 8.673 7.173 8 8 8h8Zm-6.5 7h-2v4.5a.5.5 0 0 0 .5.5h3.5v-2.5a.5.5 0 0 1 1 0V20H16a.5.5 0 0 0 .5-.5V15h-2v2.5a.5.5 0 0 1-1 0V15h-3v2.5a.5.5 0 0 1-1 0V15Zm0-6H8a.5.5 0 0 0-.5.5V14h4v-2.5a.5.5 0 0 1 1 0V14h4V9.5A.5.5 0 0 0 16 9h-1.5v2.5a.5.5 0 0 1-1 0V9h-3v2.5a.5.5 0 0 1-1 0V9Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};