@telus-uds/palettes-community.palette-casa 4.1.4 → 4.2.0

package/build/web/icons/TVChoiceAndFlexibility.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.5 24h-6c-.3 0-.5-.2-.5-.5 0-1.4 1.1-2.5 2.5-2.5h.8l-3.8-3.8c-.3-.3-.5-.7-.5-1.1 0-.4.2-.8.5-1.1.6-.6 1.6-.6 2.2 0l.9.9c.1-.2.2-.3.3-.5.3-.3.8-.5 1.3-.4.1-.3.2-.6.4-.8.4-.4 1.1-.6 1.6-.4.1-.2.2-.4.4-.6.6-.6 1.6-.6 2.2 0l1.5 1.6c1 1 1.6 2.4 1.6 3.9.1 2.9-2.3 5.3-5.4 5.3Zm-5.4-1h5.5c2.5 0 4.5-2 4.5-4.5 0-1.2-.5-2.3-1.3-3.1l-1.5-1.6c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.5-.5c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l.5.5c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.8-.8c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l1.3 1.2c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0L13 15.7c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l4.7 4.7c.1.1.2.4.1.5-.1.2-.3.3-.5.3h-2c-.7 0-1.2.4-1.4 1Zm-2.6 1h-8C1.1 24 0 22.9 0 21.5v-19C0 1.1 1.1 0 2.5 0h12C15.9 0 17 1.1 17 2.5v10c0 .3-.2.5-.5.5s-.5-.2-.5-.5v-10c0-.8-.7-1.5-1.5-1.5h-12C1.7 1 1 1.7 1 2.5v19c0 .8.7 1.5 1.5 1.5h8c.3 0 .5.2.5.5s-.2.5-.5.5Zm1-4H.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h11c.3 0 .5.2.5.5s-.2.5-.5.5Zm-2 2h-2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h2c.3 0 .5.2.5.5s-.2.5-.5.5Zm-3-12H4c-.85 0-1.5-.65-1.5-1.5V6c0-.85.65-1.5 1.5-1.5h2.5C7.35 4.5 8 5.15 8 6v2.5c0 .85-.65 1.5-1.5 1.5ZM4 5.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5H4Zm9 4.5h-2.5C9.65 10 9 9.35 9 8.5V6c0-.85.65-1.5 1.5-1.5H13c.85 0 1.5.65 1.5 1.5v2.5c0 .85-.65 1.5-1.5 1.5Zm-2.5-4.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5H13c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5h-2.5Zm-4 11H4c-.85 0-1.5-.65-1.5-1.5v-2.5c0-.85.65-1.5 1.5-1.5h2.5c.85 0 1.5.65 1.5 1.5V15c0 .85-.65 1.5-1.5 1.5ZM4 12c-.3 0-.5.2-.5.5V15c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5v-2.5c0-.3-.2-.5-.5-.5H4Zm9.5-1c.55 0 1 .45 1 1v2.6c-.45-.65-1.2-1.1-2-1.1-1.4 0-2.5 1.25-2.5 2.75v.25c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h3.5ZM3 2.5c0 .65-1 .65-1 0s1-.65 1 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", {
+      fillRule: "evenodd",
+      d: "M18.5 24h-6c-.3 0-.5-.2-.5-.5 0-1.4 1.1-2.5 2.5-2.5h.8l-3.8-3.8c-.3-.3-.5-.7-.5-1.1 0-.4.2-.8.5-1.1.6-.6 1.6-.6 2.2 0l.9.9c.1-.2.2-.3.3-.5.3-.3.8-.5 1.3-.4.1-.3.2-.6.4-.8.4-.4 1.1-.6 1.6-.4.1-.2.2-.4.4-.6.6-.6 1.6-.6 2.2 0l1.5 1.6c1 1 1.6 2.4 1.6 3.9.1 2.9-2.3 5.3-5.4 5.3Zm-5.4-1h5.5c2.5 0 4.5-2 4.5-4.5 0-1.2-.5-2.3-1.3-3.1l-1.5-1.6c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.5-.5c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l.5.5c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0l-.8-.8c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l1.3 1.2c.1.1.1.2.1.4s0 .3-.1.4c-.2.2-.5.2-.7 0L13 15.7c-.2-.2-.6-.2-.8 0-.1.1-.2.2-.2.4s.1.3.2.4l4.7 4.7c.1.1.2.4.1.5-.1.2-.3.3-.5.3h-2c-.7 0-1.2.4-1.4 1Zm-2.6 1h-8C1.1 24 0 22.9 0 21.5v-19C0 1.1 1.1 0 2.5 0h12C15.9 0 17 1.1 17 2.5v10c0 .3-.2.5-.5.5s-.5-.2-.5-.5v-10c0-.8-.7-1.5-1.5-1.5h-12C1.7 1 1 1.7 1 2.5v19c0 .8.7 1.5 1.5 1.5h8c.3 0 .5.2.5.5s-.2.5-.5.5Zm1-4H.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h11c.3 0 .5.2.5.5s-.2.5-.5.5Zm-2 2h-2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h2c.3 0 .5.2.5.5s-.2.5-.5.5Zm-3-12H4c-.85 0-1.5-.65-1.5-1.5V6c0-.85.65-1.5 1.5-1.5h2.5C7.35 4.5 8 5.15 8 6v2.5c0 .85-.65 1.5-1.5 1.5ZM4 5.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5H4Zm9 4.5h-2.5C9.65 10 9 9.35 9 8.5V6c0-.85.65-1.5 1.5-1.5H13c.85 0 1.5.65 1.5 1.5v2.5c0 .85-.65 1.5-1.5 1.5Zm-2.5-4.5c-.3 0-.5.2-.5.5v2.5c0 .3.2.5.5.5H13c.3 0 .5-.2.5-.5V6c0-.3-.2-.5-.5-.5h-2.5Zm-4 11H4c-.85 0-1.5-.65-1.5-1.5v-2.5c0-.85.65-1.5 1.5-1.5h2.5c.85 0 1.5.65 1.5 1.5V15c0 .85-.65 1.5-1.5 1.5ZM4 12c-.3 0-.5.2-.5.5V15c0 .3.2.5.5.5h2.5c.3 0 .5-.2.5-.5v-2.5c0-.3-.2-.5-.5-.5H4Zm9.5-1c.55 0 1 .45 1 1v2.6c-.45-.65-1.2-1.1-2-1.1-1.4 0-2.5 1.25-2.5 2.75v.25c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h3.5ZM3 2.5c0 .65-1 .65-1 0s1-.65 1 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TVEntertainment.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: "M5 4.5h14.015c.242 0 .438.196.438.438v7.883a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438V4.938c0-.242.197-.438.438-.438Zm.438 7.883h13.14V5.376H5.437v7.007h.001Zm-5-7.531h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.964v4.38h.526a.438.438 0 1 1 0 .876H.876a.438.438 0 1 1 0-.876H1.4v-4.38H.438A.438.438 0 0 1 0 13.698V5.29c0-.242.196-.438.438-.438Zm.438 8.408h1.927V5.727H.876v7.533Zm1.175-.82a.539.539 0 0 0 .016-1.014.539.539 0 0 0-.427.017.54.54 0 0 0 .41.998l.001-.001Zm.293-5.61a.54.54 0 1 1-.983.447.54.54 0 0 1 .983-.447ZM2.05 9.995a.54.54 0 1 0-.68-.704.54.54 0 0 0 .68.704Zm18.707-5.143h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.963v4.38h.525a.438.438 0 1 1 0 .876h-1.927a.438.438 0 1 1 0-.876h.526v-4.38h-.964a.438.438 0 0 1-.438-.438V5.29c0-.242.197-.438.438-.438Zm.438 8.408h1.927V5.727h-1.927v7.533Zm.969-.775a.54.54 0 1 0-.001-1.08.54.54 0 0 0 .001 1.08Zm.54-5.445a.54.54 0 1 1-1.08 0 .54.54 0 0 1 1.08 0Zm-.54 2.992a.54.54 0 1 0 0-1.08.54.54 0 0 0 0 1.08ZM5 15.016h14.015c.242 0 .438.196.438.438v3.503a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438v-3.503c0-.242.197-.438.438-.438Zm9.373 2.627h-4.73v.876h4.73v-.876Zm-4.73-.876h4.73v-.875h-4.73v.875Zm-.876-.875H5.438v2.627h3.329v-2.627Zm6.482 2.627h3.328v-2.627H15.25v2.627h-.001Z",
-    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: "M5 4.5h14.015c.242 0 .438.196.438.438v7.883a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438V4.938c0-.242.197-.438.438-.438Zm.438 7.883h13.14V5.376H5.437v7.007h.001Zm-5-7.531h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.964v4.38h.526a.438.438 0 1 1 0 .876H.876a.438.438 0 1 1 0-.876H1.4v-4.38H.438A.438.438 0 0 1 0 13.698V5.29c0-.242.196-.438.438-.438Zm.438 8.408h1.927V5.727H.876v7.533Zm1.175-.82a.539.539 0 0 0 .016-1.014.539.539 0 0 0-.427.017.54.54 0 0 0 .41.998l.001-.001Zm.293-5.61a.54.54 0 1 1-.983.447.54.54 0 0 1 .983-.447ZM2.05 9.995a.54.54 0 1 0-.68-.704.54.54 0 0 0 .68.704Zm18.707-5.143h2.803c.242 0 .438.196.438.438v8.408a.438.438 0 0 1-.438.438h-.963v4.38h.525a.438.438 0 1 1 0 .876h-1.927a.438.438 0 1 1 0-.876h.526v-4.38h-.964a.438.438 0 0 1-.438-.438V5.29c0-.242.197-.438.438-.438Zm.438 8.408h1.927V5.727h-1.927v7.533Zm.969-.775a.54.54 0 1 0-.001-1.08.54.54 0 0 0 .001 1.08Zm.54-5.445a.54.54 0 1 1-1.08 0 .54.54 0 0 1 1.08 0Zm-.54 2.992a.54.54 0 1 0 0-1.08.54.54 0 0 0 0 1.08ZM5 15.016h14.015c.242 0 .438.196.438.438v3.503a.438.438 0 0 1-.438.438H5a.438.438 0 0 1-.438-.438v-3.503c0-.242.197-.438.438-.438Zm9.373 2.627h-4.73v.876h4.73v-.876Zm-4.73-.876h4.73v-.875h-4.73v.875Zm-.876-.875H5.438v2.627h3.329v-2.627Zm6.482 2.627h3.328v-2.627H15.25v2.627h-.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tablet.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.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM18.5 2h-13a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5ZM18 19H6V3h12v16Zm.5-19h-13A2.503 2.503 0 0 0 3 2.5v19C3 22.878 4.122 24 5.5 24h13c1.378 0 2.5-1.122 2.5-2.5v-19C21 1.122 19.878 0 18.5 0ZM20 21.5c0 .827-.673 1.5-1.5 1.5h-13c-.827 0-1.5-.673-1.5-1.5v-19C4 1.673 4.673 1 5.5 1h13c.827 0 1.5.673 1.5 1.5v19Z",
-    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.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM18.5 2h-13a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5ZM18 19H6V3h12v16Zm.5-19h-13A2.503 2.503 0 0 0 3 2.5v19C3 22.878 4.122 24 5.5 24h13c1.378 0 2.5-1.122 2.5-2.5v-19C21 1.122 19.878 0 18.5 0ZM20 21.5c0 .827-.673 1.5-1.5 1.5h-13c-.827 0-1.5-.673-1.5-1.5v-19C4 1.673 4.673 1 5.5 1h13c.827 0 1.5.673 1.5 1.5v19Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tag.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: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012Zm-.002 1.003h-8.007c-.39 0-.768.16-1.039.438l-.07.07-.027.032-10.92 10.914a1.442 1.442 0 0 0-.429 1.042c0 .352.12.68.338.942l.1.108 8.002 8.005c.242.248.563.401.9.436l.145.007c.32-.007.683-.123.952-.34l.11-.099 11.003-11.003c.251-.245.402-.561.436-.906l.007-.149V2.503A1.511 1.511 0 0 0 21.64 1.01l-.144-.007Zm-4.232 2.78a2.088 2.088 0 1 1 2.952 2.953 2.088 2.088 0 0 1-2.952-2.953Zm1.476.392a1.085 1.085 0 1 0 .003 2.169 1.085 1.085 0 0 0-.003-2.17Z",
-    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: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012Zm-.002 1.003h-8.007c-.39 0-.768.16-1.039.438l-.07.07-.027.032-10.92 10.914a1.442 1.442 0 0 0-.429 1.042c0 .352.12.68.338.942l.1.108 8.002 8.005c.242.248.563.401.9.436l.145.007c.32-.007.683-.123.952-.34l.11-.099 11.003-11.003c.251-.245.402-.561.436-.906l.007-.149V2.503A1.511 1.511 0 0 0 21.64 1.01l-.144-.007Zm-4.232 2.78a2.088 2.088 0 1 1 2.952 2.953 2.088 2.088 0 0 1-2.952-2.953Zm1.476.392a1.085 1.085 0 1 0 .003 2.169 1.085 1.085 0 0 0-.003-2.17Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TagFilled.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M21.498 0a2.516 2.516 0 0 1 2.496 2.336L24 2.5v8c0 .607-.214 1.177-.604 1.624l-.137.145-10.994 10.995c-.41.42-.97.68-1.558.728l-.224.008a2.473 2.473 0 0 1-1.61-.605l-.143-.135-7.993-7.996A2.447 2.447 0 0 1 0 13.499c0-.61.214-1.179.606-1.626l.137-.144.148-.137L11.605.876l.047-.055.087-.088a2.453 2.453 0 0 1 1.55-.725L13.487 0h8.012ZM18.6 2.999a2.001 2.001 0 1 0 .003 4.003 2.001 2.001 0 0 0-.003-4.003Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Target.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 2.5c2.064 0 4.065.603 5.788 1.743a.501.501 0 0 1-.552.834A9.463 9.463 0 0 0 11 3.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5a9.455 9.455 0 0 0-1.577-5.236.5.5 0 0 1 .834-.552A10.448 10.448 0 0 1 21.5 13c0 5.79-4.71 10.5-10.5 10.5S.5 18.79.5 13 5.21 2.5 11 2.5Zm0 4c.97 0 1.911.215 2.797.639a.5.5 0 0 1-.432.902A5.439 5.439 0 0 0 11 7.5 5.506 5.506 0 0 0 5.5 13c0 3.033 2.468 5.5 5.5 5.5s5.5-2.467 5.5-5.5c0-.819-.183-1.615-.542-2.366a.5.5 0 0 1 .902-.432c.425.887.64 1.828.64 2.798 0 3.584-2.916 6.5-6.5 6.5A6.508 6.508 0 0 1 4.5 13c0-3.584 2.916-6.5 6.5-6.5ZM21.191.539a.5.5 0 0 1 .31.462v1.5H23a.5.5 0 0 1 .353.854l-2 2A.499.499 0 0 1 21 5.5h-1.793l-6.121 6.122c.261.395.414.869.414 1.377 0 1.378-1.121 2.5-2.5 2.5A2.503 2.503 0 0 1 8.5 13c0-1.378 1.121-2.5 2.5-2.5.51 0 .984.153 1.38.416l6.12-6.122V3c0-.133.053-.26.146-.354l2-2a.498.498 0 0 1 .545-.108ZM11 11.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5a1.502 1.502 0 0 0 1.354-2.145l-1 1a.498.498 0 0 1-.708 0 .5.5 0 0 1 0-.707l1.001-1.001A1.492 1.492 0 0 0 11 11.5Zm9.5-9.292-1 1V4.5h1.293l1-1H21a.5.5 0 0 1-.5-.5v-.793Z",
-    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 2.5c2.064 0 4.065.603 5.788 1.743a.501.501 0 0 1-.552.834A9.463 9.463 0 0 0 11 3.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5a9.455 9.455 0 0 0-1.577-5.236.5.5 0 0 1 .834-.552A10.448 10.448 0 0 1 21.5 13c0 5.79-4.71 10.5-10.5 10.5S.5 18.79.5 13 5.21 2.5 11 2.5Zm0 4c.97 0 1.911.215 2.797.639a.5.5 0 0 1-.432.902A5.439 5.439 0 0 0 11 7.5 5.506 5.506 0 0 0 5.5 13c0 3.033 2.468 5.5 5.5 5.5s5.5-2.467 5.5-5.5c0-.819-.183-1.615-.542-2.366a.5.5 0 0 1 .902-.432c.425.887.64 1.828.64 2.798 0 3.584-2.916 6.5-6.5 6.5A6.508 6.508 0 0 1 4.5 13c0-3.584 2.916-6.5 6.5-6.5ZM21.191.539a.5.5 0 0 1 .31.462v1.5H23a.5.5 0 0 1 .353.854l-2 2A.499.499 0 0 1 21 5.5h-1.793l-6.121 6.122c.261.395.414.869.414 1.377 0 1.378-1.121 2.5-2.5 2.5A2.503 2.503 0 0 1 8.5 13c0-1.378 1.121-2.5 2.5-2.5.51 0 .984.153 1.38.416l6.12-6.122V3c0-.133.053-.26.146-.354l2-2a.498.498 0 0 1 .545-.108ZM11 11.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5a1.502 1.502 0 0 0 1.354-2.145l-1 1a.498.498 0 0 1-.708 0 .5.5 0 0 1 0-.707l1.001-1.001A1.492 1.492 0 0 0 11 11.5Zm9.5-9.292-1 1V4.5h1.293l1-1H21a.5.5 0 0 1-.5-.5v-.793Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Tasks.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 0a1.71 1.71 0 0 1 1.345.662l.091.129h1.334c.905 0 1.704.586 1.992 1.425l.048.16h2.524a1.5 1.5 0 0 1 1.492 1.356l.007.144v18.623c0 .778-.595 1.421-1.355 1.494l-.144.007H4.666c-.778 0-1.42-.597-1.492-1.357l-.007-.144V3.876c0-.778.595-1.42 1.355-1.493l.144-.007h2.523A2.117 2.117 0 0 1 9.061.798L9.229.79h1.334A1.71 1.71 0 0 1 12 0ZM7.125 3.417H4.666a.458.458 0 0 0-.45.377l-.007.082v18.623a.46.46 0 0 0 .375.452l.082.007h14.668a.46.46 0 0 0 .45-.377l.008-.082V3.876a.46.46 0 0 0-.376-.452l-.082-.007h-2.459v.27a.522.522 0 0 1-.428.513l-.093.008H7.646a.521.521 0 0 1-.513-.428l-.008-.093v-.27ZM6.062 18.208c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312ZM13.98 19a.521.521 0 0 1 .093 1.033l-.093.008H9.23a.522.522 0 0 1-.093-1.033L9.229 19h4.75Zm-7.917.249a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-4.999c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312Zm12.667.791a.521.521 0 0 1 .093 1.033l-.093.008h-9.5a.521.521 0 0 1-.093-1.032l.093-.009h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-5a1.313 1.313 0 1 1-1.313 1.312c0-.723.59-1.312 1.313-1.312Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.522.522 0 0 1-.093-1.033l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .15.121.271.27.271a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271Zm0-4.999A1.313 1.313 0 1 1 4.75 7.646c0-.723.59-1.311 1.313-1.311Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.521.521 0 0 1-.093-1.034l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.272c0 .149.121.27.27.27a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271ZM12 1.042a.664.664 0 0 0-.582.35l-.042.095a.524.524 0 0 1-.399.339l-.092.008H9.229c-.547 0-.998.416-1.056.947l-.006.116v.27h7.666v-.27c0-.547-.415-.999-.947-1.057l-.116-.006h-1.655a.522.522 0 0 1-.452-.262l-.039-.085A.667.667 0 0 0 12 1.041Z",
-    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 0a1.71 1.71 0 0 1 1.345.662l.091.129h1.334c.905 0 1.704.586 1.992 1.425l.048.16h2.524a1.5 1.5 0 0 1 1.492 1.356l.007.144v18.623c0 .778-.595 1.421-1.355 1.494l-.144.007H4.666c-.778 0-1.42-.597-1.492-1.357l-.007-.144V3.876c0-.778.595-1.42 1.355-1.493l.144-.007h2.523A2.117 2.117 0 0 1 9.061.798L9.229.79h1.334A1.71 1.71 0 0 1 12 0ZM7.125 3.417H4.666a.458.458 0 0 0-.45.377l-.007.082v18.623a.46.46 0 0 0 .375.452l.082.007h14.668a.46.46 0 0 0 .45-.377l.008-.082V3.876a.46.46 0 0 0-.376-.452l-.082-.007h-2.459v.27a.522.522 0 0 1-.428.513l-.093.008H7.646a.521.521 0 0 1-.513-.428l-.008-.093v-.27ZM6.062 18.208c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312ZM13.98 19a.521.521 0 0 1 .093 1.033l-.093.008H9.23a.522.522 0 0 1-.093-1.033L9.229 19h4.75Zm-7.917.249a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-4.999c.723 0 1.312.588 1.312 1.312a1.313 1.313 0 0 1-2.625 0c0-.724.59-1.312 1.313-1.312Zm12.667.791a.521.521 0 0 1 .093 1.033l-.093.008h-9.5a.521.521 0 0 1-.093-1.032l.093-.009h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .149.121.271.27.271a.272.272 0 0 0 .271-.271.272.272 0 0 0-.27-.271Zm0-5a1.313 1.313 0 1 1-1.313 1.312c0-.723.59-1.312 1.313-1.312Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.522.522 0 0 1-.093-1.033l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.271c0 .15.121.271.27.271a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271Zm0-4.999A1.313 1.313 0 1 1 4.75 7.646c0-.723.59-1.311 1.313-1.311Zm12.667.791a.522.522 0 0 1 .093 1.034l-.093.008h-9.5a.521.521 0 0 1-.093-1.034l.093-.008h9.5Zm-12.667.25a.272.272 0 0 0-.27.272c0 .149.121.27.27.27a.272.272 0 0 0 .271-.27.272.272 0 0 0-.27-.271ZM12 1.042a.664.664 0 0 0-.582.35l-.042.095a.524.524 0 0 1-.399.339l-.092.008H9.229c-.547 0-.998.416-1.056.947l-.006.116v.27h7.666v-.27c0-.547-.415-.999-.947-1.057l-.116-.006h-1.655a.522.522 0 0 1-.452-.262l-.039-.085A.667.667 0 0 0 12 1.041Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Teapot.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M14.436 3.602a2.594 2.594 0 0 0-.787-.102h-3c-.808 0-1.243.354-1.518.774a2.95 2.95 0 0 0-.33.726h6.71a6.395 6.395 0 0 0-.297-.752l-.01-.024c-.174-.345-.459-.525-.767-.622ZM16.552 5a6.754 6.754 0 0 0-.232-.706 7.867 7.867 0 0 0-.203-.473l-.014-.03-.004-.008V3.78l-.003-.004c-.327-.655-.875-.975-1.359-1.128-.47-.148-.907-.148-1.082-.148H10.65c-1.188 0-1.92.562-2.355 1.226-.286.437-.442.919-.536 1.274H4.15c-.713 0-1.34.447-1.563 1.123-.228.69-.007 1.502.7 2.223l3.59 3.829-.73 6.798V19c0 .963.412 1.613.958 2.006.52.374 1.128.494 1.542.494h7c.963 0 1.613-.412 2.005-.958.317-.452.49-.99.495-1.542v-.029l-.004-.028a558.409 558.409 0 0 0-.413-3.483 4.153 4.153 0 0 0 1.56-.532c.745-.45 1.358-1.225 1.358-2.428v-4c0-.487-.14-1.328-.566-2.063C19.641 5.679 18.871 5 17.65 5h-1.097Zm-.832 1H8.594l-.7 6.055-.478 4.445h9.432c-.25-2-.466-4.004-.647-6.012l-.06-.63c-.14-1.495-.278-2.86-.42-3.858Zm1.247 11.5H7.31l-.163 1.525c.007.621.258.965.542 1.17.313.225.704.305.958.305h7c.637 0 .987-.254 1.194-.542.218-.303.3-.678.305-.932-.058-.509-.118-1.017-.178-1.526Zm-9.944-6.629L7.588 6H4.15a.636.636 0 0 0-.613.437c-.08.245-.055.681.467 1.213l.008.008 3.012 3.213ZM16.73 6h.92c.777 0 1.256.405 1.566.938.322.556.431 1.216.431 1.562v4c0 .797-.38 1.272-.875 1.572-.365.22-.79.342-1.163.395-.15-1.294-.284-2.71-.412-4.073l-.06-.63C17.002 8.348 16.87 7.016 16.73 6Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M14.436 3.602a2.594 2.594 0 0 0-.787-.102h-3c-.808 0-1.243.354-1.518.774a2.95 2.95 0 0 0-.33.726h6.71a6.395 6.395 0 0 0-.297-.752l-.01-.024c-.174-.345-.459-.525-.767-.622ZM16.552 5a6.754 6.754 0 0 0-.232-.706 7.867 7.867 0 0 0-.203-.473l-.014-.03-.004-.008V3.78l-.003-.004c-.327-.655-.875-.975-1.359-1.128-.47-.148-.907-.148-1.082-.148H10.65c-1.188 0-1.92.562-2.355 1.226-.286.437-.442.919-.536 1.274H4.15c-.713 0-1.34.447-1.563 1.123-.228.69-.007 1.502.7 2.223l3.59 3.829-.73 6.798V19c0 .963.412 1.613.958 2.006.52.374 1.128.494 1.542.494h7c.963 0 1.613-.412 2.005-.958.317-.452.49-.99.495-1.542v-.029l-.004-.028a558.409 558.409 0 0 0-.413-3.483 4.153 4.153 0 0 0 1.56-.532c.745-.45 1.358-1.225 1.358-2.428v-4c0-.487-.14-1.328-.566-2.063C19.641 5.679 18.871 5 17.65 5h-1.097Zm-.832 1H8.594l-.7 6.055-.478 4.445h9.432c-.25-2-.466-4.004-.647-6.012l-.06-.63c-.14-1.495-.278-2.86-.42-3.858Zm1.247 11.5H7.31l-.163 1.525c.007.621.258.965.542 1.17.313.225.704.305.958.305h7c.637 0 .987-.254 1.194-.542.218-.303.3-.678.305-.932-.058-.509-.118-1.017-.178-1.526Zm-9.944-6.629L7.588 6H4.15a.636.636 0 0 0-.613.437c-.08.245-.055.681.467 1.213l.008.008 3.012 3.213ZM16.73 6h.92c.777 0 1.256.405 1.566.938.322.556.431 1.216.431 1.562v4c0 .797-.38 1.272-.875 1.572-.365.22-.79.342-1.163.395-.15-1.294-.284-2.71-.412-4.073l-.06-.63C17.002 8.348 16.87 7.016 16.73 6Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ThumbsDown.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: "M7 3.5V13H2.5c-.827 0-1.5-.673-1.5-1.5v-8C1 2.673 1.673 2 2.5 2h3C6.327 2 7 2.673 7 3.5Zm1 8.691v-8.46C8.564 3.315 9.76 3 10.5 3h9.179c.624 0 1.166.404 1.289.962.099.448-.033.883-.362 1.193a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 22 7.25c0 .344-.141.666-.395.905a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 23 10.25c0 .466-.262.89-.685 1.105a.502.502 0 0 0-.034.871c.491.303.765.845.712 1.415-.07.762-.778 1.359-1.612 1.359H14.5a.503.503 0 0 0-.412.216.503.503 0 0 0-.055.462c.009.025.967 2.562.967 4.322 0 1.638-1.452 3-2 3-.431 0-.792-.156-1-.271V19.5a.51.51 0 0 0-.046-.21l-3-6.5a.5.5 0 0 0-.23-.237L8 12.191ZM5.5 1h-3A2.502 2.502 0 0 0 0 3.5v8C0 12.879 1.121 14 2.5 14h5a.5.5 0 0 0 .5-.5v-.191l.119.061L11 19.609V23a.5.5 0 0 0 .188.391c.031.024.774.609 1.812.609 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.796-4h6.177c1.346 0 2.491-.996 2.608-2.267a2.483 2.483 0 0 0-.64-1.909c.412-.413.651-.973.651-1.574a2.24 2.24 0 0 0-1.234-2.001 2.24 2.24 0 0 0-1.001-3c.228-.456.295-.981.18-1.503C21.721 2.734 20.768 2 19.679 2H10.5c-.695 0-1.815.225-2.647.653A2.506 2.506 0 0 0 5.5 1Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M7 3.5V13H2.5c-.827 0-1.5-.673-1.5-1.5v-8C1 2.673 1.673 2 2.5 2h3C6.327 2 7 2.673 7 3.5Zm1 8.691v-8.46C8.564 3.315 9.76 3 10.5 3h9.179c.624 0 1.166.404 1.289.962.099.448-.033.883-.362 1.193a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 22 7.25c0 .344-.141.666-.395.905a.5.5 0 0 0 .286.861A1.246 1.246 0 0 1 23 10.25c0 .466-.262.89-.685 1.105a.502.502 0 0 0-.034.871c.491.303.765.845.712 1.415-.07.762-.778 1.359-1.612 1.359H14.5a.503.503 0 0 0-.412.216.503.503 0 0 0-.055.462c.009.025.967 2.562.967 4.322 0 1.638-1.452 3-2 3-.431 0-.792-.156-1-.271V19.5a.51.51 0 0 0-.046-.21l-3-6.5a.5.5 0 0 0-.23-.237L8 12.191ZM5.5 1h-3A2.502 2.502 0 0 0 0 3.5v8C0 12.879 1.121 14 2.5 14h5a.5.5 0 0 0 .5-.5v-.191l.119.061L11 19.609V23a.5.5 0 0 0 .188.391c.031.024.774.609 1.812.609 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.796-4h6.177c1.346 0 2.491-.996 2.608-2.267a2.483 2.483 0 0 0-.64-1.909c.412-.413.651-.973.651-1.574a2.24 2.24 0 0 0-1.234-2.001 2.24 2.24 0 0 0-1.001-3c.228-.456.295-.981.18-1.503C21.721 2.734 20.768 2 19.679 2H10.5c-.695 0-1.815.225-2.647.653A2.506 2.506 0 0 0 5.5 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ThumbsDownFill.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: "M5.5 1h-3A2.503 2.503 0 0 0 0 3.5v8C0 12.878 1.122 14 2.5 14h5a.5.5 0 0 0 .5-.5v-10C8 2.122 6.878 1 5.5 1ZM24 10.25a2.24 2.24 0 0 0-1.235-2 2.24 2.24 0 0 0-1.001-3.001c.228-.456.295-.981.18-1.502C21.72 2.735 20.768 2 19.679 2H10.5c-.339 0-.769.055-1.208.154a.499.499 0 0 0-.378.595c.058.265.086.51.086.751v10c0 .269-.075.528-.222.771a.498.498 0 0 0-.026.468L11 19.609v3.39c0 .152.069.295.187.391.032.026.774.61 1.813.61 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.795-4h6.176c1.346 0 2.491-.996 2.608-2.266a2.483 2.483 0 0 0-.639-1.909c.411-.414.65-.974.65-1.575Z"
-  })]
-});
+}) => {
+  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: "M5.5 1h-3A2.503 2.503 0 0 0 0 3.5v8C0 12.878 1.122 14 2.5 14h5a.5.5 0 0 0 .5-.5v-10C8 2.122 6.878 1 5.5 1ZM24 10.25a2.24 2.24 0 0 0-1.235-2 2.24 2.24 0 0 0-1.001-3.001c.228-.456.295-.981.18-1.502C21.72 2.735 20.768 2 19.679 2H10.5c-.339 0-.769.055-1.208.154a.499.499 0 0 0-.378.595c.058.265.086.51.086.751v10c0 .269-.075.528-.222.771a.498.498 0 0 0-.026.468L11 19.609v3.39c0 .152.069.295.187.391.032.026.774.61 1.813.61 1.157 0 3-1.831 3-4 0-1.368-.49-3.071-.795-4h6.176c1.346 0 2.491-.996 2.608-2.266a2.483 2.483 0 0 0-.639-1.909c.411-.414.65-.974.65-1.575Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};