@telus-uds/palettes-community.palette-casa 4.1.4 → 4.2.0

package/build/rn/icons/Channels.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 8a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V22h16V9h-1.5a.5.5 0 0 1 0-1h2Zm-3-4a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V19h16V5h-1.5a.5.5 0 0 1 0-1h2Zm-3-3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-15A.5.5 0 0 1 .5 1h17ZM17 2H1v14h16V2Z",
-    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 8a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V22h16V9h-1.5a.5.5 0 0 1 0-1h2Zm-3-4a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V19h16V5h-1.5a.5.5 0 0 1 0-1h2Zm-3-3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-15A.5.5 0 0 1 .5 1h17ZM17 2H1v14h16V2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Channels.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 8a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V22h16V9h-1.5a.5.5 0 0 1 0-1h2Zm-3-4a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V19h16V5h-1.5a.5.5 0 0 1 0-1h2Zm-3-3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-15A.5.5 0 0 1 .5 1h17ZM17 2H1v14h16V2Z",
-    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 8a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V22h16V9h-1.5a.5.5 0 0 1 0-1h2Zm-3-4a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5h-17a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V19h16V5h-1.5a.5.5 0 0 1 0-1h2Zm-3-3a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-15A.5.5 0 0 1 .5 1h17ZM17 2H1v14h16V2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar1.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.377 0c.271 0 .47.168.51.421l.008.099v22.96c0 .272-.168.471-.42.512l-.098.008H9.623a.493.493 0 0 1-.51-.422l-.009-.098V.52c0-.273.17-.472.421-.512L9.624 0h4.752Zm8.708 4.75c.273 0 .47.17.51.422l.009.099V23.48c0 .272-.168.471-.42.512l-.099.008h-4.75a.495.495 0 0 1-.513-.422l-.008-.098V5.271c0-.273.17-.472.423-.513l.099-.008h4.75ZM5.666 11.085c.272 0 .472.168.513.42l.007.099V23.48a.493.493 0 0 1-.421.512L5.666 24H.916a.494.494 0 0 1-.512-.422l-.008-.098V11.604c0-.272.169-.47.422-.511l.098-.008h4.75Zm8.19-10.046h-3.711v21.922h3.71V1.039Zm8.71 4.751h-3.712v17.171h3.712V5.79Zm-17.42 6.334h-3.71v10.837h3.71V12.124Z",
-    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.377 0c.271 0 .47.168.51.421l.008.099v22.96c0 .272-.168.471-.42.512l-.098.008H9.623a.493.493 0 0 1-.51-.422l-.009-.098V.52c0-.273.17-.472.421-.512L9.624 0h4.752Zm8.708 4.75c.273 0 .47.17.51.422l.009.099V23.48c0 .272-.168.471-.42.512l-.099.008h-4.75a.495.495 0 0 1-.513-.422l-.008-.098V5.271c0-.273.17-.472.423-.513l.099-.008h4.75ZM5.666 11.085c.272 0 .472.168.513.42l.007.099V23.48a.493.493 0 0 1-.421.512L5.666 24H.916a.494.494 0 0 1-.512-.422l-.008-.098V11.604c0-.272.169-.47.422-.511l.098-.008h4.75Zm8.19-10.046h-3.711v21.922h3.71V1.039Zm8.71 4.751h-3.712v17.171h3.712V5.79Zm-17.42 6.334h-3.71v10.837h3.71V12.124Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar1.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.377 0c.271 0 .47.168.51.421l.008.099v22.96c0 .272-.168.471-.42.512l-.098.008H9.623a.493.493 0 0 1-.51-.422l-.009-.098V.52c0-.273.17-.472.421-.512L9.624 0h4.752Zm8.708 4.75c.273 0 .47.17.51.422l.009.099V23.48c0 .272-.168.471-.42.512l-.099.008h-4.75a.495.495 0 0 1-.513-.422l-.008-.098V5.271c0-.273.17-.472.423-.513l.099-.008h4.75ZM5.666 11.085c.272 0 .472.168.513.42l.007.099V23.48a.493.493 0 0 1-.421.512L5.666 24H.916a.494.494 0 0 1-.512-.422l-.008-.098V11.604c0-.272.169-.47.422-.511l.098-.008h4.75Zm8.19-10.046h-3.711v21.922h3.71V1.039Zm8.71 4.751h-3.712v17.171h3.712V5.79Zm-17.42 6.334h-3.71v10.837h3.71V12.124Z",
-    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.377 0c.271 0 .47.168.51.421l.008.099v22.96c0 .272-.168.471-.42.512l-.098.008H9.623a.493.493 0 0 1-.51-.422l-.009-.098V.52c0-.273.17-.472.421-.512L9.624 0h4.752Zm8.708 4.75c.273 0 .47.17.51.422l.009.099V23.48c0 .272-.168.471-.42.512l-.099.008h-4.75a.495.495 0 0 1-.513-.422l-.008-.098V5.271c0-.273.17-.472.423-.513l.099-.008h4.75ZM5.666 11.085c.272 0 .472.168.513.42l.007.099V23.48a.493.493 0 0 1-.421.512L5.666 24H.916a.494.494 0 0 1-.512-.422l-.008-.098V11.604c0-.272.169-.47.422-.511l.098-.008h4.75Zm8.19-10.046h-3.711v21.922h3.71V1.039Zm8.71 4.751h-3.712v17.171h3.712V5.79Zm-17.42 6.334h-3.71v10.837h3.71V12.124Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar2.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: "M1 23v-5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2v-8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1Zm3 0v-5H2v5h2Zm6 0V13H8v10h2Zm6 0v-8h-2v8h2Zm6 0V9h-2v14h2ZM7.8 7.599 4.75 10.03A2.002 2.002 0 0 1 3 13a2.004 2.004 0 0 1-2-2.001 2.002 2.002 0 0 1 3.057-1.697l3.117-2.486A2.002 2.002 0 0 1 9 4a2.002 2.002 0 0 1 2 2.05l2.442.697a1.997 1.997 0 0 1 2.574-.47l3.261-3.261A2.002 2.002 0 0 1 21 0c1.103 0 2 .897 2 2a2.002 2.002 0 0 1-3.016 1.723l-3.261 3.261A2.002 2.002 0 0 1 15 10a2.002 2.002 0 0 1-1.973-2.332l-2.302-.656a2 2 0 0 1-2.926.587Zm-4.11 2.678A1.001 1.001 0 1 0 3 12a1.001 1.001 0 0 0 .69-1.723Zm4.548-3.63A1.001 1.001 0 1 0 9 5a1.001 1.001 0 0 0-.8 1.6.507.507 0 0 1 .038.047Zm12.075-3.92A1.001 1.001 0 1 0 21 1a1.001 1.001 0 0 0-.726 1.686.49.49 0 0 1 .04.04ZM15 7a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M1 23v-5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2v-8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1Zm3 0v-5H2v5h2Zm6 0V13H8v10h2Zm6 0v-8h-2v8h2Zm6 0V9h-2v14h2ZM7.8 7.599 4.75 10.03A2.002 2.002 0 0 1 3 13a2.004 2.004 0 0 1-2-2.001 2.002 2.002 0 0 1 3.057-1.697l3.117-2.486A2.002 2.002 0 0 1 9 4a2.002 2.002 0 0 1 2 2.05l2.442.697a1.997 1.997 0 0 1 2.574-.47l3.261-3.261A2.002 2.002 0 0 1 21 0c1.103 0 2 .897 2 2a2.002 2.002 0 0 1-3.016 1.723l-3.261 3.261A2.002 2.002 0 0 1 15 10a2.002 2.002 0 0 1-1.973-2.332l-2.302-.656a2 2 0 0 1-2.926.587Zm-4.11 2.678A1.001 1.001 0 1 0 3 12a1.001 1.001 0 0 0 .69-1.723Zm4.548-3.63A1.001 1.001 0 1 0 9 5a1.001 1.001 0 0 0-.8 1.6.507.507 0 0 1 .038.047Zm12.075-3.92A1.001 1.001 0 1 0 21 1a1.001 1.001 0 0 0-.726 1.686.49.49 0 0 1 .04.04ZM15 7a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar2.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: "M1 23v-5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2v-8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1Zm3 0v-5H2v5h2Zm6 0V13H8v10h2Zm6 0v-8h-2v8h2Zm6 0V9h-2v14h2ZM7.8 7.599 4.75 10.03A2.002 2.002 0 0 1 3 13a2.004 2.004 0 0 1-2-2.001 2.002 2.002 0 0 1 3.057-1.697l3.117-2.486A2.002 2.002 0 0 1 9 4a2.002 2.002 0 0 1 2 2.05l2.442.697a1.997 1.997 0 0 1 2.574-.47l3.261-3.261A2.002 2.002 0 0 1 21 0c1.103 0 2 .897 2 2a2.002 2.002 0 0 1-3.016 1.723l-3.261 3.261A2.002 2.002 0 0 1 15 10a2.002 2.002 0 0 1-1.973-2.332l-2.302-.656a2 2 0 0 1-2.926.587Zm-4.11 2.678A1.001 1.001 0 1 0 3 12a1.001 1.001 0 0 0 .69-1.723Zm4.548-3.63A1.001 1.001 0 1 0 9 5a1.001 1.001 0 0 0-.8 1.6.507.507 0 0 1 .038.047Zm12.075-3.92A1.001 1.001 0 1 0 21 1a1.001 1.001 0 0 0-.726 1.686.49.49 0 0 1 .04.04ZM15 7a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M1 23v-5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2v-8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h2V8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V23h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1Zm3 0v-5H2v5h2Zm6 0V13H8v10h2Zm6 0v-8h-2v8h2Zm6 0V9h-2v14h2ZM7.8 7.599 4.75 10.03A2.002 2.002 0 0 1 3 13a2.004 2.004 0 0 1-2-2.001 2.002 2.002 0 0 1 3.057-1.697l3.117-2.486A2.002 2.002 0 0 1 9 4a2.002 2.002 0 0 1 2 2.05l2.442.697a1.997 1.997 0 0 1 2.574-.47l3.261-3.261A2.002 2.002 0 0 1 21 0c1.103 0 2 .897 2 2a2.002 2.002 0 0 1-3.016 1.723l-3.261 3.261A2.002 2.002 0 0 1 15 10a2.002 2.002 0 0 1-1.973-2.332l-2.302-.656a2 2 0 0 1-2.926.587Zm-4.11 2.678A1.001 1.001 0 1 0 3 12a1.001 1.001 0 0 0 .69-1.723Zm4.548-3.63A1.001 1.001 0 1 0 9 5a1.001 1.001 0 0 0-.8 1.6.507.507 0 0 1 .038.047Zm12.075-3.92A1.001 1.001 0 1 0 21 1a1.001 1.001 0 0 0-.726 1.686.49.49 0 0 1 .04.04ZM15 7a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar3Bold.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: "M5 9.5H2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-.5-.5ZM2 8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H2Zm11.5-6.5h-3a.5.5 0 0 0-.5.5v20a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5Zm-3-1.5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-3ZM22 5.5h-3a.5.5 0 0 0-.5.5v16a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM19 4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-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: "M5 9.5H2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-.5-.5ZM2 8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H2Zm11.5-6.5h-3a.5.5 0 0 0-.5.5v20a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5Zm-3-1.5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-3ZM22 5.5h-3a.5.5 0 0 0-.5.5v16a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM19 4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar3Bold.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: "M5 9.5H2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-.5-.5ZM2 8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H2Zm11.5-6.5h-3a.5.5 0 0 0-.5.5v20a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5Zm-3-1.5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-3ZM22 5.5h-3a.5.5 0 0 0-.5.5v16a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM19 4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-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: "M5 9.5H2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-.5-.5ZM2 8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H2Zm11.5-6.5h-3a.5.5 0 0 0-.5.5v20a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5Zm-3-1.5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-3ZM22 5.5h-3a.5.5 0 0 0-.5.5v16a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM19 4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar3Solid.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: "M0 10a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm8.5-8a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V2ZM17 6a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V6Z"
-  })]
-});
+}) => {
+  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: "M0 10a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm8.5-8a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V2ZM17 6a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/ChartsBar3Solid.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: "M0 10a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm8.5-8a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V2ZM17 6a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V6Z"
-  })]
-});
+}) => {
+  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: "M0 10a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm8.5-8a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V2ZM17 6a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2V6Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};