@telus-uds/palette-koodo 3.2.0 → 3.3.0

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

@@ -7,23 +7,39 @@ 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, {
-    fill: "#FF0076",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fill: "#fff",
-    d: "M14.76 16.2h-2.808v-1.716H8.46v-2.016L12.084 7.8h2.676v4.92h.78v1.764h-.78V16.2Zm-4.356-3.528v.048h1.644v-2.172H12l-1.596 2.124Z"
-  })]
-});
+}) => {
+  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, {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#fff",
+      d: "M14.76 16.2h-2.808v-1.716H8.46v-2.016L12.084 7.8h2.676v4.92h.78v1.764h-.78V16.2Zm-4.356-3.528v.048h1.644v-2.172H12l-1.596 2.124Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Number5FilledMono.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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.576-7.734c2.388 0 3.78-1.092 3.78-2.892 0-1.824-1.128-2.616-2.616-2.616-.816 0-1.26.192-1.548.444h-.036V9.786h3.72V7.734H9.012v5.16h1.56c.168-.18.444-.372.936-.372.516 0 .864.252.864.84 0 .6-.396.948-1.188.948-.636 0-1.056-.192-1.344-.408H8.796v1.8c.66.348 1.404.564 2.628.564Z",
-    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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.576-7.734c2.388 0 3.78-1.092 3.78-2.892 0-1.824-1.128-2.616-2.616-2.616-.816 0-1.26.192-1.548.444h-.036V9.786h3.72V7.734H9.012v5.16h1.56c.168-.18.444-.372.936-.372.516 0 .864.252.864.84 0 .6-.396.948-1.188.948-.636 0-1.056-.192-1.344-.408H8.796v1.8c.66.348 1.404.564 2.628.564Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Number5FilledMono.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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.576-7.734c2.388 0 3.78-1.092 3.78-2.892 0-1.824-1.128-2.616-2.616-2.616-.816 0-1.26.192-1.548.444h-.036V9.786h3.72V7.734H9.012v5.16h1.56c.168-.18.444-.372.936-.372.516 0 .864.252.864.84 0 .6-.396.948-1.188.948-.636 0-1.056-.192-1.344-.408H8.796v1.8c.66.348 1.404.564 2.628.564Z",
-    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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.576-7.734c2.388 0 3.78-1.092 3.78-2.892 0-1.824-1.128-2.616-2.616-2.616-.816 0-1.26.192-1.548.444h-.036V9.786h3.72V7.734H9.012v5.16h1.56c.168-.18.444-.372.936-.372.516 0 .864.252.864.84 0 .6-.396.948-1.188.948-.636 0-1.056-.192-1.344-.408H8.796v1.8c.66.348 1.404.564 2.628.564Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Number5FilledMulti.js

@@ -6,25 +6,41 @@ 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", {
-    fill: "#FF0076",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#fff",
-    d: "M15.204 13.374c0 1.8-1.392 2.892-3.78 2.892-1.224 0-1.968-.216-2.628-.564v-1.8H9.84c.288.216.708.408 1.344.408.792 0 1.188-.348 1.188-.948 0-.588-.348-.84-.864-.84-.492 0-.768.192-.936.372h-1.56v-5.16h5.712v2.052h-3.72v1.416h.036c.288-.252.732-.444 1.548-.444 1.488 0 2.616.792 2.616 2.616Z"
-  })]
-});
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M15.204 13.374c0 1.8-1.392 2.892-3.78 2.892-1.224 0-1.968-.216-2.628-.564v-1.8H9.84c.288.216.708.408 1.344.408.792 0 1.188-.348 1.188-.948 0-.588-.348-.84-.864-.84-.492 0-.768.192-.936.372h-1.56v-5.16h5.712v2.052h-3.72v1.416h.036c.288-.252.732-.444 1.548-.444 1.488 0 2.616.792 2.616 2.616Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,23 +7,39 @@ 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, {
-    fill: "#FF0076",
-    d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fill: "#fff",
-    d: "M15.204 13.374c0 1.8-1.392 2.892-3.78 2.892-1.224 0-1.968-.216-2.628-.564v-1.8H9.84c.288.216.708.408 1.344.408.792 0 1.188-.348 1.188-.948 0-.588-.348-.84-.864-.84-.492 0-.768.192-.936.372h-1.56v-5.16h5.712v2.052h-3.72v1.416h.036c.288-.252.732-.444 1.548-.444 1.488 0 2.616.792 2.616 2.616Z"
-  })]
-});
+}) => {
+  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, {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#fff",
+      d: "M15.204 13.374c0 1.8-1.392 2.892-3.78 2.892-1.224 0-1.968-.216-2.628-.564v-1.8H9.84c.288.216.708.408 1.344.408.792 0 1.188-.348 1.188-.948 0-.588-.348-.84-.864-.84-.492 0-.768.192-.936.372h-1.56v-5.16h5.712v2.052h-3.72v1.416h.036c.288-.252.732-.444 1.548-.444 1.488 0 2.616.792 2.616 2.616Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/OfferStarFilled.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 25 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "m24.005 6.072-8.545.552L10.16 0 8.037 8.16.005 11.088l7.251 4.488L7.598 24l6.592-5.376 8.252 2.28-3.174-7.824 4.737-7.008Zm-5.371 4.776c-.074.048-.147.096-.22.12a.532.532 0 0 1-.415-.12c0-.024-.025-.048-.073-.072-.342 1.8-1.807 3.696-4.468 4.248-2.735.576-4.957-.624-5.933-2.16 0 .024-.025.072-.025.096a.411.411 0 0 1-.341.36.371.371 0 0 1-.171.024.454.454 0 0 1-.367-.504c.098-.528.415-.936.928-1.176.366-.168.708-.216.733-.216a.439.439 0 0 1 .488.384.435.435 0 0 1-.39.48s-.074 0-.147.024c.928 1.632 3.223 2.232 5.03 1.848 2.343-.504 3.564-2.136 3.832-3.672a.459.459 0 0 0-.17.048c-.22.12-.489.048-.586-.168a.422.422 0 0 1 .146-.576c.488-.264 1.001-.264 1.538-.024.342.192.586.408.61.432.172.192.172.456 0 .624Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 25 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "m24.005 6.072-8.545.552L10.16 0 8.037 8.16.005 11.088l7.251 4.488L7.598 24l6.592-5.376 8.252 2.28-3.174-7.824 4.737-7.008Zm-5.371 4.776c-.074.048-.147.096-.22.12a.532.532 0 0 1-.415-.12c0-.024-.025-.048-.073-.072-.342 1.8-1.807 3.696-4.468 4.248-2.735.576-4.957-.624-5.933-2.16 0 .024-.025.072-.025.096a.411.411 0 0 1-.341.36.371.371 0 0 1-.171.024.454.454 0 0 1-.367-.504c.098-.528.415-.936.928-1.176.366-.168.708-.216.733-.216a.439.439 0 0 1 .488.384.435.435 0 0 1-.39.48s-.074 0-.147.024c.928 1.632 3.223 2.232 5.03 1.848 2.343-.504 3.564-2.136 3.832-3.672a.459.459 0 0 0-.17.048c-.22.12-.489.048-.586-.168a.422.422 0 0 1 .146-.576c.488-.264 1.001-.264 1.538-.024.342.192.586.408.61.432.172.192.172.456 0 .624Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 25 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "m24.005 6.072-8.545.552L10.16 0 8.037 8.16.005 11.088l7.251 4.488L7.598 24l6.592-5.376 8.252 2.28-3.174-7.824 4.737-7.008Zm-5.371 4.776c-.074.048-.147.096-.22.12a.532.532 0 0 1-.415-.12c0-.024-.025-.048-.073-.072-.342 1.8-1.807 3.696-4.468 4.248-2.735.576-4.957-.624-5.933-2.16 0 .024-.025.072-.025.096a.411.411 0 0 1-.341.36.371.371 0 0 1-.171.024.454.454 0 0 1-.367-.504c.098-.528.415-.936.928-1.176.366-.168.708-.216.733-.216a.439.439 0 0 1 .488.384.435.435 0 0 1-.39.48s-.074 0-.147.024c.928 1.632 3.223 2.232 5.03 1.848 2.343-.504 3.564-2.136 3.832-3.672a.459.459 0 0 0-.17.048c-.22.12-.489.048-.586-.168a.422.422 0 0 1 .146-.576c.488-.264 1.001-.264 1.538-.024.342.192.586.408.61.432.172.192.172.456 0 .624Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 25 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "m24.005 6.072-8.545.552L10.16 0 8.037 8.16.005 11.088l7.251 4.488L7.598 24l6.592-5.376 8.252 2.28-3.174-7.824 4.737-7.008Zm-5.371 4.776c-.074.048-.147.096-.22.12a.532.532 0 0 1-.415-.12c0-.024-.025-.048-.073-.072-.342 1.8-1.807 3.696-4.468 4.248-2.735.576-4.957-.624-5.933-2.16 0 .024-.025.072-.025.096a.411.411 0 0 1-.341.36.371.371 0 0 1-.171.024.454.454 0 0 1-.367-.504c.098-.528.415-.936.928-1.176.366-.168.708-.216.733-.216a.439.439 0 0 1 .488.384.435.435 0 0 1-.39.48s-.074 0-.147.024c.928 1.632 3.223 2.232 5.03 1.848 2.343-.504 3.564-2.136 3.832-3.672a.459.459 0 0 0-.17.048c-.22.12-.489.048-.586-.168a.422.422 0 0 1 .146-.576c.488-.264 1.001-.264 1.538-.024.342.192.586.408.61.432.172.192.172.456 0 .624Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Pause.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: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
-  })]
-});
+}) => {
+  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: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Pause.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: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
-  })]
-});
+}) => {
+  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: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/PaymentAdd.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: "M3.26 19.282c-.626 0-1.159-.22-1.6-.66a2.18 2.18 0 0 1-.66-1.6V5.247c0-.625.22-1.158.66-1.599.441-.44.974-.66 1.6-.66h15.75c.625 0 1.158.22 1.598.66.44.44.66.974.66 1.6V8.45a2.667 2.667 0 0 1-2.666 2.667H3.26v5.906h8.713c.317 0 .585.109.803.327.218.218.327.485.327.803 0 .317-.109.584-.327.802a1.091 1.091 0 0 1-.803.327H3.26Zm0-12.138h15.75V5.246H3.26v1.898Zm14.798 10.973h-1.874a.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.729.99.99 0 0 1 .294-.729.989.989 0 0 1 .729-.294h1.873v-1.874a.99.99 0 0 1 .294-.728.99.99 0 0 1 .729-.295.99.99 0 0 1 .729.295.99.99 0 0 1 .294.728v1.874h1.874a.99.99 0 0 1 .729.294.989.989 0 0 1 .294.729.99.99 0 0 1-.294.729.99.99 0 0 1-.729.294h-1.874v1.874a.99.99 0 0 1-.294.729.989.989 0 0 1-.728.294.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.73v-1.873Z"
-  })]
-});
+}) => {
+  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: "M3.26 19.282c-.626 0-1.159-.22-1.6-.66a2.18 2.18 0 0 1-.66-1.6V5.247c0-.625.22-1.158.66-1.599.441-.44.974-.66 1.6-.66h15.75c.625 0 1.158.22 1.598.66.44.44.66.974.66 1.6V8.45a2.667 2.667 0 0 1-2.666 2.667H3.26v5.906h8.713c.317 0 .585.109.803.327.218.218.327.485.327.803 0 .317-.109.584-.327.802a1.091 1.091 0 0 1-.803.327H3.26Zm0-12.138h15.75V5.246H3.26v1.898Zm14.798 10.973h-1.874a.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.729.99.99 0 0 1 .294-.729.989.989 0 0 1 .729-.294h1.873v-1.874a.99.99 0 0 1 .294-.728.99.99 0 0 1 .729-.295.99.99 0 0 1 .729.295.99.99 0 0 1 .294.728v1.874h1.874a.99.99 0 0 1 .729.294.989.989 0 0 1 .294.729.99.99 0 0 1-.294.729.99.99 0 0 1-.729.294h-1.874v1.874a.99.99 0 0 1-.294.729.989.989 0 0 1-.728.294.99.99 0 0 1-.729-.294.989.989 0 0 1-.294-.73v-1.873Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};