@telus-uds/palettes-community.palette-casa 4.1.3 → 4.1.5

package/build/rn/icons/CallTalking.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: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm10.725-.651c4.57 0 8.289 3.718 8.289 8.289a.554.554 0 0 1-1.105 0c0-3.961-3.223-7.184-7.184-7.184a.553.553 0 1 1 0-1.105Zm0 4.42a3.872 3.872 0 0 1 3.868 3.869.554.554 0 0 1-1.105 0 2.767 2.767 0 0 0-2.763-2.763.553.553 0 1 1 0-1.105Z",
-    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: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm10.725-.651c4.57 0 8.289 3.718 8.289 8.289a.554.554 0 0 1-1.105 0c0-3.961-3.223-7.184-7.184-7.184a.553.553 0 1 1 0-1.105Zm0 4.42a3.872 3.872 0 0 1 3.868 3.869.554.554 0 0 1-1.105 0 2.767 2.767 0 0 0-2.763-2.763.553.553 0 1 1 0-1.105Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CallTalking.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: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm10.725-.651c4.57 0 8.289 3.718 8.289 8.289a.554.554 0 0 1-1.105 0c0-3.961-3.223-7.184-7.184-7.184a.553.553 0 1 1 0-1.105Zm0 4.42a3.872 3.872 0 0 1 3.868 3.869.554.554 0 0 1-1.105 0 2.767 2.767 0 0 0-2.763-2.763.553.553 0 1 1 0-1.105Z",
-    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: "M8.786 6.91 7.202 9.847a.473.473 0 0 0-.046.336 9.468 9.468 0 0 0 6.967 6.972.42.42 0 0 0 .343-.035l2.939-1.585a1.324 1.324 0 0 1 1.562.225l2.221 2.222c.249.255.386.587.386.935 0 .353-.136.685-.385.933l-1.326 1.326a1.333 1.333 0 0 1-1.016.384 17.94 17.94 0 0 1-16.41-16.4c-.032-.371.112-.75.386-1.018l1.325-1.326c.248-.248.58-.384.935-.384.347 0 .679.137.933.384l2.538 2.53c.383.383.493.943.294 1.432l-.062.132Zm-5.3-4.757c.808-.806 2.197-.845 3.06-.115l.125.115 2.537 2.538c.667.666.845 1.654.47 2.507l-.078.158-1.492 2.78a8.582 8.582 0 0 0 5.793 5.996l.284.081 2.772-1.492a2.276 2.276 0 0 1 2.538.275l.128.117 2.221 2.222c.424.415.656.977.656 1.582a2.24 2.24 0 0 1-.526 1.447l-.136.148-1.318 1.319c-.42.426-.999.67-1.59.67-.055 0-.11 0-.165-.008A18.871 18.871 0 0 1 1.505 5.236a2.231 2.231 0 0 1 .54-1.63l.123-.133 1.319-1.32Zm10.725-.651c4.57 0 8.289 3.718 8.289 8.289a.554.554 0 0 1-1.105 0c0-3.961-3.223-7.184-7.184-7.184a.553.553 0 1 1 0-1.105Zm0 4.42a3.872 3.872 0 0 1 3.868 3.869.554.554 0 0 1-1.105 0 2.767 2.767 0 0 0-2.763-2.763.553.553 0 1 1 0-1.105Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Camera.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.334 2.376c.99 0 1.919.668 2.322 1.648l.065.175.321 1.066c.049.146.181.246.357.272l.091.006h3.615a2.898 2.898 0 0 1 2.89 2.725l.005.17V18.73a2.899 2.899 0 0 1-2.725 2.89l-.17.005H2.895A2.898 2.898 0 0 1 .005 18.9L0 18.73V8.438c0-1.538 1.207-2.8 2.725-2.889l.17-.005h3.614c.174 0 .33-.095.411-.244l.034-.079.325-.998c.34-1.027 1.236-1.761 2.214-1.84l.173-.006h4.668Zm0 1.04H9.666c-.552 0-1.099.41-1.349.993l-.052.138-.323.994a1.5 1.5 0 0 1-1.294 1.035l-.139.006H2.895c-.974 0-1.776.756-1.85 1.71l-.006.146V18.73c0 .975.756 1.776 1.711 1.85l.145.006h18.21c.975 0 1.776-.755 1.85-1.71l.006-.146V8.438c0-.973-.755-1.775-1.711-1.849l-.145-.006H17.49c-.623 0-1.155-.34-1.39-.876l-.048-.128-.322-1.064c-.197-.59-.717-1.031-1.268-1.092l-.128-.006ZM12 7.918a5.672 5.672 0 0 1 5.666 5.665A5.673 5.673 0 0 1 12 19.25a5.673 5.673 0 0 1-5.666-5.666A5.672 5.672 0 0 1 12 7.919Zm0 1.038a4.632 4.632 0 0 0-4.626 4.627A4.632 4.632 0 0 0 12 18.212a4.632 4.632 0 0 0 4.627-4.628A4.632 4.632 0 0 0 12 8.957Zm0 .648a.52.52 0 0 1 0 1.039 2.979 2.979 0 0 0-2.975 2.975.52.52 0 0 1-1.039 0A4.019 4.019 0 0 1 12 9.605Z",
-    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.334 2.376c.99 0 1.919.668 2.322 1.648l.065.175.321 1.066c.049.146.181.246.357.272l.091.006h3.615a2.898 2.898 0 0 1 2.89 2.725l.005.17V18.73a2.899 2.899 0 0 1-2.725 2.89l-.17.005H2.895A2.898 2.898 0 0 1 .005 18.9L0 18.73V8.438c0-1.538 1.207-2.8 2.725-2.889l.17-.005h3.614c.174 0 .33-.095.411-.244l.034-.079.325-.998c.34-1.027 1.236-1.761 2.214-1.84l.173-.006h4.668Zm0 1.04H9.666c-.552 0-1.099.41-1.349.993l-.052.138-.323.994a1.5 1.5 0 0 1-1.294 1.035l-.139.006H2.895c-.974 0-1.776.756-1.85 1.71l-.006.146V18.73c0 .975.756 1.776 1.711 1.85l.145.006h18.21c.975 0 1.776-.755 1.85-1.71l.006-.146V8.438c0-.973-.755-1.775-1.711-1.849l-.145-.006H17.49c-.623 0-1.155-.34-1.39-.876l-.048-.128-.322-1.064c-.197-.59-.717-1.031-1.268-1.092l-.128-.006ZM12 7.918a5.672 5.672 0 0 1 5.666 5.665A5.673 5.673 0 0 1 12 19.25a5.673 5.673 0 0 1-5.666-5.666A5.672 5.672 0 0 1 12 7.919Zm0 1.038a4.632 4.632 0 0 0-4.626 4.627A4.632 4.632 0 0 0 12 18.212a4.632 4.632 0 0 0 4.627-4.628A4.632 4.632 0 0 0 12 8.957Zm0 .648a.52.52 0 0 1 0 1.039 2.979 2.979 0 0 0-2.975 2.975.52.52 0 0 1-1.039 0A4.019 4.019 0 0 1 12 9.605Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Camera.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.334 2.376c.99 0 1.919.668 2.322 1.648l.065.175.321 1.066c.049.146.181.246.357.272l.091.006h3.615a2.898 2.898 0 0 1 2.89 2.725l.005.17V18.73a2.899 2.899 0 0 1-2.725 2.89l-.17.005H2.895A2.898 2.898 0 0 1 .005 18.9L0 18.73V8.438c0-1.538 1.207-2.8 2.725-2.889l.17-.005h3.614c.174 0 .33-.095.411-.244l.034-.079.325-.998c.34-1.027 1.236-1.761 2.214-1.84l.173-.006h4.668Zm0 1.04H9.666c-.552 0-1.099.41-1.349.993l-.052.138-.323.994a1.5 1.5 0 0 1-1.294 1.035l-.139.006H2.895c-.974 0-1.776.756-1.85 1.71l-.006.146V18.73c0 .975.756 1.776 1.711 1.85l.145.006h18.21c.975 0 1.776-.755 1.85-1.71l.006-.146V8.438c0-.973-.755-1.775-1.711-1.849l-.145-.006H17.49c-.623 0-1.155-.34-1.39-.876l-.048-.128-.322-1.064c-.197-.59-.717-1.031-1.268-1.092l-.128-.006ZM12 7.918a5.672 5.672 0 0 1 5.666 5.665A5.673 5.673 0 0 1 12 19.25a5.673 5.673 0 0 1-5.666-5.666A5.672 5.672 0 0 1 12 7.919Zm0 1.038a4.632 4.632 0 0 0-4.626 4.627A4.632 4.632 0 0 0 12 18.212a4.632 4.632 0 0 0 4.627-4.628A4.632 4.632 0 0 0 12 8.957Zm0 .648a.52.52 0 0 1 0 1.039 2.979 2.979 0 0 0-2.975 2.975.52.52 0 0 1-1.039 0A4.019 4.019 0 0 1 12 9.605Z",
-    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.334 2.376c.99 0 1.919.668 2.322 1.648l.065.175.321 1.066c.049.146.181.246.357.272l.091.006h3.615a2.898 2.898 0 0 1 2.89 2.725l.005.17V18.73a2.899 2.899 0 0 1-2.725 2.89l-.17.005H2.895A2.898 2.898 0 0 1 .005 18.9L0 18.73V8.438c0-1.538 1.207-2.8 2.725-2.889l.17-.005h3.614c.174 0 .33-.095.411-.244l.034-.079.325-.998c.34-1.027 1.236-1.761 2.214-1.84l.173-.006h4.668Zm0 1.04H9.666c-.552 0-1.099.41-1.349.993l-.052.138-.323.994a1.5 1.5 0 0 1-1.294 1.035l-.139.006H2.895c-.974 0-1.776.756-1.85 1.71l-.006.146V18.73c0 .975.756 1.776 1.711 1.85l.145.006h18.21c.975 0 1.776-.755 1.85-1.71l.006-.146V8.438c0-.973-.755-1.775-1.711-1.849l-.145-.006H17.49c-.623 0-1.155-.34-1.39-.876l-.048-.128-.322-1.064c-.197-.59-.717-1.031-1.268-1.092l-.128-.006ZM12 7.918a5.672 5.672 0 0 1 5.666 5.665A5.673 5.673 0 0 1 12 19.25a5.673 5.673 0 0 1-5.666-5.666A5.672 5.672 0 0 1 12 7.919Zm0 1.038a4.632 4.632 0 0 0-4.626 4.627A4.632 4.632 0 0 0 12 18.212a4.632 4.632 0 0 0 4.627-4.628A4.632 4.632 0 0 0 12 8.957Zm0 .648a.52.52 0 0 1 0 1.039 2.979 2.979 0 0 0-2.975 2.975.52.52 0 0 1-1.039 0A4.019 4.019 0 0 1 12 9.605Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CanUs.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.33 3.842 8.864 1.434 7.396 3.842a.671.671 0 0 1-.948.207l-.267-.18.476 3.207c.092.621-.65 1.014-1.114.59l-1.529-1.39-.14.356a.67.67 0 0 1-.745.412L1.476 6.74l.483 1.952a.666.666 0 0 1-.245.691l-.33.251 3.572 3.01v2.206l-.434.055A.668.668 0 0 1 3.815 14l.255-.646-3.833-3.227a.666.666 0 0 1 .027-1.041l.541-.41-.578-2.338a.668.668 0 0 1 .771-.816l1.973.363.243-.616A.67.67 0 0 1 4.29 5.02l1.08.983-.44-2.971a.67.67 0 0 1 1.038-.65l.719.484L8.236.321A.67.67 0 0 1 8.808 0h.11a.67.67 0 0 1 .573.321l1.55 2.545.72-.484a.67.67 0 0 1 1.037.65l-.44 2.971 1.08-.983a.67.67 0 0 1 1.075.248l.243.616 1.973-.363a.668.668 0 0 1 .771.816l-.578 2.338.54.41a.666.666 0 0 1 .028 1.04l-.522.44H15.24l1.105-.93-.331-.252a.666.666 0 0 1-.245-.69l.483-1.953-1.654.304a.67.67 0 0 1-.744-.412l-.141-.355-1.529 1.39c-.465.423-1.206.03-1.114-.59l.476-3.208-.267.18a.671.671 0 0 1-.948-.207ZM6.14 23v.442a.558.558 0 0 0 1.116 0v-1.757h15.07c.924 0 1.674-.747 1.674-1.668v-6.672a1.67 1.67 0 0 0-1.674-1.668H7.814a1.67 1.67 0 0 0-1.674 1.668V23Zm1.674-10.211a.557.557 0 0 0-.558.556v2.78h5.581v-3.336H7.814Zm6.14 1.112h8.93v-.556a.557.557 0 0 0-.558-.556h-8.373V13.9Zm8.93 1.112h-8.93v1.112h8.93v-1.112Zm0 3.336v-1.112H7.256v1.112h15.628Zm0 1.112H7.256v1.112h15.07a.557.557 0 0 0 .558-.556v-.556Z",
-    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.33 3.842 8.864 1.434 7.396 3.842a.671.671 0 0 1-.948.207l-.267-.18.476 3.207c.092.621-.65 1.014-1.114.59l-1.529-1.39-.14.356a.67.67 0 0 1-.745.412L1.476 6.74l.483 1.952a.666.666 0 0 1-.245.691l-.33.251 3.572 3.01v2.206l-.434.055A.668.668 0 0 1 3.815 14l.255-.646-3.833-3.227a.666.666 0 0 1 .027-1.041l.541-.41-.578-2.338a.668.668 0 0 1 .771-.816l1.973.363.243-.616A.67.67 0 0 1 4.29 5.02l1.08.983-.44-2.971a.67.67 0 0 1 1.038-.65l.719.484L8.236.321A.67.67 0 0 1 8.808 0h.11a.67.67 0 0 1 .573.321l1.55 2.545.72-.484a.67.67 0 0 1 1.037.65l-.44 2.971 1.08-.983a.67.67 0 0 1 1.075.248l.243.616 1.973-.363a.668.668 0 0 1 .771.816l-.578 2.338.54.41a.666.666 0 0 1 .028 1.04l-.522.44H15.24l1.105-.93-.331-.252a.666.666 0 0 1-.245-.69l.483-1.953-1.654.304a.67.67 0 0 1-.744-.412l-.141-.355-1.529 1.39c-.465.423-1.206.03-1.114-.59l.476-3.208-.267.18a.671.671 0 0 1-.948-.207ZM6.14 23v.442a.558.558 0 0 0 1.116 0v-1.757h15.07c.924 0 1.674-.747 1.674-1.668v-6.672a1.67 1.67 0 0 0-1.674-1.668H7.814a1.67 1.67 0 0 0-1.674 1.668V23Zm1.674-10.211a.557.557 0 0 0-.558.556v2.78h5.581v-3.336H7.814Zm6.14 1.112h8.93v-.556a.557.557 0 0 0-.558-.556h-8.373V13.9Zm8.93 1.112h-8.93v1.112h8.93v-1.112Zm0 3.336v-1.112H7.256v1.112h15.628Zm0 1.112H7.256v1.112h15.07a.557.557 0 0 0 .558-.556v-.556Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CanUs.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.33 3.842 8.864 1.434 7.396 3.842a.671.671 0 0 1-.948.207l-.267-.18.476 3.207c.092.621-.65 1.014-1.114.59l-1.529-1.39-.14.356a.67.67 0 0 1-.745.412L1.476 6.74l.483 1.952a.666.666 0 0 1-.245.691l-.33.251 3.572 3.01v2.206l-.434.055A.668.668 0 0 1 3.815 14l.255-.646-3.833-3.227a.666.666 0 0 1 .027-1.041l.541-.41-.578-2.338a.668.668 0 0 1 .771-.816l1.973.363.243-.616A.67.67 0 0 1 4.29 5.02l1.08.983-.44-2.971a.67.67 0 0 1 1.038-.65l.719.484L8.236.321A.67.67 0 0 1 8.808 0h.11a.67.67 0 0 1 .573.321l1.55 2.545.72-.484a.67.67 0 0 1 1.037.65l-.44 2.971 1.08-.983a.67.67 0 0 1 1.075.248l.243.616 1.973-.363a.668.668 0 0 1 .771.816l-.578 2.338.54.41a.666.666 0 0 1 .028 1.04l-.522.44H15.24l1.105-.93-.331-.252a.666.666 0 0 1-.245-.69l.483-1.953-1.654.304a.67.67 0 0 1-.744-.412l-.141-.355-1.529 1.39c-.465.423-1.206.03-1.114-.59l.476-3.208-.267.18a.671.671 0 0 1-.948-.207ZM6.14 23v.442a.558.558 0 0 0 1.116 0v-1.757h15.07c.924 0 1.674-.747 1.674-1.668v-6.672a1.67 1.67 0 0 0-1.674-1.668H7.814a1.67 1.67 0 0 0-1.674 1.668V23Zm1.674-10.211a.557.557 0 0 0-.558.556v2.78h5.581v-3.336H7.814Zm6.14 1.112h8.93v-.556a.557.557 0 0 0-.558-.556h-8.373V13.9Zm8.93 1.112h-8.93v1.112h8.93v-1.112Zm0 3.336v-1.112H7.256v1.112h15.628Zm0 1.112H7.256v1.112h15.07a.557.557 0 0 0 .558-.556v-.556Z",
-    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.33 3.842 8.864 1.434 7.396 3.842a.671.671 0 0 1-.948.207l-.267-.18.476 3.207c.092.621-.65 1.014-1.114.59l-1.529-1.39-.14.356a.67.67 0 0 1-.745.412L1.476 6.74l.483 1.952a.666.666 0 0 1-.245.691l-.33.251 3.572 3.01v2.206l-.434.055A.668.668 0 0 1 3.815 14l.255-.646-3.833-3.227a.666.666 0 0 1 .027-1.041l.541-.41-.578-2.338a.668.668 0 0 1 .771-.816l1.973.363.243-.616A.67.67 0 0 1 4.29 5.02l1.08.983-.44-2.971a.67.67 0 0 1 1.038-.65l.719.484L8.236.321A.67.67 0 0 1 8.808 0h.11a.67.67 0 0 1 .573.321l1.55 2.545.72-.484a.67.67 0 0 1 1.037.65l-.44 2.971 1.08-.983a.67.67 0 0 1 1.075.248l.243.616 1.973-.363a.668.668 0 0 1 .771.816l-.578 2.338.54.41a.666.666 0 0 1 .028 1.04l-.522.44H15.24l1.105-.93-.331-.252a.666.666 0 0 1-.245-.69l.483-1.953-1.654.304a.67.67 0 0 1-.744-.412l-.141-.355-1.529 1.39c-.465.423-1.206.03-1.114-.59l.476-3.208-.267.18a.671.671 0 0 1-.948-.207ZM6.14 23v.442a.558.558 0 0 0 1.116 0v-1.757h15.07c.924 0 1.674-.747 1.674-1.668v-6.672a1.67 1.67 0 0 0-1.674-1.668H7.814a1.67 1.67 0 0 0-1.674 1.668V23Zm1.674-10.211a.557.557 0 0 0-.558.556v2.78h5.581v-3.336H7.814Zm6.14 1.112h8.93v-.556a.557.557 0 0 0-.558-.556h-8.373V13.9Zm8.93 1.112h-8.93v1.112h8.93v-1.112Zm0 3.336v-1.112H7.256v1.112h15.628Zm0 1.112H7.256v1.112h15.07a.557.557 0 0 0 .558-.556v-.556Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Car.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: "M2.042 15.958A2.505 2.505 0 0 1 0 13.5v-2C0 10.122 1.122 9 2.5 9c.458 0 .884-.228 1.139-.609l.851-1.278A2.495 2.495 0 0 1 6.57 6h7.228c.565 0 1.12.195 1.562.548L19.3 9.7c.242.194.545.3.854.3H21c1.949 0 3 1.803 3 3.5 0 1.268-.851 2.259-2.043 2.462A2.505 2.505 0 0 1 19.5 18a2.505 2.505 0 0 1-2.45-2H6.95a2.505 2.505 0 0 1-2.45 2 2.505 2.505 0 0 1-2.458-2.042Zm.022-1.023A2.505 2.505 0 0 1 4.5 13c1.207 0 2.217.86 2.45 2h10.1c.233-1.14 1.243-2 2.45-2 1.186 0 2.182.83 2.437 1.94.577-.162 1.063-.65 1.063-1.44 0-1.005-.533-2.5-2-2.5h-.845a2.371 2.371 0 0 1-1.479-.52l-3.94-3.151A1.509 1.509 0 0 0 13.798 7H6.57c-.502 0-.969.25-1.248.668l-.851 1.277A2.364 2.364 0 0 1 2.5 10c-.827 0-1.5.673-1.5 1.5v2c0 .676.45 1.248 1.064 1.435ZM4.5 14c-.827 0-1.5.673-1.5 1.5S3.673 17 4.5 17 6 16.327 6 15.5 5.327 14 4.5 14Zm15 0c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm-3-3h-5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V10h4.5a.5.5 0 0 1 0 1Zm-7 0h-4a.5.5 0 0 1-.447-.723l1-2a.5.5 0 1 1 .895.447L6.309 10H9.5a.5.5 0 0 1 0 1Zm4 2h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1Z",
-    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: "M2.042 15.958A2.505 2.505 0 0 1 0 13.5v-2C0 10.122 1.122 9 2.5 9c.458 0 .884-.228 1.139-.609l.851-1.278A2.495 2.495 0 0 1 6.57 6h7.228c.565 0 1.12.195 1.562.548L19.3 9.7c.242.194.545.3.854.3H21c1.949 0 3 1.803 3 3.5 0 1.268-.851 2.259-2.043 2.462A2.505 2.505 0 0 1 19.5 18a2.505 2.505 0 0 1-2.45-2H6.95a2.505 2.505 0 0 1-2.45 2 2.505 2.505 0 0 1-2.458-2.042Zm.022-1.023A2.505 2.505 0 0 1 4.5 13c1.207 0 2.217.86 2.45 2h10.1c.233-1.14 1.243-2 2.45-2 1.186 0 2.182.83 2.437 1.94.577-.162 1.063-.65 1.063-1.44 0-1.005-.533-2.5-2-2.5h-.845a2.371 2.371 0 0 1-1.479-.52l-3.94-3.151A1.509 1.509 0 0 0 13.798 7H6.57c-.502 0-.969.25-1.248.668l-.851 1.277A2.364 2.364 0 0 1 2.5 10c-.827 0-1.5.673-1.5 1.5v2c0 .676.45 1.248 1.064 1.435ZM4.5 14c-.827 0-1.5.673-1.5 1.5S3.673 17 4.5 17 6 16.327 6 15.5 5.327 14 4.5 14Zm15 0c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm-3-3h-5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V10h4.5a.5.5 0 0 1 0 1Zm-7 0h-4a.5.5 0 0 1-.447-.723l1-2a.5.5 0 1 1 .895.447L6.309 10H9.5a.5.5 0 0 1 0 1Zm4 2h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Car.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: "M2.042 15.958A2.505 2.505 0 0 1 0 13.5v-2C0 10.122 1.122 9 2.5 9c.458 0 .884-.228 1.139-.609l.851-1.278A2.495 2.495 0 0 1 6.57 6h7.228c.565 0 1.12.195 1.562.548L19.3 9.7c.242.194.545.3.854.3H21c1.949 0 3 1.803 3 3.5 0 1.268-.851 2.259-2.043 2.462A2.505 2.505 0 0 1 19.5 18a2.505 2.505 0 0 1-2.45-2H6.95a2.505 2.505 0 0 1-2.45 2 2.505 2.505 0 0 1-2.458-2.042Zm.022-1.023A2.505 2.505 0 0 1 4.5 13c1.207 0 2.217.86 2.45 2h10.1c.233-1.14 1.243-2 2.45-2 1.186 0 2.182.83 2.437 1.94.577-.162 1.063-.65 1.063-1.44 0-1.005-.533-2.5-2-2.5h-.845a2.371 2.371 0 0 1-1.479-.52l-3.94-3.151A1.509 1.509 0 0 0 13.798 7H6.57c-.502 0-.969.25-1.248.668l-.851 1.277A2.364 2.364 0 0 1 2.5 10c-.827 0-1.5.673-1.5 1.5v2c0 .676.45 1.248 1.064 1.435ZM4.5 14c-.827 0-1.5.673-1.5 1.5S3.673 17 4.5 17 6 16.327 6 15.5 5.327 14 4.5 14Zm15 0c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm-3-3h-5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V10h4.5a.5.5 0 0 1 0 1Zm-7 0h-4a.5.5 0 0 1-.447-.723l1-2a.5.5 0 1 1 .895.447L6.309 10H9.5a.5.5 0 0 1 0 1Zm4 2h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1Z",
-    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: "M2.042 15.958A2.505 2.505 0 0 1 0 13.5v-2C0 10.122 1.122 9 2.5 9c.458 0 .884-.228 1.139-.609l.851-1.278A2.495 2.495 0 0 1 6.57 6h7.228c.565 0 1.12.195 1.562.548L19.3 9.7c.242.194.545.3.854.3H21c1.949 0 3 1.803 3 3.5 0 1.268-.851 2.259-2.043 2.462A2.505 2.505 0 0 1 19.5 18a2.505 2.505 0 0 1-2.45-2H6.95a2.505 2.505 0 0 1-2.45 2 2.505 2.505 0 0 1-2.458-2.042Zm.022-1.023A2.505 2.505 0 0 1 4.5 13c1.207 0 2.217.86 2.45 2h10.1c.233-1.14 1.243-2 2.45-2 1.186 0 2.182.83 2.437 1.94.577-.162 1.063-.65 1.063-1.44 0-1.005-.533-2.5-2-2.5h-.845a2.371 2.371 0 0 1-1.479-.52l-3.94-3.151A1.509 1.509 0 0 0 13.798 7H6.57c-.502 0-.969.25-1.248.668l-.851 1.277A2.364 2.364 0 0 1 2.5 10c-.827 0-1.5.673-1.5 1.5v2c0 .676.45 1.248 1.064 1.435ZM4.5 14c-.827 0-1.5.673-1.5 1.5S3.673 17 4.5 17 6 16.327 6 15.5 5.327 14 4.5 14Zm15 0c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm-3-3h-5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0V10h4.5a.5.5 0 0 1 0 1Zm-7 0h-4a.5.5 0 0 1-.447-.723l1-2a.5.5 0 1 1 .895.447L6.309 10H9.5a.5.5 0 0 1 0 1Zm4 2h-1a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CaretDown.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",
-  width: size,
-  height: 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", {
-    fill: "#2B8000",
-    fillRule: "evenodd",
-    d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
-    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",
+    width: size,
+    height: 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", {
+      fill: "#2B8000",
+      fillRule: "evenodd",
+      d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/CaretDown.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",
-  width: size,
-  height: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fill: "#2B8000",
-    fillRule: "evenodd",
-    d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
-    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",
+    width: size,
+    height: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fill: "#2B8000",
+      fillRule: "evenodd",
+      d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};