@telus-uds/palette-koodo 3.2.0 → 3.3.0

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/Coaxial.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.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z",
-    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.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Coaxial.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: "M10.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z",
-    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: "M10.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CreditCard.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: "M22 6.19v11.62a2.15 2.15 0 0 1-.652 1.578c-.435.434-.96.652-1.578.652H4.23a2.15 2.15 0 0 1-1.578-.652A2.15 2.15 0 0 1 2 17.81V6.19c0-.617.217-1.143.652-1.578.435-.435.96-.652 1.578-.652h15.54a2.15 2.15 0 0 1 1.578.652c.435.435.652.96.652 1.578ZM4.23 8.062h15.54V6.19H4.23v1.872Zm0 3.92v5.828h15.54v-5.828H4.23Z"
-  })]
-});
+}) => {
+  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: "M22 6.19v11.62a2.15 2.15 0 0 1-.652 1.578c-.435.434-.96.652-1.578.652H4.23a2.15 2.15 0 0 1-1.578-.652A2.15 2.15 0 0 1 2 17.81V6.19c0-.617.217-1.143.652-1.578.435-.435.96-.652 1.578-.652h15.54a2.15 2.15 0 0 1 1.578.652c.435.435.652.96.652 1.578ZM4.23 8.062h15.54V6.19H4.23v1.872Zm0 3.92v5.828h15.54v-5.828H4.23Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CreditCard.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: "M22 6.19v11.62a2.15 2.15 0 0 1-.652 1.578c-.435.434-.96.652-1.578.652H4.23a2.15 2.15 0 0 1-1.578-.652A2.15 2.15 0 0 1 2 17.81V6.19c0-.617.217-1.143.652-1.578.435-.435.96-.652 1.578-.652h15.54a2.15 2.15 0 0 1 1.578.652c.435.435.652.96.652 1.578ZM4.23 8.062h15.54V6.19H4.23v1.872Zm0 3.92v5.828h15.54v-5.828H4.23Z"
-  })]
-});
+}) => {
+  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: "M22 6.19v11.62a2.15 2.15 0 0 1-.652 1.578c-.435.434-.96.652-1.578.652H4.23a2.15 2.15 0 0 1-1.578-.652A2.15 2.15 0 0 1 2 17.81V6.19c0-.617.217-1.143.652-1.578.435-.435.96-.652 1.578-.652h15.54a2.15 2.15 0 0 1 1.578.652c.435.435.652.96.652 1.578ZM4.23 8.062h15.54V6.19H4.23v1.872Zm0 3.92v5.828h15.54v-5.828H4.23Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/DSL.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: "M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z",
-    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: "M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/DSL.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: "M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z",
-    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: "M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Devices.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 2.07V21.9a2 2 0 0 0 2 2h9.07a.57.57 0 0 0 .53-.56.56.56 0 0 0-.54-.54H2a.901.901 0 0 1-.9-.91V2.07a.9.9 0 0 1 .9-.9h13.659a.9.9 0 0 1 .9.9V3.6a.55.55 0 1 0 1.1 0V2.07a2 2 0 0 0-2-2H1.999A2 2 0 0 0 0 2.07Zm24 19.906v-.001c0-.026 0-.05-.002-.076V6.489a2.07 2.07 0 0 0-.71-1.55 2 2 0 0 0-1.29-.47H14a2 2 0 0 0-2 2V21.9a2 2 0 0 0 .22.91c.11.213.256.405.43.57a2 2 0 0 0 1.36.54h8c.146.015.293.015.44 0a2 2 0 0 0 1.11-.69 2 2 0 0 0 .44-1.254ZM11.12 19.53H3.05V2.91h11.32v.67a.55.55 0 1 0 1.1 0v-.65a1.14 1.14 0 0 0-1.13-1.13H3.06a1.14 1.14 0 0 0-1.13 1.13v16.579a1.13 1.13 0 0 0 1.13 1.13h8.06a.55.55 0 1 0 0-1.1v-.01Zm11.759 2.41a.89.89 0 0 1-.46.79.83.83 0 0 1-.44.12h-8a.91.91 0 0 1-.9-.91v-.6h9.84l-.04.6Zm0-1.72h-9.88V8.729h9.84l.04 11.49Zm0-12.57h-9.88V6.49a.91.91 0 0 1 .9-.91h8a.9.9 0 0 1 .9.91l.08 1.16ZM8.859 22.61a.81.81 0 1 0 0-1.62.81.81 0 0 0 0 1.62Zm8.51-16.54h1.78a.56.56 0 0 1 0 1.12h-1.78a.56.56 0 0 1 0-1.12Z",
-    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 2.07V21.9a2 2 0 0 0 2 2h9.07a.57.57 0 0 0 .53-.56.56.56 0 0 0-.54-.54H2a.901.901 0 0 1-.9-.91V2.07a.9.9 0 0 1 .9-.9h13.659a.9.9 0 0 1 .9.9V3.6a.55.55 0 1 0 1.1 0V2.07a2 2 0 0 0-2-2H1.999A2 2 0 0 0 0 2.07Zm24 19.906v-.001c0-.026 0-.05-.002-.076V6.489a2.07 2.07 0 0 0-.71-1.55 2 2 0 0 0-1.29-.47H14a2 2 0 0 0-2 2V21.9a2 2 0 0 0 .22.91c.11.213.256.405.43.57a2 2 0 0 0 1.36.54h8c.146.015.293.015.44 0a2 2 0 0 0 1.11-.69 2 2 0 0 0 .44-1.254ZM11.12 19.53H3.05V2.91h11.32v.67a.55.55 0 1 0 1.1 0v-.65a1.14 1.14 0 0 0-1.13-1.13H3.06a1.14 1.14 0 0 0-1.13 1.13v16.579a1.13 1.13 0 0 0 1.13 1.13h8.06a.55.55 0 1 0 0-1.1v-.01Zm11.759 2.41a.89.89 0 0 1-.46.79.83.83 0 0 1-.44.12h-8a.91.91 0 0 1-.9-.91v-.6h9.84l-.04.6Zm0-1.72h-9.88V8.729h9.84l.04 11.49Zm0-12.57h-9.88V6.49a.91.91 0 0 1 .9-.91h8a.9.9 0 0 1 .9.91l.08 1.16ZM8.859 22.61a.81.81 0 1 0 0-1.62.81.81 0 0 0 0 1.62Zm8.51-16.54h1.78a.56.56 0 0 1 0 1.12h-1.78a.56.56 0 0 1 0-1.12Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Devices.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 2.07V21.9a2 2 0 0 0 2 2h9.07a.57.57 0 0 0 .53-.56.56.56 0 0 0-.54-.54H2a.901.901 0 0 1-.9-.91V2.07a.9.9 0 0 1 .9-.9h13.659a.9.9 0 0 1 .9.9V3.6a.55.55 0 1 0 1.1 0V2.07a2 2 0 0 0-2-2H1.999A2 2 0 0 0 0 2.07Zm24 19.906v-.001c0-.026 0-.05-.002-.076V6.489a2.07 2.07 0 0 0-.71-1.55 2 2 0 0 0-1.29-.47H14a2 2 0 0 0-2 2V21.9a2 2 0 0 0 .22.91c.11.213.256.405.43.57a2 2 0 0 0 1.36.54h8c.146.015.293.015.44 0a2 2 0 0 0 1.11-.69 2 2 0 0 0 .44-1.254ZM11.12 19.53H3.05V2.91h11.32v.67a.55.55 0 1 0 1.1 0v-.65a1.14 1.14 0 0 0-1.13-1.13H3.06a1.14 1.14 0 0 0-1.13 1.13v16.579a1.13 1.13 0 0 0 1.13 1.13h8.06a.55.55 0 1 0 0-1.1v-.01Zm11.759 2.41a.89.89 0 0 1-.46.79.83.83 0 0 1-.44.12h-8a.91.91 0 0 1-.9-.91v-.6h9.84l-.04.6Zm0-1.72h-9.88V8.729h9.84l.04 11.49Zm0-12.57h-9.88V6.49a.91.91 0 0 1 .9-.91h8a.9.9 0 0 1 .9.91l.08 1.16ZM8.859 22.61a.81.81 0 1 0 0-1.62.81.81 0 0 0 0 1.62Zm8.51-16.54h1.78a.56.56 0 0 1 0 1.12h-1.78a.56.56 0 0 1 0-1.12Z",
-    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 2.07V21.9a2 2 0 0 0 2 2h9.07a.57.57 0 0 0 .53-.56.56.56 0 0 0-.54-.54H2a.901.901 0 0 1-.9-.91V2.07a.9.9 0 0 1 .9-.9h13.659a.9.9 0 0 1 .9.9V3.6a.55.55 0 1 0 1.1 0V2.07a2 2 0 0 0-2-2H1.999A2 2 0 0 0 0 2.07Zm24 19.906v-.001c0-.026 0-.05-.002-.076V6.489a2.07 2.07 0 0 0-.71-1.55 2 2 0 0 0-1.29-.47H14a2 2 0 0 0-2 2V21.9a2 2 0 0 0 .22.91c.11.213.256.405.43.57a2 2 0 0 0 1.36.54h8c.146.015.293.015.44 0a2 2 0 0 0 1.11-.69 2 2 0 0 0 .44-1.254ZM11.12 19.53H3.05V2.91h11.32v.67a.55.55 0 1 0 1.1 0v-.65a1.14 1.14 0 0 0-1.13-1.13H3.06a1.14 1.14 0 0 0-1.13 1.13v16.579a1.13 1.13 0 0 0 1.13 1.13h8.06a.55.55 0 1 0 0-1.1v-.01Zm11.759 2.41a.89.89 0 0 1-.46.79.83.83 0 0 1-.44.12h-8a.91.91 0 0 1-.9-.91v-.6h9.84l-.04.6Zm0-1.72h-9.88V8.729h9.84l.04 11.49Zm0-12.57h-9.88V6.49a.91.91 0 0 1 .9-.91h8a.9.9 0 0 1 .9.91l.08 1.16ZM8.859 22.61a.81.81 0 1 0 0-1.62.81.81 0 0 0 0 1.62Zm8.51-16.54h1.78a.56.56 0 0 1 0 1.12h-1.78a.56.56 0 0 1 0-1.12Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};