@telus-uds/palette-koodo 3.2.0 → 3.3.0

package/build/rn/icons/MasterCard.js

@@ -6,28 +6,44 @@ 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: "#ED0006",
-    d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#F9A000",
-    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#FF5E00",
-    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
-  })]
-});
+}) => {
+  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: "#ED0006",
+      d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#F9A000",
+      d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#FF5E00",
+      d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,26 +7,42 @@ 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: "#ED0006",
-    d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fill: "#F9A000",
-    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fill: "#FF5E00",
-    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
-  })]
-});
+}) => {
+  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: "#ED0006",
+      d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#F9A000",
+      d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#FF5E00",
+      d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Muted.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: "M16.85 9.17a4.29 4.29 0 0 1 1.265 3.054c0 1.153-.45 2.238-1.265 3.052a.48.48 0 1 1-.68-.678 3.332 3.332 0 0 0 .985-2.374c0-.898-.35-1.741-.984-2.375a.48.48 0 0 1 .679-.678Zm2.043-2.042A7.15 7.15 0 0 1 21 12.216c0 1.923-.75 3.729-2.107 5.089a.482.482 0 0 1-.68 0 .481.481 0 0 1 0-.68 6.195 6.195 0 0 0 1.827-4.41 6.193 6.193 0 0 0-1.826-4.408.481.481 0 0 1 .679-.68Zm.145 12.188a.51.51 0 1 1-.722.723l-4.266-4.267v3.008c0 .263-.129.474-.346.562a.521.521 0 0 1-.207.042.622.622 0 0 1-.436-.194l-4.458-4.459a.298.298 0 0 0-.079-.029l-3.349.001a.721.721 0 0 1-.72-.72V9.665a.72.72 0 0 1 .72-.719h2.05L3.148 4.872a.512.512 0 0 1 .723-.723l4.75 4.75 4.44-4.44c.185-.186.425-.244.642-.154.217.09.346.3.346.563v9.46l4.988 4.988Z"
-  })]
-});
+}) => {
+  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: "M16.85 9.17a4.29 4.29 0 0 1 1.265 3.054c0 1.153-.45 2.238-1.265 3.052a.48.48 0 1 1-.68-.678 3.332 3.332 0 0 0 .985-2.374c0-.898-.35-1.741-.984-2.375a.48.48 0 0 1 .679-.678Zm2.043-2.042A7.15 7.15 0 0 1 21 12.216c0 1.923-.75 3.729-2.107 5.089a.482.482 0 0 1-.68 0 .481.481 0 0 1 0-.68 6.195 6.195 0 0 0 1.827-4.41 6.193 6.193 0 0 0-1.826-4.408.481.481 0 0 1 .679-.68Zm.145 12.188a.51.51 0 1 1-.722.723l-4.266-4.267v3.008c0 .263-.129.474-.346.562a.521.521 0 0 1-.207.042.622.622 0 0 1-.436-.194l-4.458-4.459a.298.298 0 0 0-.079-.029l-3.349.001a.721.721 0 0 1-.72-.72V9.665a.72.72 0 0 1 .72-.719h2.05L3.148 4.872a.512.512 0 0 1 .723-.723l4.75 4.75 4.44-4.44c.185-.186.425-.244.642-.154.217.09.346.3.346.563v9.46l4.988 4.988Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Muted.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: "M16.85 9.17a4.29 4.29 0 0 1 1.265 3.054c0 1.153-.45 2.238-1.265 3.052a.48.48 0 1 1-.68-.678 3.332 3.332 0 0 0 .985-2.374c0-.898-.35-1.741-.984-2.375a.48.48 0 0 1 .679-.678Zm2.043-2.042A7.15 7.15 0 0 1 21 12.216c0 1.923-.75 3.729-2.107 5.089a.482.482 0 0 1-.68 0 .481.481 0 0 1 0-.68 6.195 6.195 0 0 0 1.827-4.41 6.193 6.193 0 0 0-1.826-4.408.481.481 0 0 1 .679-.68Zm.145 12.188a.51.51 0 1 1-.722.723l-4.266-4.267v3.008c0 .263-.129.474-.346.562a.521.521 0 0 1-.207.042.622.622 0 0 1-.436-.194l-4.458-4.459a.298.298 0 0 0-.079-.029l-3.349.001a.721.721 0 0 1-.72-.72V9.665a.72.72 0 0 1 .72-.719h2.05L3.148 4.872a.512.512 0 0 1 .723-.723l4.75 4.75 4.44-4.44c.185-.186.425-.244.642-.154.217.09.346.3.346.563v9.46l4.988 4.988Z"
-  })]
-});
+}) => {
+  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: "M16.85 9.17a4.29 4.29 0 0 1 1.265 3.054c0 1.153-.45 2.238-1.265 3.052a.48.48 0 1 1-.68-.678 3.332 3.332 0 0 0 .985-2.374c0-.898-.35-1.741-.984-2.375a.48.48 0 0 1 .679-.678Zm2.043-2.042A7.15 7.15 0 0 1 21 12.216c0 1.923-.75 3.729-2.107 5.089a.482.482 0 0 1-.68 0 .481.481 0 0 1 0-.68 6.195 6.195 0 0 0 1.827-4.41 6.193 6.193 0 0 0-1.826-4.408.481.481 0 0 1 .679-.68Zm.145 12.188a.51.51 0 1 1-.722.723l-4.266-4.267v3.008c0 .263-.129.474-.346.562a.521.521 0 0 1-.207.042.622.622 0 0 1-.436-.194l-4.458-4.459a.298.298 0 0 0-.079-.029l-3.349.001a.721.721 0 0 1-.72-.72V9.665a.72.72 0 0 1 .72-.719h2.05L3.148 4.872a.512.512 0 0 1 .723-.723l4.75 4.75 4.44-4.44c.185-.186.425-.244.642-.154.217.09.346.3.346.563v9.46l4.988 4.988Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Number1FilledMono.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-.762-7.8h2.856V7.8H11.97L9.906 8.82v2.052h.48l.852-.456V16.2Z",
-    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-.762-7.8h2.856V7.8H11.97L9.906 8.82v2.052h.48l.852-.456V16.2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Number1FilledMono.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-.762-7.8h2.856V7.8H11.97L9.906 8.82v2.052h.48l.852-.456V16.2Z",
-    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-.762-7.8h2.856V7.8H11.97L9.906 8.82v2.052h.48l.852-.456V16.2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Number1FilledMulti.js

@@ -6,36 +6,52 @@ 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)("defs", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
-      id: "prefix__a",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        fill: "#fff",
-        d: "M0 0h24v24H0z"
+}) => {
+  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)("defs", {
+      children: (0, _jsxRuntime.jsx)("clipPath", {
+        id: "prefix__a",
+        children: (0, _jsxRuntime.jsx)("path", {
+          fill: "#fff",
+          d: "M0 0h24v24H0z"
+        })
       })
-    })
-  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-    clipPath: "url(#prefix__a)",
-    children: [/*#__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: "M14.094 16.2h-2.856v-5.784l-.852.456h-.48V8.82L11.97 7.8h2.124v8.4Z"
+    }), (0, _jsxRuntime.jsxs)("g", {
+      clipPath: "url(#prefix__a)",
+      children: [(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: "M14.094 16.2h-2.856v-5.784l-.852.456h-.48V8.82L11.97 7.8h2.124v8.4Z"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,34 +7,50 @@ 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.Defs, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
-      id: "prefix__a",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-        fill: "#fff",
-        d: "M0 0h24v24H0z"
+}) => {
+  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.Defs, {
+      children: (0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
+        id: "prefix__a",
+        children: (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+          fill: "#fff",
+          d: "M0 0h24v24H0z"
+        })
       })
-    })
-  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
-    clipPath: "url(#prefix__a)",
-    children: [/*#__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.094 16.2h-2.856v-5.784l-.852.456h-.48V8.82L11.97 7.8h2.124v8.4Z"
+    }), (0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+      clipPath: "url(#prefix__a)",
+      children: [(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.094 16.2h-2.856v-5.784l-.852.456h-.48V8.82L11.97 7.8h2.124v8.4Z"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Number2FilledMono.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 12Zm3.066-7.734v-2.064h-2.988l1.176-.96c1.188-.972 1.896-1.74 1.896-2.916 0-1.8-1.188-2.592-3.24-2.592-1.272 0-2.232.336-2.88.696v1.884h1.128a1.859 1.859 0 0 1 1.26-.468c.576 0 .852.252.852.648 0 .468-.348.888-1.128 1.608L8.85 14.166v2.1h6.216Z",
-    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 12Zm3.066-7.734v-2.064h-2.988l1.176-.96c1.188-.972 1.896-1.74 1.896-2.916 0-1.8-1.188-2.592-3.24-2.592-1.272 0-2.232.336-2.88.696v1.884h1.128a1.859 1.859 0 0 1 1.26-.468c.576 0 .852.252.852.648 0 .468-.348.888-1.128 1.608L8.85 14.166v2.1h6.216Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};