@telus-uds/palette-koodo 3.2.0 → 3.3.0

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,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: "M0 12c0 4.458 5.382 8.076 12 8.076S24 16.45 24 12c0-4.449-5.382-8.076-12-8.076S0 7.542 0 12Zm1.847 0c0-3.378 4.615-6.23 10.153-6.23S22.153 8.622 22.153 12c0 3.378-4.615 6.23-10.153 6.23S1.847 15.378 1.847 12Zm7.476 4.034a4.818 4.818 0 1 0 5.354-8.013 4.818 4.818 0 0 0-5.354 8.013Zm1.026-6.478a2.972 2.972 0 0 1 1.651-.5v-.028a2.972 2.972 0 0 1 2.972 3 2.972 2.972 0 1 1-4.623-2.472Z",
-    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: "M0 12c0 4.458 5.382 8.076 12 8.076S24 16.45 24 12c0-4.449-5.382-8.076-12-8.076S0 7.542 0 12Zm1.847 0c0-3.378 4.615-6.23 10.153-6.23S22.153 8.622 22.153 12c0 3.378-4.615 6.23-10.153 6.23S1.847 15.378 1.847 12Zm7.476 4.034a4.818 4.818 0 1 0 5.354-8.013 4.818 4.818 0 0 0-5.354 8.013Zm1.026-6.478a2.972 2.972 0 0 1 1.651-.5v-.028a2.972 2.972 0 0 1 2.972 3 2.972 2.972 0 1 1-4.623-2.472Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/EyeOpened.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: "M0 12c0 4.458 5.382 8.076 12 8.076S24 16.45 24 12c0-4.449-5.382-8.076-12-8.076S0 7.542 0 12Zm1.847 0c0-3.378 4.615-6.23 10.153-6.23S22.153 8.622 22.153 12c0 3.378-4.615 6.23-10.153 6.23S1.847 15.378 1.847 12Zm7.476 4.034a4.818 4.818 0 1 0 5.354-8.013 4.818 4.818 0 0 0-5.354 8.013Zm1.026-6.478a2.972 2.972 0 0 1 1.651-.5v-.028a2.972 2.972 0 0 1 2.972 3 2.972 2.972 0 1 1-4.623-2.472Z",
-    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: "M0 12c0 4.458 5.382 8.076 12 8.076S24 16.45 24 12c0-4.449-5.382-8.076-12-8.076S0 7.542 0 12Zm1.847 0c0-3.378 4.615-6.23 10.153-6.23S22.153 8.622 22.153 12c0 3.378-4.615 6.23-10.153 6.23S1.847 15.378 1.847 12Zm7.476 4.034a4.818 4.818 0 1 0 5.354-8.013 4.818 4.818 0 0 0-5.354 8.013Zm1.026-6.478a2.972 2.972 0 0 1 1.651-.5v-.028a2.972 2.972 0 0 1 2.972 3 2.972 2.972 0 1 1-4.623-2.472Z",
+      clipRule: "evenodd"
+    })]
+  });
+  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/FullscreenExpand.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: "m13.504 11.871-1.325-1.336a.212.212 0 0 1 0-.298l2.209-2.228a.213.213 0 0 0 0-.3l-1.279-1.288a.212.212 0 0 1 .147-.36L17.788 6a.21.21 0 0 1 .212.215l-.059 4.57a.21.21 0 0 1-.359.146l-1.277-1.288a.208.208 0 0 0-.297 0L13.8 11.871a.209.209 0 0 1-.296 0Zm-3.007.258 1.325 1.336a.212.212 0 0 1 0 .298l-2.209 2.228a.213.213 0 0 0 0 .3l1.277 1.288a.211.211 0 0 1-.146.36L6.213 18A.211.211 0 0 1 6 17.785l.06-4.57a.21.21 0 0 1 .358-.146l1.278 1.289a.208.208 0 0 0 .296 0l2.208-2.229a.21.21 0 0 1 .297 0Z"
-  })]
-});
+}) => {
+  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: "m13.504 11.871-1.325-1.336a.212.212 0 0 1 0-.298l2.209-2.228a.213.213 0 0 0 0-.3l-1.279-1.288a.212.212 0 0 1 .147-.36L17.788 6a.21.21 0 0 1 .212.215l-.059 4.57a.21.21 0 0 1-.359.146l-1.277-1.288a.208.208 0 0 0-.297 0L13.8 11.871a.209.209 0 0 1-.296 0Zm-3.007.258 1.325 1.336a.212.212 0 0 1 0 .298l-2.209 2.228a.213.213 0 0 0 0 .3l1.277 1.288a.211.211 0 0 1-.146.36L6.213 18A.211.211 0 0 1 6 17.785l.06-4.57a.21.21 0 0 1 .358-.146l1.278 1.289a.208.208 0 0 0 .296 0l2.208-2.229a.21.21 0 0 1 .297 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/FullscreenExpand.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: "m13.504 11.871-1.325-1.336a.212.212 0 0 1 0-.298l2.209-2.228a.213.213 0 0 0 0-.3l-1.279-1.288a.212.212 0 0 1 .147-.36L17.788 6a.21.21 0 0 1 .212.215l-.059 4.57a.21.21 0 0 1-.359.146l-1.277-1.288a.208.208 0 0 0-.297 0L13.8 11.871a.209.209 0 0 1-.296 0Zm-3.007.258 1.325 1.336a.212.212 0 0 1 0 .298l-2.209 2.228a.213.213 0 0 0 0 .3l1.277 1.288a.211.211 0 0 1-.146.36L6.213 18A.211.211 0 0 1 6 17.785l.06-4.57a.21.21 0 0 1 .358-.146l1.278 1.289a.208.208 0 0 0 .296 0l2.208-2.229a.21.21 0 0 1 .297 0Z"
-  })]
-});
+}) => {
+  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: "m13.504 11.871-1.325-1.336a.212.212 0 0 1 0-.298l2.209-2.228a.213.213 0 0 0 0-.3l-1.279-1.288a.212.212 0 0 1 .147-.36L17.788 6a.21.21 0 0 1 .212.215l-.059 4.57a.21.21 0 0 1-.359.146l-1.277-1.288a.208.208 0 0 0-.297 0L13.8 11.871a.209.209 0 0 1-.296 0Zm-3.007.258 1.325 1.336a.212.212 0 0 1 0 .298l-2.209 2.228a.213.213 0 0 0 0 .3l1.277 1.288a.211.211 0 0 1-.146.36L6.213 18A.211.211 0 0 1 6 17.785l.06-4.57a.21.21 0 0 1 .358-.146l1.278 1.289a.208.208 0 0 0 .296 0l2.208-2.229a.21.21 0 0 1 .297 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/FullscreenMinimize.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: "m17.767 5.068 1.469 1.481a.235.235 0 0 1 0 .331l-2.45 2.47a.236.236 0 0 0 0 .332l1.418 1.428a.235.235 0 0 1-.162.4l-5.025.067a.234.234 0 0 1-.235-.238l.065-5.067a.233.233 0 0 1 .398-.162l1.416 1.428a.23.23 0 0 0 .329 0l2.449-2.47a.231.231 0 0 1 .328 0ZM6.537 19.51l-1.469-1.481a.235.235 0 0 1 0-.331l2.45-2.47a.236.236 0 0 0 0-.332L6.1 13.467a.235.235 0 0 1 .162-.4L11.287 13a.234.234 0 0 1 .236.238l-.066 5.066a.232.232 0 0 1-.397.163l-1.417-1.429a.231.231 0 0 0-.328 0l-2.449 2.471a.232.232 0 0 1-.329 0Z"
-  })]
-});
+}) => {
+  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: "m17.767 5.068 1.469 1.481a.235.235 0 0 1 0 .331l-2.45 2.47a.236.236 0 0 0 0 .332l1.418 1.428a.235.235 0 0 1-.162.4l-5.025.067a.234.234 0 0 1-.235-.238l.065-5.067a.233.233 0 0 1 .398-.162l1.416 1.428a.23.23 0 0 0 .329 0l2.449-2.47a.231.231 0 0 1 .328 0ZM6.537 19.51l-1.469-1.481a.235.235 0 0 1 0-.331l2.45-2.47a.236.236 0 0 0 0-.332L6.1 13.467a.235.235 0 0 1 .162-.4L11.287 13a.234.234 0 0 1 .236.238l-.066 5.066a.232.232 0 0 1-.397.163l-1.417-1.429a.231.231 0 0 0-.328 0l-2.449 2.471a.232.232 0 0 1-.329 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/FullscreenMinimize.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: "m17.767 5.068 1.469 1.481a.235.235 0 0 1 0 .331l-2.45 2.47a.236.236 0 0 0 0 .332l1.418 1.428a.235.235 0 0 1-.162.4l-5.025.067a.234.234 0 0 1-.235-.238l.065-5.067a.233.233 0 0 1 .398-.162l1.416 1.428a.23.23 0 0 0 .329 0l2.449-2.47a.231.231 0 0 1 .328 0ZM6.537 19.51l-1.469-1.481a.235.235 0 0 1 0-.331l2.45-2.47a.236.236 0 0 0 0-.332L6.1 13.467a.235.235 0 0 1 .162-.4L11.287 13a.234.234 0 0 1 .236.238l-.066 5.066a.232.232 0 0 1-.397.163l-1.417-1.429a.231.231 0 0 0-.328 0l-2.449 2.471a.232.232 0 0 1-.329 0Z"
-  })]
-});
+}) => {
+  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: "m17.767 5.068 1.469 1.481a.235.235 0 0 1 0 .331l-2.45 2.47a.236.236 0 0 0 0 .332l1.418 1.428a.235.235 0 0 1-.162.4l-5.025.067a.234.234 0 0 1-.235-.238l.065-5.067a.233.233 0 0 1 .398-.162l1.416 1.428a.23.23 0 0 0 .329 0l2.449-2.47a.231.231 0 0 1 .328 0ZM6.537 19.51l-1.469-1.481a.235.235 0 0 1 0-.331l2.45-2.47a.236.236 0 0 0 0-.332L6.1 13.467a.235.235 0 0 1 .162-.4L11.287 13a.234.234 0 0 1 .236.238l-.066 5.066a.232.232 0 0 1-.397.163l-1.417-1.429a.231.231 0 0 0-.328 0l-2.449 2.471a.232.232 0 0 1-.329 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Gift.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: "M9.017 0h.01c.78.016 1.538.33 2.084.875.255.254.454.598.613.932.099.21.19.435.275.666a7.98 7.98 0 0 1 .276-.666c.159-.334.358-.678.613-.932 1.163-1.162 3.11-1.162 4.27 0 1.004 1.005 1.174 2.458.506 3.613h3.665a2.667 2.667 0 0 1 2.666 2.665v2.986a2.669 2.669 0 0 1-2.24 2.631v8.565A2.667 2.667 0 0 1 19.09 24H4.163a2.668 2.668 0 0 1-2.666-2.665v-8.803a2.667 2.667 0 0 1-1.492-2.393V7.153A2.667 2.667 0 0 1 2.67 4.488h3.665c-.668-1.155-.499-2.607.507-3.613C7.436.281 8.247.008 9.006 0h.01Zm5.56 3.892c-.198.067-.41.132-.629.194.063-.219.128-.431.194-.628a6.76 6.76 0 0 1 .258-.665 1.813 1.813 0 0 1 .146-.261c.237-.232.684-.268.955.002.29.29.29.665 0 .954l.001-.001s-.016.014-.06.04a1.94 1.94 0 0 1-.2.107c-.174.081-.4.169-.666.258Zm-4.526.194a13.93 13.93 0 0 1-.627-.193 6.531 6.531 0 0 1-.665-.259 2.032 2.032 0 0 1-.201-.106c-.044-.027-.06-.041-.06-.041l.001.001c-.29-.29-.29-.663 0-.954a.65.65 0 0 1 .467-.189h.02a.697.697 0 0 1 .467.189l-.001-.002s.014.017.04.06c.03.048.066.115.107.201.081.174.169.4.258.666.067.196.132.408.194.627ZM7.853 6.833H2.67a.321.321 0 0 0-.321.32v2.986c0 .175.144.32.32.32h18.66a.322.322 0 0 0 .322-.32V7.153a.322.322 0 0 0-.322-.32h-5.182c.043.034.085.069.124.103a1.171 1.171 0 1 1-1.528 1.777c-.294-.251-.82-.576-1.421-.904A31.36 31.36 0 0 0 12 7.13a30.48 30.48 0 0 0-1.322.678c-.601.329-1.128.653-1.422.904a1.17 1.17 0 0 1-1.655-.127 1.171 1.171 0 0 1 .128-1.65l.124-.103ZM3.84 12.805v8.53a.32.32 0 0 0 .321.32H19.09c.177 0 .32-.146.32-.32v-8.53H3.842Z",
-    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: "M9.017 0h.01c.78.016 1.538.33 2.084.875.255.254.454.598.613.932.099.21.19.435.275.666a7.98 7.98 0 0 1 .276-.666c.159-.334.358-.678.613-.932 1.163-1.162 3.11-1.162 4.27 0 1.004 1.005 1.174 2.458.506 3.613h3.665a2.667 2.667 0 0 1 2.666 2.665v2.986a2.669 2.669 0 0 1-2.24 2.631v8.565A2.667 2.667 0 0 1 19.09 24H4.163a2.668 2.668 0 0 1-2.666-2.665v-8.803a2.667 2.667 0 0 1-1.492-2.393V7.153A2.667 2.667 0 0 1 2.67 4.488h3.665c-.668-1.155-.499-2.607.507-3.613C7.436.281 8.247.008 9.006 0h.01Zm5.56 3.892c-.198.067-.41.132-.629.194.063-.219.128-.431.194-.628a6.76 6.76 0 0 1 .258-.665 1.813 1.813 0 0 1 .146-.261c.237-.232.684-.268.955.002.29.29.29.665 0 .954l.001-.001s-.016.014-.06.04a1.94 1.94 0 0 1-.2.107c-.174.081-.4.169-.666.258Zm-4.526.194a13.93 13.93 0 0 1-.627-.193 6.531 6.531 0 0 1-.665-.259 2.032 2.032 0 0 1-.201-.106c-.044-.027-.06-.041-.06-.041l.001.001c-.29-.29-.29-.663 0-.954a.65.65 0 0 1 .467-.189h.02a.697.697 0 0 1 .467.189l-.001-.002s.014.017.04.06c.03.048.066.115.107.201.081.174.169.4.258.666.067.196.132.408.194.627ZM7.853 6.833H2.67a.321.321 0 0 0-.321.32v2.986c0 .175.144.32.32.32h18.66a.322.322 0 0 0 .322-.32V7.153a.322.322 0 0 0-.322-.32h-5.182c.043.034.085.069.124.103a1.171 1.171 0 1 1-1.528 1.777c-.294-.251-.82-.576-1.421-.904A31.36 31.36 0 0 0 12 7.13a30.48 30.48 0 0 0-1.322.678c-.601.329-1.128.653-1.422.904a1.17 1.17 0 0 1-1.655-.127 1.171 1.171 0 0 1 .128-1.65l.124-.103ZM3.84 12.805v8.53a.32.32 0 0 0 .321.32H19.09c.177 0 .32-.146.32-.32v-8.53H3.842Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};