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

package/build/rn/icons/Speed.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: "M19.744 19.744c-4.27 4.27-11.218 4.27-15.488 0a10.89 10.89 0 0 1-2.044-2.848h5.526c.896 0 1.708-.556 2.026-1.406A2.344 2.344 0 0 1 12 13.896a2.37 2.37 0 0 1 1.437.482 2.349 2.349 0 0 1 .807 1.132 2.16 2.16 0 0 0 2.019 1.386h5.524a10.89 10.89 0 0 1-2.043 2.848Zm-.046-10.375a.554.554 0 0 0-.777-.095l-5.122 4.01A3.49 3.49 0 0 0 12 12.79c-1.498 0-2.82.945-3.282 2.332a1.06 1.06 0 0 1-.98.667h-6a10.97 10.97 0 0 1-.658-3.234h2.632a.554.554 0 0 0 0-1.107H1.08a10.89 10.89 0 0 1 2.804-6.779L5.766 6.55a.556.556 0 0 0 .784 0 .554.554 0 0 0 0-.783L4.668 3.884a10.891 10.891 0 0 1 6.778-2.804v2.631a.555.555 0 0 0 1.107 0v-2.63a10.885 10.885 0 0 1 6.779 2.804L17.53 5.687a.554.554 0 1 0 .782.784l1.804-1.803a10.889 10.889 0 0 1 2.803 6.779h-2.63a.553.553 0 1 0 0 1.107h2.63a10.97 10.97 0 0 1-.657 3.234h-6c-.43 0-.832-.274-.973-.648a3.4 3.4 0 0 0-.63-1.122l4.944-3.871a.552.552 0 0 0 .095-.778Zm4.225 2.897A.541.541 0 0 0 24 12a.544.544 0 0 0-.077-.267 11.889 11.889 0 0 0-3.479-8.174v-.002l-.003-.002A11.89 11.89 0 0 0 12.267.078.536.536 0 0 0 12 0a.533.533 0 0 0-.266.078 11.887 11.887 0 0 0-8.178 3.479 11.887 11.887 0 0 0-3.479 8.178A.531.531 0 0 0 0 12c0 .098.032.186.077.265.03 1.378.294 2.748.797 4.049 0 .01-.006.019-.006.027 0 .166.074.308.187.41a11.87 11.87 0 0 0 2.501 3.693A11.9 11.9 0 0 0 12 23.935a11.9 11.9 0 0 0 8.443-3.491 11.863 11.863 0 0 0 2.5-3.692.545.545 0 0 0 .19-.41c0-.01-.007-.02-.007-.03.502-1.3.765-2.67.797-4.046Z",
-    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: "M19.744 19.744c-4.27 4.27-11.218 4.27-15.488 0a10.89 10.89 0 0 1-2.044-2.848h5.526c.896 0 1.708-.556 2.026-1.406A2.344 2.344 0 0 1 12 13.896a2.37 2.37 0 0 1 1.437.482 2.349 2.349 0 0 1 .807 1.132 2.16 2.16 0 0 0 2.019 1.386h5.524a10.89 10.89 0 0 1-2.043 2.848Zm-.046-10.375a.554.554 0 0 0-.777-.095l-5.122 4.01A3.49 3.49 0 0 0 12 12.79c-1.498 0-2.82.945-3.282 2.332a1.06 1.06 0 0 1-.98.667h-6a10.97 10.97 0 0 1-.658-3.234h2.632a.554.554 0 0 0 0-1.107H1.08a10.89 10.89 0 0 1 2.804-6.779L5.766 6.55a.556.556 0 0 0 .784 0 .554.554 0 0 0 0-.783L4.668 3.884a10.891 10.891 0 0 1 6.778-2.804v2.631a.555.555 0 0 0 1.107 0v-2.63a10.885 10.885 0 0 1 6.779 2.804L17.53 5.687a.554.554 0 1 0 .782.784l1.804-1.803a10.889 10.889 0 0 1 2.803 6.779h-2.63a.553.553 0 1 0 0 1.107h2.63a10.97 10.97 0 0 1-.657 3.234h-6c-.43 0-.832-.274-.973-.648a3.4 3.4 0 0 0-.63-1.122l4.944-3.871a.552.552 0 0 0 .095-.778Zm4.225 2.897A.541.541 0 0 0 24 12a.544.544 0 0 0-.077-.267 11.889 11.889 0 0 0-3.479-8.174v-.002l-.003-.002A11.89 11.89 0 0 0 12.267.078.536.536 0 0 0 12 0a.533.533 0 0 0-.266.078 11.887 11.887 0 0 0-8.178 3.479 11.887 11.887 0 0 0-3.479 8.178A.531.531 0 0 0 0 12c0 .098.032.186.077.265.03 1.378.294 2.748.797 4.049 0 .01-.006.019-.006.027 0 .166.074.308.187.41a11.87 11.87 0 0 0 2.501 3.693A11.9 11.9 0 0 0 12 23.935a11.9 11.9 0 0 0 8.443-3.491 11.863 11.863 0 0 0 2.5-3.692.545.545 0 0 0 .19-.41c0-.01-.007-.02-.007-.03.502-1.3.765-2.67.797-4.046Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SpeedReduced.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: "M4.257 19.744c4.27 4.27 11.217 4.27 15.488 0a10.89 10.89 0 0 0 2.043-2.848h-5.525a2.165 2.165 0 0 1-2.026-1.406A2.344 2.344 0 0 0 12 13.896c-.533 0-1.034.176-1.437.482a2.35 2.35 0 0 0-.807 1.132 2.16 2.16 0 0 1-2.018 1.386H2.213a10.89 10.89 0 0 0 2.044 2.848Zm.045-10.375a.554.554 0 0 1 .777-.095l5.123 4.01A3.49 3.49 0 0 1 12 12.79c1.499 0 2.82.945 3.282 2.332.148.393.55.667.98.667h6.001a10.97 10.97 0 0 0 .657-3.234h-2.63a.554.554 0 0 1 0-1.107h2.631a10.89 10.89 0 0 0-2.803-6.779L18.234 6.55a.556.556 0 0 1-.784 0 .554.554 0 0 1 0-.783l1.883-1.883a10.892 10.892 0 0 0-6.778-2.804v2.631a.555.555 0 0 1-1.108 0v-2.63a10.885 10.885 0 0 0-6.778 2.804L6.47 5.687a.554.554 0 1 1-.783.784L3.885 4.668a10.89 10.89 0 0 0-2.804 6.779h2.63a.553.553 0 1 1 0 1.107h-2.63c.055 1.1.273 2.19.657 3.234h6c.43 0 .833-.274.973-.648.141-.42.356-.798.63-1.122l-4.944-3.871a.552.552 0 0 1-.095-.778ZM.077 12.266A.542.542 0 0 1 0 12c0-.098.033-.186.077-.267a11.889 11.889 0 0 1 3.48-8.174v-.002l.002-.002A11.89 11.89 0 0 1 11.734.078.536.536 0 0 1 12 0c.1 0 .186.032.267.078a11.887 11.887 0 0 1 8.177 3.479 11.887 11.887 0 0 1 3.479 8.178A.53.53 0 0 1 24 12a.527.527 0 0 1-.077.265 11.935 11.935 0 0 1-.797 4.049c0 .01.006.019.006.027a.548.548 0 0 1-.187.41 11.868 11.868 0 0 1-2.5 3.693A11.9 11.9 0 0 1 12 23.935a11.9 11.9 0 0 1-8.443-3.491 11.862 11.862 0 0 1-2.5-3.692.545.545 0 0 1-.189-.41c0-.01.006-.02.006-.03-.502-1.3-.765-2.67-.797-4.046Z",
-    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: "M4.257 19.744c4.27 4.27 11.217 4.27 15.488 0a10.89 10.89 0 0 0 2.043-2.848h-5.525a2.165 2.165 0 0 1-2.026-1.406A2.344 2.344 0 0 0 12 13.896c-.533 0-1.034.176-1.437.482a2.35 2.35 0 0 0-.807 1.132 2.16 2.16 0 0 1-2.018 1.386H2.213a10.89 10.89 0 0 0 2.044 2.848Zm.045-10.375a.554.554 0 0 1 .777-.095l5.123 4.01A3.49 3.49 0 0 1 12 12.79c1.499 0 2.82.945 3.282 2.332.148.393.55.667.98.667h6.001a10.97 10.97 0 0 0 .657-3.234h-2.63a.554.554 0 0 1 0-1.107h2.631a10.89 10.89 0 0 0-2.803-6.779L18.234 6.55a.556.556 0 0 1-.784 0 .554.554 0 0 1 0-.783l1.883-1.883a10.892 10.892 0 0 0-6.778-2.804v2.631a.555.555 0 0 1-1.108 0v-2.63a10.885 10.885 0 0 0-6.778 2.804L6.47 5.687a.554.554 0 1 1-.783.784L3.885 4.668a10.89 10.89 0 0 0-2.804 6.779h2.63a.553.553 0 1 1 0 1.107h-2.63c.055 1.1.273 2.19.657 3.234h6c.43 0 .833-.274.973-.648.141-.42.356-.798.63-1.122l-4.944-3.871a.552.552 0 0 1-.095-.778ZM.077 12.266A.542.542 0 0 1 0 12c0-.098.033-.186.077-.267a11.889 11.889 0 0 1 3.48-8.174v-.002l.002-.002A11.89 11.89 0 0 1 11.734.078.536.536 0 0 1 12 0c.1 0 .186.032.267.078a11.887 11.887 0 0 1 8.177 3.479 11.887 11.887 0 0 1 3.479 8.178A.53.53 0 0 1 24 12a.527.527 0 0 1-.077.265 11.935 11.935 0 0 1-.797 4.049c0 .01.006.019.006.027a.548.548 0 0 1-.187.41 11.868 11.868 0 0 1-2.5 3.693A11.9 11.9 0 0 1 12 23.935a11.9 11.9 0 0 1-8.443-3.491 11.862 11.862 0 0 1-2.5-3.692.545.545 0 0 1-.189-.41c0-.01.006-.02.006-.03-.502-1.3-.765-2.67-.797-4.046Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SpeedReduced.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: "M4.257 19.744c4.27 4.27 11.217 4.27 15.488 0a10.89 10.89 0 0 0 2.043-2.848h-5.525a2.165 2.165 0 0 1-2.026-1.406A2.344 2.344 0 0 0 12 13.896c-.533 0-1.034.176-1.437.482a2.35 2.35 0 0 0-.807 1.132 2.16 2.16 0 0 1-2.018 1.386H2.213a10.89 10.89 0 0 0 2.044 2.848Zm.045-10.375a.554.554 0 0 1 .777-.095l5.123 4.01A3.49 3.49 0 0 1 12 12.79c1.499 0 2.82.945 3.282 2.332.148.393.55.667.98.667h6.001a10.97 10.97 0 0 0 .657-3.234h-2.63a.554.554 0 0 1 0-1.107h2.631a10.89 10.89 0 0 0-2.803-6.779L18.234 6.55a.556.556 0 0 1-.784 0 .554.554 0 0 1 0-.783l1.883-1.883a10.892 10.892 0 0 0-6.778-2.804v2.631a.555.555 0 0 1-1.108 0v-2.63a10.885 10.885 0 0 0-6.778 2.804L6.47 5.687a.554.554 0 1 1-.783.784L3.885 4.668a10.89 10.89 0 0 0-2.804 6.779h2.63a.553.553 0 1 1 0 1.107h-2.63c.055 1.1.273 2.19.657 3.234h6c.43 0 .833-.274.973-.648.141-.42.356-.798.63-1.122l-4.944-3.871a.552.552 0 0 1-.095-.778ZM.077 12.266A.542.542 0 0 1 0 12c0-.098.033-.186.077-.267a11.889 11.889 0 0 1 3.48-8.174v-.002l.002-.002A11.89 11.89 0 0 1 11.734.078.536.536 0 0 1 12 0c.1 0 .186.032.267.078a11.887 11.887 0 0 1 8.177 3.479 11.887 11.887 0 0 1 3.479 8.178A.53.53 0 0 1 24 12a.527.527 0 0 1-.077.265 11.935 11.935 0 0 1-.797 4.049c0 .01.006.019.006.027a.548.548 0 0 1-.187.41 11.868 11.868 0 0 1-2.5 3.693A11.9 11.9 0 0 1 12 23.935a11.9 11.9 0 0 1-8.443-3.491 11.862 11.862 0 0 1-2.5-3.692.545.545 0 0 1-.189-.41c0-.01.006-.02.006-.03-.502-1.3-.765-2.67-.797-4.046Z",
-    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: "M4.257 19.744c4.27 4.27 11.217 4.27 15.488 0a10.89 10.89 0 0 0 2.043-2.848h-5.525a2.165 2.165 0 0 1-2.026-1.406A2.344 2.344 0 0 0 12 13.896c-.533 0-1.034.176-1.437.482a2.35 2.35 0 0 0-.807 1.132 2.16 2.16 0 0 1-2.018 1.386H2.213a10.89 10.89 0 0 0 2.044 2.848Zm.045-10.375a.554.554 0 0 1 .777-.095l5.123 4.01A3.49 3.49 0 0 1 12 12.79c1.499 0 2.82.945 3.282 2.332.148.393.55.667.98.667h6.001a10.97 10.97 0 0 0 .657-3.234h-2.63a.554.554 0 0 1 0-1.107h2.631a10.89 10.89 0 0 0-2.803-6.779L18.234 6.55a.556.556 0 0 1-.784 0 .554.554 0 0 1 0-.783l1.883-1.883a10.892 10.892 0 0 0-6.778-2.804v2.631a.555.555 0 0 1-1.108 0v-2.63a10.885 10.885 0 0 0-6.778 2.804L6.47 5.687a.554.554 0 1 1-.783.784L3.885 4.668a10.89 10.89 0 0 0-2.804 6.779h2.63a.553.553 0 1 1 0 1.107h-2.63c.055 1.1.273 2.19.657 3.234h6c.43 0 .833-.274.973-.648.141-.42.356-.798.63-1.122l-4.944-3.871a.552.552 0 0 1-.095-.778ZM.077 12.266A.542.542 0 0 1 0 12c0-.098.033-.186.077-.267a11.889 11.889 0 0 1 3.48-8.174v-.002l.002-.002A11.89 11.89 0 0 1 11.734.078.536.536 0 0 1 12 0c.1 0 .186.032.267.078a11.887 11.887 0 0 1 8.177 3.479 11.887 11.887 0 0 1 3.479 8.178A.53.53 0 0 1 24 12a.527.527 0 0 1-.077.265 11.935 11.935 0 0 1-.797 4.049c0 .01.006.019.006.027a.548.548 0 0 1-.187.41 11.868 11.868 0 0 1-2.5 3.693A11.9 11.9 0 0 1 12 23.935a11.9 11.9 0 0 1-8.443-3.491 11.862 11.862 0 0 1-2.5-3.692.545.545 0 0 1-.189-.41c0-.01.006-.02.006-.03-.502-1.3-.765-2.67-.797-4.046Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/StatusError.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: "M0 12C0 5.376 5.376 0 12 0s12 5.376 12 12-5.376 12-12 12S0 18.624 0 12Zm12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 6.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
-    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: "M0 12C0 5.376 5.376 0 12 0s12 5.376 12 12-5.376 12-12 12S0 18.624 0 12Zm12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 6.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/StatusError.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: "M0 12C0 5.376 5.376 0 12 0s12 5.376 12 12-5.376 12-12 12S0 18.624 0 12Zm12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 6.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
-    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: "M0 12C0 5.376 5.376 0 12 0s12 5.376 12 12-5.376 12-12 12S0 18.624 0 12Zm12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 6.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/StatusInfo.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 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
-    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 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/StatusInfo.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 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
-    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 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/StatusSuccess.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 0c6.624 0 12 5.376 12 12s-5.376 12-12 12S0 18.624 0 12 5.376 0 12 0Zm6.198 6.231-9.2 9.564-3.2-3.325a.746.746 0 0 0-1.075 0 .819.819 0 0 0-.019 1.102l3.72 4.168c.153.171.37.264.596.26a.729.729 0 0 0 .563-.239l.106-.114.017-.014a.76.76 0 0 0 .113-.125l9.47-10.177a.805.805 0 0 0-.01-1.098.744.744 0 0 0-1.08-.002Z",
-    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 0c6.624 0 12 5.376 12 12s-5.376 12-12 12S0 18.624 0 12 5.376 0 12 0Zm6.198 6.231-9.2 9.564-3.2-3.325a.746.746 0 0 0-1.075 0 .819.819 0 0 0-.019 1.102l3.72 4.168c.153.171.37.264.596.26a.729.729 0 0 0 .563-.239l.106-.114.017-.014a.76.76 0 0 0 .113-.125l9.47-10.177a.805.805 0 0 0-.01-1.098.744.744 0 0 0-1.08-.002Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/StatusSuccess.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 0c6.624 0 12 5.376 12 12s-5.376 12-12 12S0 18.624 0 12 5.376 0 12 0Zm6.198 6.231-9.2 9.564-3.2-3.325a.746.746 0 0 0-1.075 0 .819.819 0 0 0-.019 1.102l3.72 4.168c.153.171.37.264.596.26a.729.729 0 0 0 .563-.239l.106-.114.017-.014a.76.76 0 0 0 .113-.125l9.47-10.177a.805.805 0 0 0-.01-1.098.744.744 0 0 0-1.08-.002Z",
-    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 0c6.624 0 12 5.376 12 12s-5.376 12-12 12S0 18.624 0 12 5.376 0 12 0Zm6.198 6.231-9.2 9.564-3.2-3.325a.746.746 0 0 0-1.075 0 .819.819 0 0 0-.019 1.102l3.72 4.168c.153.171.37.264.596.26a.729.729 0 0 0 .563-.239l.106-.114.017-.014a.76.76 0 0 0 .113-.125l9.47-10.177a.805.805 0 0 0-.01-1.098.744.744 0 0 0-1.08-.002Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/StatusWarning.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.883 2.342 23.026 21.4a1 1 0 0 1-.883 1.47H1.857a1 1 0 0 1-.883-1.47L11.117 2.342a1 1 0 0 1 1.766 0ZM12 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 8.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
-    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.883 2.342 23.026 21.4a1 1 0 0 1-.883 1.47H1.857a1 1 0 0 1-.883-1.47L11.117 2.342a1 1 0 0 1 1.766 0ZM12 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 8.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};