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

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

@@ -7,20 +7,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 20 20",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M12.817 4.206c.3.352.138.704-.062.907l-4.496 4.89 4.496 4.88c.163.179.425.627.062.952-.364.325-.733.1-.897-.078l-5.797-5.392a.49.49 0 0 1 0-.65l5.797-5.51c.145-.184.596-.35.897 0Z",
-    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 20 20",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M12.817 4.206c.3.352.138.704-.062.907l-4.496 4.89 4.496 4.88c.163.179.425.627.062.952-.364.325-.733.1-.897-.078l-5.797-5.392a.49.49 0 0 1 0-.65l5.797-5.51c.145-.184.596-.35.897 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ArrowRight.js

@@ -6,22 +6,38 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 20 20",
-  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: "M7.183 15.794c-.3-.351-.138-.704.062-.907l4.496-4.89-4.496-4.88c-.164-.179-.425-.626-.062-.952.363-.325.733-.1.897.078l5.797 5.392a.49.49 0 0 1 0 .65l-5.797 5.51c-.145.184-.596.35-.897 0Z",
-    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 20 20",
+    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: "M7.183 15.794c-.3-.351-.138-.704.062-.907l4.496-4.89-4.496-4.88c-.164-.179-.425-.626-.062-.952.363-.325.733-.1.897.078l5.797 5.392a.49.49 0 0 1 0 .65l-5.797 5.51c-.145.184-.596.35-.897 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,20 +7,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 20 20",
-  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: "M7.183 15.794c-.3-.351-.138-.704.062-.907l4.496-4.89-4.496-4.88c-.164-.179-.425-.626-.062-.952.363-.325.733-.1.897.078l5.797 5.392a.49.49 0 0 1 0 .65l-5.797 5.51c-.145.184-.596.35-.897 0Z",
-    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 20 20",
+    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: "M7.183 15.794c-.3-.351-.138-.704.062-.907l4.496-4.89-4.496-4.88c-.164-.179-.425-.626-.062-.952.363-.325.733-.1.897.078l5.797 5.392a.49.49 0 0 1 0 .65l-5.797 5.51c-.145.184-.596.35-.897 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ArrowUp.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "m21.353 9.147-9-9a.499.499 0 0 0-.163-.108c-.035-.015-.07-.016-.108-.022C12.054.012 12.03 0 12 0c-.038 0-.07.014-.107.022-.027.006-.055.005-.08.016a.514.514 0 0 0-.168.111L2.646 9.147a.5.5 0 0 0 .707.707L11.5 1.707V23.5a.5.5 0 0 0 1 0V1.707l8.147 8.147a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "m21.353 9.147-9-9a.499.499 0 0 0-.163-.108c-.035-.015-.07-.016-.108-.022C12.054.012 12.03 0 12 0c-.038 0-.07.014-.107.022-.027.006-.055.005-.08.016a.514.514 0 0 0-.168.111L2.646 9.147a.5.5 0 0 0 .707.707L11.5 1.707V23.5a.5.5 0 0 0 1 0V1.707l8.147 8.147a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "m21.353 9.147-9-9a.499.499 0 0 0-.163-.108c-.035-.015-.07-.016-.108-.022C12.054.012 12.03 0 12 0c-.038 0-.07.014-.107.022-.027.006-.055.005-.08.016a.514.514 0 0 0-.168.111L2.646 9.147a.5.5 0 0 0 .707.707L11.5 1.707V23.5a.5.5 0 0 0 1 0V1.707l8.147 8.147a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "m21.353 9.147-9-9a.499.499 0 0 0-.163-.108c-.035-.015-.07-.016-.108-.022C12.054.012 12.03 0 12 0c-.038 0-.07.014-.107.022-.027.006-.055.005-.08.016a.514.514 0 0 0-.168.111L2.646 9.147a.5.5 0 0 0 .707.707L11.5 1.707V23.5a.5.5 0 0 0 1 0V1.707l8.147 8.147a.502.502 0 0 0 .707 0 .5.5 0 0 0 0-.707",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ArtificialIntelligence.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.51 17.57a.498.498 0 0 1 .137-.45l.281-.281-.402-1.205a.5.5 0 0 1 .372-.646c.54-.114 1.058-.38 1.104-.518-.037-.393-1.146-2.508-2.152-4.234a.507.507 0 0 1-.053-.371c.001-.01.203-.85.203-2.377 0-1.374-2.126-6.49-8.5-6.49C4.078.998 2 6.043 2 8.486c0 2.226 1.4 4.65 2.525 6.598C5.35 16.51 6 17.637 6 18.47c0 1.888-2.812 4.984-3.133 5.33a.496.496 0 0 1-.706.028.497.497 0 0 1-.028-.705C2.93 22.26 5 19.741 5 18.47c0-.565-.651-1.693-1.341-2.888C2.475 13.532 1 10.978 1 8.486 1 4.963 3.947 0 10.5 0 17.174 0 20 5.356 20 7.488c0 1.23-.122 2.051-.19 2.41.729 1.26 2.19 3.87 2.19 4.579 0 .731-.785 1.139-1.359 1.337l.334 1a.5.5 0 0 1-.121.512l-.412.411a.498.498 0 0 1-.505.729c.063.092.082.129.184.28.15.224.379.564.379 1.222 0 1.513-1.688 1.789-2.919 1.99-1.643.268-3.418 1.225-3.595 1.582 0 .275-.216.46-.493.46-.276 0-.493-.263-.493-.538 0-1.166 3.098-2.273 4.419-2.49 1.932-.316 2.081-.615 2.081-1.004 0-.354-.088-.485-.21-.666-.122-.183-.29-.433-.29-.832 0-.405.172-.643.315-.77a.883.883 0 0 1 .195-.13ZM7.24 7.454l-.24.24v1.584l2.854 2.85a.495.495 0 0 1 .146.352v10.982a.5.5 0 0 1-1 0V12.686L6.146 9.838A.502.502 0 0 1 6 9.485V7.488c0-.133.053-.26.146-.354l.388-.387A.997.997 0 0 1 7.5 5.491a1 1 0 1 1-.26 1.963Zm7.26 5.525h-2a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851h1.586l.854-.852a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-2.966 7.23-.388-.387a.503.503 0 0 1-.146-.354v-3.993c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.853v3.58l.24.24a1.002 1.002 0 0 1 1.26.965 1 1 0 1 1-1.966-.258Zm1.966-1.24a.5.5 0 0 1-.5-.499v-1.997a.5.5 0 0 1 .146-.353l4-3.994a.499.499 0 1 1 .707.706L14 16.68v1.79a.5.5 0 0 1-.5.5Zm2 .999a.5.5 0 0 1-.5-.5v-1.996c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.852v1.79a.5.5 0 0 1-.5.5Zm-1.26-14.51-.386.385a.5.5 0 0 1-.354.147h-1.793l-.854.853a.499.499 0 0 1-.707-.706l1-.998a.5.5 0 0 1 .354-.147h1.793l.24-.24a.998.998 0 0 1 .967-1.258 1 1 0 1 1-.26 1.963Zm2.26 4.526h-7a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851H16.5a.5.5 0 1 1 0 .999Zm-1-1.997h-3a.5.5 0 1 1 0-.998h2.793l.854-.853a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-8 15.974a.5.5 0 0 1-.5-.5v-9.776l-2.854-2.85A.498.498 0 0 1 4 10.483V5.491a.5.5 0 0 1 .146-.353l2-1.997a.504.504 0 0 1 .354-.146h2c.133 0 .26.053.354.146l1 .998a.499.499 0 1 1-.707.706l-.854-.851H6.707L5 5.698v4.578l2.854 2.85c.093.093.146.22.146.352v9.984a.5.5 0 0 1-.5.5Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M19.51 17.57a.498.498 0 0 1 .137-.45l.281-.281-.402-1.205a.5.5 0 0 1 .372-.646c.54-.114 1.058-.38 1.104-.518-.037-.393-1.146-2.508-2.152-4.234a.507.507 0 0 1-.053-.371c.001-.01.203-.85.203-2.377 0-1.374-2.126-6.49-8.5-6.49C4.078.998 2 6.043 2 8.486c0 2.226 1.4 4.65 2.525 6.598C5.35 16.51 6 17.637 6 18.47c0 1.888-2.812 4.984-3.133 5.33a.496.496 0 0 1-.706.028.497.497 0 0 1-.028-.705C2.93 22.26 5 19.741 5 18.47c0-.565-.651-1.693-1.341-2.888C2.475 13.532 1 10.978 1 8.486 1 4.963 3.947 0 10.5 0 17.174 0 20 5.356 20 7.488c0 1.23-.122 2.051-.19 2.41.729 1.26 2.19 3.87 2.19 4.579 0 .731-.785 1.139-1.359 1.337l.334 1a.5.5 0 0 1-.121.512l-.412.411a.498.498 0 0 1-.505.729c.063.092.082.129.184.28.15.224.379.564.379 1.222 0 1.513-1.688 1.789-2.919 1.99-1.643.268-3.418 1.225-3.595 1.582 0 .275-.216.46-.493.46-.276 0-.493-.263-.493-.538 0-1.166 3.098-2.273 4.419-2.49 1.932-.316 2.081-.615 2.081-1.004 0-.354-.088-.485-.21-.666-.122-.183-.29-.433-.29-.832 0-.405.172-.643.315-.77a.883.883 0 0 1 .195-.13ZM7.24 7.454l-.24.24v1.584l2.854 2.85a.495.495 0 0 1 .146.352v10.982a.5.5 0 0 1-1 0V12.686L6.146 9.838A.502.502 0 0 1 6 9.485V7.488c0-.133.053-.26.146-.354l.388-.387A.997.997 0 0 1 7.5 5.491a1 1 0 1 1-.26 1.963Zm7.26 5.525h-2a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851h1.586l.854-.852a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-2.966 7.23-.388-.387a.503.503 0 0 1-.146-.354v-3.993c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.853v3.58l.24.24a1.002 1.002 0 0 1 1.26.965 1 1 0 1 1-1.966-.258Zm1.966-1.24a.5.5 0 0 1-.5-.499v-1.997a.5.5 0 0 1 .146-.353l4-3.994a.499.499 0 1 1 .707.706L14 16.68v1.79a.5.5 0 0 1-.5.5Zm2 .999a.5.5 0 0 1-.5-.5v-1.996c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.852v1.79a.5.5 0 0 1-.5.5Zm-1.26-14.51-.386.385a.5.5 0 0 1-.354.147h-1.793l-.854.853a.499.499 0 0 1-.707-.706l1-.998a.5.5 0 0 1 .354-.147h1.793l.24-.24a.998.998 0 0 1 .967-1.258 1 1 0 1 1-.26 1.963Zm2.26 4.526h-7a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851H16.5a.5.5 0 1 1 0 .999Zm-1-1.997h-3a.5.5 0 1 1 0-.998h2.793l.854-.853a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-8 15.974a.5.5 0 0 1-.5-.5v-9.776l-2.854-2.85A.498.498 0 0 1 4 10.483V5.491a.5.5 0 0 1 .146-.353l2-1.997a.504.504 0 0 1 .354-.146h2c.133 0 .26.053.354.146l1 .998a.499.499 0 1 1-.707.706l-.854-.851H6.707L5 5.698v4.578l2.854 2.85c.093.093.146.22.146.352v9.984a.5.5 0 0 1-.5.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ArtificialIntelligence.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.51 17.57a.498.498 0 0 1 .137-.45l.281-.281-.402-1.205a.5.5 0 0 1 .372-.646c.54-.114 1.058-.38 1.104-.518-.037-.393-1.146-2.508-2.152-4.234a.507.507 0 0 1-.053-.371c.001-.01.203-.85.203-2.377 0-1.374-2.126-6.49-8.5-6.49C4.078.998 2 6.043 2 8.486c0 2.226 1.4 4.65 2.525 6.598C5.35 16.51 6 17.637 6 18.47c0 1.888-2.812 4.984-3.133 5.33a.496.496 0 0 1-.706.028.497.497 0 0 1-.028-.705C2.93 22.26 5 19.741 5 18.47c0-.565-.651-1.693-1.341-2.888C2.475 13.532 1 10.978 1 8.486 1 4.963 3.947 0 10.5 0 17.174 0 20 5.356 20 7.488c0 1.23-.122 2.051-.19 2.41.729 1.26 2.19 3.87 2.19 4.579 0 .731-.785 1.139-1.359 1.337l.334 1a.5.5 0 0 1-.121.512l-.412.411a.498.498 0 0 1-.505.729c.063.092.082.129.184.28.15.224.379.564.379 1.222 0 1.513-1.688 1.789-2.919 1.99-1.643.268-3.418 1.225-3.595 1.582 0 .275-.216.46-.493.46-.276 0-.493-.263-.493-.538 0-1.166 3.098-2.273 4.419-2.49 1.932-.316 2.081-.615 2.081-1.004 0-.354-.088-.485-.21-.666-.122-.183-.29-.433-.29-.832 0-.405.172-.643.315-.77a.883.883 0 0 1 .195-.13ZM7.24 7.454l-.24.24v1.584l2.854 2.85a.495.495 0 0 1 .146.352v10.982a.5.5 0 0 1-1 0V12.686L6.146 9.838A.502.502 0 0 1 6 9.485V7.488c0-.133.053-.26.146-.354l.388-.387A.997.997 0 0 1 7.5 5.491a1 1 0 1 1-.26 1.963Zm7.26 5.525h-2a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851h1.586l.854-.852a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-2.966 7.23-.388-.387a.503.503 0 0 1-.146-.354v-3.993c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.853v3.58l.24.24a1.002 1.002 0 0 1 1.26.965 1 1 0 1 1-1.966-.258Zm1.966-1.24a.5.5 0 0 1-.5-.499v-1.997a.5.5 0 0 1 .146-.353l4-3.994a.499.499 0 1 1 .707.706L14 16.68v1.79a.5.5 0 0 1-.5.5Zm2 .999a.5.5 0 0 1-.5-.5v-1.996c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.852v1.79a.5.5 0 0 1-.5.5Zm-1.26-14.51-.386.385a.5.5 0 0 1-.354.147h-1.793l-.854.853a.499.499 0 0 1-.707-.706l1-.998a.5.5 0 0 1 .354-.147h1.793l.24-.24a.998.998 0 0 1 .967-1.258 1 1 0 1 1-.26 1.963Zm2.26 4.526h-7a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851H16.5a.5.5 0 1 1 0 .999Zm-1-1.997h-3a.5.5 0 1 1 0-.998h2.793l.854-.853a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-8 15.974a.5.5 0 0 1-.5-.5v-9.776l-2.854-2.85A.498.498 0 0 1 4 10.483V5.491a.5.5 0 0 1 .146-.353l2-1.997a.504.504 0 0 1 .354-.146h2c.133 0 .26.053.354.146l1 .998a.499.499 0 1 1-.707.706l-.854-.851H6.707L5 5.698v4.578l2.854 2.85c.093.093.146.22.146.352v9.984a.5.5 0 0 1-.5.5Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M19.51 17.57a.498.498 0 0 1 .137-.45l.281-.281-.402-1.205a.5.5 0 0 1 .372-.646c.54-.114 1.058-.38 1.104-.518-.037-.393-1.146-2.508-2.152-4.234a.507.507 0 0 1-.053-.371c.001-.01.203-.85.203-2.377 0-1.374-2.126-6.49-8.5-6.49C4.078.998 2 6.043 2 8.486c0 2.226 1.4 4.65 2.525 6.598C5.35 16.51 6 17.637 6 18.47c0 1.888-2.812 4.984-3.133 5.33a.496.496 0 0 1-.706.028.497.497 0 0 1-.028-.705C2.93 22.26 5 19.741 5 18.47c0-.565-.651-1.693-1.341-2.888C2.475 13.532 1 10.978 1 8.486 1 4.963 3.947 0 10.5 0 17.174 0 20 5.356 20 7.488c0 1.23-.122 2.051-.19 2.41.729 1.26 2.19 3.87 2.19 4.579 0 .731-.785 1.139-1.359 1.337l.334 1a.5.5 0 0 1-.121.512l-.412.411a.498.498 0 0 1-.505.729c.063.092.082.129.184.28.15.224.379.564.379 1.222 0 1.513-1.688 1.789-2.919 1.99-1.643.268-3.418 1.225-3.595 1.582 0 .275-.216.46-.493.46-.276 0-.493-.263-.493-.538 0-1.166 3.098-2.273 4.419-2.49 1.932-.316 2.081-.615 2.081-1.004 0-.354-.088-.485-.21-.666-.122-.183-.29-.433-.29-.832 0-.405.172-.643.315-.77a.883.883 0 0 1 .195-.13ZM7.24 7.454l-.24.24v1.584l2.854 2.85a.495.495 0 0 1 .146.352v10.982a.5.5 0 0 1-1 0V12.686L6.146 9.838A.502.502 0 0 1 6 9.485V7.488c0-.133.053-.26.146-.354l.388-.387A.997.997 0 0 1 7.5 5.491a1 1 0 1 1-.26 1.963Zm7.26 5.525h-2a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851h1.586l.854-.852a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-2.966 7.23-.388-.387a.503.503 0 0 1-.146-.354v-3.993c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.853v3.58l.24.24a1.002 1.002 0 0 1 1.26.965 1 1 0 1 1-1.966-.258Zm1.966-1.24a.5.5 0 0 1-.5-.499v-1.997a.5.5 0 0 1 .146-.353l4-3.994a.499.499 0 1 1 .707.706L14 16.68v1.79a.5.5 0 0 1-.5.5Zm2 .999a.5.5 0 0 1-.5-.5v-1.996c0-.133.053-.26.146-.354l1-.998a.499.499 0 1 1 .707.706l-.853.852v1.79a.5.5 0 0 1-.5.5Zm-1.26-14.51-.386.385a.5.5 0 0 1-.354.147h-1.793l-.854.853a.499.499 0 0 1-.707-.706l1-.998a.5.5 0 0 1 .354-.147h1.793l.24-.24a.998.998 0 0 1 .967-1.258 1 1 0 1 1-.26 1.963Zm2.26 4.526h-7a.504.504 0 0 1-.354-.146l-1-.998a.499.499 0 1 1 .707-.706l.854.851H16.5a.5.5 0 1 1 0 .999Zm-1-1.997h-3a.5.5 0 1 1 0-.998h2.793l.854-.853a.499.499 0 1 1 .707.706l-1 .998a.5.5 0 0 1-.354.147Zm-8 15.974a.5.5 0 0 1-.5-.5v-9.776l-2.854-2.85A.498.498 0 0 1 4 10.483V5.491a.5.5 0 0 1 .146-.353l2-1.997a.504.504 0 0 1 .354-.146h2c.133 0 .26.053.354.146l1 .998a.499.499 0 1 1-.707.706l-.854-.851H6.707L5 5.698v4.578l2.854 2.85c.093.093.146.22.146.352v9.984a.5.5 0 0 1-.5.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/AssistiveListening.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 25 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: "M15.216 0a.516.516 0 0 0-.505.394.506.506 0 0 0 .391.606c3.934.866 6.94 4.212 7.112 8.319.006.13.008.259.008.387 0 .281.232.507.517.508.286 0 .52-.225.52-.506 0-.143-.003-.286-.009-.43C23.06 4.7 19.71.977 15.33.013A.532.532 0 0 0 15.217 0Zm-4.824 24c1.942 0 3.533-1.47 3.661-3.331.024-.275-.003-.617-.027-.928l-.018-.237c-.029-.421-.033-.801.047-1.114.155-.603.456-.977.875-1.344.035-.031.13-.107.26-.21l.002-.002.393-.315c.32-.26.69-.567.956-.816l.001-.001a6.53 6.53 0 0 0 1.91-4.609c0-3.668-3.055-6.64-6.82-6.64s-6.82 2.972-6.82 6.64c0 .281.233.507.519.507a.513.513 0 0 0 .518-.507c0-3.107 2.588-5.628 5.783-5.628 3.195 0 5.783 2.521 5.783 5.628a5.536 5.536 0 0 1-1.7 3.986 9.042 9.042 0 0 1-.538.462c-.329.248-.644.492-.94.752-.519.454-.968.993-1.188 1.85-.124.481-.105 1.002-.076 1.43.037.427.048.686.05.837.001.075 0 .123-.002.152v.018l-.002.012v.011c-.094 1.33-1.233 2.384-2.627 2.384-.718 0-1.44-.469-1.961-1.133a.527.527 0 0 0-.726-.095.498.498 0 0 0-.098.71C8.231 23.264 9.223 24 10.392 24Zm-6.686-8.673a.528.528 0 0 0-.732-.002.498.498 0 0 0-.003.716l3.772 3.7c.202.199.53.2.733.003a.498.498 0 0 0 .003-.716l-3.773-3.7ZM14.732 2.532a.519.519 0 0 0-.62.382.506.506 0 0 0 .392.605c2.842.626 5.013 3.043 5.137 6.01.004.093.006.187.006.28 0 .28.232.506.518.507a.513.513 0 0 0 .52-.505c0-.108-.003-.216-.007-.324-.144-3.437-2.66-6.231-5.946-6.955ZM8.39 10.74c.18-1.586 1.563-2.821 3.242-2.821 1.803 0 3.262 1.422 3.262 3.174 0 .653-.202 1.259-.548 1.763a.499.499 0 0 0 .143.703.527.527 0 0 0 .718-.139 4.093 4.093 0 0 0 .725-2.327c0-2.313-1.926-4.187-4.3-4.187-2.212 0-4.035 1.628-4.273 3.723a.51.51 0 0 0 .459.559c.283.03.54-.169.572-.448Zm-1.652 5.918a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM2.11 21.112a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Zm6.162-6.005a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM3.645 19.56a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Z",
-    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 25 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: "M15.216 0a.516.516 0 0 0-.505.394.506.506 0 0 0 .391.606c3.934.866 6.94 4.212 7.112 8.319.006.13.008.259.008.387 0 .281.232.507.517.508.286 0 .52-.225.52-.506 0-.143-.003-.286-.009-.43C23.06 4.7 19.71.977 15.33.013A.532.532 0 0 0 15.217 0Zm-4.824 24c1.942 0 3.533-1.47 3.661-3.331.024-.275-.003-.617-.027-.928l-.018-.237c-.029-.421-.033-.801.047-1.114.155-.603.456-.977.875-1.344.035-.031.13-.107.26-.21l.002-.002.393-.315c.32-.26.69-.567.956-.816l.001-.001a6.53 6.53 0 0 0 1.91-4.609c0-3.668-3.055-6.64-6.82-6.64s-6.82 2.972-6.82 6.64c0 .281.233.507.519.507a.513.513 0 0 0 .518-.507c0-3.107 2.588-5.628 5.783-5.628 3.195 0 5.783 2.521 5.783 5.628a5.536 5.536 0 0 1-1.7 3.986 9.042 9.042 0 0 1-.538.462c-.329.248-.644.492-.94.752-.519.454-.968.993-1.188 1.85-.124.481-.105 1.002-.076 1.43.037.427.048.686.05.837.001.075 0 .123-.002.152v.018l-.002.012v.011c-.094 1.33-1.233 2.384-2.627 2.384-.718 0-1.44-.469-1.961-1.133a.527.527 0 0 0-.726-.095.498.498 0 0 0-.098.71C8.231 23.264 9.223 24 10.392 24Zm-6.686-8.673a.528.528 0 0 0-.732-.002.498.498 0 0 0-.003.716l3.772 3.7c.202.199.53.2.733.003a.498.498 0 0 0 .003-.716l-3.773-3.7ZM14.732 2.532a.519.519 0 0 0-.62.382.506.506 0 0 0 .392.605c2.842.626 5.013 3.043 5.137 6.01.004.093.006.187.006.28 0 .28.232.506.518.507a.513.513 0 0 0 .52-.505c0-.108-.003-.216-.007-.324-.144-3.437-2.66-6.231-5.946-6.955ZM8.39 10.74c.18-1.586 1.563-2.821 3.242-2.821 1.803 0 3.262 1.422 3.262 3.174 0 .653-.202 1.259-.548 1.763a.499.499 0 0 0 .143.703.527.527 0 0 0 .718-.139 4.093 4.093 0 0 0 .725-2.327c0-2.313-1.926-4.187-4.3-4.187-2.212 0-4.035 1.628-4.273 3.723a.51.51 0 0 0 .459.559c.283.03.54-.169.572-.448Zm-1.652 5.918a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM2.11 21.112a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Zm6.162-6.005a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM3.645 19.56a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/AssistiveListening.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 25 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: "M15.216 0a.516.516 0 0 0-.505.394.506.506 0 0 0 .391.606c3.934.866 6.94 4.212 7.112 8.319.006.13.008.259.008.387 0 .281.232.507.517.508.286 0 .52-.225.52-.506 0-.143-.003-.286-.009-.43C23.06 4.7 19.71.977 15.33.013A.532.532 0 0 0 15.217 0Zm-4.824 24c1.942 0 3.533-1.47 3.661-3.331.024-.275-.003-.617-.027-.928l-.018-.237c-.029-.421-.033-.801.047-1.114.155-.603.456-.977.875-1.344.035-.031.13-.107.26-.21l.002-.002.393-.315c.32-.26.69-.567.956-.816l.001-.001a6.53 6.53 0 0 0 1.91-4.609c0-3.668-3.055-6.64-6.82-6.64s-6.82 2.972-6.82 6.64c0 .281.233.507.519.507a.513.513 0 0 0 .518-.507c0-3.107 2.588-5.628 5.783-5.628 3.195 0 5.783 2.521 5.783 5.628a5.536 5.536 0 0 1-1.7 3.986 9.042 9.042 0 0 1-.538.462c-.329.248-.644.492-.94.752-.519.454-.968.993-1.188 1.85-.124.481-.105 1.002-.076 1.43.037.427.048.686.05.837.001.075 0 .123-.002.152v.018l-.002.012v.011c-.094 1.33-1.233 2.384-2.627 2.384-.718 0-1.44-.469-1.961-1.133a.527.527 0 0 0-.726-.095.498.498 0 0 0-.098.71C8.231 23.264 9.223 24 10.392 24Zm-6.686-8.673a.528.528 0 0 0-.732-.002.498.498 0 0 0-.003.716l3.772 3.7c.202.199.53.2.733.003a.498.498 0 0 0 .003-.716l-3.773-3.7ZM14.732 2.532a.519.519 0 0 0-.62.382.506.506 0 0 0 .392.605c2.842.626 5.013 3.043 5.137 6.01.004.093.006.187.006.28 0 .28.232.506.518.507a.513.513 0 0 0 .52-.505c0-.108-.003-.216-.007-.324-.144-3.437-2.66-6.231-5.946-6.955ZM8.39 10.74c.18-1.586 1.563-2.821 3.242-2.821 1.803 0 3.262 1.422 3.262 3.174 0 .653-.202 1.259-.548 1.763a.499.499 0 0 0 .143.703.527.527 0 0 0 .718-.139 4.093 4.093 0 0 0 .725-2.327c0-2.313-1.926-4.187-4.3-4.187-2.212 0-4.035 1.628-4.273 3.723a.51.51 0 0 0 .459.559c.283.03.54-.169.572-.448Zm-1.652 5.918a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM2.11 21.112a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Zm6.162-6.005a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM3.645 19.56a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Z",
-    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 25 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: "M15.216 0a.516.516 0 0 0-.505.394.506.506 0 0 0 .391.606c3.934.866 6.94 4.212 7.112 8.319.006.13.008.259.008.387 0 .281.232.507.517.508.286 0 .52-.225.52-.506 0-.143-.003-.286-.009-.43C23.06 4.7 19.71.977 15.33.013A.532.532 0 0 0 15.217 0Zm-4.824 24c1.942 0 3.533-1.47 3.661-3.331.024-.275-.003-.617-.027-.928l-.018-.237c-.029-.421-.033-.801.047-1.114.155-.603.456-.977.875-1.344.035-.031.13-.107.26-.21l.002-.002.393-.315c.32-.26.69-.567.956-.816l.001-.001a6.53 6.53 0 0 0 1.91-4.609c0-3.668-3.055-6.64-6.82-6.64s-6.82 2.972-6.82 6.64c0 .281.233.507.519.507a.513.513 0 0 0 .518-.507c0-3.107 2.588-5.628 5.783-5.628 3.195 0 5.783 2.521 5.783 5.628a5.536 5.536 0 0 1-1.7 3.986 9.042 9.042 0 0 1-.538.462c-.329.248-.644.492-.94.752-.519.454-.968.993-1.188 1.85-.124.481-.105 1.002-.076 1.43.037.427.048.686.05.837.001.075 0 .123-.002.152v.018l-.002.012v.011c-.094 1.33-1.233 2.384-2.627 2.384-.718 0-1.44-.469-1.961-1.133a.527.527 0 0 0-.726-.095.498.498 0 0 0-.098.71C8.231 23.264 9.223 24 10.392 24Zm-6.686-8.673a.528.528 0 0 0-.732-.002.498.498 0 0 0-.003.716l3.772 3.7c.202.199.53.2.733.003a.498.498 0 0 0 .003-.716l-3.773-3.7ZM14.732 2.532a.519.519 0 0 0-.62.382.506.506 0 0 0 .392.605c2.842.626 5.013 3.043 5.137 6.01.004.093.006.187.006.28 0 .28.232.506.518.507a.513.513 0 0 0 .52-.505c0-.108-.003-.216-.007-.324-.144-3.437-2.66-6.231-5.946-6.955ZM8.39 10.74c.18-1.586 1.563-2.821 3.242-2.821 1.803 0 3.262 1.422 3.262 3.174 0 .653-.202 1.259-.548 1.763a.499.499 0 0 0 .143.703.527.527 0 0 0 .718-.139 4.093 4.093 0 0 0 .725-2.327c0-2.313-1.926-4.187-4.3-4.187-2.212 0-4.035 1.628-4.273 3.723a.51.51 0 0 0 .459.559c.283.03.54-.169.572-.448Zm-1.652 5.918a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM2.11 21.112a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Zm6.162-6.005a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22ZM3.645 19.56a.61.61 0 1 0 0-1.22.61.61 0 0 0 0 1.22Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Attention.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: "M10.62 6.612a1.86 1.86 0 0 0-.47 1.43L11 16.55a.5.5 0 0 0 .498.45h1a.498.498 0 0 0 .497-.45l.851-8.507a1.86 1.86 0 0 0-.47-1.43c-.704-.777-2.053-.777-2.755 0ZM12.047 16h-.095l-.803-8.058a.842.842 0 0 1 .216-.66.878.878 0 0 1 1.271 0 .849.849 0 0 1 .217.66L12.046 16Zm11.538 1.86L15.071 2.825A3.454 3.454 0 0 0 12 1.001c-1.301 0-2.45.682-3.091 1.862L.422 17.843a3.47 3.47 0 0 0 .073 3.443 3.471 3.471 0 0 0 3.01 1.713h16.988a3.47 3.47 0 0 0 3.01-1.713 3.449 3.449 0 0 0 .081-3.426Zm-.942 2.916A2.478 2.478 0 0 1 20.492 22H3.503a2.48 2.48 0 0 1-2.15-1.224 2.479 2.479 0 0 1-.025-2.51L9.804 3.303A2.467 2.467 0 0 1 11.998 2c.93 0 1.75.487 2.176 1.266l8.513 15.035c.427.783.41 1.707-.045 2.474ZM12 17.999a1.501 1.501 0 0 0 0 3c.826 0 1.5-.673 1.5-1.5s-.674-1.5-1.5-1.5Zm0 2a.5.5 0 1 1 0-1.001.5.5 0 0 1-.002 1.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,
+    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: "M10.62 6.612a1.86 1.86 0 0 0-.47 1.43L11 16.55a.5.5 0 0 0 .498.45h1a.498.498 0 0 0 .497-.45l.851-8.507a1.86 1.86 0 0 0-.47-1.43c-.704-.777-2.053-.777-2.755 0ZM12.047 16h-.095l-.803-8.058a.842.842 0 0 1 .216-.66.878.878 0 0 1 1.271 0 .849.849 0 0 1 .217.66L12.046 16Zm11.538 1.86L15.071 2.825A3.454 3.454 0 0 0 12 1.001c-1.301 0-2.45.682-3.091 1.862L.422 17.843a3.47 3.47 0 0 0 .073 3.443 3.471 3.471 0 0 0 3.01 1.713h16.988a3.47 3.47 0 0 0 3.01-1.713 3.449 3.449 0 0 0 .081-3.426Zm-.942 2.916A2.478 2.478 0 0 1 20.492 22H3.503a2.48 2.48 0 0 1-2.15-1.224 2.479 2.479 0 0 1-.025-2.51L9.804 3.303A2.467 2.467 0 0 1 11.998 2c.93 0 1.75.487 2.176 1.266l8.513 15.035c.427.783.41 1.707-.045 2.474ZM12 17.999a1.501 1.501 0 0 0 0 3c.826 0 1.5-.673 1.5-1.5s-.674-1.5-1.5-1.5Zm0 2a.5.5 0 1 1 0-1.001.5.5 0 0 1-.002 1.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};