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

package/build/rn/icons/ChevronRight.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: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 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,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChevronRight.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: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 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,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Clipboard.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: "M8.834 0c.918 0 1.7.602 1.97 1.433l.044.158h1.366c.765 0 1.395.586 1.467 1.333l.007.141v.117h1.907c1.093 0 1.99.85 2.066 1.924l.006.147v1.591a.48.48 0 0 1-.953.087l-.007-.087v-1.59c0-.573-.435-1.045-.991-1.105l-.121-.007h-1.907v1.111a.48.48 0 0 1-.394.472l-.086.007h-8.75a.479.479 0 0 1-.473-.392l-.007-.087v-1.11H2.072c-.573 0-1.045.433-1.106.99l-.006.12V21.96c0 .572.434 1.044.99 1.105l.122.006h13.523c.572 0 1.045-.434 1.105-.99l.007-.12v-3.978a.48.48 0 0 1 .952-.086l.008.086v3.977c0 1.093-.85 1.99-1.925 2.065l-.147.005H2.072a2.072 2.072 0 0 1-2.066-1.922L0 21.96V5.253c0-1.092.849-1.99 1.923-2.065l.148-.006h1.906v-.117c0-.765.585-1.395 1.333-1.467l.142-.007h1.366A2.073 2.073 0 0 1 8.834.001Zm10.98 6.29a2.485 2.485 0 0 1 3.502.07c.871.92.91 2.324.12 3.277l-.12.133-9.148 9.156a.454.454 0 0 1-.155.104l-.09.027-3.517.7a.48.48 0 0 1-.574-.47l.01-.095.7-3.516a.48.48 0 0 1 .072-.173l.058-.073 9.142-9.14Zm-8.384 9.841-.506 2.543 2.526-.502a2.438 2.438 0 0 0-.58-1.175l-.132-.136a2.455 2.455 0 0 0-1.126-.685l-.182-.045Zm6.616-6.715-5.922 5.921a3.43 3.43 0 0 1 1.133.688l.159.157c.322.301.574.677.752 1.092l.084.21 5.928-5.933-2.134-2.135Zm4.576-2.393a1.522 1.522 0 0 0-2.02-.146l-.117.1-1.76 1.76 2.133 2.134 1.773-1.773a1.505 1.505 0 0 0-.01-2.075ZM8.834.96c-.553 0-1.013.405-1.098.935a.48.48 0 0 1-.36.648l-.086.008H5.453a.515.515 0 0 0-.507.422l-.008.092v1.708h7.79V3.065a.515.515 0 0 0-.422-.505l-.092-.009h-1.79a.48.48 0 0 1-.48-.48 1.11 1.11 0 0 0-1.11-1.11Z",
-    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: "M8.834 0c.918 0 1.7.602 1.97 1.433l.044.158h1.366c.765 0 1.395.586 1.467 1.333l.007.141v.117h1.907c1.093 0 1.99.85 2.066 1.924l.006.147v1.591a.48.48 0 0 1-.953.087l-.007-.087v-1.59c0-.573-.435-1.045-.991-1.105l-.121-.007h-1.907v1.111a.48.48 0 0 1-.394.472l-.086.007h-8.75a.479.479 0 0 1-.473-.392l-.007-.087v-1.11H2.072c-.573 0-1.045.433-1.106.99l-.006.12V21.96c0 .572.434 1.044.99 1.105l.122.006h13.523c.572 0 1.045-.434 1.105-.99l.007-.12v-3.978a.48.48 0 0 1 .952-.086l.008.086v3.977c0 1.093-.85 1.99-1.925 2.065l-.147.005H2.072a2.072 2.072 0 0 1-2.066-1.922L0 21.96V5.253c0-1.092.849-1.99 1.923-2.065l.148-.006h1.906v-.117c0-.765.585-1.395 1.333-1.467l.142-.007h1.366A2.073 2.073 0 0 1 8.834.001Zm10.98 6.29a2.485 2.485 0 0 1 3.502.07c.871.92.91 2.324.12 3.277l-.12.133-9.148 9.156a.454.454 0 0 1-.155.104l-.09.027-3.517.7a.48.48 0 0 1-.574-.47l.01-.095.7-3.516a.48.48 0 0 1 .072-.173l.058-.073 9.142-9.14Zm-8.384 9.841-.506 2.543 2.526-.502a2.438 2.438 0 0 0-.58-1.175l-.132-.136a2.455 2.455 0 0 0-1.126-.685l-.182-.045Zm6.616-6.715-5.922 5.921a3.43 3.43 0 0 1 1.133.688l.159.157c.322.301.574.677.752 1.092l.084.21 5.928-5.933-2.134-2.135Zm4.576-2.393a1.522 1.522 0 0 0-2.02-.146l-.117.1-1.76 1.76 2.133 2.134 1.773-1.773a1.505 1.505 0 0 0-.01-2.075ZM8.834.96c-.553 0-1.013.405-1.098.935a.48.48 0 0 1-.36.648l-.086.008H5.453a.515.515 0 0 0-.507.422l-.008.092v1.708h7.79V3.065a.515.515 0 0 0-.422-.505l-.092-.009h-1.79a.48.48 0 0 1-.48-.48 1.11 1.11 0 0 0-1.11-1.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Clipboard.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: "M8.834 0c.918 0 1.7.602 1.97 1.433l.044.158h1.366c.765 0 1.395.586 1.467 1.333l.007.141v.117h1.907c1.093 0 1.99.85 2.066 1.924l.006.147v1.591a.48.48 0 0 1-.953.087l-.007-.087v-1.59c0-.573-.435-1.045-.991-1.105l-.121-.007h-1.907v1.111a.48.48 0 0 1-.394.472l-.086.007h-8.75a.479.479 0 0 1-.473-.392l-.007-.087v-1.11H2.072c-.573 0-1.045.433-1.106.99l-.006.12V21.96c0 .572.434 1.044.99 1.105l.122.006h13.523c.572 0 1.045-.434 1.105-.99l.007-.12v-3.978a.48.48 0 0 1 .952-.086l.008.086v3.977c0 1.093-.85 1.99-1.925 2.065l-.147.005H2.072a2.072 2.072 0 0 1-2.066-1.922L0 21.96V5.253c0-1.092.849-1.99 1.923-2.065l.148-.006h1.906v-.117c0-.765.585-1.395 1.333-1.467l.142-.007h1.366A2.073 2.073 0 0 1 8.834.001Zm10.98 6.29a2.485 2.485 0 0 1 3.502.07c.871.92.91 2.324.12 3.277l-.12.133-9.148 9.156a.454.454 0 0 1-.155.104l-.09.027-3.517.7a.48.48 0 0 1-.574-.47l.01-.095.7-3.516a.48.48 0 0 1 .072-.173l.058-.073 9.142-9.14Zm-8.384 9.841-.506 2.543 2.526-.502a2.438 2.438 0 0 0-.58-1.175l-.132-.136a2.455 2.455 0 0 0-1.126-.685l-.182-.045Zm6.616-6.715-5.922 5.921a3.43 3.43 0 0 1 1.133.688l.159.157c.322.301.574.677.752 1.092l.084.21 5.928-5.933-2.134-2.135Zm4.576-2.393a1.522 1.522 0 0 0-2.02-.146l-.117.1-1.76 1.76 2.133 2.134 1.773-1.773a1.505 1.505 0 0 0-.01-2.075ZM8.834.96c-.553 0-1.013.405-1.098.935a.48.48 0 0 1-.36.648l-.086.008H5.453a.515.515 0 0 0-.507.422l-.008.092v1.708h7.79V3.065a.515.515 0 0 0-.422-.505l-.092-.009h-1.79a.48.48 0 0 1-.48-.48 1.11 1.11 0 0 0-1.11-1.11Z",
-    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: "M8.834 0c.918 0 1.7.602 1.97 1.433l.044.158h1.366c.765 0 1.395.586 1.467 1.333l.007.141v.117h1.907c1.093 0 1.99.85 2.066 1.924l.006.147v1.591a.48.48 0 0 1-.953.087l-.007-.087v-1.59c0-.573-.435-1.045-.991-1.105l-.121-.007h-1.907v1.111a.48.48 0 0 1-.394.472l-.086.007h-8.75a.479.479 0 0 1-.473-.392l-.007-.087v-1.11H2.072c-.573 0-1.045.433-1.106.99l-.006.12V21.96c0 .572.434 1.044.99 1.105l.122.006h13.523c.572 0 1.045-.434 1.105-.99l.007-.12v-3.978a.48.48 0 0 1 .952-.086l.008.086v3.977c0 1.093-.85 1.99-1.925 2.065l-.147.005H2.072a2.072 2.072 0 0 1-2.066-1.922L0 21.96V5.253c0-1.092.849-1.99 1.923-2.065l.148-.006h1.906v-.117c0-.765.585-1.395 1.333-1.467l.142-.007h1.366A2.073 2.073 0 0 1 8.834.001Zm10.98 6.29a2.485 2.485 0 0 1 3.502.07c.871.92.91 2.324.12 3.277l-.12.133-9.148 9.156a.454.454 0 0 1-.155.104l-.09.027-3.517.7a.48.48 0 0 1-.574-.47l.01-.095.7-3.516a.48.48 0 0 1 .072-.173l.058-.073 9.142-9.14Zm-8.384 9.841-.506 2.543 2.526-.502a2.438 2.438 0 0 0-.58-1.175l-.132-.136a2.455 2.455 0 0 0-1.126-.685l-.182-.045Zm6.616-6.715-5.922 5.921a3.43 3.43 0 0 1 1.133.688l.159.157c.322.301.574.677.752 1.092l.084.21 5.928-5.933-2.134-2.135Zm4.576-2.393a1.522 1.522 0 0 0-2.02-.146l-.117.1-1.76 1.76 2.133 2.134 1.773-1.773a1.505 1.505 0 0 0-.01-2.075ZM8.834.96c-.553 0-1.013.405-1.098.935a.48.48 0 0 1-.36.648l-.086.008H5.453a.515.515 0 0 0-.507.422l-.008.092v1.708h7.79V3.065a.515.515 0 0 0-.422-.505l-.092-.009h-1.79a.48.48 0 0 1-.48-.48 1.11 1.11 0 0 0-1.11-1.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Close.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: "M5.79 4.307a1.049 1.049 0 0 0-1.483 1.482L10.517 12l-6.21 6.211a1.049 1.049 0 0 0 0 1.483 1.052 1.052 0 0 0 1.482 0L12 13.483l6.211 6.21.001.002a1.052 1.052 0 0 0 1.482-.001 1.049 1.049 0 0 0 0-1.483l-6.211-6.21 6.21-6.212a1.049 1.049 0 0 0-1.482-1.482l-6.21 6.21-6.212-6.21Z",
-    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: "M5.79 4.307a1.049 1.049 0 0 0-1.483 1.482L10.517 12l-6.21 6.211a1.049 1.049 0 0 0 0 1.483 1.052 1.052 0 0 0 1.482 0L12 13.483l6.211 6.21.001.002a1.052 1.052 0 0 0 1.482-.001 1.049 1.049 0 0 0 0-1.483l-6.211-6.21 6.21-6.212a1.049 1.049 0 0 0-1.482-1.482l-6.21 6.21-6.212-6.21Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Close.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: "M5.79 4.307a1.049 1.049 0 0 0-1.483 1.482L10.517 12l-6.21 6.211a1.049 1.049 0 0 0 0 1.483 1.052 1.052 0 0 0 1.482 0L12 13.483l6.211 6.21.001.002a1.052 1.052 0 0 0 1.482-.001 1.049 1.049 0 0 0 0-1.483l-6.211-6.21 6.21-6.212a1.049 1.049 0 0 0-1.482-1.482l-6.21 6.21-6.212-6.21Z",
-    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: "M5.79 4.307a1.049 1.049 0 0 0-1.483 1.482L10.517 12l-6.21 6.211a1.049 1.049 0 0 0 0 1.483 1.052 1.052 0 0 0 1.482 0L12 13.483l6.211 6.21.001.002a1.052 1.052 0 0 0 1.482-.001 1.049 1.049 0 0 0 0-1.483l-6.211-6.21 6.21-6.212a1.049 1.049 0 0 0-1.482-1.482l-6.21 6.21-6.212-6.21Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ClosedCaptions.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: "M9.63 10.364a1.795 1.795 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.374 3.374 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128a5.08 5.08 0 0 1-.434 1.694 4.057 4.057 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54H9.63Zm10.374 0a1.794 1.794 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.373 3.373 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128c-.056.625-.2 1.19-.434 1.694a4.06 4.06 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54h-2.128Z"
-  })]
-});
+}) => {
+  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: "M9.63 10.364a1.795 1.795 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.374 3.374 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128a5.08 5.08 0 0 1-.434 1.694 4.057 4.057 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54H9.63Zm10.374 0a1.794 1.794 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.373 3.373 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128c-.056.625-.2 1.19-.434 1.694a4.06 4.06 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54h-2.128Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ClosedCaptions.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: "M9.63 10.364a1.795 1.795 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.374 3.374 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128a5.08 5.08 0 0 1-.434 1.694 4.057 4.057 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54H9.63Zm10.374 0a1.794 1.794 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.373 3.373 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128c-.056.625-.2 1.19-.434 1.694a4.06 4.06 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54h-2.128Z"
-  })]
-});
+}) => {
+  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: "M9.63 10.364a1.795 1.795 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.374 3.374 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128a5.08 5.08 0 0 1-.434 1.694 4.057 4.057 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54H9.63Zm10.374 0a1.794 1.794 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.373 3.373 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128c-.056.625-.2 1.19-.434 1.694a4.06 4.06 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54h-2.128Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CloudDownload.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M11.567 11.88c.271 0 .47.17.512.422l.007.098v9.027l1.091-1.048a.533.533 0 0 1 .733.014.518.518 0 0 1 .04.673l-.054.061-1.97 1.892-.035.028-.058.034c-.018.013-.042.031-.073.043l-.042.014-.038.006-.06-.115.027.122a.46.46 0 0 1-.11.006l-.05-.007-.015-.129-.019.123a.35.35 0 0 1-.08-.02l-.041-.02-.059-.04-.03-.017-.037-.029-1.969-1.892a.512.512 0 0 1-.014-.733.536.536 0 0 1 .662-.07l.071.056 1.092 1.048V12.4c0-.306.213-.52.52-.52ZM11.487.842c3.511 0 6.589 2.483 7.353 5.917 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.493 2.879-6.493 6.416 0 .313 0 .54.076.92.002.119.002.314-.112.429-.094.092-.237.111-.338.115h-.145a3.426 3.426 0 0 0-3.422 3.422 3.426 3.426 0 0 0 3.234 3.417l.188.005h4.728c.305 0 .519.213.519.518 0 .272-.17.471-.421.512l-.098.008H4.475c-2.418 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.217-.032v-.823a7.08 7.08 0 0 1 2.047-4.828C7.499 1.639 9.42.842 11.488.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: "M11.567 11.88c.271 0 .47.17.512.422l.007.098v9.027l1.091-1.048a.533.533 0 0 1 .733.014.518.518 0 0 1 .04.673l-.054.061-1.97 1.892-.035.028-.058.034c-.018.013-.042.031-.073.043l-.042.014-.038.006-.06-.115.027.122a.46.46 0 0 1-.11.006l-.05-.007-.015-.129-.019.123a.35.35 0 0 1-.08-.02l-.041-.02-.059-.04-.03-.017-.037-.029-1.969-1.892a.512.512 0 0 1-.014-.733.536.536 0 0 1 .662-.07l.071.056 1.092 1.048V12.4c0-.306.213-.52.52-.52ZM11.487.842c3.511 0 6.589 2.483 7.353 5.917 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.493 2.879-6.493 6.416 0 .313 0 .54.076.92.002.119.002.314-.112.429-.094.092-.237.111-.338.115h-.145a3.426 3.426 0 0 0-3.422 3.422 3.426 3.426 0 0 0 3.234 3.417l.188.005h4.728c.305 0 .519.213.519.518 0 .272-.17.471-.421.512l-.098.008H4.475c-2.418 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.217-.032v-.823a7.08 7.08 0 0 1 2.047-4.828C7.499 1.639 9.42.842 11.488.842Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M11.567 11.88c.271 0 .47.17.512.422l.007.098v9.027l1.091-1.048a.533.533 0 0 1 .733.014.518.518 0 0 1 .04.673l-.054.061-1.97 1.892-.035.028-.058.034c-.018.013-.042.031-.073.043l-.042.014-.038.006-.06-.115.027.122a.46.46 0 0 1-.11.006l-.05-.007-.015-.129-.019.123a.35.35 0 0 1-.08-.02l-.041-.02-.059-.04-.03-.017-.037-.029-1.969-1.892a.512.512 0 0 1-.014-.733.536.536 0 0 1 .662-.07l.071.056 1.092 1.048V12.4c0-.306.213-.52.52-.52ZM11.487.842c3.511 0 6.589 2.483 7.353 5.917 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.493 2.879-6.493 6.416 0 .313 0 .54.076.92.002.119.002.314-.112.429-.094.092-.237.111-.338.115h-.145a3.426 3.426 0 0 0-3.422 3.422 3.426 3.426 0 0 0 3.234 3.417l.188.005h4.728c.305 0 .519.213.519.518 0 .272-.17.471-.421.512l-.098.008H4.475c-2.418 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.217-.032v-.823a7.08 7.08 0 0 1 2.047-4.828C7.499 1.639 9.42.842 11.488.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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M11.567 11.88c.271 0 .47.17.512.422l.007.098v9.027l1.091-1.048a.533.533 0 0 1 .733.014.518.518 0 0 1 .04.673l-.054.061-1.97 1.892-.035.028-.058.034c-.018.013-.042.031-.073.043l-.042.014-.038.006-.06-.115.027.122a.46.46 0 0 1-.11.006l-.05-.007-.015-.129-.019.123a.35.35 0 0 1-.08-.02l-.041-.02-.059-.04-.03-.017-.037-.029-1.969-1.892a.512.512 0 0 1-.014-.733.536.536 0 0 1 .662-.07l.071.056 1.092 1.048V12.4c0-.306.213-.52.52-.52ZM11.487.842c3.511 0 6.589 2.483 7.353 5.917 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.493 2.879-6.493 6.416 0 .313 0 .54.076.92.002.119.002.314-.112.429-.094.092-.237.111-.338.115h-.145a3.426 3.426 0 0 0-3.422 3.422 3.426 3.426 0 0 0 3.234 3.417l.188.005h4.728c.305 0 .519.213.519.518 0 .272-.17.471-.421.512l-.098.008H4.475c-2.418 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.217-.032v-.823a7.08 7.08 0 0 1 2.047-4.828C7.499 1.639 9.42.842 11.488.842Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};