@telus-uds/palette-allium 5.3.2 → 5.4.0

package/build/rn/icons/OrderAscend.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 7c-.327 0-.654.122-.907.366l-7.685 7.367c-.855.821-.276 2.267.907 2.267h15.37c1.183 0 1.762-1.446.907-2.267l-7.685-7.367A1.304 1.304 0 0 0 12 7Zm0 1.005c.057 0 .14.015.215.086l7.684 7.369c.125.12.109.25.074.34a.292.292 0 0 1-.288.195H4.315a.292.292 0 0 1-.288-.195.29.29 0 0 1 .074-.34l7.684-7.369A.304.304 0 0 1 12 8.005Z",
-    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 7c-.327 0-.654.122-.907.366l-7.685 7.367c-.855.821-.276 2.267.907 2.267h15.37c1.183 0 1.762-1.446.907-2.267l-7.685-7.367A1.304 1.304 0 0 0 12 7Zm0 1.005c.057 0 .14.015.215.086l7.684 7.369c.125.12.109.25.074.34a.292.292 0 0 1-.288.195H4.315a.292.292 0 0 1-.288-.195.29.29 0 0 1 .074-.34l7.684-7.369A.304.304 0 0 1 12 8.005Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/OrderDescend.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 17c.327 0 .654-.122.907-.366l7.685-7.367c.855-.821.276-2.267-.907-2.267H4.315c-1.183 0-1.762 1.446-.907 2.267l7.685 7.367c.253.244.58.366.907.366Zm0-1.005a.304.304 0 0 1-.215-.086L4.101 8.54a.294.294 0 0 1-.074-.34.292.292 0 0 1 .288-.195h15.37c.172 0 .252.105.288.195a.29.29 0 0 1-.074.34l-7.684 7.369a.304.304 0 0 1-.215.086Z",
-    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 17c.327 0 .654-.122.907-.366l7.685-7.367c.855-.821.276-2.267-.907-2.267H4.315c-1.183 0-1.762 1.446-.907 2.267l7.685 7.367c.253.244.58.366.907.366Zm0-1.005a.304.304 0 0 1-.215-.086L4.101 8.54a.294.294 0 0 1-.074-.34.292.292 0 0 1 .288-.195h15.37c.172 0 .252.105.288.195a.29.29 0 0 1-.074.34l-7.684 7.369a.304.304 0 0 1-.215.086Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/OrderDescend.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 17c.327 0 .654-.122.907-.366l7.685-7.367c.855-.821.276-2.267-.907-2.267H4.315c-1.183 0-1.762 1.446-.907 2.267l7.685 7.367c.253.244.58.366.907.366Zm0-1.005a.304.304 0 0 1-.215-.086L4.101 8.54a.294.294 0 0 1-.074-.34.292.292 0 0 1 .288-.195h15.37c.172 0 .252.105.288.195a.29.29 0 0 1-.074.34l-7.684 7.369a.304.304 0 0 1-.215.086Z",
-    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 17c.327 0 .654-.122.907-.366l7.685-7.367c.855-.821.276-2.267-.907-2.267H4.315c-1.183 0-1.762 1.446-.907 2.267l7.685 7.367c.253.244.58.366.907.366Zm0-1.005a.304.304 0 0 1-.215-.086L4.101 8.54a.294.294 0 0 1-.074-.34.292.292 0 0 1 .288-.195h15.37c.172 0 .252.105.288.195a.29.29 0 0 1-.074.34l-7.684 7.369a.304.304 0 0 1-.215.086Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Paperless.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: "M22.831 1.279a1.1 1.1 0 0 0-.89-1c-.46-.04-11.17-1.75-17.28 3.81a8.36 8.36 0 0 0-2.66 6.26 10 10 0 0 0 2.49 6.46 29.65 29.65 0 0 0-2.45 6.54.5.5 0 0 0 .38.6h.11a.49.49 0 0 0 .48-.39 29.62 29.62 0 0 1 2.22-6 9.81 9.81 0 0 0 6.69 2.73 8.28 8.28 0 0 0 5.64-2.14c6.05-5.54 5.3-16.41 5.27-16.87Zm-5.95 16.14c-3 2.8-8 2.42-11.17-.77.45-.81.954-1.59 1.51-2.33a20.601 20.601 0 0 1 6.37-5.55.5.5 0 1 0-.44-.9 21.342 21.342 0 0 0-6.72 5.84c-.518.69-.992 1.41-1.42 2.16a8.88 8.88 0 0 1-2-5.52 7.39 7.39 0 0 1 2.33-5.52c3.43-3.18 8.64-3.86 12.25-3.86a27.42 27.42 0 0 1 4.19.3c.08.53.8 10.93-4.9 16.15Z",
-    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: "M22.831 1.279a1.1 1.1 0 0 0-.89-1c-.46-.04-11.17-1.75-17.28 3.81a8.36 8.36 0 0 0-2.66 6.26 10 10 0 0 0 2.49 6.46 29.65 29.65 0 0 0-2.45 6.54.5.5 0 0 0 .38.6h.11a.49.49 0 0 0 .48-.39 29.62 29.62 0 0 1 2.22-6 9.81 9.81 0 0 0 6.69 2.73 8.28 8.28 0 0 0 5.64-2.14c6.05-5.54 5.3-16.41 5.27-16.87Zm-5.95 16.14c-3 2.8-8 2.42-11.17-.77.45-.81.954-1.59 1.51-2.33a20.601 20.601 0 0 1 6.37-5.55.5.5 0 1 0-.44-.9 21.342 21.342 0 0 0-6.72 5.84c-.518.69-.992 1.41-1.42 2.16a8.88 8.88 0 0 1-2-5.52 7.39 7.39 0 0 1 2.33-5.52c3.43-3.18 8.64-3.86 12.25-3.86a27.42 27.42 0 0 1 4.19.3c.08.53.8 10.93-4.9 16.15Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Paperless.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: "M22.831 1.279a1.1 1.1 0 0 0-.89-1c-.46-.04-11.17-1.75-17.28 3.81a8.36 8.36 0 0 0-2.66 6.26 10 10 0 0 0 2.49 6.46 29.65 29.65 0 0 0-2.45 6.54.5.5 0 0 0 .38.6h.11a.49.49 0 0 0 .48-.39 29.62 29.62 0 0 1 2.22-6 9.81 9.81 0 0 0 6.69 2.73 8.28 8.28 0 0 0 5.64-2.14c6.05-5.54 5.3-16.41 5.27-16.87Zm-5.95 16.14c-3 2.8-8 2.42-11.17-.77.45-.81.954-1.59 1.51-2.33a20.601 20.601 0 0 1 6.37-5.55.5.5 0 1 0-.44-.9 21.342 21.342 0 0 0-6.72 5.84c-.518.69-.992 1.41-1.42 2.16a8.88 8.88 0 0 1-2-5.52 7.39 7.39 0 0 1 2.33-5.52c3.43-3.18 8.64-3.86 12.25-3.86a27.42 27.42 0 0 1 4.19.3c.08.53.8 10.93-4.9 16.15Z",
-    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: "M22.831 1.279a1.1 1.1 0 0 0-.89-1c-.46-.04-11.17-1.75-17.28 3.81a8.36 8.36 0 0 0-2.66 6.26 10 10 0 0 0 2.49 6.46 29.65 29.65 0 0 0-2.45 6.54.5.5 0 0 0 .38.6h.11a.49.49 0 0 0 .48-.39 29.62 29.62 0 0 1 2.22-6 9.81 9.81 0 0 0 6.69 2.73 8.28 8.28 0 0 0 5.64-2.14c6.05-5.54 5.3-16.41 5.27-16.87Zm-5.95 16.14c-3 2.8-8 2.42-11.17-.77.45-.81.954-1.59 1.51-2.33a20.601 20.601 0 0 1 6.37-5.55.5.5 0 1 0-.44-.9 21.342 21.342 0 0 0-6.72 5.84c-.518.69-.992 1.41-1.42 2.16a8.88 8.88 0 0 1-2-5.52 7.39 7.39 0 0 1 2.33-5.52c3.43-3.18 8.64-3.86 12.25-3.86a27.42 27.42 0 0 1 4.19.3c.08.53.8 10.93-4.9 16.15Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Passport.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: "M18.742 0c1.1 0 2.003.855 2.08 1.934l.005.149v19.835c0 1.098-.855 2-1.936 2.077l-.148.005H5.255c-1.098 0-2-.855-2.076-1.933l-.006-.149V2.083c0-1.099.855-2.001 1.934-2.078L5.255 0h13.488Zm0 .992H5.255c-.56 0-1.024.426-1.083.972l-.007.119v19.835c0 .56.426 1.024.972 1.084l.118.006h13.488c.561 0 1.026-.426 1.085-.971l.006-.119V2.083c0-.562-.426-1.025-.973-1.085l-.119-.006Zm-3.965 18.843a.496.496 0 0 1 .089.984l-.09.008H9.224a.495.495 0 0 1-.09-.984l.09-.008h5.554Zm1.586-3.174a.496.496 0 0 1 .089.983l-.09.008H7.637a.495.495 0 0 1-.09-.983l.09-.008h8.727ZM11.98 2.385 12 2.38l.018.005a6.425 6.425 0 0 1 4.54 1.883 6.455 6.455 0 0 1 0 9.117 6.43 6.43 0 0 1-4.541 1.885l-.017.003-.018-.003a6.431 6.431 0 0 1-4.541-1.885 6.455 6.455 0 0 1 0-9.117 6.43 6.43 0 0 1 4.54-1.883Zm4.849 8.922h-2.2a8.626 8.626 0 0 1-1.405 2.818 5.392 5.392 0 0 0 2.632-1.441c.343-.344.614-.729.842-1.133l.131-.244Zm-7.461 0H7.17c.252.493.56.965.973 1.377a5.39 5.39 0 0 0 2.631 1.44 8.668 8.668 0 0 1-1.3-2.478l-.105-.34Zm4.225 0h-3.188A7.508 7.508 0 0 0 12 14.07a7.496 7.496 0 0 0 1.475-2.423l.119-.34ZM9.147 7.339H6.779a5.447 5.447 0 0 0-.075 2.68l.075.295h2.368a9.051 9.051 0 0 1-.053-2.608l.053-.367Zm4.698 0h-3.691a8.084 8.084 0 0 0-.06 2.609l.06.366h3.691a8.06 8.06 0 0 0 .06-2.608l-.06-.367Zm3.375 0h-2.367a9.193 9.193 0 0 1 .053 2.608l-.053.367h2.367c.25-.877.274-1.796.075-2.681l-.075-.294Zm-6.441-3.817A5.403 5.403 0 0 0 8.143 4.97a5.1 5.1 0 0 0-.842 1.133l-.131.245h2.199a8.648 8.648 0 0 1 1.41-2.826ZM12 3.584a7.466 7.466 0 0 0-1.475 2.423l-.119.34h3.188A7.532 7.532 0 0 0 12 3.585Zm1.22-.062a8.633 8.633 0 0 1 1.305 2.485l.105.34h2.2a5.386 5.386 0 0 0-.973-1.377 5.41 5.41 0 0 0-2.637-1.448Z",
-    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: "M18.742 0c1.1 0 2.003.855 2.08 1.934l.005.149v19.835c0 1.098-.855 2-1.936 2.077l-.148.005H5.255c-1.098 0-2-.855-2.076-1.933l-.006-.149V2.083c0-1.099.855-2.001 1.934-2.078L5.255 0h13.488Zm0 .992H5.255c-.56 0-1.024.426-1.083.972l-.007.119v19.835c0 .56.426 1.024.972 1.084l.118.006h13.488c.561 0 1.026-.426 1.085-.971l.006-.119V2.083c0-.562-.426-1.025-.973-1.085l-.119-.006Zm-3.965 18.843a.496.496 0 0 1 .089.984l-.09.008H9.224a.495.495 0 0 1-.09-.984l.09-.008h5.554Zm1.586-3.174a.496.496 0 0 1 .089.983l-.09.008H7.637a.495.495 0 0 1-.09-.983l.09-.008h8.727ZM11.98 2.385 12 2.38l.018.005a6.425 6.425 0 0 1 4.54 1.883 6.455 6.455 0 0 1 0 9.117 6.43 6.43 0 0 1-4.541 1.885l-.017.003-.018-.003a6.431 6.431 0 0 1-4.541-1.885 6.455 6.455 0 0 1 0-9.117 6.43 6.43 0 0 1 4.54-1.883Zm4.849 8.922h-2.2a8.626 8.626 0 0 1-1.405 2.818 5.392 5.392 0 0 0 2.632-1.441c.343-.344.614-.729.842-1.133l.131-.244Zm-7.461 0H7.17c.252.493.56.965.973 1.377a5.39 5.39 0 0 0 2.631 1.44 8.668 8.668 0 0 1-1.3-2.478l-.105-.34Zm4.225 0h-3.188A7.508 7.508 0 0 0 12 14.07a7.496 7.496 0 0 0 1.475-2.423l.119-.34ZM9.147 7.339H6.779a5.447 5.447 0 0 0-.075 2.68l.075.295h2.368a9.051 9.051 0 0 1-.053-2.608l.053-.367Zm4.698 0h-3.691a8.084 8.084 0 0 0-.06 2.609l.06.366h3.691a8.06 8.06 0 0 0 .06-2.608l-.06-.367Zm3.375 0h-2.367a9.193 9.193 0 0 1 .053 2.608l-.053.367h2.367c.25-.877.274-1.796.075-2.681l-.075-.294Zm-6.441-3.817A5.403 5.403 0 0 0 8.143 4.97a5.1 5.1 0 0 0-.842 1.133l-.131.245h2.199a8.648 8.648 0 0 1 1.41-2.826ZM12 3.584a7.466 7.466 0 0 0-1.475 2.423l-.119.34h3.188A7.532 7.532 0 0 0 12 3.585Zm1.22-.062a8.633 8.633 0 0 1 1.305 2.485l.105.34h2.2a5.386 5.386 0 0 0-.973-1.377 5.41 5.41 0 0 0-2.637-1.448Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Passport.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: "M18.742 0c1.1 0 2.003.855 2.08 1.934l.005.149v19.835c0 1.098-.855 2-1.936 2.077l-.148.005H5.255c-1.098 0-2-.855-2.076-1.933l-.006-.149V2.083c0-1.099.855-2.001 1.934-2.078L5.255 0h13.488Zm0 .992H5.255c-.56 0-1.024.426-1.083.972l-.007.119v19.835c0 .56.426 1.024.972 1.084l.118.006h13.488c.561 0 1.026-.426 1.085-.971l.006-.119V2.083c0-.562-.426-1.025-.973-1.085l-.119-.006Zm-3.965 18.843a.496.496 0 0 1 .089.984l-.09.008H9.224a.495.495 0 0 1-.09-.984l.09-.008h5.554Zm1.586-3.174a.496.496 0 0 1 .089.983l-.09.008H7.637a.495.495 0 0 1-.09-.983l.09-.008h8.727ZM11.98 2.385 12 2.38l.018.005a6.425 6.425 0 0 1 4.54 1.883 6.455 6.455 0 0 1 0 9.117 6.43 6.43 0 0 1-4.541 1.885l-.017.003-.018-.003a6.431 6.431 0 0 1-4.541-1.885 6.455 6.455 0 0 1 0-9.117 6.43 6.43 0 0 1 4.54-1.883Zm4.849 8.922h-2.2a8.626 8.626 0 0 1-1.405 2.818 5.392 5.392 0 0 0 2.632-1.441c.343-.344.614-.729.842-1.133l.131-.244Zm-7.461 0H7.17c.252.493.56.965.973 1.377a5.39 5.39 0 0 0 2.631 1.44 8.668 8.668 0 0 1-1.3-2.478l-.105-.34Zm4.225 0h-3.188A7.508 7.508 0 0 0 12 14.07a7.496 7.496 0 0 0 1.475-2.423l.119-.34ZM9.147 7.339H6.779a5.447 5.447 0 0 0-.075 2.68l.075.295h2.368a9.051 9.051 0 0 1-.053-2.608l.053-.367Zm4.698 0h-3.691a8.084 8.084 0 0 0-.06 2.609l.06.366h3.691a8.06 8.06 0 0 0 .06-2.608l-.06-.367Zm3.375 0h-2.367a9.193 9.193 0 0 1 .053 2.608l-.053.367h2.367c.25-.877.274-1.796.075-2.681l-.075-.294Zm-6.441-3.817A5.403 5.403 0 0 0 8.143 4.97a5.1 5.1 0 0 0-.842 1.133l-.131.245h2.199a8.648 8.648 0 0 1 1.41-2.826ZM12 3.584a7.466 7.466 0 0 0-1.475 2.423l-.119.34h3.188A7.532 7.532 0 0 0 12 3.585Zm1.22-.062a8.633 8.633 0 0 1 1.305 2.485l.105.34h2.2a5.386 5.386 0 0 0-.973-1.377 5.41 5.41 0 0 0-2.637-1.448Z",
-    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: "M18.742 0c1.1 0 2.003.855 2.08 1.934l.005.149v19.835c0 1.098-.855 2-1.936 2.077l-.148.005H5.255c-1.098 0-2-.855-2.076-1.933l-.006-.149V2.083c0-1.099.855-2.001 1.934-2.078L5.255 0h13.488Zm0 .992H5.255c-.56 0-1.024.426-1.083.972l-.007.119v19.835c0 .56.426 1.024.972 1.084l.118.006h13.488c.561 0 1.026-.426 1.085-.971l.006-.119V2.083c0-.562-.426-1.025-.973-1.085l-.119-.006Zm-3.965 18.843a.496.496 0 0 1 .089.984l-.09.008H9.224a.495.495 0 0 1-.09-.984l.09-.008h5.554Zm1.586-3.174a.496.496 0 0 1 .089.983l-.09.008H7.637a.495.495 0 0 1-.09-.983l.09-.008h8.727ZM11.98 2.385 12 2.38l.018.005a6.425 6.425 0 0 1 4.54 1.883 6.455 6.455 0 0 1 0 9.117 6.43 6.43 0 0 1-4.541 1.885l-.017.003-.018-.003a6.431 6.431 0 0 1-4.541-1.885 6.455 6.455 0 0 1 0-9.117 6.43 6.43 0 0 1 4.54-1.883Zm4.849 8.922h-2.2a8.626 8.626 0 0 1-1.405 2.818 5.392 5.392 0 0 0 2.632-1.441c.343-.344.614-.729.842-1.133l.131-.244Zm-7.461 0H7.17c.252.493.56.965.973 1.377a5.39 5.39 0 0 0 2.631 1.44 8.668 8.668 0 0 1-1.3-2.478l-.105-.34Zm4.225 0h-3.188A7.508 7.508 0 0 0 12 14.07a7.496 7.496 0 0 0 1.475-2.423l.119-.34ZM9.147 7.339H6.779a5.447 5.447 0 0 0-.075 2.68l.075.295h2.368a9.051 9.051 0 0 1-.053-2.608l.053-.367Zm4.698 0h-3.691a8.084 8.084 0 0 0-.06 2.609l.06.366h3.691a8.06 8.06 0 0 0 .06-2.608l-.06-.367Zm3.375 0h-2.367a9.193 9.193 0 0 1 .053 2.608l-.053.367h2.367c.25-.877.274-1.796.075-2.681l-.075-.294Zm-6.441-3.817A5.403 5.403 0 0 0 8.143 4.97a5.1 5.1 0 0 0-.842 1.133l-.131.245h2.199a8.648 8.648 0 0 1 1.41-2.826ZM12 3.584a7.466 7.466 0 0 0-1.475 2.423l-.119.34h3.188A7.532 7.532 0 0 0 12 3.585Zm1.22-.062a8.633 8.633 0 0 1 1.305 2.485l.105.34h2.2a5.386 5.386 0 0 0-.973-1.377 5.41 5.41 0 0 0-2.637-1.448Z",
+      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/Phone.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.509 1.51a.48.48 0 0 1 0 .96h-1.033a.48.48 0 1 1 0-.96h1.033Zm6.177 1.51v-.554A1.49 1.49 0 0 0 17.181.96H6.82a1.49 1.49 0 0 0-1.507 1.506v.553h13.372ZM5.314 20.258h13.372V3.979H5.314v16.28Zm13.372 1.275v-.315H5.314v.315A1.49 1.49 0 0 0 6.82 23.04h10.281c.874 0 1.585-.676 1.585-1.506ZM17.181 0a2.44 2.44 0 0 1 2.465 2.466v19.068c0 1.36-1.142 2.466-2.545 2.466H6.821a2.44 2.44 0 0 1-2.467-2.466V2.466A2.44 2.44 0 0 1 6.82 0h10.36Z",
-    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.509 1.51a.48.48 0 0 1 0 .96h-1.033a.48.48 0 1 1 0-.96h1.033Zm6.177 1.51v-.554A1.49 1.49 0 0 0 17.181.96H6.82a1.49 1.49 0 0 0-1.507 1.506v.553h13.372ZM5.314 20.258h13.372V3.979H5.314v16.28Zm13.372 1.275v-.315H5.314v.315A1.49 1.49 0 0 0 6.82 23.04h10.281c.874 0 1.585-.676 1.585-1.506ZM17.181 0a2.44 2.44 0 0 1 2.465 2.466v19.068c0 1.36-1.142 2.466-2.545 2.466H6.821a2.44 2.44 0 0 1-2.467-2.466V2.466A2.44 2.44 0 0 1 6.82 0h10.36Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};