@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/ArrowRight.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: "M23.886 13.08c.077-.194.116-.402.114-.612a1.625 1.625 0 0 0-.114-.628l-.008-.02-.01-.018a1.791 1.791 0 0 0-.164-.253 1.208 1.208 0 0 0-.143-.213l-.008-.01-6.579-6.819a1.65 1.65 0 0 0-2.381 2.286l3.863 3.983H1.627a1.627 1.627 0 1 0 0 3.255h16.856l-3.666 3.961a1.646 1.646 0 0 0-.293 1.801 1.642 1.642 0 0 0 2.693.44l6.327-6.63a.982.982 0 0 0 .185-.267l.143-.222.014-.034Z"
-  })]
-});
+}) => {
+  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: "M21.905 12.586c.064-.162.096-.335.095-.51.003-.18-.03-.357-.095-.524l-.007-.016-.008-.015a1.494 1.494 0 0 0-.137-.21 1.007 1.007 0 0 0-.119-.178l-.006-.008-5.483-5.683a1.375 1.375 0 0 0-1.984 1.904l3.219 3.32H3.356a1.356 1.356 0 1 0 0 2.712h14.047l-3.056 3.302a1.371 1.371 0 0 0 .068 1.933 1.37 1.37 0 0 0 1.932-.066l5.273-5.525a.82.82 0 0 0 .154-.223l.12-.185.01-.028Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ArrowRight.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: "M23.886 13.08c.077-.194.116-.402.114-.612a1.625 1.625 0 0 0-.114-.628l-.008-.02-.01-.018a1.791 1.791 0 0 0-.164-.253 1.208 1.208 0 0 0-.143-.213l-.008-.01-6.579-6.819a1.65 1.65 0 0 0-2.381 2.286l3.863 3.983H1.627a1.627 1.627 0 1 0 0 3.255h16.856l-3.666 3.961a1.646 1.646 0 0 0-.293 1.801 1.642 1.642 0 0 0 2.693.44l6.327-6.63a.982.982 0 0 0 .185-.267l.143-.222.014-.034Z"
-  })]
-});
+}) => {
+  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: "M21.905 12.586c.064-.162.096-.335.095-.51.003-.18-.03-.357-.095-.524l-.007-.016-.008-.015a1.494 1.494 0 0 0-.137-.21 1.007 1.007 0 0 0-.119-.178l-.006-.008-5.483-5.683a1.375 1.375 0 0 0-1.984 1.904l3.219 3.32H3.356a1.356 1.356 0 1 0 0 2.712h14.047l-3.056 3.302a1.371 1.371 0 0 0 .068 1.933 1.37 1.37 0 0 0 1.932-.066l5.273-5.525a.82.82 0 0 0 .154-.223l.12-.185.01-.028Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Bank.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12 3.362 6.747 6.464h10.506L12 3.362Zm.451-2.237a.88.88 0 0 0-.902 0L2.15 6.675c-.866.51-.533 1.945.452 1.945h18.796c.985 0 1.318-1.434.452-1.945l-9.399-5.55Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M2.805 23c-.324 0-.597-.111-.82-.334a1.114 1.114 0 0 1-.333-.82c0-.323.11-.597.333-.82.223-.222.496-.333.82-.333h18.39c.324 0 .597.11.82.333.222.223.334.497.334.82 0 .324-.112.597-.334.82a1.114 1.114 0 0 1-.82.334H2.805Zm13.507-12.656c0-.476.386-.862.862-.862H18.9a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703h-1.725a.862.862 0 0 1-.197-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.037 0c0-.476.386-.862.863-.862h1.724a.862.862 0 0 1 .216 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.198 1.703h-1.724a.862.862 0 0 1-.198-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.036 0c0-.476.386-.862.862-.862h1.725a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703H5.1a.862.862 0 0 1-.197-1.703 1.084 1.084 0 0 1-.019-.199V11.18a.863.863 0 0 1-.646-.835Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12 3.362 6.747 6.464h10.506L12 3.362Zm.451-2.237a.88.88 0 0 0-.902 0L2.15 6.675c-.866.51-.533 1.945.452 1.945h18.796c.985 0 1.318-1.434.452-1.945l-9.399-5.55Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M2.805 23c-.324 0-.597-.111-.82-.334a1.114 1.114 0 0 1-.333-.82c0-.323.11-.597.333-.82.223-.222.496-.333.82-.333h18.39c.324 0 .597.11.82.333.222.223.334.497.334.82 0 .324-.112.597-.334.82a1.114 1.114 0 0 1-.82.334H2.805Zm13.507-12.656c0-.476.386-.862.862-.862H18.9a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703h-1.725a.862.862 0 0 1-.197-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.037 0c0-.476.386-.862.863-.862h1.724a.862.862 0 0 1 .216 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.198 1.703h-1.724a.862.862 0 0 1-.198-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.036 0c0-.476.386-.862.862-.862h1.725a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703H5.1a.862.862 0 0 1-.197-1.703 1.084 1.084 0 0 1-.019-.199V11.18a.863.863 0 0 1-.646-.835Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BankFilled.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12.451 1.125a.88.88 0 0 0-.902 0L2.15 6.675c-.866.51-.533 1.945.452 1.945h18.796c.985 0 1.318-1.434.452-1.945l-9.399-5.55Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M2.805 23c-.324 0-.597-.111-.82-.334a1.114 1.114 0 0 1-.333-.82c0-.323.11-.597.333-.82.223-.222.496-.333.82-.333h18.39c.324 0 .597.11.82.333.222.223.334.497.334.82 0 .324-.112.597-.334.82a1.114 1.114 0 0 1-.82.334H2.805Zm13.507-12.656c0-.476.386-.862.862-.862H18.9a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703h-1.725a.862.862 0 0 1-.197-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.037 0c0-.476.386-.862.863-.862h1.724a.862.862 0 0 1 .216 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.198 1.703h-1.724a.862.862 0 0 1-.198-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.036 0c0-.476.386-.862.862-.862h1.725a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703H5.1a.862.862 0 0 1-.197-1.703 1.084 1.084 0 0 1-.019-.199V11.18a.863.863 0 0 1-.646-.835Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12.451 1.125a.88.88 0 0 0-.902 0L2.15 6.675c-.866.51-.533 1.945.452 1.945h18.796c.985 0 1.318-1.434.452-1.945l-9.399-5.55Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M2.805 23c-.324 0-.597-.111-.82-.334a1.114 1.114 0 0 1-.333-.82c0-.323.11-.597.333-.82.223-.222.496-.333.82-.333h18.39c.324 0 .597.11.82.333.222.223.334.497.334.82 0 .324-.112.597-.334.82a1.114 1.114 0 0 1-.82.334H2.805Zm13.507-12.656c0-.476.386-.862.862-.862H18.9a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703h-1.725a.862.862 0 0 1-.197-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.037 0c0-.476.386-.862.863-.862h1.724a.862.862 0 0 1 .216 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.198 1.703h-1.724a.862.862 0 0 1-.198-1.703 1.088 1.088 0 0 1-.018-.199V11.18a.863.863 0 0 1-.647-.835Zm-6.036 0c0-.476.386-.862.862-.862h1.725a.862.862 0 0 1 .215 1.697v6.927c0 .067-.006.134-.018.198a.863.863 0 0 1-.197 1.703H5.1a.862.862 0 0 1-.197-1.703 1.084 1.084 0 0 1-.019-.199V11.18a.863.863 0 0 1-.646-.835Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BoxOutline.js

@@ -6,20 +6,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M1 23h22V1H1v22zm2.64-2.64h16.721V3.639H3.64V20.36z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M1 23h22V1H1v22zm2.64-2.64h16.721V3.639H3.64V20.36z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,18 +7,34 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M1 23h22V1H1v22zm2.64-2.64h16.721V3.639H3.64V20.36z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M1 23h22V1H1v22zm2.64-2.64h16.721V3.639H3.64V20.36z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BoxOutlineChecked.js

@@ -6,20 +6,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M1 23h22V1H1v22zm2.64-2.64h16.72V3.64H3.64v16.72zm3.435-9.111 2.487 2.479 7.356-7.355 1.951 1.951-9.296 9.289-.01.014-4.433-4.433 1.945-1.945z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M1 23h22V1H1v22zm2.64-2.64h16.72V3.64H3.64v16.72zm3.435-9.111 2.487 2.479 7.356-7.355 1.951 1.951-9.296 9.289-.01.014-4.433-4.433 1.945-1.945z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,18 +7,34 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    d: "M1 23h22V1H1v22zm2.64-2.64h16.72V3.64H3.64v16.72zm3.435-9.111 2.487 2.479 7.356-7.355 1.951 1.951-9.296 9.289-.01.014-4.433-4.433 1.945-1.945z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M1 23h22V1H1v22zm2.64-2.64h16.72V3.64H3.64v16.72zm3.435-9.111 2.487 2.479 7.356-7.355 1.951 1.951-9.296 9.289-.01.014-4.433-4.433 1.945-1.945z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Bullet.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: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Bullet.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: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};