@telus-uds/palette-allium 5.3.2 → 5.3.3

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

@@ -7,25 +7,41 @@ 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: "M6.042 7.113c-.383.183-.72.449-.985.779v-.001l-2.309 2.86h5.12a2.67 2.67 0 0 1 2.635-2.254h1.282a.417.417 0 0 1 .417.417v.772h1.35a.418.418 0 0 1 0 .835h-1.35v1.294h1.35a.418.418 0 0 1 0 .835h-1.35v.77c0 .23-.187.417-.417.417h-1.282a2.67 2.67 0 0 1-2.634-2.252H1.912a1.044 1.044 0 0 0-1.078 1.043v1.685c0 .574.467 1.041 1.04 1.041h.386a.418.418 0 0 1 0 .835h-.386A1.876 1.876 0 0 1 0 14.313v-1.685c0-.964.73-1.76 1.666-1.864l2.743-3.397A3.67 3.67 0 0 1 7.267 6h6.611a3.683 3.683 0 0 1 2.72 1.205l3.22 3.544h1.464a2.721 2.721 0 0 1 .001 5.443h-.825a1.878 1.878 0 0 1-3.753-.071 1.876 1.876 0 0 1 3.594-.763h.984a1.887 1.887 0 1 0 0-3.774h-1.605l-.038.001h-3.19a.417.417 0 1 1 0-.834h2.242l-2.711-2.984a2.849 2.849 0 0 0-2.102-.932H7.266c-.424 0-.842.095-1.224.278Zm2.629 4.014a1.835 1.835 0 0 0 1.832 1.875h.865V9.331h-.865a1.836 1.836 0 0 0-1.832 1.796Zm9.174 4.256a1.043 1.043 0 1 0 1.475 1.476 1.043 1.043 0 0 0-1.476-1.476Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M3.709 14.938c-.27.335-.417.752-.417 1.182a1.88 1.88 0 0 0 1.844 1.911 1.877 1.877 0 0 0 1.91-1.844h8.451a.418.418 0 0 0 0-.835H6.883a1.877 1.877 0 0 0-3.174-.414Zm.418 1.183a1.043 1.043 0 1 1 2.086-.004 1.043 1.043 0 0 1-2.086.004Z",
-    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: "M6.042 7.113c-.383.183-.72.449-.985.779v-.001l-2.309 2.86h5.12a2.67 2.67 0 0 1 2.635-2.254h1.282a.417.417 0 0 1 .417.417v.772h1.35a.418.418 0 0 1 0 .835h-1.35v1.294h1.35a.418.418 0 0 1 0 .835h-1.35v.77c0 .23-.187.417-.417.417h-1.282a2.67 2.67 0 0 1-2.634-2.252H1.912a1.044 1.044 0 0 0-1.078 1.043v1.685c0 .574.467 1.041 1.04 1.041h.386a.418.418 0 0 1 0 .835h-.386A1.876 1.876 0 0 1 0 14.313v-1.685c0-.964.73-1.76 1.666-1.864l2.743-3.397A3.67 3.67 0 0 1 7.267 6h6.611a3.683 3.683 0 0 1 2.72 1.205l3.22 3.544h1.464a2.721 2.721 0 0 1 .001 5.443h-.825a1.878 1.878 0 0 1-3.753-.071 1.876 1.876 0 0 1 3.594-.763h.984a1.887 1.887 0 1 0 0-3.774h-1.605l-.038.001h-3.19a.417.417 0 1 1 0-.834h2.242l-2.711-2.984a2.849 2.849 0 0 0-2.102-.932H7.266c-.424 0-.842.095-1.224.278Zm2.629 4.014a1.835 1.835 0 0 0 1.832 1.875h.865V9.331h-.865a1.836 1.836 0 0 0-1.832 1.796Zm9.174 4.256a1.043 1.043 0 1 0 1.475 1.476 1.043 1.043 0 0 0-1.476-1.476Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M3.709 14.938c-.27.335-.417.752-.417 1.182a1.88 1.88 0 0 0 1.844 1.911 1.877 1.877 0 0 0 1.91-1.844h8.451a.418.418 0 0 0 0-.835H6.883a1.877 1.877 0 0 0-3.174-.414Zm.418 1.183a1.043 1.043 0 1 1 2.086-.004 1.043 1.043 0 0 1-2.086.004Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EcoBulb.js

