@telus-uds/palettes-community.palette-casa 4.1.4 → 4.2.0

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

@@ -7,29 +7,45 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 29 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.jsxs)(_reactNativeSvg.G, {
-    transform: "translate(2)",
-    stroke: "#016b6a",
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-      d: "M12.5 20c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 6.667 0 12c3.731 5.333 7.898 8 12.5 8Z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-      cx: 12,
-      cy: 12,
-      r: 4
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-      d: "M1 23C16.611 7.667 23.944.333 23 1"
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    viewBox: "0 0 29 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      transform: "translate(2)",
+      stroke: "#016b6a",
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "M12.5 20c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 6.667 0 12c3.731 5.333 7.898 8 12.5 8Z"
+      }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: 12,
+        cy: 12,
+        r: 4
+      }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "M1 23C16.611 7.667 23.944.333 23 1"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeMasked.js

@@ -6,22 +6,38 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
-    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,
+    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.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,20 +7,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
-    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,
+    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.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeOpened.js

@@ -6,29 +6,45 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 29 18",
-  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.jsxs)("g", {
-    transform: "translate(2 1)",
-    stroke: "#016b6a",
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 12,
-      cy: 8,
-      r: 4
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    viewBox: "0 0 29 18",
+    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.jsxs)("g", {
+      transform: "translate(2 1)",
+      stroke: "#016b6a",
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)("path", {
+        d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
+      }), (0, _jsxRuntime.jsx)("circle", {
+        cx: 12,
+        cy: 8,
+        r: 4
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,27 +7,43 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 29 18",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
-    transform: "translate(2 1)",
-    stroke: "#016b6a",
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-      d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
-      cx: 12,
-      cy: 8,
-      r: 4
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    viewBox: "0 0 29 18",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      transform: "translate(2 1)",
+      stroke: "#016b6a",
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
+      }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: 12,
+        cy: 8,
+        r: 4
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeUnmasked.js

@@ -6,26 +6,42 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
-    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,
+    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: "M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,24 +7,40 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
-    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,
+    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: "M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/FavouriteNetwork.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: "M6.843 17H11v-5H6.006c.048 1.814.35 3.524.837 5Zm.374 1c.917 2.182 2.273 3.68 3.783 3.955V18H7.217Zm-4.658-1h3.207c-.45-1.49-.718-3.184-.76-5H1.012a10.431 10.431 0 0 0 1.547 5Zm.7 1a10.54 10.54 0 0 0 4.958 3.475c-.847-.86-1.568-2.05-2.111-3.475H3.259ZM20.441 6h-3.207c.45 1.49.718 3.184.76 5h3.994a10.43 10.43 0 0 0-1.547-5Zm-.7-1a10.54 10.54 0 0 0-4.958-3.475c.847.86 1.568 2.05 2.111 3.475h2.847Zm-3.584 1H12v5h4.994c-.048-1.814-.35-3.524-.837-5Zm-.374-1C14.866 2.818 13.51 1.32 12 1.045V5h3.783Zm-8.94 1c-.488 1.476-.79 3.186-.837 5H11V6H6.843Zm.374-1H11V1.045C9.49 1.32 8.134 2.818 7.217 5ZM2.559 6a10.431 10.431 0 0 0-1.547 5h3.994c.042-1.816.31-3.51.76-5H2.559Zm.7-1h2.847c.543-1.426 1.264-2.615 2.111-3.475A10.54 10.54 0 0 0 3.26 5Zm18.728 7H12v4.216h3.767l1.258-3.872c.134-.412.817-.412.951 0l1.258 3.872h4.071a.5.5 0 0 1 .294.905l-3.298 2.397 1.178 3.834A.502.502 0 0 1 21 24a.492.492 0 0 1-.295-.097L17.5 21.554l-3.205 2.349a.498.498 0 0 1-.773-.551l1.178-3.834-2.7-1.962v4.43c.22-.01.437-.029.654-.052a.5.5 0 1 1 .108.994A11.67 11.67 0 0 1 11.5 23C5.159 23 0 17.841 0 11.5S5.158 0 11.5 0 23 5.159 23 11.5c0 .405-.023.818-.072 1.262a.5.5 0 1 1-.994-.108c.024-.216.042-.434.053-.654ZM17.5 20.434c.104 0 .208.032.295.097l2.284 1.674-.84-2.734a.498.498 0 0 1 .184-.551l2.342-1.702h-2.896a.5.5 0 0 1-.476-.346l-.895-2.753-.895 2.753a.5.5 0 0 1-.476.346h-2.896l2.342 1.702a.499.499 0 0 1 .184.551l-.84 2.734 2.284-1.674a.52.52 0 0 1 .299-.097Z",
-    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: "M6.843 17H11v-5H6.006c.048 1.814.35 3.524.837 5Zm.374 1c.917 2.182 2.273 3.68 3.783 3.955V18H7.217Zm-4.658-1h3.207c-.45-1.49-.718-3.184-.76-5H1.012a10.431 10.431 0 0 0 1.547 5Zm.7 1a10.54 10.54 0 0 0 4.958 3.475c-.847-.86-1.568-2.05-2.111-3.475H3.259ZM20.441 6h-3.207c.45 1.49.718 3.184.76 5h3.994a10.43 10.43 0 0 0-1.547-5Zm-.7-1a10.54 10.54 0 0 0-4.958-3.475c.847.86 1.568 2.05 2.111 3.475h2.847Zm-3.584 1H12v5h4.994c-.048-1.814-.35-3.524-.837-5Zm-.374-1C14.866 2.818 13.51 1.32 12 1.045V5h3.783Zm-8.94 1c-.488 1.476-.79 3.186-.837 5H11V6H6.843Zm.374-1H11V1.045C9.49 1.32 8.134 2.818 7.217 5ZM2.559 6a10.431 10.431 0 0 0-1.547 5h3.994c.042-1.816.31-3.51.76-5H2.559Zm.7-1h2.847c.543-1.426 1.264-2.615 2.111-3.475A10.54 10.54 0 0 0 3.26 5Zm18.728 7H12v4.216h3.767l1.258-3.872c.134-.412.817-.412.951 0l1.258 3.872h4.071a.5.5 0 0 1 .294.905l-3.298 2.397 1.178 3.834A.502.502 0 0 1 21 24a.492.492 0 0 1-.295-.097L17.5 21.554l-3.205 2.349a.498.498 0 0 1-.773-.551l1.178-3.834-2.7-1.962v4.43c.22-.01.437-.029.654-.052a.5.5 0 1 1 .108.994A11.67 11.67 0 0 1 11.5 23C5.159 23 0 17.841 0 11.5S5.158 0 11.5 0 23 5.159 23 11.5c0 .405-.023.818-.072 1.262a.5.5 0 1 1-.994-.108c.024-.216.042-.434.053-.654ZM17.5 20.434c.104 0 .208.032.295.097l2.284 1.674-.84-2.734a.498.498 0 0 1 .184-.551l2.342-1.702h-2.896a.5.5 0 0 1-.476-.346l-.895-2.753-.895 2.753a.5.5 0 0 1-.476.346h-2.896l2.342 1.702a.499.499 0 0 1 .184.551l-.84 2.734 2.284-1.674a.52.52 0 0 1 .299-.097Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/FavouriteNetwork.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: "M6.843 17H11v-5H6.006c.048 1.814.35 3.524.837 5Zm.374 1c.917 2.182 2.273 3.68 3.783 3.955V18H7.217Zm-4.658-1h3.207c-.45-1.49-.718-3.184-.76-5H1.012a10.431 10.431 0 0 0 1.547 5Zm.7 1a10.54 10.54 0 0 0 4.958 3.475c-.847-.86-1.568-2.05-2.111-3.475H3.259ZM20.441 6h-3.207c.45 1.49.718 3.184.76 5h3.994a10.43 10.43 0 0 0-1.547-5Zm-.7-1a10.54 10.54 0 0 0-4.958-3.475c.847.86 1.568 2.05 2.111 3.475h2.847Zm-3.584 1H12v5h4.994c-.048-1.814-.35-3.524-.837-5Zm-.374-1C14.866 2.818 13.51 1.32 12 1.045V5h3.783Zm-8.94 1c-.488 1.476-.79 3.186-.837 5H11V6H6.843Zm.374-1H11V1.045C9.49 1.32 8.134 2.818 7.217 5ZM2.559 6a10.431 10.431 0 0 0-1.547 5h3.994c.042-1.816.31-3.51.76-5H2.559Zm.7-1h2.847c.543-1.426 1.264-2.615 2.111-3.475A10.54 10.54 0 0 0 3.26 5Zm18.728 7H12v4.216h3.767l1.258-3.872c.134-.412.817-.412.951 0l1.258 3.872h4.071a.5.5 0 0 1 .294.905l-3.298 2.397 1.178 3.834A.502.502 0 0 1 21 24a.492.492 0 0 1-.295-.097L17.5 21.554l-3.205 2.349a.498.498 0 0 1-.773-.551l1.178-3.834-2.7-1.962v4.43c.22-.01.437-.029.654-.052a.5.5 0 1 1 .108.994A11.67 11.67 0 0 1 11.5 23C5.159 23 0 17.841 0 11.5S5.158 0 11.5 0 23 5.159 23 11.5c0 .405-.023.818-.072 1.262a.5.5 0 1 1-.994-.108c.024-.216.042-.434.053-.654ZM17.5 20.434c.104 0 .208.032.295.097l2.284 1.674-.84-2.734a.498.498 0 0 1 .184-.551l2.342-1.702h-2.896a.5.5 0 0 1-.476-.346l-.895-2.753-.895 2.753a.5.5 0 0 1-.476.346h-2.896l2.342 1.702a.499.499 0 0 1 .184.551l-.84 2.734 2.284-1.674a.52.52 0 0 1 .299-.097Z",
-    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.843 17H11v-5H6.006c.048 1.814.35 3.524.837 5Zm.374 1c.917 2.182 2.273 3.68 3.783 3.955V18H7.217Zm-4.658-1h3.207c-.45-1.49-.718-3.184-.76-5H1.012a10.431 10.431 0 0 0 1.547 5Zm.7 1a10.54 10.54 0 0 0 4.958 3.475c-.847-.86-1.568-2.05-2.111-3.475H3.259ZM20.441 6h-3.207c.45 1.49.718 3.184.76 5h3.994a10.43 10.43 0 0 0-1.547-5Zm-.7-1a10.54 10.54 0 0 0-4.958-3.475c.847.86 1.568 2.05 2.111 3.475h2.847Zm-3.584 1H12v5h4.994c-.048-1.814-.35-3.524-.837-5Zm-.374-1C14.866 2.818 13.51 1.32 12 1.045V5h3.783Zm-8.94 1c-.488 1.476-.79 3.186-.837 5H11V6H6.843Zm.374-1H11V1.045C9.49 1.32 8.134 2.818 7.217 5ZM2.559 6a10.431 10.431 0 0 0-1.547 5h3.994c.042-1.816.31-3.51.76-5H2.559Zm.7-1h2.847c.543-1.426 1.264-2.615 2.111-3.475A10.54 10.54 0 0 0 3.26 5Zm18.728 7H12v4.216h3.767l1.258-3.872c.134-.412.817-.412.951 0l1.258 3.872h4.071a.5.5 0 0 1 .294.905l-3.298 2.397 1.178 3.834A.502.502 0 0 1 21 24a.492.492 0 0 1-.295-.097L17.5 21.554l-3.205 2.349a.498.498 0 0 1-.773-.551l1.178-3.834-2.7-1.962v4.43c.22-.01.437-.029.654-.052a.5.5 0 1 1 .108.994A11.67 11.67 0 0 1 11.5 23C5.159 23 0 17.841 0 11.5S5.158 0 11.5 0 23 5.159 23 11.5c0 .405-.023.818-.072 1.262a.5.5 0 1 1-.994-.108c.024-.216.042-.434.053-.654ZM17.5 20.434c.104 0 .208.032.295.097l2.284 1.674-.84-2.734a.498.498 0 0 1 .184-.551l2.342-1.702h-2.896a.5.5 0 0 1-.476-.346l-.895-2.753-.895 2.753a.5.5 0 0 1-.476.346h-2.896l2.342 1.702a.499.499 0 0 1 .184.551l-.84 2.734 2.284-1.674a.52.52 0 0 1 .299-.097Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Files.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.5 23h-14v-2H18a.5.5 0 0 0 .5-.5V4h2v19ZM3.5 7H9a.5.5 0 0 0 .5-.5V1h8v19h-14V7Zm5-5.293V6H4.207L8.5 1.707ZM21 3h-2.5V.5A.5.5 0 0 0 18 0H9a.508.508 0 0 0-.193.039c-.029.012-.051.034-.077.051-.028.018-.06.032-.084.056l-6 6c-.023.023-.036.054-.054.081-.018.027-.04.05-.053.08A.508.508 0 0 0 2.5 6.5v14a.5.5 0 0 0 .5.5h2.5v2.5a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-20A.5.5 0 0 0 21 3Z",
-    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.5 23h-14v-2H18a.5.5 0 0 0 .5-.5V4h2v19ZM3.5 7H9a.5.5 0 0 0 .5-.5V1h8v19h-14V7Zm5-5.293V6H4.207L8.5 1.707ZM21 3h-2.5V.5A.5.5 0 0 0 18 0H9a.508.508 0 0 0-.193.039c-.029.012-.051.034-.077.051-.028.018-.06.032-.084.056l-6 6c-.023.023-.036.054-.054.081-.018.027-.04.05-.053.08A.508.508 0 0 0 2.5 6.5v14a.5.5 0 0 0 .5.5h2.5v2.5a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-20A.5.5 0 0 0 21 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};