@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/rn/icons/Mobility.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: "M17.18 0c1.328 0 2.379.998 2.46 2.302l.006.164v19.068c0 1.306-1.052 2.377-2.378 2.46l-.167.006H6.82a2.438 2.438 0 0 1-2.462-2.302l-.005-.164V2.466c0-1.328.998-2.379 2.302-2.46L6.82 0h10.36Zm1.506 21.219H5.314v.315c0 .798.59 1.432 1.367 1.5l.14.006H17.1c.825 0 1.505-.603 1.578-1.37l.007-.136v-.315Zm0-17.24H5.314v16.28h13.372V3.979ZM17.18.96H6.82c-.799 0-1.433.59-1.5 1.367l-.007.14v.552h13.372v-.553c0-.798-.59-1.432-1.366-1.5L17.18.96Zm-4.672.55a.48.48 0 0 1 .086.952l-.086.007h-1.033a.48.48 0 0 1-.087-.952l.087-.008h1.033Z",
-    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: "M17.18 0c1.328 0 2.379.998 2.46 2.302l.006.164v19.068c0 1.306-1.052 2.377-2.378 2.46l-.167.006H6.82a2.438 2.438 0 0 1-2.462-2.302l-.005-.164V2.466c0-1.328.998-2.379 2.302-2.46L6.82 0h10.36Zm1.506 21.219H5.314v.315c0 .798.59 1.432 1.367 1.5l.14.006H17.1c.825 0 1.505-.603 1.578-1.37l.007-.136v-.315Zm0-17.24H5.314v16.28h13.372V3.979ZM17.18.96H6.82c-.799 0-1.433.59-1.5 1.367l-.007.14v.552h13.372v-.553c0-.798-.59-1.432-1.366-1.5L17.18.96Zm-4.672.55a.48.48 0 0 1 .086.952l-.086.007h-1.033a.48.48 0 0 1-.087-.952l.087-.008h1.033Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Modal.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: "M17.2 15.8c-.3 0-.5.2-.5.5v2.9c0 .4-.3.8-.8.8H4.8c-.5 0-.8-.3-.8-.8V8.1c0-.4.3-.8.8-.8h2.9c.3 0 .5-.2.5-.5s-.2-.4-.5-.4H4.8c-1 0-1.8.7-1.8 1.7v11.1c0 1 .8 1.8 1.8 1.8h11.1c1 0 1.8-.8 1.8-1.8v-2.9c0-.3-.3-.5-.5-.5Zm2-12.8h-7.6c-1 0-1.8.8-1.8 1.8v7.6c0 1 .8 1.7 1.8 1.7h7.6c1 0 1.8-.8 1.8-1.7V4.8c0-1-.8-1.8-1.8-1.8Zm-2.5 10.1h-5c-.4 0-.8-.3-.8-.7v-5h5c.4 0 .8.3.8.8v4.9Zm3.3-.8c0 .4-.3.7-.8.7h-1.6V8c0-1-.8-1.8-1.8-1.8h-5V4.8c0-.4.3-.8.8-.8h7.6c.5 0 .8.3.8.8v7.5Z"
-  })]
-});
+}) => {
+  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: "M17.2 15.8c-.3 0-.5.2-.5.5v2.9c0 .4-.3.8-.8.8H4.8c-.5 0-.8-.3-.8-.8V8.1c0-.4.3-.8.8-.8h2.9c.3 0 .5-.2.5-.5s-.2-.4-.5-.4H4.8c-1 0-1.8.7-1.8 1.7v11.1c0 1 .8 1.8 1.8 1.8h11.1c1 0 1.8-.8 1.8-1.8v-2.9c0-.3-.3-.5-.5-.5Zm2-12.8h-7.6c-1 0-1.8.8-1.8 1.8v7.6c0 1 .8 1.7 1.8 1.7h7.6c1 0 1.8-.8 1.8-1.7V4.8c0-1-.8-1.8-1.8-1.8Zm-2.5 10.1h-5c-.4 0-.8-.3-.8-.7v-5h5c.4 0 .8.3.8.8v4.9Zm3.3-.8c0 .4-.3.7-.8.7h-1.6V8c0-1-.8-1.8-1.8-1.8h-5V4.8c0-.4.3-.8.8-.8h7.6c.5 0 .8.3.8.8v7.5Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Modal.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: "M17.2 15.8c-.3 0-.5.2-.5.5v2.9c0 .4-.3.8-.8.8H4.8c-.5 0-.8-.3-.8-.8V8.1c0-.4.3-.8.8-.8h2.9c.3 0 .5-.2.5-.5s-.2-.4-.5-.4H4.8c-1 0-1.8.7-1.8 1.7v11.1c0 1 .8 1.8 1.8 1.8h11.1c1 0 1.8-.8 1.8-1.8v-2.9c0-.3-.3-.5-.5-.5Zm2-12.8h-7.6c-1 0-1.8.8-1.8 1.8v7.6c0 1 .8 1.7 1.8 1.7h7.6c1 0 1.8-.8 1.8-1.7V4.8c0-1-.8-1.8-1.8-1.8Zm-2.5 10.1h-5c-.4 0-.8-.3-.8-.7v-5h5c.4 0 .8.3.8.8v4.9Zm3.3-.8c0 .4-.3.7-.8.7h-1.6V8c0-1-.8-1.8-1.8-1.8h-5V4.8c0-.4.3-.8.8-.8h7.6c.5 0 .8.3.8.8v7.5Z"
-  })]
-});
+}) => {
+  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: "M17.2 15.8c-.3 0-.5.2-.5.5v2.9c0 .4-.3.8-.8.8H4.8c-.5 0-.8-.3-.8-.8V8.1c0-.4.3-.8.8-.8h2.9c.3 0 .5-.2.5-.5s-.2-.4-.5-.4H4.8c-1 0-1.8.7-1.8 1.7v11.1c0 1 .8 1.8 1.8 1.8h11.1c1 0 1.8-.8 1.8-1.8v-2.9c0-.3-.3-.5-.5-.5Zm2-12.8h-7.6c-1 0-1.8.8-1.8 1.8v7.6c0 1 .8 1.7 1.8 1.7h7.6c1 0 1.8-.8 1.8-1.7V4.8c0-1-.8-1.8-1.8-1.8Zm-2.5 10.1h-5c-.4 0-.8-.3-.8-.7v-5h5c.4 0 .8.3.8.8v4.9Zm3.3-.8c0 .4-.3.7-.8.7h-1.6V8c0-1-.8-1.8-1.8-1.8h-5V4.8c0-.4.3-.8.8-.8h7.6c.5 0 .8.3.8.8v7.5Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Money.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: "M20.484 3.515A11.915 11.915 0 0 0 12 0a11.92 11.92 0 0 0-8.485 3.515A11.92 11.92 0 0 0 0 12c0 3.205 1.248 6.219 3.515 8.486A11.92 11.92 0 0 0 12 24c3.206 0 6.219-1.248 8.486-3.514A11.924 11.924 0 0 0 24 12c0-3.206-1.248-6.219-3.516-8.485ZM4.25 4.25A10.889 10.889 0 0 1 12 1.039c2.927 0 5.679 1.141 7.75 3.211A10.89 10.89 0 0 1 22.961 12c0 2.928-1.141 5.68-3.21 7.75A10.893 10.893 0 0 1 12 22.961c-2.927 0-5.68-1.141-7.75-3.21A10.896 10.896 0 0 1 1.039 12c0-2.928 1.141-5.68 3.211-7.75ZM12 5.465a.5.5 0 0 1 .5.5v.291c.712.083 1.39.313 1.933.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.498v3.907a4.142 4.142 0 0 1 1.974.88c.676.553 1.171 1.343 1.171 2.213 0 .892-.517 1.597-1.212 2.057-.544.36-1.22.59-1.933.672v.285a.5.5 0 1 1-1 0v-.267c-.77-.063-1.482-.303-2.037-.701-.66-.473-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.369.265.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932s1.45-2.766 3.132-2.932v-.277a.5.5 0 0 1 .5-.5ZM9.368 9.174c0-.891.848-1.77 2.132-1.927V11.1c-1.284-.156-2.132-1.036-2.132-1.927Zm3.132 6.812v-3.799c.5.104.968.333 1.34.638.522.427.805.957.805 1.44 0 .463-.261.89-.764 1.223-.371.245-.852.421-1.381.498Z",
-    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: "M20.484 3.515A11.915 11.915 0 0 0 12 0a11.92 11.92 0 0 0-8.485 3.515A11.92 11.92 0 0 0 0 12c0 3.205 1.248 6.219 3.515 8.486A11.92 11.92 0 0 0 12 24c3.206 0 6.219-1.248 8.486-3.514A11.924 11.924 0 0 0 24 12c0-3.206-1.248-6.219-3.516-8.485ZM4.25 4.25A10.889 10.889 0 0 1 12 1.039c2.927 0 5.679 1.141 7.75 3.211A10.89 10.89 0 0 1 22.961 12c0 2.928-1.141 5.68-3.21 7.75A10.893 10.893 0 0 1 12 22.961c-2.927 0-5.68-1.141-7.75-3.21A10.896 10.896 0 0 1 1.039 12c0-2.928 1.141-5.68 3.211-7.75ZM12 5.465a.5.5 0 0 1 .5.5v.291c.712.083 1.39.313 1.933.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.498v3.907a4.142 4.142 0 0 1 1.974.88c.676.553 1.171 1.343 1.171 2.213 0 .892-.517 1.597-1.212 2.057-.544.36-1.22.59-1.933.672v.285a.5.5 0 1 1-1 0v-.267c-.77-.063-1.482-.303-2.037-.701-.66-.473-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.369.265.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932s1.45-2.766 3.132-2.932v-.277a.5.5 0 0 1 .5-.5ZM9.368 9.174c0-.891.848-1.77 2.132-1.927V11.1c-1.284-.156-2.132-1.036-2.132-1.927Zm3.132 6.812v-3.799c.5.104.968.333 1.34.638.522.427.805.957.805 1.44 0 .463-.261.89-.764 1.223-.371.245-.852.421-1.381.498Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Money.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: "M20.484 3.515A11.915 11.915 0 0 0 12 0a11.92 11.92 0 0 0-8.485 3.515A11.92 11.92 0 0 0 0 12c0 3.205 1.248 6.219 3.515 8.486A11.92 11.92 0 0 0 12 24c3.206 0 6.219-1.248 8.486-3.514A11.924 11.924 0 0 0 24 12c0-3.206-1.248-6.219-3.516-8.485ZM4.25 4.25A10.889 10.889 0 0 1 12 1.039c2.927 0 5.679 1.141 7.75 3.211A10.89 10.89 0 0 1 22.961 12c0 2.928-1.141 5.68-3.21 7.75A10.893 10.893 0 0 1 12 22.961c-2.927 0-5.68-1.141-7.75-3.21A10.896 10.896 0 0 1 1.039 12c0-2.928 1.141-5.68 3.211-7.75ZM12 5.465a.5.5 0 0 1 .5.5v.291c.712.083 1.39.313 1.933.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.498v3.907a4.142 4.142 0 0 1 1.974.88c.676.553 1.171 1.343 1.171 2.213 0 .892-.517 1.597-1.212 2.057-.544.36-1.22.59-1.933.672v.285a.5.5 0 1 1-1 0v-.267c-.77-.063-1.482-.303-2.037-.701-.66-.473-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.369.265.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932s1.45-2.766 3.132-2.932v-.277a.5.5 0 0 1 .5-.5ZM9.368 9.174c0-.891.848-1.77 2.132-1.927V11.1c-1.284-.156-2.132-1.036-2.132-1.927Zm3.132 6.812v-3.799c.5.104.968.333 1.34.638.522.427.805.957.805 1.44 0 .463-.261.89-.764 1.223-.371.245-.852.421-1.381.498Z",
-    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: "M20.484 3.515A11.915 11.915 0 0 0 12 0a11.92 11.92 0 0 0-8.485 3.515A11.92 11.92 0 0 0 0 12c0 3.205 1.248 6.219 3.515 8.486A11.92 11.92 0 0 0 12 24c3.206 0 6.219-1.248 8.486-3.514A11.924 11.924 0 0 0 24 12c0-3.206-1.248-6.219-3.516-8.485ZM4.25 4.25A10.889 10.889 0 0 1 12 1.039c2.927 0 5.679 1.141 7.75 3.211A10.89 10.89 0 0 1 22.961 12c0 2.928-1.141 5.68-3.21 7.75A10.893 10.893 0 0 1 12 22.961c-2.927 0-5.68-1.141-7.75-3.21A10.896 10.896 0 0 1 1.039 12c0-2.928 1.141-5.68 3.211-7.75ZM12 5.465a.5.5 0 0 1 .5.5v.291c.712.083 1.39.313 1.933.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.498v3.907a4.142 4.142 0 0 1 1.974.88c.676.553 1.171 1.343 1.171 2.213 0 .892-.517 1.597-1.212 2.057-.544.36-1.22.59-1.933.672v.285a.5.5 0 1 1-1 0v-.267c-.77-.063-1.482-.303-2.037-.701-.66-.473-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.369.265.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932s1.45-2.766 3.132-2.932v-.277a.5.5 0 0 1 .5-.5ZM9.368 9.174c0-.891.848-1.77 2.132-1.927V11.1c-1.284-.156-2.132-1.036-2.132-1.927Zm3.132 6.812v-3.799c.5.104.968.333 1.34.638.522.427.805.957.805 1.44 0 .463-.261.89-.764 1.223-.371.245-.852.421-1.381.498Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/MoneyBack.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: "M23.5 5.04c.28 0 .5.22.5.5V8.5c0 .28-.22.5-.5.5h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5ZM12 5.467a.5.5 0 0 1 .5.5v.291c.713.082 1.39.313 1.934.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.499v3.907a4.14 4.14 0 0 1 1.974.88c.676.554 1.17 1.343 1.17 2.214 0 .891-.516 1.596-1.211 2.056-.544.36-1.22.59-1.933.673v.285a.5.5 0 0 1-1 0v-.268c-.77-.062-1.482-.302-2.037-.7-.66-.474-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.368.264.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932 0-1.598 1.45-2.767 3.132-2.932v-.277a.5.5 0 0 1 .5-.5Zm-.5 1.782c-1.283.156-2.131 1.036-2.131 1.927 0 .89.848 1.77 2.132 1.927V7.25l-.001-.001Zm1 4.94v3.799c.53-.077 1.01-.253 1.382-.499.503-.332.764-.759.764-1.222 0-.483-.283-1.013-.805-1.44a3.142 3.142 0 0 0-1.34-.638H12.5Z",
-    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: "M23.5 5.04c.28 0 .5.22.5.5V8.5c0 .28-.22.5-.5.5h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5ZM12 5.467a.5.5 0 0 1 .5.5v.291c.713.082 1.39.313 1.934.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.499v3.907a4.14 4.14 0 0 1 1.974.88c.676.554 1.17 1.343 1.17 2.214 0 .891-.516 1.596-1.211 2.056-.544.36-1.22.59-1.933.673v.285a.5.5 0 0 1-1 0v-.268c-.77-.062-1.482-.302-2.037-.7-.66-.474-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.368.264.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932 0-1.598 1.45-2.767 3.132-2.932v-.277a.5.5 0 0 1 .5-.5Zm-.5 1.782c-1.283.156-2.131 1.036-2.131 1.927 0 .89.848 1.77 2.132 1.927V7.25l-.001-.001Zm1 4.94v3.799c.53-.077 1.01-.253 1.382-.499.503-.332.764-.759.764-1.222 0-.483-.283-1.013-.805-1.44a3.142 3.142 0 0 0-1.34-.638H12.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/MoneyBack.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: "M23.5 5.04c.28 0 .5.22.5.5V8.5c0 .28-.22.5-.5.5h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5ZM12 5.467a.5.5 0 0 1 .5.5v.291c.713.082 1.39.313 1.934.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.499v3.907a4.14 4.14 0 0 1 1.974.88c.676.554 1.17 1.343 1.17 2.214 0 .891-.516 1.596-1.211 2.056-.544.36-1.22.59-1.933.673v.285a.5.5 0 0 1-1 0v-.268c-.77-.062-1.482-.302-2.037-.7-.66-.474-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.368.264.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932 0-1.598 1.45-2.767 3.132-2.932v-.277a.5.5 0 0 1 .5-.5Zm-.5 1.782c-1.283.156-2.131 1.036-2.131 1.927 0 .89.848 1.77 2.132 1.927V7.25l-.001-.001Zm1 4.94v3.799c.53-.077 1.01-.253 1.382-.499.503-.332.764-.759.764-1.222 0-.483-.283-1.013-.805-1.44a3.142 3.142 0 0 0-1.34-.638H12.5Z",
-    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: "M23.5 5.04c.28 0 .5.22.5.5V8.5c0 .28-.22.5-.5.5h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5ZM12 5.467a.5.5 0 0 1 .5.5v.291c.713.082 1.39.313 1.934.673.695.46 1.212 1.165 1.212 2.056a.5.5 0 0 1-1 0c0-.463-.261-.89-.764-1.222-.371-.246-.852-.422-1.381-.499v3.907a4.14 4.14 0 0 1 1.974.88c.676.554 1.17 1.343 1.17 2.214 0 .891-.516 1.596-1.211 2.056-.544.36-1.22.59-1.933.673v.285a.5.5 0 0 1-1 0v-.268c-.77-.062-1.482-.302-2.037-.7-.66-.474-1.104-1.18-1.104-2.046a.5.5 0 1 1 1 0c0 .49.242.914.687 1.233.368.264.872.45 1.454.51v-3.902c-1.683-.165-3.132-1.335-3.132-2.932 0-1.598 1.45-2.767 3.132-2.932v-.277a.5.5 0 0 1 .5-.5Zm-.5 1.782c-1.283.156-2.131 1.036-2.131 1.927 0 .89.848 1.77 2.132 1.927V7.25l-.001-.001Zm1 4.94v3.799c.53-.077 1.01-.253 1.382-.499.503-.332.764-.759.764-1.222 0-.483-.283-1.013-.805-1.44a3.142 3.142 0 0 0-1.34-.638H12.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Movie.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: "M21.72.051a.5.5 0 0 1 .254.291l1 3a.5.5 0 0 1-.316.632L4.924 9.885 4.95 10H23.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5l-.5-.001V23.5a.5.5 0 0 1-.5.5h-19a.5.5 0 0 1-.5-.5v-9.501L2.5 14a.5.5 0 0 1-.5-.5v-.55a2.505 2.505 0 0 1-2-2.45c0-1.023.619-1.906 1.502-2.292l-.355-.354a.502.502 0 0 1 .188-.826l20-7a.5.5 0 0 1 .385.023ZM22 14H4v9h18v-9Zm-1.5 7a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-9 0a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-.842-5.975a.5.5 0 0 1 .316.632L10.194 18H11.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V19H9.5a.499.499 0 0 1-.474-.659l1-3a.499.499 0 0 1 .632-.316ZM7.5 15a.5.5 0 0 1 0 1H6v1h.5c.827 0 1.5.673 1.5 1.5S7.327 20 6.5 20h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2Zm13 3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM7.292 10.999 4.95 11a2.51 2.51 0 0 1-.043.176l-.054.169-.067.167-.068.14-.079.14-.088.135-.022.032c-.12.167-.261.319-.419.452l-.184.141-.139.09-.131.074-.181.086-.163.063-.174.052L3 12.95V13l2.292-.001 2-2Zm4 0H8.706l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2ZM23 11l-2.294-.001-2 2h2.586L23 11.291V11ZM2.5 9C1.673 9 1 9.673 1 10.5S1.673 12 2.5 12 4 11.327 4 10.5 3.327 9 2.5 9Zm1.88-1.98-1.964.689.301.3a2.5 2.5 0 0 1 1.765.968l1.89-.629L4.38 7.02Zm3.894-1.362-2.712.949 2.011 1.341 2.92-.973-2.219-1.317Zm3.64-1.274-2.407.842 2.241 1.33 2.451-.817-2.285-1.355Zm3.613-1.265-2.379.833L15.25 5.2a.498.498 0 0 1 .15.138l2.47-.822-2.287-1.356-.056-.041Zm5.659-1.979-4.432 1.55 2.335 1.386.031.023 2.748-.915-.682-2.044Z",
-    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: "M21.72.051a.5.5 0 0 1 .254.291l1 3a.5.5 0 0 1-.316.632L4.924 9.885 4.95 10H23.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5l-.5-.001V23.5a.5.5 0 0 1-.5.5h-19a.5.5 0 0 1-.5-.5v-9.501L2.5 14a.5.5 0 0 1-.5-.5v-.55a2.505 2.505 0 0 1-2-2.45c0-1.023.619-1.906 1.502-2.292l-.355-.354a.502.502 0 0 1 .188-.826l20-7a.5.5 0 0 1 .385.023ZM22 14H4v9h18v-9Zm-1.5 7a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-9 0a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-.842-5.975a.5.5 0 0 1 .316.632L10.194 18H11.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V19H9.5a.499.499 0 0 1-.474-.659l1-3a.499.499 0 0 1 .632-.316ZM7.5 15a.5.5 0 0 1 0 1H6v1h.5c.827 0 1.5.673 1.5 1.5S7.327 20 6.5 20h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2Zm13 3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM7.292 10.999 4.95 11a2.51 2.51 0 0 1-.043.176l-.054.169-.067.167-.068.14-.079.14-.088.135-.022.032c-.12.167-.261.319-.419.452l-.184.141-.139.09-.131.074-.181.086-.163.063-.174.052L3 12.95V13l2.292-.001 2-2Zm4 0H8.706l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2ZM23 11l-2.294-.001-2 2h2.586L23 11.291V11ZM2.5 9C1.673 9 1 9.673 1 10.5S1.673 12 2.5 12 4 11.327 4 10.5 3.327 9 2.5 9Zm1.88-1.98-1.964.689.301.3a2.5 2.5 0 0 1 1.765.968l1.89-.629L4.38 7.02Zm3.894-1.362-2.712.949 2.011 1.341 2.92-.973-2.219-1.317Zm3.64-1.274-2.407.842 2.241 1.33 2.451-.817-2.285-1.355Zm3.613-1.265-2.379.833L15.25 5.2a.498.498 0 0 1 .15.138l2.47-.822-2.287-1.356-.056-.041Zm5.659-1.979-4.432 1.55 2.335 1.386.031.023 2.748-.915-.682-2.044Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Movie.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: "M21.72.051a.5.5 0 0 1 .254.291l1 3a.5.5 0 0 1-.316.632L4.924 9.885 4.95 10H23.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5l-.5-.001V23.5a.5.5 0 0 1-.5.5h-19a.5.5 0 0 1-.5-.5v-9.501L2.5 14a.5.5 0 0 1-.5-.5v-.55a2.505 2.505 0 0 1-2-2.45c0-1.023.619-1.906 1.502-2.292l-.355-.354a.502.502 0 0 1 .188-.826l20-7a.5.5 0 0 1 .385.023ZM22 14H4v9h18v-9Zm-1.5 7a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-9 0a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-.842-5.975a.5.5 0 0 1 .316.632L10.194 18H11.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V19H9.5a.499.499 0 0 1-.474-.659l1-3a.499.499 0 0 1 .632-.316ZM7.5 15a.5.5 0 0 1 0 1H6v1h.5c.827 0 1.5.673 1.5 1.5S7.327 20 6.5 20h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2Zm13 3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM7.292 10.999 4.95 11a2.51 2.51 0 0 1-.043.176l-.054.169-.067.167-.068.14-.079.14-.088.135-.022.032c-.12.167-.261.319-.419.452l-.184.141-.139.09-.131.074-.181.086-.163.063-.174.052L3 12.95V13l2.292-.001 2-2Zm4 0H8.706l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2ZM23 11l-2.294-.001-2 2h2.586L23 11.291V11ZM2.5 9C1.673 9 1 9.673 1 10.5S1.673 12 2.5 12 4 11.327 4 10.5 3.327 9 2.5 9Zm1.88-1.98-1.964.689.301.3a2.5 2.5 0 0 1 1.765.968l1.89-.629L4.38 7.02Zm3.894-1.362-2.712.949 2.011 1.341 2.92-.973-2.219-1.317Zm3.64-1.274-2.407.842 2.241 1.33 2.451-.817-2.285-1.355Zm3.613-1.265-2.379.833L15.25 5.2a.498.498 0 0 1 .15.138l2.47-.822-2.287-1.356-.056-.041Zm5.659-1.979-4.432 1.55 2.335 1.386.031.023 2.748-.915-.682-2.044Z",
-    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: "M21.72.051a.5.5 0 0 1 .254.291l1 3a.5.5 0 0 1-.316.632L4.924 9.885 4.95 10H23.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5l-.5-.001V23.5a.5.5 0 0 1-.5.5h-19a.5.5 0 0 1-.5-.5v-9.501L2.5 14a.5.5 0 0 1-.5-.5v-.55a2.505 2.505 0 0 1-2-2.45c0-1.023.619-1.906 1.502-2.292l-.355-.354a.502.502 0 0 1 .188-.826l20-7a.5.5 0 0 1 .385.023ZM22 14H4v9h18v-9Zm-1.5 7a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-9 0a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm-.842-5.975a.5.5 0 0 1 .316.632L10.194 18H11.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V19H9.5a.499.499 0 0 1-.474-.659l1-3a.499.499 0 0 1 .632-.316ZM7.5 15a.5.5 0 0 1 0 1H6v1h.5c.827 0 1.5.673 1.5 1.5S7.327 20 6.5 20h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h2Zm13 3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM7.292 10.999 4.95 11a2.51 2.51 0 0 1-.043.176l-.054.169-.067.167-.068.14-.079.14-.088.135-.022.032c-.12.167-.261.319-.419.452l-.184.141-.139.09-.131.074-.181.086-.163.063-.174.052L3 12.95V13l2.292-.001 2-2Zm4 0H8.706l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2Zm4 0h-2.586l-2 2h2.586l2-2ZM23 11l-2.294-.001-2 2h2.586L23 11.291V11ZM2.5 9C1.673 9 1 9.673 1 10.5S1.673 12 2.5 12 4 11.327 4 10.5 3.327 9 2.5 9Zm1.88-1.98-1.964.689.301.3a2.5 2.5 0 0 1 1.765.968l1.89-.629L4.38 7.02Zm3.894-1.362-2.712.949 2.011 1.341 2.92-.973-2.219-1.317Zm3.64-1.274-2.407.842 2.241 1.33 2.451-.817-2.285-1.355Zm3.613-1.265-2.379.833L15.25 5.2a.498.498 0 0 1 .15.138l2.47-.822-2.287-1.356-.056-.041Zm5.659-1.979-4.432 1.55 2.335 1.386.031.023 2.748-.915-.682-2.044Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Music.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: "M21.863.275c.396.28.634.74.634 1.225v16.003a.498.498 0 0 1-.032.178l-.023-.103c.13.512.036 1.053-.27 1.563-.478.795-1.436 1.435-2.562 1.71a5.036 5.036 0 0 1-1.199.15c-1.424 0-2.585-.657-2.856-1.727-.128-.512-.035-1.053.271-1.563.478-.795 1.436-1.435 2.562-1.71 1.195-.295 2.335-.14 3.11.344V5.21l-13 4.642.002 11.162a2.14 2.14 0 0 1-.327 1.126c-.478.795-1.436 1.435-2.562 1.711A5.03 5.03 0 0 1 4.412 24c-1.424 0-2.584-.657-2.855-1.727-.13-.512-.036-1.053.27-1.563.479-.794 1.436-1.434 2.562-1.71 1.197-.294 2.336-.139 3.11.345V5.785c0-.631.4-1.199.996-1.412L20.494.088c.458-.165.97-.094 1.369.187ZM5.58 19.853a4 4 0 0 0-.952.118c-.86.21-1.604.692-1.943 1.254-.116.193-.238.49-.158.803.2.792 1.504 1.184 2.847.852.86-.21 1.604-.692 1.943-1.255.116-.193.238-.49.158-.802-.153-.6-.94-.97-1.895-.97Zm13.998-3a4 4 0 0 0-.952.118c-.86.211-1.604.692-1.943 1.255-.116.193-.238.49-.158.803.2.792 1.504 1.184 2.847.852.86-.211 1.604-.692 1.943-1.255.116-.193.238-.49.158-.803-.153-.6-.94-.97-1.895-.97Zm1.25-15.824L8.832 5.314a.503.503 0 0 0-.331.472V8.79l12.997-4.641V1.5a.495.495 0 0 0-.211-.409.497.497 0 0 0-.457-.062Z",
-    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: "M21.863.275c.396.28.634.74.634 1.225v16.003a.498.498 0 0 1-.032.178l-.023-.103c.13.512.036 1.053-.27 1.563-.478.795-1.436 1.435-2.562 1.71a5.036 5.036 0 0 1-1.199.15c-1.424 0-2.585-.657-2.856-1.727-.128-.512-.035-1.053.271-1.563.478-.795 1.436-1.435 2.562-1.71 1.195-.295 2.335-.14 3.11.344V5.21l-13 4.642.002 11.162a2.14 2.14 0 0 1-.327 1.126c-.478.795-1.436 1.435-2.562 1.711A5.03 5.03 0 0 1 4.412 24c-1.424 0-2.584-.657-2.855-1.727-.13-.512-.036-1.053.27-1.563.479-.794 1.436-1.434 2.562-1.71 1.197-.294 2.336-.139 3.11.345V5.785c0-.631.4-1.199.996-1.412L20.494.088c.458-.165.97-.094 1.369.187ZM5.58 19.853a4 4 0 0 0-.952.118c-.86.21-1.604.692-1.943 1.254-.116.193-.238.49-.158.803.2.792 1.504 1.184 2.847.852.86-.21 1.604-.692 1.943-1.255.116-.193.238-.49.158-.802-.153-.6-.94-.97-1.895-.97Zm13.998-3a4 4 0 0 0-.952.118c-.86.211-1.604.692-1.943 1.255-.116.193-.238.49-.158.803.2.792 1.504 1.184 2.847.852.86-.211 1.604-.692 1.943-1.255.116-.193.238-.49.158-.803-.153-.6-.94-.97-1.895-.97Zm1.25-15.824L8.832 5.314a.503.503 0 0 0-.331.472V8.79l12.997-4.641V1.5a.495.495 0 0 0-.211-.409.497.497 0 0 0-.457-.062Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};