@@ -6,25 +6,41 @@ 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: "M8.59 11a4.555 4.555 0 0 1-3.02-1.135C5.222 10.69 5 11.58 5 12.5a.5.5 0 0 1-1 0c0-1.211.334-2.381.839-3.444A4.558 4.558 0 0 1 4 6.409a4.56 4.56 0 0 1 1.345-3.246C7.325 1.183 10.748 0 14.5 0a.503.503 0 0 1 .353.854c-1.021 1.022-1.329 2.888-1.625 4.692-.275 1.673-.535 3.254-1.392 4.11A4.566 4.566 0 0 1 8.59 11ZM6.052 8.948l-.022-.023c1.221-2.182 3.144-3.742 3.564-3.934A.5.5 0 0 0 9.5 4c-.517 0-2.658 1.649-4.111 4.039A3.57 3.57 0 0 1 5 6.409 3.564 3.564 0 0 1 6.052 3.87c1.619-1.62 4.344-2.651 7.423-2.839-.721 1.237-.991 2.873-1.234 4.352l-.001.003c-.247 1.509-.481 2.934-1.11 3.562-1.357 1.356-3.721 1.356-5.078 0Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M13.5 24h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1Zm1-4h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1Zm-4 2h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0 0 1Zm-.004-4.004h4c1.842 0 2.456-3.193 2.66-4.25v-.005c.066-.346.28-.606.45-.764a7.512 7.512 0 0 0 2.39-5.481 7.455 7.455 0 0 0-3.5-6.326.5.5 0 0 0-.535.846 6.46 6.46 0 0 1 3.036 5.48 6.43 6.43 0 0 1-2.073 4.75 2.421 2.421 0 0 0-.75 1.307c-.595 3.108-1.37 3.443-1.678 3.443h-4c-.306 0-1.083-.338-1.68-3.466-.088-.47-.34-.908-.73-1.269a1.543 1.543 0 0 1-.096-.102l-.1-.109a.502.502 0 0 0-.716.7l.07.077.002.002c.052.058.104.115.16.166.16.148.365.393.427.72.202 1.059.817 4.281 2.663 4.281Z"
-  })]
-});
+}) => {
+  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: "M8.59 11a4.555 4.555 0 0 1-3.02-1.135C5.222 10.69 5 11.58 5 12.5a.5.5 0 0 1-1 0c0-1.211.334-2.381.839-3.444A4.558 4.558 0 0 1 4 6.409a4.56 4.56 0 0 1 1.345-3.246C7.325 1.183 10.748 0 14.5 0a.503.503 0 0 1 .353.854c-1.021 1.022-1.329 2.888-1.625 4.692-.275 1.673-.535 3.254-1.392 4.11A4.566 4.566 0 0 1 8.59 11ZM6.052 8.948l-.022-.023c1.221-2.182 3.144-3.742 3.564-3.934A.5.5 0 0 0 9.5 4c-.517 0-2.658 1.649-4.111 4.039A3.57 3.57 0 0 1 5 6.409 3.564 3.564 0 0 1 6.052 3.87c1.619-1.62 4.344-2.651 7.423-2.839-.721 1.237-.991 2.873-1.234 4.352l-.001.003c-.247 1.509-.481 2.934-1.11 3.562-1.357 1.356-3.721 1.356-5.078 0Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M13.5 24h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1Zm1-4h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1Zm-4 2h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0 0 1Zm-.004-4.004h4c1.842 0 2.456-3.193 2.66-4.25v-.005c.066-.346.28-.606.45-.764a7.512 7.512 0 0 0 2.39-5.481 7.455 7.455 0 0 0-3.5-6.326.5.5 0 0 0-.535.846 6.46 6.46 0 0 1 3.036 5.48 6.43 6.43 0 0 1-2.073 4.75 2.421 2.421 0 0 0-.75 1.307c-.595 3.108-1.37 3.443-1.678 3.443h-4c-.306 0-1.083-.338-1.68-3.466-.088-.47-.34-.908-.73-1.269a1.543 1.543 0 0 1-.096-.102l-.1-.109a.502.502 0 0 0-.716.7l.07.077.002.002c.052.058.104.115.16.166.16.148.365.393.427.72.202 1.059.817 4.281 2.663 4.281Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,23 +7,39 @@ 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: "M8.59 11a4.555 4.555 0 0 1-3.02-1.135C5.222 10.69 5 11.58 5 12.5a.5.5 0 0 1-1 0c0-1.211.334-2.381.839-3.444A4.558 4.558 0 0 1 4 6.409a4.56 4.56 0 0 1 1.345-3.246C7.325 1.183 10.748 0 14.5 0a.503.503 0 0 1 .353.854c-1.021 1.022-1.329 2.888-1.625 4.692-.275 1.673-.535 3.254-1.392 4.11A4.566 4.566 0 0 1 8.59 11ZM6.052 8.948l-.022-.023c1.221-2.182 3.144-3.742 3.564-3.934A.5.5 0 0 0 9.5 4c-.517 0-2.658 1.649-4.111 4.039A3.57 3.57 0 0 1 5 6.409 3.564 3.564 0 0 1 6.052 3.87c1.619-1.62 4.344-2.651 7.423-2.839-.721 1.237-.991 2.873-1.234 4.352l-.001.003c-.247 1.509-.481 2.934-1.11 3.562-1.357 1.356-3.721 1.356-5.078 0Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M13.5 24h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1Zm1-4h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1Zm-4 2h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0 0 1Zm-.004-4.004h4c1.842 0 2.456-3.193 2.66-4.25v-.005c.066-.346.28-.606.45-.764a7.512 7.512 0 0 0 2.39-5.481 7.455 7.455 0 0 0-3.5-6.326.5.5 0 0 0-.535.846 6.46 6.46 0 0 1 3.036 5.48 6.43 6.43 0 0 1-2.073 4.75 2.421 2.421 0 0 0-.75 1.307c-.595 3.108-1.37 3.443-1.678 3.443h-4c-.306 0-1.083-.338-1.68-3.466-.088-.47-.34-.908-.73-1.269a1.543 1.543 0 0 1-.096-.102l-.1-.109a.502.502 0 0 0-.716.7l.07.077.002.002c.052.058.104.115.16.166.16.148.365.393.427.72.202 1.059.817 4.281 2.663 4.281Z"
-  })]
-});
+}) => {
+  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: "M8.59 11a4.555 4.555 0 0 1-3.02-1.135C5.222 10.69 5 11.58 5 12.5a.5.5 0 0 1-1 0c0-1.211.334-2.381.839-3.444A4.558 4.558 0 0 1 4 6.409a4.56 4.56 0 0 1 1.345-3.246C7.325 1.183 10.748 0 14.5 0a.503.503 0 0 1 .353.854c-1.021 1.022-1.329 2.888-1.625 4.692-.275 1.673-.535 3.254-1.392 4.11A4.566 4.566 0 0 1 8.59 11ZM6.052 8.948l-.022-.023c1.221-2.182 3.144-3.742 3.564-3.934A.5.5 0 0 0 9.5 4c-.517 0-2.658 1.649-4.111 4.039A3.57 3.57 0 0 1 5 6.409 3.564 3.564 0 0 1 6.052 3.87c1.619-1.62 4.344-2.651 7.423-2.839-.721 1.237-.991 2.873-1.234 4.352l-.001.003c-.247 1.509-.481 2.934-1.11 3.562-1.357 1.356-3.721 1.356-5.078 0Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M13.5 24h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1Zm1-4h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1Zm-4 2h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0 0 1Zm-.004-4.004h4c1.842 0 2.456-3.193 2.66-4.25v-.005c.066-.346.28-.606.45-.764a7.512 7.512 0 0 0 2.39-5.481 7.455 7.455 0 0 0-3.5-6.326.5.5 0 0 0-.535.846 6.46 6.46 0 0 1 3.036 5.48 6.43 6.43 0 0 1-2.073 4.75 2.421 2.421 0 0 0-.75 1.307c-.595 3.108-1.37 3.443-1.678 3.443h-4c-.306 0-1.083-.338-1.68-3.466-.088-.47-.34-.908-.73-1.269a1.543 1.543 0 0 1-.096-.102l-.1-.109a.502.502 0 0 0-.716.7l.07.077.002.002c.052.058.104.115.16.166.16.148.365.393.427.72.202 1.059.817 4.281 2.663 4.281Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Edit.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: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 0 1 .135 3.086l-.138.148L7.11 20.093a2.212 2.212 0 0 1-.227.204l-.03.016-4.114 1.648a.544.544 0 0 1-.581-.119.536.536 0 0 1-.146-.495l.027-.087 1.644-4.118a.518.518 0 0 1 .07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0 1 19.718 2Zm-15.1 15.715-1.11 2.776 2.772-1.11-1.663-1.666ZM16.114 6.167 5.358 16.931l1.68 1.682 1.335-1.37a866.6 866.6 0 0 1 5.672-5.67l3.753-3.721-1.683-1.685Zm4.454-2.753a1.222 1.222 0 0 0-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 0 0-.352-.853Z",
-    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: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 0 1 .135 3.086l-.138.148L7.11 20.093a2.212 2.212 0 0 1-.227.204l-.03.016-4.114 1.648a.544.544 0 0 1-.581-.119.536.536 0 0 1-.146-.495l.027-.087 1.644-4.118a.518.518 0 0 1 .07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0 1 19.718 2Zm-15.1 15.715-1.11 2.776 2.772-1.11-1.663-1.666ZM16.114 6.167 5.358 16.931l1.68 1.682 1.335-1.37a866.6 866.6 0 0 1 5.672-5.67l3.753-3.721-1.683-1.685Zm4.454-2.753a1.222 1.222 0 0 0-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 0 0-.352-.853Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Edit.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: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 0 1 .135 3.086l-.138.148L7.11 20.093a2.212 2.212 0 0 1-.227.204l-.03.016-4.114 1.648a.544.544 0 0 1-.581-.119.536.536 0 0 1-.146-.495l.027-.087 1.644-4.118a.518.518 0 0 1 .07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0 1 19.718 2Zm-15.1 15.715-1.11 2.776 2.772-1.11-1.663-1.666ZM16.114 6.167 5.358 16.931l1.68 1.682 1.335-1.37a866.6 866.6 0 0 1 5.672-5.67l3.753-3.721-1.683-1.685Zm4.454-2.753a1.222 1.222 0 0 0-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 0 0-.352-.853Z",
-    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: "M19.717 2c.612 0 1.198.235 1.61.646a2.275 2.275 0 0 1 .135 3.086l-.138.148L7.11 20.093a2.212 2.212 0 0 1-.227.204l-.03.016-4.114 1.648a.544.544 0 0 1-.581-.119.536.536 0 0 1-.146-.495l.027-.087 1.644-4.118a.518.518 0 0 1 .07-.124l.05-.056L18.107 2.646A2.281 2.281 0 0 1 19.718 2Zm-15.1 15.715-1.11 2.776 2.772-1.11-1.663-1.666ZM16.114 6.167 5.358 16.931l1.68 1.682 1.335-1.37a866.6 866.6 0 0 1 5.672-5.67l3.753-3.721-1.683-1.685Zm4.454-2.753a1.222 1.222 0 0 0-1.595-.096l-.103.091-1.993 1.995 1.686 1.689 2.002-1.982c.23-.224.355-.524.355-.844a1.19 1.19 0 0 0-.352-.853Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Email.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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
-    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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Email.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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
-    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: "M2.103 4.206h19.793c.587 0 1.065.478 1.065 1.064v1.284L12.778 12.46a1.561 1.561 0 0 1-1.555.001L1.039 6.554V5.27c0-.586.478-1.064 1.064-1.064Zm11.195 9.154 9.663-5.604v10.973c0 .587-.478 1.065-1.065 1.065H2.103a1.066 1.066 0 0 1-1.064-1.065V7.756l9.664 5.605a2.645 2.645 0 0 0 2.595-.001Zm8.598-10.193H2.103C.943 3.167 0 4.11 0 5.27v13.459c0 1.161.943 2.104 2.103 2.104h19.793A2.105 2.105 0 0 0 24 18.729V5.27c0-1.16-.943-2.103-2.104-2.103Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Escalations.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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
-  })]
-});
+}) => {
+  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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Escalations.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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
-  })]
-});
+}) => {
+  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: "M6.369 2.27c.888 0 1.61.723 1.61 1.61 0 1.258.197 2.49.585 3.664a1.621 1.621 0 0 1-.399 1.644L6.464 11.45c1.399 2.638 3.1 4.337 5.757 5.755l2.316-1.748c.376-.383 1.024-.534 1.593-.337 1.167.385 2.4.582 3.658.582.888 0 1.61.722 1.61 1.61v3.748a1.611 1.611 0 0 1-1.608 1.611C9.43 22.67 1 14.24 1 3.88c0-.887.722-1.61 1.61-1.61h3.76Zm0 1.073H2.61a.537.537 0 0 0-.536.538c0 9.768 7.948 17.715 17.716 17.715.295 0 .536-.24.536-.537v-3.747a.538.538 0 0 0-.536-.537c-1.373 0-2.72-.214-4.004-.639a.536.536 0 0 0-.546.129l-2.643 2.004a.534.534 0 0 1-.568.048c-3.152-1.613-5.085-3.549-6.677-6.676a.537.537 0 0 1 .05-.567l1.953-2.588c.198-.204.249-.411.186-.61a12.78 12.78 0 0 1-.636-3.995.538.538 0 0 0-.536-.538Zm16.79 5.58a.527.527 0 1 1 .588.875l-4.704 3.156a.528.528 0 0 1-.811-.336h.001l-.119-1.024-2.853 1.654a.526.526 0 1 1-.528-.912l3.42-1.981a.529.529 0 0 1 .781.354l.181.927 4.044-2.713Zm-4.778-5.237a.528.528 0 0 1 .937.48l-2.582 5.04a.526.526 0 0 1-.873.1l-.6-.838L13.57 11.3a.528.528 0 0 1-.905-.541l2.03-3.392a.526.526 0 0 1 .856-.069l.607.724 2.223-4.335ZM14.18 0l.09.005.095.023a.524.524 0 0 1 .364.477l-.004.096-.794 5.607a.526.526 0 0 1-.792.379l-.84-.595-.676 3.228a.527.527 0 1 1-1.032-.216l.81-3.87a.527.527 0 0 1 .786-.344l.799.574.695-4.912a.527.527 0 0 1 .408-.44L14.182 0h-.001Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Expand.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.704 2.862c.037.474.41.613.701.614l5.743.243-6.287 6.213c-.3.302-.3.79 0 1.092.3.301.785.301 1.085 0l6.29-6.217.235 5.777c.011.25.146.765.644.738.498-.028.602-.46.592-.71L22 2.474A.502.502 0 0 0 21.53 2l-8.177.21c-.24-.03-.686.177-.649.652Zm-1.408 18.276c-.037-.474-.41-.613-.701-.614l-5.743-.243 6.287-6.213c.3-.302.3-.79 0-1.092a.764.764 0 0 0-1.085 0l-6.29 6.216-.235-5.776c-.011-.25-.146-.766-.644-.738-.498.028-.602.46-.592.71L2 21.526c.01.25.222.463.47.473l8.177-.21c.24.03.686-.177.649-.652Z",
-    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.704 2.862c.037.474.41.613.701.614l5.743.243-6.287 6.213c-.3.302-.3.79 0 1.092.3.301.785.301 1.085 0l6.29-6.217.235 5.777c.011.25.146.765.644.738.498-.028.602-.46.592-.71L22 2.474A.502.502 0 0 0 21.53 2l-8.177.21c-.24-.03-.686.177-.649.652Zm-1.408 18.276c-.037-.474-.41-.613-.701-.614l-5.743-.243 6.287-6.213c.3-.302.3-.79 0-1.092a.764.764 0 0 0-1.085 0l-6.29 6.216-.235-5.776c-.011-.25-.146-.766-.644-.738-.498.028-.602.46-.592.71L2 21.526c.01.25.222.463.47.473l8.177-.21c.24.03.686-.177.649-.652Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};