@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/rn/icons/PlugPlay.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: "M11.025 0H8.772c-.316 0-.58.107-.794.32-.214.214-.32.478-.32.795v5.692c0 .316.106.58.32.794.213.214.478.32.794.32h2.253c.503 0 .94-.177 1.314-.533.373-.356.608-.81.702-1.364h2.301V5.42c.95.4 1.812.992 2.585 1.778 1.569 1.598 2.353 3.55 2.353 5.856 0 2.287-.808 4.235-2.424 5.842-1.617 1.607-3.569 2.41-5.856 2.41-2.288 0-4.24-.799-5.856-2.396-1.616-1.598-2.424-3.55-2.424-5.856a1.29 1.29 0 0 0-.383-.95 1.29 1.29 0 0 0-.95-.383 1.29 1.29 0 0 0-.95.383 1.29 1.29 0 0 0-.383.95c0 1.531.284 2.959.85 4.282a10.976 10.976 0 0 0 2.34 3.474 10.934 10.934 0 0 0 3.488 2.34c1.333.566 2.756.85 4.268.85s2.935-.284 4.268-.85a10.934 10.934 0 0 0 3.488-2.34 10.934 10.934 0 0 0 2.34-3.488c.566-1.333.85-2.756.85-4.268 0-1.531-.284-2.959-.85-4.282a10.977 10.977 0 0 0-2.34-3.474 10.933 10.933 0 0 0-3.488-2.34 10.939 10.939 0 0 0-.926-.343v-.718h-2.3c-.095-.553-.33-1.008-.703-1.363A1.843 1.843 0 0 0 11.025 0ZM6.946 1.091v1.684H4.265a.848.848 0 0 1-.608-.232.803.803 0 0 1-.245-.61c0-.229.08-.426.24-.593a.806.806 0 0 1 .606-.249h2.688Zm0 4.056V6.83H4.265a.862.862 0 0 1-.608-.226.77.77 0 0 1-.245-.593c0-.23.08-.43.24-.604a.788.788 0 0 1 .606-.261h2.688Zm2.771 12.876c.227.128.459.121.695-.02l5.331-3.418a.592.592 0 0 0 .327-.546.623.623 0 0 0-.327-.56l-5.33-3.417c-.237-.142-.469-.149-.696-.021a.63.63 0 0 0-.34.588v6.806c0 .265.114.46.34.588Z",
-    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: "M11.025 0H8.772c-.316 0-.58.107-.794.32-.214.214-.32.478-.32.795v5.692c0 .316.106.58.32.794.213.214.478.32.794.32h2.253c.503 0 .94-.177 1.314-.533.373-.356.608-.81.702-1.364h2.301V5.42c.95.4 1.812.992 2.585 1.778 1.569 1.598 2.353 3.55 2.353 5.856 0 2.287-.808 4.235-2.424 5.842-1.617 1.607-3.569 2.41-5.856 2.41-2.288 0-4.24-.799-5.856-2.396-1.616-1.598-2.424-3.55-2.424-5.856a1.29 1.29 0 0 0-.383-.95 1.29 1.29 0 0 0-.95-.383 1.29 1.29 0 0 0-.95.383 1.29 1.29 0 0 0-.383.95c0 1.531.284 2.959.85 4.282a10.976 10.976 0 0 0 2.34 3.474 10.934 10.934 0 0 0 3.488 2.34c1.333.566 2.756.85 4.268.85s2.935-.284 4.268-.85a10.934 10.934 0 0 0 3.488-2.34 10.934 10.934 0 0 0 2.34-3.488c.566-1.333.85-2.756.85-4.268 0-1.531-.284-2.959-.85-4.282a10.977 10.977 0 0 0-2.34-3.474 10.933 10.933 0 0 0-3.488-2.34 10.939 10.939 0 0 0-.926-.343v-.718h-2.3c-.095-.553-.33-1.008-.703-1.363A1.843 1.843 0 0 0 11.025 0ZM6.946 1.091v1.684H4.265a.848.848 0 0 1-.608-.232.803.803 0 0 1-.245-.61c0-.229.08-.426.24-.593a.806.806 0 0 1 .606-.249h2.688Zm0 4.056V6.83H4.265a.862.862 0 0 1-.608-.226.77.77 0 0 1-.245-.593c0-.23.08-.43.24-.604a.788.788 0 0 1 .606-.261h2.688Zm2.771 12.876c.227.128.459.121.695-.02l5.331-3.418a.592.592 0 0 0 .327-.546.623.623 0 0 0-.327-.56l-5.33-3.417c-.237-.142-.469-.149-.696-.021a.63.63 0 0 0-.34.588v6.806c0 .265.114.46.34.588Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Preference.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 3h8a3 3 0 1 1 0 6H8a3 3 0 0 1 0-6ZM3 6a5 5 0 0 1 5-5h8a5 5 0 0 1 0 10H8a5 5 0 0 1-5-5Zm13 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0 6.5H8a3 3 0 1 0 0 6h8a3 3 0 1 0 0-6Zm-8-2a5 5 0 0 0 0 10h8a5 5 0 0 0 0-10H8Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
-    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 3h8a3 3 0 1 1 0 6H8a3 3 0 0 1 0-6ZM3 6a5 5 0 0 1 5-5h8a5 5 0 0 1 0 10H8a5 5 0 0 1-5-5Zm13 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0 6.5H8a3 3 0 1 0 0 6h8a3 3 0 1 0 0-6Zm-8-2a5 5 0 0 0 0 10h8a5 5 0 0 0 0-10H8Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Preference.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 3h8a3 3 0 1 1 0 6H8a3 3 0 0 1 0-6ZM3 6a5 5 0 0 1 5-5h8a5 5 0 0 1 0 10H8a5 5 0 0 1-5-5Zm13 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0 6.5H8a3 3 0 1 0 0 6h8a3 3 0 1 0 0-6Zm-8-2a5 5 0 0 0 0 10h8a5 5 0 0 0 0-10H8Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
-    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 3h8a3 3 0 1 1 0 6H8a3 3 0 0 1 0-6ZM3 6a5 5 0 0 1 5-5h8a5 5 0 0 1 0 10H8a5 5 0 0 1-5-5Zm13 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0 6.5H8a3 3 0 1 0 0 6h8a3 3 0 1 0 0-6Zm-8-2a5 5 0 0 0 0 10h8a5 5 0 0 0 0-10H8Zm0 7.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Price.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: "M6.141 17.793c-.205-.453-.18-.927.033-1.38.21-.445.546-.77.99-.958l.01-.004.01-.004a1.61 1.61 0 0 1 1.197.037c.401.165.73.46.99.853l.012.017.01.017c.305.554.687.94 1.143 1.184.478.255.99.383 1.544.383.84 0 1.451-.197 1.882-.54.417-.332.625-.768.625-1.357 0-.68-.23-1.194-.684-1.585-.489-.422-1.449-.883-2.952-1.357-1.464-.452-2.62-1.138-3.425-2.081C6.71 10.065 6.31 8.9 6.31 7.554a4.98 4.98 0 0 1 1.099-3.17c.687-.868 1.687-1.412 2.949-1.668V1.554c0-.437.137-.831.443-1.13C11.1.13 11.48 0 11.898 0c.407 0 .774.137 1.068.424.306.299.443.693.443 1.13v1.182c.614.16 1.197.397 1.746.712a4.988 4.988 0 0 1 1.678 1.572l.004.006.004.007c.26.418.303.883.133 1.348-.167.46-.493.788-.938.98a1.573 1.573 0 0 1-1.157.065c-.386-.12-.747-.356-1.085-.681l-.012-.011-.01-.013a2.146 2.146 0 0 0-.802-.551 2.97 2.97 0 0 0-1.132-.201c-.774 0-1.297.161-1.631.42-.318.245-.484.582-.484 1.072 0 .53.187.958.575 1.316.187.173.529.383 1.064.623a19.18 19.18 0 0 0 2.058.755l.01.003c1.461.494 2.604 1.201 3.389 2.145.798.96 1.181 2.178 1.181 3.614 0 1.465-.418 2.695-1.286 3.646-.793.87-1.91 1.431-3.305 1.718v1.165c0 .437-.137.831-.444 1.13a1.48 1.48 0 0 1-1.067.424c-.418 0-.798-.131-1.097-.424-.306-.299-.443-.693-.443-1.13v-1.203c-.947-.217-1.765-.598-2.442-1.153a6.544 6.544 0 0 1-1.771-2.29l-.004-.007Z",
-    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: "M6.141 17.793c-.205-.453-.18-.927.033-1.38.21-.445.546-.77.99-.958l.01-.004.01-.004a1.61 1.61 0 0 1 1.197.037c.401.165.73.46.99.853l.012.017.01.017c.305.554.687.94 1.143 1.184.478.255.99.383 1.544.383.84 0 1.451-.197 1.882-.54.417-.332.625-.768.625-1.357 0-.68-.23-1.194-.684-1.585-.489-.422-1.449-.883-2.952-1.357-1.464-.452-2.62-1.138-3.425-2.081C6.71 10.065 6.31 8.9 6.31 7.554a4.98 4.98 0 0 1 1.099-3.17c.687-.868 1.687-1.412 2.949-1.668V1.554c0-.437.137-.831.443-1.13C11.1.13 11.48 0 11.898 0c.407 0 .774.137 1.068.424.306.299.443.693.443 1.13v1.182c.614.16 1.197.397 1.746.712a4.988 4.988 0 0 1 1.678 1.572l.004.006.004.007c.26.418.303.883.133 1.348-.167.46-.493.788-.938.98a1.573 1.573 0 0 1-1.157.065c-.386-.12-.747-.356-1.085-.681l-.012-.011-.01-.013a2.146 2.146 0 0 0-.802-.551 2.97 2.97 0 0 0-1.132-.201c-.774 0-1.297.161-1.631.42-.318.245-.484.582-.484 1.072 0 .53.187.958.575 1.316.187.173.529.383 1.064.623a19.18 19.18 0 0 0 2.058.755l.01.003c1.461.494 2.604 1.201 3.389 2.145.798.96 1.181 2.178 1.181 3.614 0 1.465-.418 2.695-1.286 3.646-.793.87-1.91 1.431-3.305 1.718v1.165c0 .437-.137.831-.444 1.13a1.48 1.48 0 0 1-1.067.424c-.418 0-.798-.131-1.097-.424-.306-.299-.443-.693-.443-1.13v-1.203c-.947-.217-1.765-.598-2.442-1.153a6.544 6.544 0 0 1-1.771-2.29l-.004-.007Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Price.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: "M6.141 17.793c-.205-.453-.18-.927.033-1.38.21-.445.546-.77.99-.958l.01-.004.01-.004a1.61 1.61 0 0 1 1.197.037c.401.165.73.46.99.853l.012.017.01.017c.305.554.687.94 1.143 1.184.478.255.99.383 1.544.383.84 0 1.451-.197 1.882-.54.417-.332.625-.768.625-1.357 0-.68-.23-1.194-.684-1.585-.489-.422-1.449-.883-2.952-1.357-1.464-.452-2.62-1.138-3.425-2.081C6.71 10.065 6.31 8.9 6.31 7.554a4.98 4.98 0 0 1 1.099-3.17c.687-.868 1.687-1.412 2.949-1.668V1.554c0-.437.137-.831.443-1.13C11.1.13 11.48 0 11.898 0c.407 0 .774.137 1.068.424.306.299.443.693.443 1.13v1.182c.614.16 1.197.397 1.746.712a4.988 4.988 0 0 1 1.678 1.572l.004.006.004.007c.26.418.303.883.133 1.348-.167.46-.493.788-.938.98a1.573 1.573 0 0 1-1.157.065c-.386-.12-.747-.356-1.085-.681l-.012-.011-.01-.013a2.146 2.146 0 0 0-.802-.551 2.97 2.97 0 0 0-1.132-.201c-.774 0-1.297.161-1.631.42-.318.245-.484.582-.484 1.072 0 .53.187.958.575 1.316.187.173.529.383 1.064.623a19.18 19.18 0 0 0 2.058.755l.01.003c1.461.494 2.604 1.201 3.389 2.145.798.96 1.181 2.178 1.181 3.614 0 1.465-.418 2.695-1.286 3.646-.793.87-1.91 1.431-3.305 1.718v1.165c0 .437-.137.831-.444 1.13a1.48 1.48 0 0 1-1.067.424c-.418 0-.798-.131-1.097-.424-.306-.299-.443-.693-.443-1.13v-1.203c-.947-.217-1.765-.598-2.442-1.153a6.544 6.544 0 0 1-1.771-2.29l-.004-.007Z",
-    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: "M6.141 17.793c-.205-.453-.18-.927.033-1.38.21-.445.546-.77.99-.958l.01-.004.01-.004a1.61 1.61 0 0 1 1.197.037c.401.165.73.46.99.853l.012.017.01.017c.305.554.687.94 1.143 1.184.478.255.99.383 1.544.383.84 0 1.451-.197 1.882-.54.417-.332.625-.768.625-1.357 0-.68-.23-1.194-.684-1.585-.489-.422-1.449-.883-2.952-1.357-1.464-.452-2.62-1.138-3.425-2.081C6.71 10.065 6.31 8.9 6.31 7.554a4.98 4.98 0 0 1 1.099-3.17c.687-.868 1.687-1.412 2.949-1.668V1.554c0-.437.137-.831.443-1.13C11.1.13 11.48 0 11.898 0c.407 0 .774.137 1.068.424.306.299.443.693.443 1.13v1.182c.614.16 1.197.397 1.746.712a4.988 4.988 0 0 1 1.678 1.572l.004.006.004.007c.26.418.303.883.133 1.348-.167.46-.493.788-.938.98a1.573 1.573 0 0 1-1.157.065c-.386-.12-.747-.356-1.085-.681l-.012-.011-.01-.013a2.146 2.146 0 0 0-.802-.551 2.97 2.97 0 0 0-1.132-.201c-.774 0-1.297.161-1.631.42-.318.245-.484.582-.484 1.072 0 .53.187.958.575 1.316.187.173.529.383 1.064.623a19.18 19.18 0 0 0 2.058.755l.01.003c1.461.494 2.604 1.201 3.389 2.145.798.96 1.181 2.178 1.181 3.614 0 1.465-.418 2.695-1.286 3.646-.793.87-1.91 1.431-3.305 1.718v1.165c0 .437-.137.831-.444 1.13a1.48 1.48 0 0 1-1.067.424c-.418 0-.798-.131-1.097-.424-.306-.299-.443-.693-.443-1.13v-1.203c-.947-.217-1.765-.598-2.442-1.153a6.544 6.544 0 0 1-1.771-2.29l-.004-.007Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Profile.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 20.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z",
-    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 20.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Profile.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 20.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z",
-    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 20.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Question.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: "M17.556 20.315A10 10 0 1 1 6.444 3.685a10 10 0 0 1 11.112 16.63Zm1.11 1.663A12 12 0 1 1 5.334 2.024a12 12 0 0 1 13.334 19.954ZM12.07 6a5.2 5.2 0 0 1 2 .33c.463.178.89.439 1.26.77a3 3 0 0 1 .9 2.1 3.6 3.6 0 0 1-.21 1.33c-.124.323-.3.623-.52.89-.2.24-.432.452-.69.63-.25.17-.49.35-.71.52-.224.17-.426.369-.6.59a1.68 1.68 0 0 0-.29.65v.86h-2.27v-.75a3.36 3.36 0 0 1 .8-2c.196-.218.41-.419.64-.6.216-.16.406-.32.586-.472L13 10.82a2.43 2.43 0 0 0 .47-.56c.12-.23.175-.49.16-.75a1.56 1.56 0 0 0-.38-1.15A1.45 1.45 0 0 0 12.2 8a1.6 1.6 0 0 0-.79.14 1.64 1.64 0 0 0-.54.47 2.17 2.17 0 0 0-.31.69 3.19 3.19 0 0 0-.09.63v.22H8a4.63 4.63 0 0 1 .3-1.66 4 4 0 0 1 .82-1.31 3.82 3.82 0 0 1 1.28-.87A4.28 4.28 0 0 1 12.07 6Zm1.174 10.916a1.34 1.34 0 1 1-2.228 1.488 1.34 1.34 0 0 1 2.228-1.488Z",
-    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: "M12 22.203a9.946 9.946 0 0 1-3.984-.803 10.296 10.296 0 0 1-3.237-2.18 10.296 10.296 0 0 1-2.18-3.236A9.947 9.947 0 0 1 1.798 12c0-1.415.267-2.743.803-3.984A10.297 10.297 0 0 1 4.78 4.78 10.297 10.297 0 0 1 8.015 2.6 9.946 9.946 0 0 1 12 1.798c1.415 0 2.743.267 3.984.803 1.24.535 2.32 1.261 3.237 2.18a10.296 10.296 0 0 1 2.18 3.236A9.946 9.946 0 0 1 22.202 12a9.947 9.947 0 0 1-.803 3.984 10.295 10.295 0 0 1-2.18 3.237 10.295 10.295 0 0 1-3.236 2.18 9.947 9.947 0 0 1-3.984.802Zm0-2.275c2.217 0 4.093-.767 5.627-2.3 1.534-1.535 2.301-3.41 2.301-5.628 0-2.217-.767-4.093-2.3-5.627-1.535-1.534-3.41-2.301-5.628-2.301-2.217 0-4.093.767-5.627 2.3C4.839 7.908 4.072 9.783 4.072 12s.767 4.093 2.3 5.627c1.535 1.534 3.41 2.301 5.628 2.301Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M10.746 14.082c-.158-1.048-.03-1.68.933-2.613.631-.618 1.148-1.206 1.148-1.981 0-.647-.459-.977-1.076-.977-.776 0-1.293.287-1.666.675h-.804v-1.55c.66-.446 1.493-.762 2.599-.762 1.967 0 3.158.876 3.158 2.6 0 1.09-.53 1.765-1.464 2.526-.861.718-1.407 1.091-1.335 2.082h-1.493Zm.818 3.044c-.66 0-1.177-.503-1.177-1.149s.516-1.163 1.177-1.163a1.17 1.17 0 0 1 1.177 1.163c0 .646-.531 1.149-1.177 1.149Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Question.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: "M17.556 20.315A10 10 0 1 1 6.444 3.685a10 10 0 0 1 11.112 16.63Zm1.11 1.663A12 12 0 1 1 5.334 2.024a12 12 0 0 1 13.334 19.954ZM12.07 6a5.2 5.2 0 0 1 2 .33c.463.178.89.439 1.26.77a3 3 0 0 1 .9 2.1 3.6 3.6 0 0 1-.21 1.33c-.124.323-.3.623-.52.89-.2.24-.432.452-.69.63-.25.17-.49.35-.71.52-.224.17-.426.369-.6.59a1.68 1.68 0 0 0-.29.65v.86h-2.27v-.75a3.36 3.36 0 0 1 .8-2c.196-.218.41-.419.64-.6.216-.16.406-.32.586-.472L13 10.82a2.43 2.43 0 0 0 .47-.56c.12-.23.175-.49.16-.75a1.56 1.56 0 0 0-.38-1.15A1.45 1.45 0 0 0 12.2 8a1.6 1.6 0 0 0-.79.14 1.64 1.64 0 0 0-.54.47 2.17 2.17 0 0 0-.31.69 3.19 3.19 0 0 0-.09.63v.22H8a4.63 4.63 0 0 1 .3-1.66 4 4 0 0 1 .82-1.31 3.82 3.82 0 0 1 1.28-.87A4.28 4.28 0 0 1 12.07 6Zm1.174 10.916a1.34 1.34 0 1 1-2.228 1.488 1.34 1.34 0 0 1 2.228-1.488Z",
-    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: "M12 22.203a9.946 9.946 0 0 1-3.984-.803 10.296 10.296 0 0 1-3.237-2.18 10.296 10.296 0 0 1-2.18-3.236A9.947 9.947 0 0 1 1.798 12c0-1.415.267-2.743.803-3.984A10.297 10.297 0 0 1 4.78 4.78 10.297 10.297 0 0 1 8.015 2.6 9.946 9.946 0 0 1 12 1.798c1.415 0 2.743.267 3.984.803 1.24.535 2.32 1.261 3.237 2.18a10.296 10.296 0 0 1 2.18 3.236A9.946 9.946 0 0 1 22.202 12a9.947 9.947 0 0 1-.803 3.984 10.295 10.295 0 0 1-2.18 3.237 10.295 10.295 0 0 1-3.236 2.18 9.947 9.947 0 0 1-3.984.802Zm0-2.275c2.217 0 4.093-.767 5.627-2.3 1.534-1.535 2.301-3.41 2.301-5.628 0-2.217-.767-4.093-2.3-5.627-1.535-1.534-3.41-2.301-5.628-2.301-2.217 0-4.093.767-5.627 2.3C4.839 7.908 4.072 9.783 4.072 12s.767 4.093 2.3 5.627c1.535 1.534 3.41 2.301 5.628 2.301Z"
+    }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M10.746 14.082c-.158-1.048-.03-1.68.933-2.613.631-.618 1.148-1.206 1.148-1.981 0-.647-.459-.977-1.076-.977-.776 0-1.293.287-1.666.675h-.804v-1.55c.66-.446 1.493-.762 2.599-.762 1.967 0 3.158.876 3.158 2.6 0 1.09-.53 1.765-1.464 2.526-.861.718-1.407 1.091-1.335 2.082h-1.493Zm.818 3.044c-.66 0-1.177-.503-1.177-1.149s.516-1.163 1.177-1.163a1.17 1.17 0 0 1 1.177 1.163c0 .646-.531 1.149-1.177 1.149Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/QuestionFilled.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M18.667 21.978A12 12 0 1 1 5.333 2.024a12 12 0 0 1 13.334 19.954ZM12.07 6a5.2 5.2 0 0 1 2 .33c.463.178.89.439 1.26.77a3 3 0 0 1 .9 2.1 3.6 3.6 0 0 1-.21 1.33c-.124.323-.3.623-.52.89-.2.24-.432.452-.69.63-.25.17-.49.35-.71.52-.224.17-.426.369-.6.59a1.68 1.68 0 0 0-.29.65v.86h-2.27v-.75a3.36 3.36 0 0 1 .8-2c.196-.218.41-.419.64-.6.216-.16.406-.32.586-.472L13 10.82a2.43 2.43 0 0 0 .47-.56c.12-.23.175-.49.16-.75a1.56 1.56 0 0 0-.38-1.15A1.45 1.45 0 0 0 12.2 8a1.6 1.6 0 0 0-.79.14 1.64 1.64 0 0 0-.54.47 2.17 2.17 0 0 0-.31.69 3.19 3.19 0 0 0-.09.63v.22H8a4.63 4.63 0 0 1 .3-1.66 4 4 0 0 1 .82-1.31 3.82 3.82 0 0 1 1.28-.87A4.28 4.28 0 0 1 12.07 6Zm1.174 10.916a1.34 1.34 0 1 1-2.228 1.488 1.34 1.34 0 0 1 2.228-1.488Z",
-    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.096 21.213A9.747 9.747 0 0 0 12 22a9.748 9.748 0 0 0 3.904-.787 10.09 10.09 0 0 0 3.173-2.136c.9-.9 1.611-1.957 2.136-3.173A9.748 9.748 0 0 0 22 12a9.747 9.747 0 0 0-.787-3.904 10.09 10.09 0 0 0-2.136-3.173 10.09 10.09 0 0 0-3.173-2.136A9.749 9.749 0 0 0 12 2a9.748 9.748 0 0 0-3.904.787 10.092 10.092 0 0 0-3.173 2.136c-.9.9-1.611 1.957-2.136 3.173A9.748 9.748 0 0 0 2 12c0 1.387.262 2.688.787 3.904a10.09 10.09 0 0 0 2.136 3.173c.9.9 1.957 1.611 3.173 2.136Zm3.433-9.734c-.943.915-1.07 1.534-.915 2.561h1.463c-.065-.904.394-1.283 1.139-1.9l.17-.14c.915-.746 1.435-1.407 1.435-2.477 0-1.688-1.168-2.546-3.095-2.546-1.084 0-1.9.31-2.547.745v1.52h.788c.366-.38.872-.661 1.632-.661.605 0 1.055.323 1.055.957 0 .76-.506 1.336-1.125 1.941Zm-1.267 4.419c0 .633.507 1.125 1.154 1.125.633 0 1.154-.492 1.154-1.125s-.52-1.14-1.154-1.14c-.647 0-1.154.507-1.154 1.14Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};