@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/Receipt.js

@@ -6,23 +6,41 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 25 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: "M16.656 12.31a.567.567 0 0 0 .11-.357.557.557 0 0 0-.527-.566h-5.677a.557.557 0 0 0-.407.556.548.548 0 0 0 .517.577h5.677a.566.566 0 0 0 .307-.21Zm4.952 5.956a.566.566 0 0 1-.378.557h-2.108a.527.527 0 0 1-.477-.567.557.557 0 0 1 .368-.566h2.088a.537.537 0 0 1 .507.576Zm-4.953.352a.557.557 0 0 0 .111-.352.557.557 0 0 0-.527-.576h-5.677a.567.567 0 0 0-.407.566.547.547 0 0 0 .517.567h5.677a.557.557 0 0 0 .306-.205Zm.111-3.503a.557.557 0 0 1-.417.556h-5.677a.547.547 0 0 1-.517-.566.567.567 0 0 1 .407-.567h5.677a.557.557 0 0 1 .527.577ZM23.938 1.81c.472.44.756 1.047.792 1.693V19.22a3.559 3.559 0 0 1-3.37 3.56H4.457A3.649 3.649 0 0 1 .73 19.33v-7.388a.567.567 0 0 1 .457-.556h5.846V3.671a2.515 2.515 0 0 1 2.376-2.536h12.785a2.506 2.506 0 0 1 1.744.674ZM6.24 20.934c.48-.456.765-1.081.793-1.743V12.53h-5.16v6.601a2.516 2.516 0 0 0 2.585 2.506 2.555 2.555 0 0 0 1.782-.703Zm16.599.042c.449-.423.72-1 .757-1.616V3.672a1.383 1.383 0 0 0-1.402-1.392H9.578a1.372 1.372 0 0 0-1.402 1.262v15.49c.011.84-.262 1.66-.775 2.326l-.219.279H21.18a2.426 2.426 0 0 0 1.659-.66Zm-1.231-16.23a.557.557 0 0 0-.557-.458h-10.38a.566.566 0 0 0-.447.557V8.91a.566.566 0 0 0 .557.467h10.37a.557.557 0 0 0 .457-.576V4.745Zm-1.124 3.479h-9.146V5.43h9.107l.04 2.794Zm1.026 7.23c.069-.1.103-.22.098-.34a.532.532 0 0 0-.302-.524.537.537 0 0 0-.205-.053h-2.088a.557.557 0 0 0-.368.567.527.527 0 0 0 .477.566h2.108a.567.567 0 0 0 .28-.216Zm.098-3.502a.547.547 0 0 1-.378.557h-2.088a.528.528 0 0 1-.477-.577.556.556 0 0 1 .368-.556h2.088a.537.537 0 0 1 .487.576Z",
-    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", {
+      d: "M18.218 7.492a1.036 1.036 0 1 1-2.072 0 1.036 1.036 0 0 1 2.072 0Zm0 3.105a1.036 1.036 0 1 1-2.072 0 1.036 1.036 0 0 1 2.072 0ZM8.904 7.492c0-.572.464-1.036 1.036-1.036h4.145a1.036 1.036 0 1 1 0 2.072H9.94a1.036 1.036 0 0 1-1.036-1.036Zm0 3.105c0-.572.464-1.036 1.036-1.036h4.145a1.036 1.036 0 0 1 0 2.072H9.94a1.036 1.036 0 0 1-1.036-1.036Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M6.82 2c-.572 0-1.035.464-1.035 1.036v12.739h-1.73c-.763 0-1.382.618-1.382 1.381v2.788c0 1.131.937 2.048 2.068 2.048.002 0 .004.002.004.004s.002.004.004.004h14.506a2.072 2.072 0 0 0 2.072-2.072V3.036c0-.572-.464-1.036-1.036-1.036H6.82Zm12.435 2.454H7.856v11.32h8.292c.572 0 1.036.464 1.036 1.037v2.082a1.035 1.035 0 1 0 2.07 0V4.453Zm-4.142 13.392v2.082H5.78a1.036 1.036 0 0 1-1.036-1.036v-1.046h10.367Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +7,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 25 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: "M16.656 12.31a.567.567 0 0 0 .11-.357.557.557 0 0 0-.527-.566h-5.677a.557.557 0 0 0-.407.556.548.548 0 0 0 .517.577h5.677a.566.566 0 0 0 .307-.21Zm4.952 5.956a.566.566 0 0 1-.378.557h-2.108a.527.527 0 0 1-.477-.567.557.557 0 0 1 .368-.566h2.088a.537.537 0 0 1 .507.576Zm-4.953.352a.557.557 0 0 0 .111-.352.557.557 0 0 0-.527-.576h-5.677a.567.567 0 0 0-.407.566.547.547 0 0 0 .517.567h5.677a.557.557 0 0 0 .306-.205Zm.111-3.503a.557.557 0 0 1-.417.556h-5.677a.547.547 0 0 1-.517-.566.567.567 0 0 1 .407-.567h5.677a.557.557 0 0 1 .527.577ZM23.938 1.81c.472.44.756 1.047.792 1.693V19.22a3.559 3.559 0 0 1-3.37 3.56H4.457A3.649 3.649 0 0 1 .73 19.33v-7.388a.567.567 0 0 1 .457-.556h5.846V3.671a2.515 2.515 0 0 1 2.376-2.536h12.785a2.506 2.506 0 0 1 1.744.674ZM6.24 20.934c.48-.456.765-1.081.793-1.743V12.53h-5.16v6.601a2.516 2.516 0 0 0 2.585 2.506 2.555 2.555 0 0 0 1.782-.703Zm16.599.042c.449-.423.72-1 .757-1.616V3.672a1.383 1.383 0 0 0-1.402-1.392H9.578a1.372 1.372 0 0 0-1.402 1.262v15.49c.011.84-.262 1.66-.775 2.326l-.219.279H21.18a2.426 2.426 0 0 0 1.659-.66Zm-1.231-16.23a.557.557 0 0 0-.557-.458h-10.38a.566.566 0 0 0-.447.557V8.91a.566.566 0 0 0 .557.467h10.37a.557.557 0 0 0 .457-.576V4.745Zm-1.124 3.479h-9.146V5.43h9.107l.04 2.794Zm1.026 7.23c.069-.1.103-.22.098-.34a.532.532 0 0 0-.302-.524.537.537 0 0 0-.205-.053h-2.088a.557.557 0 0 0-.368.567.527.527 0 0 0 .477.566h2.108a.567.567 0 0 0 .28-.216Zm.098-3.502a.547.547 0 0 1-.378.557h-2.088a.528.528 0 0 1-.477-.577.556.556 0 0 1 .368-.556h2.088a.537.537 0 0 1 .487.576Z",
-    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, {
+      d: "M18.218 7.492a1.036 1.036 0 1 1-2.072 0 1.036 1.036 0 0 1 2.072 0Zm0 3.105a1.036 1.036 0 1 1-2.072 0 1.036 1.036 0 0 1 2.072 0ZM8.904 7.492c0-.572.464-1.036 1.036-1.036h4.145a1.036 1.036 0 1 1 0 2.072H9.94a1.036 1.036 0 0 1-1.036-1.036Zm0 3.105c0-.572.464-1.036 1.036-1.036h4.145a1.036 1.036 0 0 1 0 2.072H9.94a1.036 1.036 0 0 1-1.036-1.036Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M6.82 2c-.572 0-1.035.464-1.035 1.036v12.739h-1.73c-.763 0-1.382.618-1.382 1.381v2.788c0 1.131.937 2.048 2.068 2.048.002 0 .004.002.004.004s.002.004.004.004h14.506a2.072 2.072 0 0 0 2.072-2.072V3.036c0-.572-.464-1.036-1.036-1.036H6.82Zm12.435 2.454H7.856v11.32h8.292c.572 0 1.036.464 1.036 1.037v2.082a1.035 1.035 0 1 0 2.07 0V4.453Zm-4.142 13.392v2.082H5.78a1.036 1.036 0 0 1-1.036-1.036v-1.046h10.367Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Refresh.js

@@ -6,23 +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", {
-    fillRule: "evenodd",
-    d: "M22.853.294a1 1 0 0 1 .292.707h-.04v7.48a1.449 1.449 0 0 1-.05.2.847.847 0 0 1 0 .17c-.03.06-.1.15-.1.15a.668.668 0 0 1-.13.11 1.001 1.001 0 0 1-.15.11 1.06 1.06 0 0 1-.2.12.87.87 0 0 1-.32.06h-7.399a1 1 0 0 1 0-2h5.88A9.76 9.76 0 0 0 2.767 8.72a1 1 0 0 1-1.27.61 1 1 0 0 1-.61-1.26 11.73 11.73 0 0 1 20.259-3.49V1a1 1 0 0 1 1.707-.707Zm-1.172 14.41a1 1 0 0 1 .765-.034 1 1 0 0 1 .67 1.27 11.739 11.739 0 0 1-20.169 3.4V23a1 1 0 1 1-2 0v-7.5a1.6 1.6 0 0 1 0-.21.85.85 0 0 1 0-.17.781.781 0 0 1 .1-.15.998.998 0 0 1 .12-.16.431.431 0 0 1 .13-.09c.06-.046.123-.086.19-.12h.17a.985.985 0 0 1 .17 0h7.44a1 1 0 1 1 0 2h-5.86a9.76 9.76 0 0 0 17.759-1.33 1 1 0 0 1 .515-.565Z",
-    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", {
+      d: "M19.092 19.028c-1.958 1.958-4.31 2.949-7.057 2.972-2.747.023-5.095-.94-7.042-2.887l-.157-.157v1.354c0 .338-.128.633-.382.884a1.228 1.228 0 0 1-.89.377c-.339 0-.635-.127-.887-.38a1.215 1.215 0 0 1-.38-.887l-.005-4.474c0-.396.133-.726.4-.992.265-.266.596-.4.991-.4l4.475.006c.339 0 .635.126.887.38.253.252.38.547.38.886 0 .34-.128.636-.382.89a1.22 1.22 0 0 1-.89.382H6.809l.142.141c1.4 1.401 3.09 2.095 5.068 2.083 1.977-.012 3.678-.73 5.1-2.152.224-.224.43-.457.616-.698.187-.24.352-.499.497-.774a1.8 1.8 0 0 1 .812-.779 1.47 1.47 0 0 1 1.08-.077c.393.12.668.357.826.713a1.18 1.18 0 0 1-.04 1.068 8.436 8.436 0 0 1-.803 1.339c-.309.42-.647.814-1.015 1.182ZM6.882 6.948c-.225.225-.43.458-.617.699-.187.24-.352.499-.497.774a1.838 1.838 0 0 1-.82.787 1.467 1.467 0 0 1-1.09.085 1.2 1.2 0 0 1-.807-.696 1.177 1.177 0 0 1 .022-1.052 9.485 9.485 0 0 1 1.834-2.57C6.867 3.017 9.22 2.025 11.968 2c2.75-.024 5.098.937 7.046 2.885l.157.157V3.698c0-.339.126-.634.379-.887.252-.253.548-.38.887-.38.339 0 .636.128.89.383.254.254.382.55.382.89v4.469a1.368 1.368 0 0 1-1.386 1.386l-4.475-.006a1.22 1.22 0 0 1-.89-.381 1.22 1.22 0 0 1-.381-.89c0-.339.127-.636.381-.89a1.22 1.22 0 0 1 .89-.382l1.35.006-.142-.142c-1.401-1.4-3.091-2.094-5.071-2.08-1.98.014-3.68.732-5.103 2.155Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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

@@ -7,21 +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, {
-    fillRule: "evenodd",
-    d: "M22.853.294a1 1 0 0 1 .292.707h-.04v7.48a1.449 1.449 0 0 1-.05.2.847.847 0 0 1 0 .17c-.03.06-.1.15-.1.15a.668.668 0 0 1-.13.11 1.001 1.001 0 0 1-.15.11 1.06 1.06 0 0 1-.2.12.87.87 0 0 1-.32.06h-7.399a1 1 0 0 1 0-2h5.88A9.76 9.76 0 0 0 2.767 8.72a1 1 0 0 1-1.27.61 1 1 0 0 1-.61-1.26 11.73 11.73 0 0 1 20.259-3.49V1a1 1 0 0 1 1.707-.707Zm-1.172 14.41a1 1 0 0 1 .765-.034 1 1 0 0 1 .67 1.27 11.739 11.739 0 0 1-20.169 3.4V23a1 1 0 1 1-2 0v-7.5a1.6 1.6 0 0 1 0-.21.85.85 0 0 1 0-.17.781.781 0 0 1 .1-.15.998.998 0 0 1 .12-.16.431.431 0 0 1 .13-.09c.06-.046.123-.086.19-.12h.17a.985.985 0 0 1 .17 0h7.44a1 1 0 1 1 0 2h-5.86a9.76 9.76 0 0 0 17.759-1.33 1 1 0 0 1 .515-.565Z",
-    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, {
+      d: "M19.092 19.028c-1.958 1.958-4.31 2.949-7.057 2.972-2.747.023-5.095-.94-7.042-2.887l-.157-.157v1.354c0 .338-.128.633-.382.884a1.228 1.228 0 0 1-.89.377c-.339 0-.635-.127-.887-.38a1.215 1.215 0 0 1-.38-.887l-.005-4.474c0-.396.133-.726.4-.992.265-.266.596-.4.991-.4l4.475.006c.339 0 .635.126.887.38.253.252.38.547.38.886 0 .34-.128.636-.382.89a1.22 1.22 0 0 1-.89.382H6.809l.142.141c1.4 1.401 3.09 2.095 5.068 2.083 1.977-.012 3.678-.73 5.1-2.152.224-.224.43-.457.616-.698.187-.24.352-.499.497-.774a1.8 1.8 0 0 1 .812-.779 1.47 1.47 0 0 1 1.08-.077c.393.12.668.357.826.713a1.18 1.18 0 0 1-.04 1.068 8.436 8.436 0 0 1-.803 1.339c-.309.42-.647.814-1.015 1.182ZM6.882 6.948c-.225.225-.43.458-.617.699-.187.24-.352.499-.497.774a1.838 1.838 0 0 1-.82.787 1.467 1.467 0 0 1-1.09.085 1.2 1.2 0 0 1-.807-.696 1.177 1.177 0 0 1 .022-1.052 9.485 9.485 0 0 1 1.834-2.57C6.867 3.017 9.22 2.025 11.968 2c2.75-.024 5.098.937 7.046 2.885l.157.157V3.698c0-.339.126-.634.379-.887.252-.253.548-.38.887-.38.339 0 .636.128.89.383.254.254.382.55.382.89v4.469a1.368 1.368 0 0 1-1.386 1.386l-4.475-.006a1.22 1.22 0 0 1-.89-.381 1.22 1.22 0 0 1-.381-.89c0-.339.127-.636.381-.89a1.22 1.22 0 0 1 .89-.382l1.35.006-.142-.142c-1.401-1.4-3.091-2.094-5.071-2.08-1.98.014-3.68.732-5.103 2.155Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Replay.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: "M12.7.95c-4 0-7.35 2.18-9.77 6.28-.09-.13-.17-.27-.26-.4-.19-.31-.37-.63-.55-.95a17.9 17.9 0 0 1-.49-.98c-.08-.17-.16-.33-.23-.5-.04-.08-.08-.17-.11-.25a.973.973 0 0 0-.11-.23.546.546 0 0 0-.44-.22c-.12 0-.23.03-.32.11l-.03.03s-.09.11-.11.17c-.06.16-.03.33.02.48.04.13.09.27.14.4.13.41.26.83.4 1.24.07.23.15.47.22.7.32 1.01.65 2.05.92 2.87.09.28.15.59.28.85.04.08.12.18.21.22.07.04.16.05.26.02.02 0 .05-.02.07-.03l.33-.13.54-.21.7-.27c.27-.1.53-.21.8-.31l.84-.33.82-.32.74-.29.6-.24.21-.08c.07-.03.14-.06.21-.08.07-.03.14-.05.21-.08.08-.04.16-.09.22-.16.08-.11.12-.26.09-.39a.516.516 0 0 0-.6-.38l-1.53.36s-1.58.29-2.39.34c1.51-2.54 4.07-5.3 8.1-5.3 5.02 0 9.11 4.09 9.11 9.11s-4.09 9.11-9.11 9.11a9.07 9.07 0 0 1-4.63-1.27 9.47 9.47 0 0 1-1.87-1.47c-.16-.16-.3-.35-.45-.52-.19-.22-.36-.45-.53-.69-.08-.11-.15-.23-.22-.34-.18-.28-.35-.57-.49-.87l-.19-.4c-.2-.44-.66-.69-1.15-.55-.15.04-.29.12-.41.23-.14.13-.24.3-.28.49-.02.1-.03.2-.02.3.01.13.07.27.12.39.1.25.22.5.35.74.37.7.82 1.37 1.33 1.98.25.3.52.59.81.86.28.27.58.53.9.77a10.47 10.47 0 0 0 2.02 1.23c.36.17.73.32 1.11.45.38.13.77.24 1.16.33.4.09.8.16 1.21.2.41.05.83.07 1.24.07 6.09 0 11.05-4.96 11.05-11.05C23.75 5.9 18.79.95 12.7.95Z"
-  })]
-});
+}) => {
+  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: "M12.7.95c-4 0-7.35 2.18-9.77 6.28-.09-.13-.17-.27-.26-.4-.19-.31-.37-.63-.55-.95a17.9 17.9 0 0 1-.49-.98c-.08-.17-.16-.33-.23-.5-.04-.08-.08-.17-.11-.25a.973.973 0 0 0-.11-.23.546.546 0 0 0-.44-.22c-.12 0-.23.03-.32.11l-.03.03s-.09.11-.11.17c-.06.16-.03.33.02.48.04.13.09.27.14.4.13.41.26.83.4 1.24.07.23.15.47.22.7.32 1.01.65 2.05.92 2.87.09.28.15.59.28.85.04.08.12.18.21.22.07.04.16.05.26.02.02 0 .05-.02.07-.03l.33-.13.54-.21.7-.27c.27-.1.53-.21.8-.31l.84-.33.82-.32.74-.29.6-.24.21-.08c.07-.03.14-.06.21-.08.07-.03.14-.05.21-.08.08-.04.16-.09.22-.16.08-.11.12-.26.09-.39a.516.516 0 0 0-.6-.38l-1.53.36s-1.58.29-2.39.34c1.51-2.54 4.07-5.3 8.1-5.3 5.02 0 9.11 4.09 9.11 9.11s-4.09 9.11-9.11 9.11a9.07 9.07 0 0 1-4.63-1.27 9.47 9.47 0 0 1-1.87-1.47c-.16-.16-.3-.35-.45-.52-.19-.22-.36-.45-.53-.69-.08-.11-.15-.23-.22-.34-.18-.28-.35-.57-.49-.87l-.19-.4c-.2-.44-.66-.69-1.15-.55-.15.04-.29.12-.41.23-.14.13-.24.3-.28.49-.02.1-.03.2-.02.3.01.13.07.27.12.39.1.25.22.5.35.74.37.7.82 1.37 1.33 1.98.25.3.52.59.81.86.28.27.58.53.9.77a10.47 10.47 0 0 0 2.02 1.23c.36.17.73.32 1.11.45.38.13.77.24 1.16.33.4.09.8.16 1.21.2.41.05.83.07 1.24.07 6.09 0 11.05-4.96 11.05-11.05C23.75 5.9 18.79.95 12.7.95Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Replay.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: "M12.7.95c-4 0-7.35 2.18-9.77 6.28-.09-.13-.17-.27-.26-.4-.19-.31-.37-.63-.55-.95a17.9 17.9 0 0 1-.49-.98c-.08-.17-.16-.33-.23-.5-.04-.08-.08-.17-.11-.25a.973.973 0 0 0-.11-.23.546.546 0 0 0-.44-.22c-.12 0-.23.03-.32.11l-.03.03s-.09.11-.11.17c-.06.16-.03.33.02.48.04.13.09.27.14.4.13.41.26.83.4 1.24.07.23.15.47.22.7.32 1.01.65 2.05.92 2.87.09.28.15.59.28.85.04.08.12.18.21.22.07.04.16.05.26.02.02 0 .05-.02.07-.03l.33-.13.54-.21.7-.27c.27-.1.53-.21.8-.31l.84-.33.82-.32.74-.29.6-.24.21-.08c.07-.03.14-.06.21-.08.07-.03.14-.05.21-.08.08-.04.16-.09.22-.16.08-.11.12-.26.09-.39a.516.516 0 0 0-.6-.38l-1.53.36s-1.58.29-2.39.34c1.51-2.54 4.07-5.3 8.1-5.3 5.02 0 9.11 4.09 9.11 9.11s-4.09 9.11-9.11 9.11a9.07 9.07 0 0 1-4.63-1.27 9.47 9.47 0 0 1-1.87-1.47c-.16-.16-.3-.35-.45-.52-.19-.22-.36-.45-.53-.69-.08-.11-.15-.23-.22-.34-.18-.28-.35-.57-.49-.87l-.19-.4c-.2-.44-.66-.69-1.15-.55-.15.04-.29.12-.41.23-.14.13-.24.3-.28.49-.02.1-.03.2-.02.3.01.13.07.27.12.39.1.25.22.5.35.74.37.7.82 1.37 1.33 1.98.25.3.52.59.81.86.28.27.58.53.9.77a10.47 10.47 0 0 0 2.02 1.23c.36.17.73.32 1.11.45.38.13.77.24 1.16.33.4.09.8.16 1.21.2.41.05.83.07 1.24.07 6.09 0 11.05-4.96 11.05-11.05C23.75 5.9 18.79.95 12.7.95Z"
-  })]
-});
+}) => {
+  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: "M12.7.95c-4 0-7.35 2.18-9.77 6.28-.09-.13-.17-.27-.26-.4-.19-.31-.37-.63-.55-.95a17.9 17.9 0 0 1-.49-.98c-.08-.17-.16-.33-.23-.5-.04-.08-.08-.17-.11-.25a.973.973 0 0 0-.11-.23.546.546 0 0 0-.44-.22c-.12 0-.23.03-.32.11l-.03.03s-.09.11-.11.17c-.06.16-.03.33.02.48.04.13.09.27.14.4.13.41.26.83.4 1.24.07.23.15.47.22.7.32 1.01.65 2.05.92 2.87.09.28.15.59.28.85.04.08.12.18.21.22.07.04.16.05.26.02.02 0 .05-.02.07-.03l.33-.13.54-.21.7-.27c.27-.1.53-.21.8-.31l.84-.33.82-.32.74-.29.6-.24.21-.08c.07-.03.14-.06.21-.08.07-.03.14-.05.21-.08.08-.04.16-.09.22-.16.08-.11.12-.26.09-.39a.516.516 0 0 0-.6-.38l-1.53.36s-1.58.29-2.39.34c1.51-2.54 4.07-5.3 8.1-5.3 5.02 0 9.11 4.09 9.11 9.11s-4.09 9.11-9.11 9.11a9.07 9.07 0 0 1-4.63-1.27 9.47 9.47 0 0 1-1.87-1.47c-.16-.16-.3-.35-.45-.52-.19-.22-.36-.45-.53-.69-.08-.11-.15-.23-.22-.34-.18-.28-.35-.57-.49-.87l-.19-.4c-.2-.44-.66-.69-1.15-.55-.15.04-.29.12-.41.23-.14.13-.24.3-.28.49-.02.1-.03.2-.02.3.01.13.07.27.12.39.1.25.22.5.35.74.37.7.82 1.37 1.33 1.98.25.3.52.59.81.86.28.27.58.53.9.77a10.47 10.47 0 0 0 2.02 1.23c.36.17.73.32 1.11.45.38.13.77.24 1.16.33.4.09.8.16 1.21.2.41.05.83.07 1.24.07 6.09 0 11.05-4.96 11.05-11.05C23.75 5.9 18.79.95 12.7.95Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/RightCircle.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 25",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
-    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 25",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/RightCircle.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 25",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
-    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 25",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/RightCirlce.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 25",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
-    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 25",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/RightCirlce.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 25",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-    fillRule: "evenodd",
-    d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
-    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 25",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      fillRule: "evenodd",
+      d: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm-.276-17.58a1.429 1.429 0 1 0-2.02 2.02l3.36 3.359a.286.286 0 0 1 0 .404l-3.36 3.36a1.429 1.429 0 0 0 2.02 2.02l4.572-4.572a1.429 1.429 0 0 0 0-2.02l-4.572-4.572Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};