@telus-uds/palette-allium 5.3.2 → 5.4.0

package/build/rn/icons/Bookmark.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.68.105c1.143 0 2.073.93 2.073 2.072v20.24c0 .601-.344 1.121-.897 1.357a1.448 1.448 0 0 1-1.592-.289l-5.524-5.257a1.064 1.064 0 0 0-1.478-.002l-5.527 5.261a1.459 1.459 0 0 1-1.596.286 1.457 1.457 0 0 1-.892-1.356V2.177c0-1.142.929-2.072 2.072-2.072H18.68Zm0 1H5.32c-.591 0-1.072.481-1.072 1.072v20.24c0 .291.219.408.287.437l.067.023a.452.452 0 0 0 .445-.116l5.525-5.258a2.063 2.063 0 0 1 2.86.002l5.524 5.257c.208.2.443.12.508.092l.074-.04a.456.456 0 0 0 .216-.397V2.177c0-.591-.481-1.072-1.072-1.072ZM12 2.597a.5.5 0 0 1 .453.287l1.544 3.288 3.446.526a.499.499 0 0 1 .284.843l-2.504 2.57.595 3.633a.497.497 0 0 1-.734.52L12 12.564l-3.075 1.698a.502.502 0 0 1-.736-.519l.597-3.633-2.504-2.57a.499.499 0 0 1 .282-.843l3.446-.526 1.537-3.287a.5.5 0 0 1 .371-.281L12 2.597Zm.001 1.678-1.198 2.563a.501.501 0 0 1-.378.282l-2.749.42 2.002 2.054a.498.498 0 0 1 .135.43l-.47 2.866 2.415-1.334a.507.507 0 0 1 .483 0l2.424 1.335-.47-2.867a.5.5 0 0 1 .135-.43l2.001-2.055-2.748-.419a.498.498 0 0 1-.377-.282l-1.205-2.563Z",
-    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.68.105c1.143 0 2.073.93 2.073 2.072v20.24c0 .601-.344 1.121-.897 1.357a1.448 1.448 0 0 1-1.592-.289l-5.524-5.257a1.064 1.064 0 0 0-1.478-.002l-5.527 5.261a1.459 1.459 0 0 1-1.596.286 1.457 1.457 0 0 1-.892-1.356V2.177c0-1.142.929-2.072 2.072-2.072H18.68Zm0 1H5.32c-.591 0-1.072.481-1.072 1.072v20.24c0 .291.219.408.287.437l.067.023a.452.452 0 0 0 .445-.116l5.525-5.258a2.063 2.063 0 0 1 2.86.002l5.524 5.257c.208.2.443.12.508.092l.074-.04a.456.456 0 0 0 .216-.397V2.177c0-.591-.481-1.072-1.072-1.072ZM12 2.597a.5.5 0 0 1 .453.287l1.544 3.288 3.446.526a.499.499 0 0 1 .284.843l-2.504 2.57.595 3.633a.497.497 0 0 1-.734.52L12 12.564l-3.075 1.698a.502.502 0 0 1-.736-.519l.597-3.633-2.504-2.57a.499.499 0 0 1 .282-.843l3.446-.526 1.537-3.287a.5.5 0 0 1 .371-.281L12 2.597Zm.001 1.678-1.198 2.563a.501.501 0 0 1-.378.282l-2.749.42 2.002 2.054a.498.498 0 0 1 .135.43l-.47 2.866 2.415-1.334a.507.507 0 0 1 .483 0l2.424 1.335-.47-2.867a.5.5 0 0 1 .135-.43l2.001-2.055-2.748-.419a.498.498 0 0 1-.377-.282l-1.205-2.563Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Bookmark.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.68.105c1.143 0 2.073.93 2.073 2.072v20.24c0 .601-.344 1.121-.897 1.357a1.448 1.448 0 0 1-1.592-.289l-5.524-5.257a1.064 1.064 0 0 0-1.478-.002l-5.527 5.261a1.459 1.459 0 0 1-1.596.286 1.457 1.457 0 0 1-.892-1.356V2.177c0-1.142.929-2.072 2.072-2.072H18.68Zm0 1H5.32c-.591 0-1.072.481-1.072 1.072v20.24c0 .291.219.408.287.437l.067.023a.452.452 0 0 0 .445-.116l5.525-5.258a2.063 2.063 0 0 1 2.86.002l5.524 5.257c.208.2.443.12.508.092l.074-.04a.456.456 0 0 0 .216-.397V2.177c0-.591-.481-1.072-1.072-1.072ZM12 2.597a.5.5 0 0 1 .453.287l1.544 3.288 3.446.526a.499.499 0 0 1 .284.843l-2.504 2.57.595 3.633a.497.497 0 0 1-.734.52L12 12.564l-3.075 1.698a.502.502 0 0 1-.736-.519l.597-3.633-2.504-2.57a.499.499 0 0 1 .282-.843l3.446-.526 1.537-3.287a.5.5 0 0 1 .371-.281L12 2.597Zm.001 1.678-1.198 2.563a.501.501 0 0 1-.378.282l-2.749.42 2.002 2.054a.498.498 0 0 1 .135.43l-.47 2.866 2.415-1.334a.507.507 0 0 1 .483 0l2.424 1.335-.47-2.867a.5.5 0 0 1 .135-.43l2.001-2.055-2.748-.419a.498.498 0 0 1-.377-.282l-1.205-2.563Z",
-    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.68.105c1.143 0 2.073.93 2.073 2.072v20.24c0 .601-.344 1.121-.897 1.357a1.448 1.448 0 0 1-1.592-.289l-5.524-5.257a1.064 1.064 0 0 0-1.478-.002l-5.527 5.261a1.459 1.459 0 0 1-1.596.286 1.457 1.457 0 0 1-.892-1.356V2.177c0-1.142.929-2.072 2.072-2.072H18.68Zm0 1H5.32c-.591 0-1.072.481-1.072 1.072v20.24c0 .291.219.408.287.437l.067.023a.452.452 0 0 0 .445-.116l5.525-5.258a2.063 2.063 0 0 1 2.86.002l5.524 5.257c.208.2.443.12.508.092l.074-.04a.456.456 0 0 0 .216-.397V2.177c0-.591-.481-1.072-1.072-1.072ZM12 2.597a.5.5 0 0 1 .453.287l1.544 3.288 3.446.526a.499.499 0 0 1 .284.843l-2.504 2.57.595 3.633a.497.497 0 0 1-.734.52L12 12.564l-3.075 1.698a.502.502 0 0 1-.736-.519l.597-3.633-2.504-2.57a.499.499 0 0 1 .282-.843l3.446-.526 1.537-3.287a.5.5 0 0 1 .371-.281L12 2.597Zm.001 1.678-1.198 2.563a.501.501 0 0 1-.378.282l-2.749.42 2.002 2.054a.498.498 0 0 1 .135.43l-.47 2.866 2.415-1.334a.507.507 0 0 1 .483 0l2.424 1.335-.47-2.867a.5.5 0 0 1 .135-.43l2.001-2.055-2.748-.419a.498.498 0 0 1-.377-.282l-1.205-2.563Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Braille.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: "M10.001 4.004A1.5 1.5 0 1 0 10 1.003a1.5 1.5 0 0 0 0 3.001Zm0 1.001a2.5 2.5 0 0 0 2.5-2.502A2.501 2.501 0 0 0 10.001 0c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.502Zm0 6.007A1.5 1.5 0 1 0 10 8.01a1.5 1.5 0 0 0 0 3.002Zm0 1a2.5 2.5 0 0 0 2.5-2.502 2.501 2.501 0 0 0-2.5-2.503c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.503Zm-7 6.007A1.5 1.5 0 1 0 3 15.017a1.5 1.5 0 0 0 0 3.003Zm0 1.001a2.5 2.5 0 0 0 2.5-2.503 2.501 2.501 0 0 0-2.5-2.502c-1.38 0-2.5 1.12-2.5 2.502a2.501 2.501 0 0 0 2.5 2.503Zm1.5-9.51a1.5 1.5 0 1 1-3.001.002 1.5 1.5 0 0 1 3-.002Zm1 0a2.501 2.501 0 0 1-2.5 2.503c-1.38 0-2.5-1.12-2.5-2.503a2.501 2.501 0 0 1 2.5-2.503 2.5 2.5 0 0 1 2.5 2.503Zm5.192 13.951c0 .324.216.539.538.539h6.455c3.335 0 5.917-2.585 5.81-5.708a5.949 5.949 0 0 0-1.722-4.2l-1.614-1.723a1.687 1.687 0 0 0-2.366 0c-.216.215-.323.43-.43.646-.538-.215-1.292 0-1.722.43-.215.216-.323.54-.43.862a1.59 1.59 0 0 0-1.399.431 2.377 2.377 0 0 1-.161.27c-.054.08-.108.16-.161.269l-.969-.97a1.687 1.687 0 0 0-2.367 0c-.322.323-.537.754-.537 1.185 0 .43.215.862.537 1.185l4.088 4.092h-.86a2.665 2.665 0 0 0-2.69 2.692Zm7.1-.538h-5.916c.215-.646.753-1.077 1.506-1.077h2.152a.59.59 0 0 0 .537-.323c.108-.108 0-.43-.107-.539l-5.056-5.061c-.108-.108-.216-.216-.216-.431s.108-.323.216-.43c.215-.216.645-.216.86 0l3.55 3.553a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-1.398-1.293c-.108-.107-.215-.215-.215-.43 0-.216.107-.324.215-.431.215-.216.645-.216.86 0l.861.861a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-.538-.539c-.107-.107-.215-.215-.215-.43 0-.216.108-.324.215-.431.216-.216.646-.216.861 0l.538.538a.52.52 0 0 0 .753 0c.107-.107.107-.215.107-.43 0-.216 0-.324-.107-.431-.215-.216-.215-.647 0-.862.215-.215.645-.215.86 0l1.614 1.723a4.727 4.727 0 0 1 1.399 3.339 4.824 4.824 0 0 1-4.841 4.846Z",
-    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: "M10.001 4.004A1.5 1.5 0 1 0 10 1.003a1.5 1.5 0 0 0 0 3.001Zm0 1.001a2.5 2.5 0 0 0 2.5-2.502A2.501 2.501 0 0 0 10.001 0c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.502Zm0 6.007A1.5 1.5 0 1 0 10 8.01a1.5 1.5 0 0 0 0 3.002Zm0 1a2.5 2.5 0 0 0 2.5-2.502 2.501 2.501 0 0 0-2.5-2.503c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.503Zm-7 6.007A1.5 1.5 0 1 0 3 15.017a1.5 1.5 0 0 0 0 3.003Zm0 1.001a2.5 2.5 0 0 0 2.5-2.503 2.501 2.501 0 0 0-2.5-2.502c-1.38 0-2.5 1.12-2.5 2.502a2.501 2.501 0 0 0 2.5 2.503Zm1.5-9.51a1.5 1.5 0 1 1-3.001.002 1.5 1.5 0 0 1 3-.002Zm1 0a2.501 2.501 0 0 1-2.5 2.503c-1.38 0-2.5-1.12-2.5-2.503a2.501 2.501 0 0 1 2.5-2.503 2.5 2.5 0 0 1 2.5 2.503Zm5.192 13.951c0 .324.216.539.538.539h6.455c3.335 0 5.917-2.585 5.81-5.708a5.949 5.949 0 0 0-1.722-4.2l-1.614-1.723a1.687 1.687 0 0 0-2.366 0c-.216.215-.323.43-.43.646-.538-.215-1.292 0-1.722.43-.215.216-.323.54-.43.862a1.59 1.59 0 0 0-1.399.431 2.377 2.377 0 0 1-.161.27c-.054.08-.108.16-.161.269l-.969-.97a1.687 1.687 0 0 0-2.367 0c-.322.323-.537.754-.537 1.185 0 .43.215.862.537 1.185l4.088 4.092h-.86a2.665 2.665 0 0 0-2.69 2.692Zm7.1-.538h-5.916c.215-.646.753-1.077 1.506-1.077h2.152a.59.59 0 0 0 .537-.323c.108-.108 0-.43-.107-.539l-5.056-5.061c-.108-.108-.216-.216-.216-.431s.108-.323.216-.43c.215-.216.645-.216.86 0l3.55 3.553a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-1.398-1.293c-.108-.107-.215-.215-.215-.43 0-.216.107-.324.215-.431.215-.216.645-.216.86 0l.861.861a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-.538-.539c-.107-.107-.215-.215-.215-.43 0-.216.108-.324.215-.431.216-.216.646-.216.861 0l.538.538a.52.52 0 0 0 .753 0c.107-.107.107-.215.107-.43 0-.216 0-.324-.107-.431-.215-.216-.215-.647 0-.862.215-.215.645-.215.86 0l1.614 1.723a4.727 4.727 0 0 1 1.399 3.339 4.824 4.824 0 0 1-4.841 4.846Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Braille.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: "M10.001 4.004A1.5 1.5 0 1 0 10 1.003a1.5 1.5 0 0 0 0 3.001Zm0 1.001a2.5 2.5 0 0 0 2.5-2.502A2.501 2.501 0 0 0 10.001 0c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.502Zm0 6.007A1.5 1.5 0 1 0 10 8.01a1.5 1.5 0 0 0 0 3.002Zm0 1a2.5 2.5 0 0 0 2.5-2.502 2.501 2.501 0 0 0-2.5-2.503c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.503Zm-7 6.007A1.5 1.5 0 1 0 3 15.017a1.5 1.5 0 0 0 0 3.003Zm0 1.001a2.5 2.5 0 0 0 2.5-2.503 2.501 2.501 0 0 0-2.5-2.502c-1.38 0-2.5 1.12-2.5 2.502a2.501 2.501 0 0 0 2.5 2.503Zm1.5-9.51a1.5 1.5 0 1 1-3.001.002 1.5 1.5 0 0 1 3-.002Zm1 0a2.501 2.501 0 0 1-2.5 2.503c-1.38 0-2.5-1.12-2.5-2.503a2.501 2.501 0 0 1 2.5-2.503 2.5 2.5 0 0 1 2.5 2.503Zm5.192 13.951c0 .324.216.539.538.539h6.455c3.335 0 5.917-2.585 5.81-5.708a5.949 5.949 0 0 0-1.722-4.2l-1.614-1.723a1.687 1.687 0 0 0-2.366 0c-.216.215-.323.43-.43.646-.538-.215-1.292 0-1.722.43-.215.216-.323.54-.43.862a1.59 1.59 0 0 0-1.399.431 2.377 2.377 0 0 1-.161.27c-.054.08-.108.16-.161.269l-.969-.97a1.687 1.687 0 0 0-2.367 0c-.322.323-.537.754-.537 1.185 0 .43.215.862.537 1.185l4.088 4.092h-.86a2.665 2.665 0 0 0-2.69 2.692Zm7.1-.538h-5.916c.215-.646.753-1.077 1.506-1.077h2.152a.59.59 0 0 0 .537-.323c.108-.108 0-.43-.107-.539l-5.056-5.061c-.108-.108-.216-.216-.216-.431s.108-.323.216-.43c.215-.216.645-.216.86 0l3.55 3.553a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-1.398-1.293c-.108-.107-.215-.215-.215-.43 0-.216.107-.324.215-.431.215-.216.645-.216.86 0l.861.861a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-.538-.539c-.107-.107-.215-.215-.215-.43 0-.216.108-.324.215-.431.216-.216.646-.216.861 0l.538.538a.52.52 0 0 0 .753 0c.107-.107.107-.215.107-.43 0-.216 0-.324-.107-.431-.215-.216-.215-.647 0-.862.215-.215.645-.215.86 0l1.614 1.723a4.727 4.727 0 0 1 1.399 3.339 4.824 4.824 0 0 1-4.841 4.846Z",
-    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: "M10.001 4.004A1.5 1.5 0 1 0 10 1.003a1.5 1.5 0 0 0 0 3.001Zm0 1.001a2.5 2.5 0 0 0 2.5-2.502A2.501 2.501 0 0 0 10.001 0c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.502Zm0 6.007A1.5 1.5 0 1 0 10 8.01a1.5 1.5 0 0 0 0 3.002Zm0 1a2.5 2.5 0 0 0 2.5-2.502 2.501 2.501 0 0 0-2.5-2.503c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.503Zm-7 6.007A1.5 1.5 0 1 0 3 15.017a1.5 1.5 0 0 0 0 3.003Zm0 1.001a2.5 2.5 0 0 0 2.5-2.503 2.501 2.501 0 0 0-2.5-2.502c-1.38 0-2.5 1.12-2.5 2.502a2.501 2.501 0 0 0 2.5 2.503Zm1.5-9.51a1.5 1.5 0 1 1-3.001.002 1.5 1.5 0 0 1 3-.002Zm1 0a2.501 2.501 0 0 1-2.5 2.503c-1.38 0-2.5-1.12-2.5-2.503a2.501 2.501 0 0 1 2.5-2.503 2.5 2.5 0 0 1 2.5 2.503Zm5.192 13.951c0 .324.216.539.538.539h6.455c3.335 0 5.917-2.585 5.81-5.708a5.949 5.949 0 0 0-1.722-4.2l-1.614-1.723a1.687 1.687 0 0 0-2.366 0c-.216.215-.323.43-.43.646-.538-.215-1.292 0-1.722.43-.215.216-.323.54-.43.862a1.59 1.59 0 0 0-1.399.431 2.377 2.377 0 0 1-.161.27c-.054.08-.108.16-.161.269l-.969-.97a1.687 1.687 0 0 0-2.367 0c-.322.323-.537.754-.537 1.185 0 .43.215.862.537 1.185l4.088 4.092h-.86a2.665 2.665 0 0 0-2.69 2.692Zm7.1-.538h-5.916c.215-.646.753-1.077 1.506-1.077h2.152a.59.59 0 0 0 .537-.323c.108-.108 0-.43-.107-.539l-5.056-5.061c-.108-.108-.216-.216-.216-.431s.108-.323.216-.43c.215-.216.645-.216.86 0l3.55 3.553a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-1.398-1.293c-.108-.107-.215-.215-.215-.43 0-.216.107-.324.215-.431.215-.216.645-.216.86 0l.861.861a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-.538-.539c-.107-.107-.215-.215-.215-.43 0-.216.108-.324.215-.431.216-.216.646-.216.861 0l.538.538a.52.52 0 0 0 .753 0c.107-.107.107-.215.107-.43 0-.216 0-.324-.107-.431-.215-.216-.215-.647 0-.862.215-.215.645-.215.86 0l1.614 1.723a4.727 4.727 0 0 1 1.399 3.339 4.824 4.824 0 0 1-4.841 4.846Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Briefcase.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: "M14.5 2c.778 0 1.42.596 1.493 1.356L16 3.5V5h6.5c.778 0 1.42.596 1.493 1.356L24 6.5v14c0 .778-.596 1.42-1.356 1.493L22.5 22h-21c-.778 0-1.42-.596-1.493-1.356L0 20.5v-14c0-.778.596-1.42 1.356-1.493L1.5 5H8V3.5c0-.778.596-1.42 1.356-1.493L9.5 2h5ZM23 12.147l-7.34 1.916a14.566 14.566 0 0 1-6.87.11l-.45-.11L1 12.147V20.5a.5.5 0 0 0 .41.492L1.5 21h21a.5.5 0 0 0 .492-.41L23 20.5v-8.353ZM22.5 6h-21a.5.5 0 0 0-.492.41L1 6.5v4.614l7.592 1.98c2.09.546 4.292.58 6.396.102l.419-.102L23 11.113V6.5a.5.5 0 0 0-.41-.492L22.5 6ZM12 9c1.104 0 2 .897 2 2s-.896 2-2 2c-1.103 0-2-.897-2-2s.897-2 2-2Zm0 1c-.551 0-1 .449-1 1 0 .551.449 1 1 1 .551 0 1-.449 1-1 0-.551-.449-1-1-1Zm2.5-7h-5a.5.5 0 0 0-.492.41L9 3.5V5h6V3.5a.5.5 0 0 0-.41-.492L14.5 3Z",
-    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: "M14.5 2c.778 0 1.42.596 1.493 1.356L16 3.5V5h6.5c.778 0 1.42.596 1.493 1.356L24 6.5v14c0 .778-.596 1.42-1.356 1.493L22.5 22h-21c-.778 0-1.42-.596-1.493-1.356L0 20.5v-14c0-.778.596-1.42 1.356-1.493L1.5 5H8V3.5c0-.778.596-1.42 1.356-1.493L9.5 2h5ZM23 12.147l-7.34 1.916a14.566 14.566 0 0 1-6.87.11l-.45-.11L1 12.147V20.5a.5.5 0 0 0 .41.492L1.5 21h21a.5.5 0 0 0 .492-.41L23 20.5v-8.353ZM22.5 6h-21a.5.5 0 0 0-.492.41L1 6.5v4.614l7.592 1.98c2.09.546 4.292.58 6.396.102l.419-.102L23 11.113V6.5a.5.5 0 0 0-.41-.492L22.5 6ZM12 9c1.104 0 2 .897 2 2s-.896 2-2 2c-1.103 0-2-.897-2-2s.897-2 2-2Zm0 1c-.551 0-1 .449-1 1 0 .551.449 1 1 1 .551 0 1-.449 1-1 0-.551-.449-1-1-1Zm2.5-7h-5a.5.5 0 0 0-.492.41L9 3.5V5h6V3.5a.5.5 0 0 0-.41-.492L14.5 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Briefcase.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: "M14.5 2c.778 0 1.42.596 1.493 1.356L16 3.5V5h6.5c.778 0 1.42.596 1.493 1.356L24 6.5v14c0 .778-.596 1.42-1.356 1.493L22.5 22h-21c-.778 0-1.42-.596-1.493-1.356L0 20.5v-14c0-.778.596-1.42 1.356-1.493L1.5 5H8V3.5c0-.778.596-1.42 1.356-1.493L9.5 2h5ZM23 12.147l-7.34 1.916a14.566 14.566 0 0 1-6.87.11l-.45-.11L1 12.147V20.5a.5.5 0 0 0 .41.492L1.5 21h21a.5.5 0 0 0 .492-.41L23 20.5v-8.353ZM22.5 6h-21a.5.5 0 0 0-.492.41L1 6.5v4.614l7.592 1.98c2.09.546 4.292.58 6.396.102l.419-.102L23 11.113V6.5a.5.5 0 0 0-.41-.492L22.5 6ZM12 9c1.104 0 2 .897 2 2s-.896 2-2 2c-1.103 0-2-.897-2-2s.897-2 2-2Zm0 1c-.551 0-1 .449-1 1 0 .551.449 1 1 1 .551 0 1-.449 1-1 0-.551-.449-1-1-1Zm2.5-7h-5a.5.5 0 0 0-.492.41L9 3.5V5h6V3.5a.5.5 0 0 0-.41-.492L14.5 3Z",
-    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: "M14.5 2c.778 0 1.42.596 1.493 1.356L16 3.5V5h6.5c.778 0 1.42.596 1.493 1.356L24 6.5v14c0 .778-.596 1.42-1.356 1.493L22.5 22h-21c-.778 0-1.42-.596-1.493-1.356L0 20.5v-14c0-.778.596-1.42 1.356-1.493L1.5 5H8V3.5c0-.778.596-1.42 1.356-1.493L9.5 2h5ZM23 12.147l-7.34 1.916a14.566 14.566 0 0 1-6.87.11l-.45-.11L1 12.147V20.5a.5.5 0 0 0 .41.492L1.5 21h21a.5.5 0 0 0 .492-.41L23 20.5v-8.353ZM22.5 6h-21a.5.5 0 0 0-.492.41L1 6.5v4.614l7.592 1.98c2.09.546 4.292.58 6.396.102l.419-.102L23 11.113V6.5a.5.5 0 0 0-.41-.492L22.5 6ZM12 9c1.104 0 2 .897 2 2s-.896 2-2 2c-1.103 0-2-.897-2-2s.897-2 2-2Zm0 1c-.551 0-1 .449-1 1 0 .551.449 1 1 1 .551 0 1-.449 1-1 0-.551-.449-1-1-1Zm2.5-7h-5a.5.5 0 0 0-.492.41L9 3.5V5h6V3.5a.5.5 0 0 0-.41-.492L14.5 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BulletCircle.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  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",
-    clipRule: "evenodd",
-    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    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",
+      clipRule: "evenodd",
+      d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  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",
-    clipRule: "evenodd",
-    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    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",
+      clipRule: "evenodd",
+      d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BulletFill.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)("circle", {
-    cx: 12,
-    cy: 12,
-    r: 3
-  })]
-});
+}) => {
+  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)("circle", {
+      cx: 12,
+      cy: 12,
+      r: 3
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/BulletFill.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.Circle, {
-    cx: 12,
-    cy: 12,
-    r: 3
-  })]
-});
+}) => {
+  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.Circle, {
+      cx: 12,
+      cy: 12,
+      r: 3
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};