@telus-uds/palette-koodo 3.1.0 → 3.3.0

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", {
+      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"
+    })]
+  });
+  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, {
+      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"
+    })]
+  });
+  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: "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"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/QuestionFilled.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: "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 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: "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"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/QuoteLeft.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: "M11.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
-    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: "M11.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/QuoteLeft.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.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
-    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.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/QuoteLeftArrow.js

@@ -6,27 +6,43 @@ 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.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
-    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.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};