@telus-uds/palette-allium 5.3.2 → 5.4.0

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;
+};

package/build/web/icons/ThumbsUp.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 21.5V12H2.5c-.827 0-1.5.673-1.5 1.5v8c0 .827.673 1.5 1.5 1.5h3c.827 0 1.5-.673 1.5-1.5Zm1-8.691v8.46c.564.415 1.76.731 2.5.731h9.179c.624 0 1.166-.404 1.289-.962a1.237 1.237 0 0 0-.362-1.193.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 22 17.75c0-.344-.141-.666-.395-.905a.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 23 14.75c0-.466-.262-.89-.685-1.105a.502.502 0 0 1-.034-.871c.491-.303.765-.845.712-1.415-.07-.762-.778-1.359-1.612-1.359H14.5a.503.503 0 0 1-.412-.216.503.503 0 0 1-.055-.462C14.042 9.297 15 6.76 15 5c0-1.638-1.452-3-2-3-.431 0-.792.156-1 .271V5.5a.51.51 0 0 1-.046.21l-3 6.5a.5.5 0 0 1-.23.237L8 12.809ZM5.5 24h-3A2.502 2.502 0 0 1 0 21.5v-8C0 12.121 1.121 11 2.5 11h5a.5.5 0 0 1 .5.5v.191l.119-.061L11 5.391V2a.5.5 0 0 1 .188-.391C11.219 1.585 11.962 1 13 1c1.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 1-.64 1.909c.412.413.651.973.651 1.574a2.24 2.24 0 0 1-1.234 2.001 2.24 2.24 0 0 1-1.001 3c.228.456.295.981.18 1.503C21.721 22.266 20.768 23 19.679 23H10.5c-.695 0-1.815-.225-2.647-.653A2.506 2.506 0 0 1 5.5 24Z",
-    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 21.5V12H2.5c-.827 0-1.5.673-1.5 1.5v8c0 .827.673 1.5 1.5 1.5h3c.827 0 1.5-.673 1.5-1.5Zm1-8.691v8.46c.564.415 1.76.731 2.5.731h9.179c.624 0 1.166-.404 1.289-.962a1.237 1.237 0 0 0-.362-1.193.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 22 17.75c0-.344-.141-.666-.395-.905a.5.5 0 0 1 .286-.861A1.246 1.246 0 0 0 23 14.75c0-.466-.262-.89-.685-1.105a.502.502 0 0 1-.034-.871c.491-.303.765-.845.712-1.415-.07-.762-.778-1.359-1.612-1.359H14.5a.503.503 0 0 1-.412-.216.503.503 0 0 1-.055-.462C14.042 9.297 15 6.76 15 5c0-1.638-1.452-3-2-3-.431 0-.792.156-1 .271V5.5a.51.51 0 0 1-.046.21l-3 6.5a.5.5 0 0 1-.23.237L8 12.809ZM5.5 24h-3A2.502 2.502 0 0 1 0 21.5v-8C0 12.121 1.121 11 2.5 11h5a.5.5 0 0 1 .5.5v.191l.119-.061L11 5.391V2a.5.5 0 0 1 .188-.391C11.219 1.585 11.962 1 13 1c1.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 1-.64 1.909c.412.413.651.973.651 1.574a2.24 2.24 0 0 1-1.234 2.001 2.24 2.24 0 0 1-1.001 3c.228.456.295.981.18 1.503C21.721 22.266 20.768 23 19.679 23H10.5c-.695 0-1.815-.225-2.647-.653A2.506 2.506 0 0 1 5.5 24Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ThumbsUpFill.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: "M22.765 16.75a2.239 2.239 0 0 0 1.235-2c0-.601-.238-1.161-.651-1.574a2.483 2.483 0 0 0 .64-1.909C23.872 9.996 22.727 9 21.381 9h-6.177c.306-.929.796-2.632.796-4 0-2.169-1.843-4-3-4-1.015 0-1.747.559-1.81.607l-.003.002A.502.502 0 0 0 11 2v3.391L8.12 11.63l-.12.061v10.718c.814.384 1.844.591 2.5.591h9.179c1.089 0 2.042-.734 2.266-1.747a2.25 2.25 0 0 0-.181-1.502 2.24 2.24 0 0 0 1.001-3.001ZM5.5 24c.563 0 1.081-.19 1.5-.506V11H2.5A2.503 2.503 0 0 0 0 13.5v8C0 22.878 1.122 24 2.5 24h3Z"
-  })]
-});
+}) => {
+  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: "M22.765 16.75a2.239 2.239 0 0 0 1.235-2c0-.601-.238-1.161-.651-1.574a2.483 2.483 0 0 0 .64-1.909C23.872 9.996 22.727 9 21.381 9h-6.177c.306-.929.796-2.632.796-4 0-2.169-1.843-4-3-4-1.015 0-1.747.559-1.81.607l-.003.002A.502.502 0 0 0 11 2v3.391L8.12 11.63l-.12.061v10.718c.814.384 1.844.591 2.5.591h9.179c1.089 0 2.042-.734 2.266-1.747a2.25 2.25 0 0 0-.181-1.502 2.24 2.24 0 0 0 1.001-3.001ZM5.5 24c.563 0 1.081-.19 1.5-.506V11H2.5A2.503 2.503 0 0 0 0 13.5v8C0 22.878 1.122 24 2.5 24h3Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Time.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 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 2.21c.283 0 .488.177.527.442l.006.09v7.658h3.972a.51.51 0 0 1 .533.533.505.505 0 0 1-.442.526l-.091.007H12a.506.506 0 0 1-.527-.442L11.467 12V3.81A.51.51 0 0 1 12 3.277Z",
-    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 0c6.616 0 12 5.384 12 12 0 6.617-5.384 12-12 12-6.617 0-12-5.383-12-12C0 5.384 5.383 0 12 0Zm0 1.067C5.972 1.067 1.066 5.972 1.066 12c0 6.03 4.906 10.934 10.934 10.934 6.029 0 10.934-4.904 10.934-10.934 0-6.028-4.905-10.933-10.934-10.933Zm0 2.21c.283 0 .488.177.527.442l.006.09v7.658h3.972a.51.51 0 0 1 .533.533.505.505 0 0 1-.442.526l-.091.007H12a.506.506 0 0 1-.527-.442L11.467 12V3.81A.51.51 0 0 1 12 3.277Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TimeCycle.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: "M20.5 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5s.5.22.5.5V8.5c0 .28-.22.5-.5.5h-3ZM4.35 12.18c0 4.14 3.36 7.5 7.5 7.5 4.14 0 7.5-3.36 7.5-7.5 0-4.14-3.36-7.5-7.5-7.5-4.14 0-7.5 3.36-7.5 7.5Zm1 0c0-3.58 2.92-6.5 6.5-6.5s6.5 2.92 6.5 6.5-2.92 6.5-6.5 6.5-6.5-2.92-6.5-6.5Zm10.2 3.4c.09.07.2.1.3.1.15 0 .3-.07.4-.2.17-.22.12-.53-.1-.7l-3.8-2.85V7.18c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5a.48.48 0 0 0 .2.4l4 3Z",
-    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: "M20.5 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1.64C20.33 4.66 17.17 1 12 1 5.93 1 1 5.93 1 12s4.93 11 11 11 11-4.93 11-11c0-.28.22-.5.5-.5s.5.22.5.5c0 6.62-5.38 12-12 12S0 18.62 0 12 5.38 0 12 0c4.55 0 8.33 2.59 11 7.49V5.54c0-.28.22-.5.5-.5s.5.22.5.5V8.5c0 .28-.22.5-.5.5h-3ZM4.35 12.18c0 4.14 3.36 7.5 7.5 7.5 4.14 0 7.5-3.36 7.5-7.5 0-4.14-3.36-7.5-7.5-7.5-4.14 0-7.5 3.36-7.5 7.5Zm1 0c0-3.58 2.92-6.5 6.5-6.5s6.5 2.92 6.5 6.5-2.92 6.5-6.5 6.5-6.5-2.92-6.5-6.5Zm10.2 3.4c.09.07.2.1.3.1.15 0 .3-.07.4-.2.17-.22.12-.53-.1-.7l-3.8-2.85V7.18c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5a.48.48 0 0 0 .2.4l4 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Times.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 13.558-6.575 6.18a1 1 0 0 1-1.379-.028l.235.234a.957.957 0 0 1-.004-1.35l6.376-6.373-.112-.114L4.26 5.431a1.011 1.011 0 0 1 .028-1.383l-.235.234a.953.953 0 0 1 1.35-.003L12 10.874l6.597-6.595a.952.952 0 0 1 1.35.003l-.234-.234c.37.37.386.993.027 1.383l-6.28 6.676-.113.114 6.376 6.374a.957.957 0 0 1-.004 1.35l.235-.235a1 1 0 0 1-1.38.029L12 13.558Z",
-    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 13.558-6.575 6.18a1 1 0 0 1-1.379-.028l.235.234a.957.957 0 0 1-.004-1.35l6.376-6.373-.112-.114L4.26 5.431a1.011 1.011 0 0 1 .028-1.383l-.235.234a.953.953 0 0 1 1.35-.003L12 10.874l6.597-6.595a.952.952 0 0 1 1.35.003l-.234-.234c.37.37.386.993.027 1.383l-6.28 6.676-.113.114 6.376 6.374a.957.957 0 0 1-.004 1.35l.235-.235a1 1 0 0 1-1.38.029L12 13.558Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TowTruck.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M6.393 3.52a2.49 2.49 0 0 1 2.12 1.174L12 11.852V4.02a.5.5 0 0 1 .5-.5h9c.737 0 1.96.753 2.354 1.146A.504.504 0 0 1 24 5.02v1.5a.5.5 0 0 1-.276.447L23 7.329v3.382l.724.362a.5.5 0 0 1 .276.447v4.5a2.504 2.504 0 0 1-2.042 2.458A2.504 2.504 0 0 1 19.5 20.52a2.504 2.504 0 0 1-2.45-2H6.95a2.504 2.504 0 0 1-2.45 2 2.504 2.504 0 0 1-2.45-2H.5a.503.503 0 0 1-.485-.621l1-4a.502.502 0 0 1 .486-.379h5.327L5.001 7.427V9.02c0 .827-.673 1.5-1.5 1.5S2 9.847 2 9.02a.5.5 0 0 1 .992-.09L3 9.02a.5.5 0 0 0 1 0v-5a.5.5 0 0 1 .42-.494l.04-.004 1.932-.002Zm-1.893 13c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm15 0c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm2-12H13v9.473a.5.5 0 0 1-.5.527H1.892l-.75 3h.908c.232-1.14 1.242-2 2.45-2 1.208 0 2.218.86 2.45 2h10.1c.232-1.14 1.242-2 2.45-2 1.184 0 2.178.828 2.435 1.934A1.5 1.5 0 0 0 23 16.02v-4.191l-.724-.362A.503.503 0 0 1 22 11.02v-4a.5.5 0 0 1 .276-.447L23 6.211v-.965c-.407-.319-1.193-.726-1.5-.726Zm-4 8a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm-11.107-8h-1.22l2.7 9h3.83L7.64 5.178c-.252-.394-.728-.658-1.248-.658Zm10.107 2a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M6.393 3.52a2.49 2.49 0 0 1 2.12 1.174L12 11.852V4.02a.5.5 0 0 1 .5-.5h9c.737 0 1.96.753 2.354 1.146A.504.504 0 0 1 24 5.02v1.5a.5.5 0 0 1-.276.447L23 7.329v3.382l.724.362a.5.5 0 0 1 .276.447v4.5a2.504 2.504 0 0 1-2.042 2.458A2.504 2.504 0 0 1 19.5 20.52a2.504 2.504 0 0 1-2.45-2H6.95a2.504 2.504 0 0 1-2.45 2 2.504 2.504 0 0 1-2.45-2H.5a.503.503 0 0 1-.485-.621l1-4a.502.502 0 0 1 .486-.379h5.327L5.001 7.427V9.02c0 .827-.673 1.5-1.5 1.5S2 9.847 2 9.02a.5.5 0 0 1 .992-.09L3 9.02a.5.5 0 0 0 1 0v-5a.5.5 0 0 1 .42-.494l.04-.004 1.932-.002Zm-1.893 13c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm15 0c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5Zm2-12H13v9.473a.5.5 0 0 1-.5.527H1.892l-.75 3h.908c.232-1.14 1.242-2 2.45-2 1.208 0 2.218.86 2.45 2h10.1c.232-1.14 1.242-2 2.45-2 1.184 0 2.178.828 2.435 1.934A1.5 1.5 0 0 0 23 16.02v-4.191l-.724-.362A.503.503 0 0 1 22 11.02v-4a.5.5 0 0 1 .276-.447L23 6.211v-.965c-.407-.319-1.193-.726-1.5-.726Zm-4 8a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm-11.107-8h-1.22l2.7 9h3.83L7.64 5.178c-.252-.394-.728-.658-1.248-.658Zm10.107 2a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};