@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/web/icons/Spyglass.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: "M15.29 18.242a9.866 9.866 0 0 1-5.377 1.584c-5.474 0-9.912-4.438-9.912-9.913C0 4.44 4.439.001 9.913.001c5.475 0 9.913 4.438 9.913 9.912a9.866 9.866 0 0 1-1.584 5.377l5.146 5.147a2.087 2.087 0 0 1-2.951 2.95l-5.147-5.145ZM3.131 9.913a6.782 6.782 0 1 1 11.733 4.636 2.103 2.103 0 0 0-.315.315A6.782 6.782 0 0 1 3.13 9.914Z",
-    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: "M15.29 18.242a9.866 9.866 0 0 1-5.377 1.584c-5.474 0-9.912-4.438-9.912-9.913C0 4.44 4.439.001 9.913.001c5.475 0 9.913 4.438 9.913 9.912a9.866 9.866 0 0 1-1.584 5.377l5.146 5.147a2.087 2.087 0 0 1-2.951 2.95l-5.147-5.145ZM3.131 9.913a6.782 6.782 0 1 1 11.733 4.636 2.103 2.103 0 0 0-.315.315A6.782 6.782 0 0 1 3.13 9.914Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Streaming.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: "M3.453 23a2.364 2.364 0 0 1-1.736-.717A2.364 2.364 0 0 1 1 20.547V9.921c0-.679.24-1.257.717-1.735a2.364 2.364 0 0 1 1.736-.717h17.094c.68 0 1.258.239 1.736.717S23 9.242 23 9.92v10.626c0 .68-.239 1.258-.717 1.736a2.364 2.364 0 0 1-1.736.717H3.453Zm0-2.453h17.094V9.921H3.453v10.626Zm7.342-1.644 4.753-3.152a.585.585 0 0 0 .275-.517.582.582 0 0 0-.275-.516l-4.753-3.153a.567.567 0 0 0-.63-.044.569.569 0 0 0-.321.54v6.347c0 .247.107.427.322.54a.567.567 0 0 0 .63-.045ZM4.453 6.39c-.305 0-.561-.103-.768-.31a1.043 1.043 0 0 1-.31-.768c0-.305.104-.561.31-.768.207-.206.463-.31.768-.31h15.094c.305 0 .561.104.768.31.206.207.31.463.31.768 0 .306-.104.562-.31.768-.207.207-.463.31-.768.31H4.453Zm3.235-3.234a1.04 1.04 0 0 1-.768-.31 1.043 1.043 0 0 1-.31-.768c0-.305.103-.561.31-.768A1.04 1.04 0 0 1 7.688 1h8.624c.306 0 .562.103.768.31.207.207.31.463.31.768 0 .306-.103.562-.31.768a1.04 1.04 0 0 1-.768.31H7.688Z"
-  })]
-});
+}) => {
+  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: "M3.453 23a2.364 2.364 0 0 1-1.736-.717A2.364 2.364 0 0 1 1 20.547V9.921c0-.679.24-1.257.717-1.735a2.364 2.364 0 0 1 1.736-.717h17.094c.68 0 1.258.239 1.736.717S23 9.242 23 9.92v10.626c0 .68-.239 1.258-.717 1.736a2.364 2.364 0 0 1-1.736.717H3.453Zm0-2.453h17.094V9.921H3.453v10.626Zm7.342-1.644 4.753-3.152a.585.585 0 0 0 .275-.517.582.582 0 0 0-.275-.516l-4.753-3.153a.567.567 0 0 0-.63-.044.569.569 0 0 0-.321.54v6.347c0 .247.107.427.322.54a.567.567 0 0 0 .63-.045ZM4.453 6.39c-.305 0-.561-.103-.768-.31a1.043 1.043 0 0 1-.31-.768c0-.305.104-.561.31-.768.207-.206.463-.31.768-.31h15.094c.305 0 .561.104.768.31.206.207.31.463.31.768 0 .306-.104.562-.31.768-.207.207-.463.31-.768.31H4.453Zm3.235-3.234a1.04 1.04 0 0 1-.768-.31 1.043 1.043 0 0 1-.31-.768c0-.305.103-.561.31-.768A1.04 1.04 0 0 1 7.688 1h8.624c.306 0 .562.103.768.31.207.207.31.463.31.768 0 .306-.103.562-.31.768a1.04 1.04 0 0 1-.768.31H7.688Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Subtract.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 32 32",
-  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: "M31.63 15.81a2.79 2.79 0 0 0-2.793-2.79l-10.233.003-1.104-.004c2 .004-.139 0-1.68 0-1.541.001-3.32-.019-1.32 0l-1.477.006-10.233.003a2.79 2.79 0 1 0 .002 5.582l10.233-.003H16l2.606-.002L28.84 18.6a2.79 2.79 0 0 0 2.79-2.792Z"
-  })]
-});
+}) => {
+  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 32 32",
+    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: "M31.63 15.81a2.79 2.79 0 0 0-2.793-2.79l-10.233.003-1.104-.004c2 .004-.139 0-1.68 0-1.541.001-3.32-.019-1.32 0l-1.477.006-10.233.003a2.79 2.79 0 1 0 .002 5.582l10.233-.003H16l2.606-.002L28.84 18.6a2.79 2.79 0 0 0 2.79-2.792Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tag.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: "M24 10.208v.055a1 1 0 0 1-.293.683L11.048 23.605a1 1 0 0 1-1.414 0L.397 14.368a1 1 0 0 1 0-1.414L13.057.293A1 1 0 0 1 13.774 0l9.125.074a1 1 0 0 1 .992.988l.11 9.146ZM10.341 21.484 2.518 13.66 14.176 2.003l7.726.063.093 7.764-11.654 11.654Zm8.954-14.302a1.75 1.75 0 1 0-2.475-2.475 1.75 1.75 0 0 0 2.475 2.475Z",
-    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: "M2.576 14.265c-.384-.383-.576-.86-.576-1.427 0-.567.192-1.042.576-1.426l8.81-8.811A2.066 2.066 0 0 1 12.838 2h7.16c.55 0 1.022.196 1.414.588.392.392.588.864.588 1.415v7.159c0 .283-.054.55-.163.8a2.08 2.08 0 0 1-.438.651l-8.836 8.811A1.923 1.923 0 0 1 11.15 22a1.92 1.92 0 0 1-1.414-.576l-7.16-7.159Zm1.401-1.427 7.16 7.16 8.86-8.837V4.003h-7.159l-8.86 8.835Zm12.015-6.332c0 .417.146.771.438 1.063.293.292.647.439 1.064.439.418 0 .772-.147 1.064-.439.292-.292.438-.646.438-1.063 0-.418-.146-.772-.438-1.064a1.448 1.448 0 0 0-1.064-.438 1.45 1.45 0 0 0-1.064.438 1.448 1.448 0 0 0-.438 1.064Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TagFilled.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: "M13.714 0h9.429c.473 0 .857.384.857.857v9.428c0 .228-.09.446-.251.607L10.892 23.75a.857.857 0 0 1-1.212 0L.25 14.321a.857.857 0 0 1 0-1.213L13.108.25a.857.857 0 0 1 .606-.25Zm2.572 6a1.714 1.714 0 1 0 3.428 0 1.714 1.714 0 0 0-3.428 0Z",
-    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: "M2.576 14.265c-.384-.383-.576-.86-.576-1.427 0-.567.192-1.042.576-1.426l8.81-8.811A2.066 2.066 0 0 1 12.838 2h7.16c.55 0 1.022.196 1.414.588.392.392.588.864.588 1.415v7.159c0 .283-.054.55-.163.8a2.08 2.08 0 0 1-.438.651l-8.836 8.811A1.923 1.923 0 0 1 11.15 22a1.92 1.92 0 0 1-1.414-.576l-7.16-7.159Zm13.416-7.76c0 .418.146.772.438 1.064.293.292.647.439 1.064.439.418 0 .772-.147 1.064-.439.292-.292.438-.646.438-1.063 0-.418-.146-.772-.438-1.064a1.448 1.448 0 0 0-1.064-.438 1.45 1.45 0 0 0-1.064.438 1.448 1.448 0 0 0-.438 1.064Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Times.js

@@ -6,20 +6,36 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  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: "m14.943 12 7.44-7.42a2.107 2.107 0 0 0 .023-2.956 2.05 2.05 0 0 0-2.92-.023L12 9.066 4.515 1.601a2.047 2.047 0 0 0-2.92.023 2.109 2.109 0 0 0 .021 2.957L9.057 12l-7.44 7.418a2.108 2.108 0 0 0-.023 2.957 2.046 2.046 0 0 0 2.92.022L12 14.935l7.485 7.463a2.045 2.045 0 0 0 2.92-.022 2.109 2.109 0 0 0-.021-2.957l-7.441-7.418z"
-  })]
-});
+}) => {
+  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,
+    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: "m14.943 12 7.44-7.42a2.107 2.107 0 0 0 .023-2.956 2.05 2.05 0 0 0-2.92-.023L12 9.066 4.515 1.601a2.047 2.047 0 0 0-2.92.023 2.109 2.109 0 0 0 .021 2.957L9.057 12l-7.44 7.418a2.108 2.108 0 0 0-.023 2.957 2.046 2.046 0 0 0 2.92.022L12 14.935l7.485 7.463a2.045 2.045 0 0 0 2.92-.022 2.109 2.109 0 0 0-.021-2.957l-7.441-7.418z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TimesCircled.js

@@ -6,41 +6,57 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 14 14",
-  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.jsxs)("g", {
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M7 0a7 7 0 1 0 7 7 7 7 0 0 0-7-7",
-      fill: "#df3d0c",
-      mask: "url(#prefix__mask-2)"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-      fill: "#fff",
-      transform: "rotate(45 7 7)",
-      x: 3,
-      y: 6,
-      width: 8,
-      height: 2,
-      rx: 1
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-      fill: "#fff",
-      transform: "rotate(135 7 7)",
-      x: 3,
-      y: 6,
-      width: 8,
-      height: 2,
-      rx: 1
+}) => {
+  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,
+    viewBox: "0 0 14 14",
+    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.jsxs)("g", {
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)("path", {
+        d: "M7 0a7 7 0 1 0 7 7 7 7 0 0 0-7-7",
+        fill: "#df3d0c",
+        mask: "url(#prefix__mask-2)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        fill: "#fff",
+        transform: "rotate(45 7 7)",
+        x: 3,
+        y: 6,
+        width: 8,
+        height: 2,
+        rx: 1
+      }), (0, _jsxRuntime.jsx)("rect", {
+        fill: "#fff",
+        transform: "rotate(135 7 7)",
+        x: 3,
+        y: 6,
+        width: 8,
+        height: 2,
+        rx: 1
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ToolTipFilled.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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm.888-12.452v7.15h-2.774V9.725h1.729c.912 0 1.045.304 1.045 1.824Zm.133-5.066c0 .817-.665 1.463-1.501 1.463-.836 0-1.52-.646-1.52-1.463C10 5.665 10.684 5 11.52 5s1.5.665 1.5 1.482Z",
-    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.136Zm4.917-9.435v5.26h-2.04v-6.601h1.271c.671 0 .77.223.77 1.341Zm.098-3.726c0 .6-.49 1.076-1.104 1.076-.615 0-1.118-.475-1.118-1.076 0-.601.503-1.09 1.118-1.09.615 0 1.104.489 1.104 1.09Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tooltip.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: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm2 0c0 6.625-5.369 11.996-11.993 12h-.014C5.37 23.996 0 18.625 0 12 0 5.373 5.373 0 12 0s12 5.373 12 12Zm-10.726.03v7.152H10.5v-8.975h1.73c.911 0 1.044.304 1.044 1.824Zm.133-5.065c0 .817-.665 1.463-1.5 1.463-.837 0-1.52-.646-1.52-1.463 0-.817.683-1.482 1.52-1.482.835 0 1.5.665 1.5 1.482Z",
-    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: "M13.034 17.14v-5.366c0-1.141-.1-1.37-.784-1.37h-1.298v6.737h2.082Zm-1.027-8.07c.628 0 1.127-.485 1.127-1.098 0-.614-.5-1.113-1.127-1.113s-1.14.5-1.14 1.113.513 1.098 1.14 1.098Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TooltipSymbol.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: "M13.274 19.182V12.03c0-1.52-.133-1.824-1.045-1.824H10.5v8.975h2.774ZM11.906 8.428c.836 0 1.501-.646 1.501-1.463 0-.817-.665-1.482-1.5-1.482-.837 0-1.52.665-1.52 1.482s.683 1.463 1.52 1.463Z"
-  })]
-});
+}) => {
+  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: "M13.274 19.182V12.03c0-1.52-.133-1.824-1.045-1.824H10.5v8.975h2.774ZM11.906 8.428c.836 0 1.501-.646 1.501-1.463 0-.817-.665-1.482-1.5-1.482-.837 0-1.52.665-1.52 1.482s.683 1.463 1.52 1.463Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};