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

package/build/web/icons/SmartWearSecurity.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 12Zm0-1c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm5.489-8.063c.101-.78-.203-1.416-.84-1.893-.363-.275-.754-.463-1.145-.65-.116-.058-.189-.102-.087-.246a7.325 7.325 0 0 1 1.768-1.705c.13-.087.202-.072.304.029.26.26.594.448 1.028.23.464-.216.58-.722.406-1.126-.203-.463-.695-.607-1.173-.405-.19.084-.363.19-.538.297-.067.041-.133.082-.201.122-.855.52-1.55 1.2-2.145 1.994l-.015.021c-.275.37-.282.38-.68.153a.205.205 0 0 0-.051-.015.183.183 0 0 1-.05-.014 9.195 9.195 0 0 1-1.19-.607c-.13-.087-.144-.159-.014-.246.181-.108.312-.266.443-.425l.08-.095c.593-.665.825-1.402.405-2.24-.29-.592-.768-.968-1.42-1.083a2.06 2.06 0 0 0-1.406.245c-.739.434-1.159 1.489-.87 2.269.204.534.58.925 1 1.3.175.16.175.232 0 .318l-.42.213c-.354.179-.709.359-1.072.524-.13.058-.232.043-.333-.101-.377-.491-.754-.968-1.217-1.373a8.17 8.17 0 0 0-1.768-1.213c-.333-.16-.667-.16-.97.072-.29.217-.349.506-.305.838.043.332.507.737.826.694.232-.03.492-.087.652-.304.101-.13.203-.159.333-.043a.645.645 0 0 0 .16.115 7.208 7.208 0 0 1 1.564 1.546c.102.13.102.203-.058.275a8.545 8.545 0 0 1-.314.161c-.195.097-.391.194-.57.316-.651.433-1.144.968-1.115 1.806.005.052.006.106.008.16.003.107.006.21.035.288.42 1.33 1.812 1.85 2.985 1.185.652-.376 1.058-1.214.928-1.922-.102-.55-.261-1.084-.551-1.575l-.005-.01c-.042-.084-.09-.18.064-.25.651-.304 1.303-.607 1.912-.997.087-.058.173-.072.26-.015.595.376 1.232.694 1.884.983.16.072.16.159.087.289a3.578 3.578 0 0 0-.29.636l-.013.04c-.184.549-.36 1.073-.19 1.694.29.968 1.507 1.762 2.623 1.286.71-.29 1.16-.795 1.26-1.546Zm-9.042.895c-.435 0-.884-.289-1.043-.693-.189-.434-.13-.838.188-1.214.276-.325.639-.52 1.004-.717l.17-.092.174-.087c.116-.058.188-.029.246.087.188.448.377.896.435 1.387a1.17 1.17 0 0 1-1.174 1.33Zm3.695-5.36c-.087.058-.174.1-.246.029l-.074-.063c-.396-.34-.79-.677-.94-1.195-.146-.476.014-.866.39-1.17.363-.289.768-.318 1.189-.144.434.202.68.549.68 1.127.015.318-.217.607-.448.881-.16.202-.348.376-.551.535Zm3.275 5.36c-.493-.043-1.087-.505-1.044-1.141 0-.621.232-1.113.464-1.604.044-.087.116-.101.188-.058l.166.085c.399.202.808.409 1.139.739.362.376.463.867.275 1.286a1.168 1.168 0 0 1-1.188.693Z",
-    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 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm0-1c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm5.489-8.063c.101-.78-.203-1.416-.84-1.893-.363-.275-.754-.463-1.145-.65-.116-.058-.189-.102-.087-.246a7.325 7.325 0 0 1 1.768-1.705c.13-.087.202-.072.304.029.26.26.594.448 1.028.23.464-.216.58-.722.406-1.126-.203-.463-.695-.607-1.173-.405-.19.084-.363.19-.538.297-.067.041-.133.082-.201.122-.855.52-1.55 1.2-2.145 1.994l-.015.021c-.275.37-.282.38-.68.153a.205.205 0 0 0-.051-.015.183.183 0 0 1-.05-.014 9.195 9.195 0 0 1-1.19-.607c-.13-.087-.144-.159-.014-.246.181-.108.312-.266.443-.425l.08-.095c.593-.665.825-1.402.405-2.24-.29-.592-.768-.968-1.42-1.083a2.06 2.06 0 0 0-1.406.245c-.739.434-1.159 1.489-.87 2.269.204.534.58.925 1 1.3.175.16.175.232 0 .318l-.42.213c-.354.179-.709.359-1.072.524-.13.058-.232.043-.333-.101-.377-.491-.754-.968-1.217-1.373a8.17 8.17 0 0 0-1.768-1.213c-.333-.16-.667-.16-.97.072-.29.217-.349.506-.305.838.043.332.507.737.826.694.232-.03.492-.087.652-.304.101-.13.203-.159.333-.043a.645.645 0 0 0 .16.115 7.208 7.208 0 0 1 1.564 1.546c.102.13.102.203-.058.275a8.545 8.545 0 0 1-.314.161c-.195.097-.391.194-.57.316-.651.433-1.144.968-1.115 1.806.005.052.006.106.008.16.003.107.006.21.035.288.42 1.33 1.812 1.85 2.985 1.185.652-.376 1.058-1.214.928-1.922-.102-.55-.261-1.084-.551-1.575l-.005-.01c-.042-.084-.09-.18.064-.25.651-.304 1.303-.607 1.912-.997.087-.058.173-.072.26-.015.595.376 1.232.694 1.884.983.16.072.16.159.087.289a3.578 3.578 0 0 0-.29.636l-.013.04c-.184.549-.36 1.073-.19 1.694.29.968 1.507 1.762 2.623 1.286.71-.29 1.16-.795 1.26-1.546Zm-9.042.895c-.435 0-.884-.289-1.043-.693-.189-.434-.13-.838.188-1.214.276-.325.639-.52 1.004-.717l.17-.092.174-.087c.116-.058.188-.029.246.087.188.448.377.896.435 1.387a1.17 1.17 0 0 1-1.174 1.33Zm3.695-5.36c-.087.058-.174.1-.246.029l-.074-.063c-.396-.34-.79-.677-.94-1.195-.146-.476.014-.866.39-1.17.363-.289.768-.318 1.189-.144.434.202.68.549.68 1.127.015.318-.217.607-.448.881-.16.202-.348.376-.551.535Zm3.275 5.36c-.493-.043-1.087-.505-1.044-1.141 0-.621.232-1.113.464-1.604.044-.087.116-.101.188-.058l.166.085c.399.202.808.409 1.139.739.362.376.463.867.275 1.286a1.168 1.168 0 0 1-1.188.693Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Soccer.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.617 0 12 5.383 12 12s-5.383 12-12 12S0 18.617 0 12c0-2.468.749-4.764 2.031-6.673a.501.501 0 0 1 .142-.206C4.345 2.026 7.94 0 12 0Zm.339 18.017-5.017.456-1.359 2.719A10.937 10.937 0 0 0 12 23c.875 0 1.726-.103 2.542-.297l.417-2.503-2.62-2.183Zm8.876-.016L19.645 18l-3.69 2.307-.347 2.085a11.055 11.055 0 0 0 5.404-4.091l.203-.3ZM4.23 14.043l-2.951.423a11.02 11.02 0 0 0 3.864 6.13l1.292-2.584-2.205-3.969Zm14.323-.996-4.18.418-1.291 3.869 2.46 2.05 3.43-2.144-.419-4.193Zm-7.779-3.516-3.477.435-2.217 3.548 2.199 3.959 4.85-.441 1.314-3.942-2.669-3.559Zm10.045-.457-1.31 3.494.443 4.432h1.844A10.933 10.933 0 0 0 23 12c0-.877-.103-1.73-.298-2.55l-1.883-.376ZM1 12c0 .502.034.997.1 1.482l3.097-.444 2.24-3.582-1.289-3.008-2.396-.399A10.936 10.936 0 0 0 1 12Zm16.739-6.972-4.415.442-1.739 3.477 2.646 3.528 4.41-.441 1.304-3.477-2.206-3.529ZM9.537 3.597 6.114 6.164l1.197 2.793 3.361-.42 1.669-3.338-2.804-1.602Zm8.964-.465L18.5 4.356l2.31 3.696 1.574.315A11.052 11.052 0 0 0 18.5 3.132ZM3.403 5.145l1.967.327L9 2.749V1.416a11.025 11.025 0 0 0-5.356 3.438l-.24.29ZM12 1c-.683 0-1.351.063-2 .182V2.71l3.109 1.776 4.391-.439V2.5l.003-.022C15.883 1.538 14.003 1 12 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: "M12 0c6.617 0 12 5.383 12 12s-5.383 12-12 12S0 18.617 0 12c0-2.468.749-4.764 2.031-6.673a.501.501 0 0 1 .142-.206C4.345 2.026 7.94 0 12 0Zm.339 18.017-5.017.456-1.359 2.719A10.937 10.937 0 0 0 12 23c.875 0 1.726-.103 2.542-.297l.417-2.503-2.62-2.183Zm8.876-.016L19.645 18l-3.69 2.307-.347 2.085a11.055 11.055 0 0 0 5.404-4.091l.203-.3ZM4.23 14.043l-2.951.423a11.02 11.02 0 0 0 3.864 6.13l1.292-2.584-2.205-3.969Zm14.323-.996-4.18.418-1.291 3.869 2.46 2.05 3.43-2.144-.419-4.193Zm-7.779-3.516-3.477.435-2.217 3.548 2.199 3.959 4.85-.441 1.314-3.942-2.669-3.559Zm10.045-.457-1.31 3.494.443 4.432h1.844A10.933 10.933 0 0 0 23 12c0-.877-.103-1.73-.298-2.55l-1.883-.376ZM1 12c0 .502.034.997.1 1.482l3.097-.444 2.24-3.582-1.289-3.008-2.396-.399A10.936 10.936 0 0 0 1 12Zm16.739-6.972-4.415.442-1.739 3.477 2.646 3.528 4.41-.441 1.304-3.477-2.206-3.529ZM9.537 3.597 6.114 6.164l1.197 2.793 3.361-.42 1.669-3.338-2.804-1.602Zm8.964-.465L18.5 4.356l2.31 3.696 1.574.315A11.052 11.052 0 0 0 18.5 3.132ZM3.403 5.145l1.967.327L9 2.749V1.416a11.025 11.025 0 0 0-5.356 3.438l-.24.29ZM12 1c-.683 0-1.351.063-2 .182V2.71l3.109 1.776 4.391-.439V2.5l.003-.022C15.883 1.538 14.003 1 12 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Speaker.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.753 0c1.09 0 1.988.85 2.064 1.922l.005.147v19.862c0 1.092-.85 1.988-1.922 2.064l-.147.005H5.246a2.07 2.07 0 0 1-2.063-1.921l-.005-.148V2.069c0-1.09.849-1.988 1.92-2.064L5.247 0h13.507Zm0 .96H5.246a1.11 1.11 0 0 0-1.102.988l-.006.121v19.862c0 .57.433 1.042.987 1.102l.121.007h13.507a1.11 1.11 0 0 0 1.102-.988l.007-.121V2.069a1.11 1.11 0 0 0-.988-1.102L18.753.96Zm-6.754 9.369a5.61 5.61 0 0 1 3.992 1.652 5.611 5.611 0 0 1 1.652 3.992 5.611 5.611 0 0 1-1.652 3.99A5.61 5.61 0 0 1 12 21.616a5.606 5.606 0 0 1-3.99-1.652 5.608 5.608 0 0 1-1.653-3.991c0-1.508.587-2.926 1.653-3.992A5.606 5.606 0 0 1 12 10.33Zm0 .961a4.672 4.672 0 0 0-3.312 1.37 4.69 4.69 0 0 0 0 6.625 4.69 4.69 0 0 0 6.625 0 4.69 4.69 0 0 0 0-6.624A4.671 4.671 0 0 0 12 11.29Zm-1.182 3.5a1.676 1.676 0 0 1 2.365 0A1.671 1.671 0 0 1 12 17.643c-.428 0-.856-.163-1.183-.488a1.676 1.676 0 0 1 0-2.365Zm1.183.47a.71.71 0 0 0-.504.209.714.714 0 0 0 0 1.007.714.714 0 0 0 1.007 0 .714.714 0 0 0 0-1.007.709.709 0 0 0-.503-.208ZM9.975 3.223c1.081-1.082 2.968-1.082 4.05 0a2.868 2.868 0 0 1 0 4.05A2.857 2.857 0 0 1 12 8.11a2.856 2.856 0 0 1-2.025-.837 2.868 2.868 0 0 1 0-4.05Zm2.025.12a1.906 1.906 0 0 0-1.346 3.25A1.904 1.904 0 1 0 12 3.343Z",
-    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.753 0c1.09 0 1.988.85 2.064 1.922l.005.147v19.862c0 1.092-.85 1.988-1.922 2.064l-.147.005H5.246a2.07 2.07 0 0 1-2.063-1.921l-.005-.148V2.069c0-1.09.849-1.988 1.92-2.064L5.247 0h13.507Zm0 .96H5.246a1.11 1.11 0 0 0-1.102.988l-.006.121v19.862c0 .57.433 1.042.987 1.102l.121.007h13.507a1.11 1.11 0 0 0 1.102-.988l.007-.121V2.069a1.11 1.11 0 0 0-.988-1.102L18.753.96Zm-6.754 9.369a5.61 5.61 0 0 1 3.992 1.652 5.611 5.611 0 0 1 1.652 3.992 5.611 5.611 0 0 1-1.652 3.99A5.61 5.61 0 0 1 12 21.616a5.606 5.606 0 0 1-3.99-1.652 5.608 5.608 0 0 1-1.653-3.991c0-1.508.587-2.926 1.653-3.992A5.606 5.606 0 0 1 12 10.33Zm0 .961a4.672 4.672 0 0 0-3.312 1.37 4.69 4.69 0 0 0 0 6.625 4.69 4.69 0 0 0 6.625 0 4.69 4.69 0 0 0 0-6.624A4.671 4.671 0 0 0 12 11.29Zm-1.182 3.5a1.676 1.676 0 0 1 2.365 0A1.671 1.671 0 0 1 12 17.643c-.428 0-.856-.163-1.183-.488a1.676 1.676 0 0 1 0-2.365Zm1.183.47a.71.71 0 0 0-.504.209.714.714 0 0 0 0 1.007.714.714 0 0 0 1.007 0 .714.714 0 0 0 0-1.007.709.709 0 0 0-.503-.208ZM9.975 3.223c1.081-1.082 2.968-1.082 4.05 0a2.868 2.868 0 0 1 0 4.05A2.857 2.857 0 0 1 12 8.11a2.856 2.856 0 0 1-2.025-.837 2.868 2.868 0 0 1 0-4.05Zm2.025.12a1.906 1.906 0 0 0-1.346 3.25A1.904 1.904 0 1 0 12 3.343Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SpeakerPhone.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.673 15.561c.131 0 .247.009.376.01l.432 3.02a.592.592 0 0 0 .104.261l1.84 2.601H7.393a.391.391 0 0 1-.385-.333l-.794-5.559h1.459Zm-3.54-8.652h2.946v7.465H4.133a2.949 2.949 0 0 1-2.945-2.946V9.854a2.948 2.948 0 0 1 2.945-2.945Zm4.546 7.486c-.038-.008-.075-.021-.116-.021h-.296V6.896c9.758-.135 13.295-3.484 14.22-4.646.197.098.324.3.324.525v15.731a.584.584 0 0 1-.324.525c-.912-1.145-4.364-4.413-13.808-4.636ZM22.226 1a.602.602 0 0 0-.511.291c-.028.044-2.844 4.43-14.042 4.43h-3.54A4.138 4.138 0 0 0 0 9.854v1.574a4.138 4.138 0 0 0 4.133 4.133h.881l.818 5.726a1.586 1.586 0 0 0 1.561 1.354h3.249c.226 0 .444-.069.631-.202a1.09 1.09 0 0 0 .252-1.515L9.636 18.28l-.382-2.68c9.837.393 12.435 4.347 12.46 4.387.105.18.302.294.512.294.978 0 1.774-.796 1.774-1.775V2.775C24 1.796 23.204 1 22.226 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.673 15.561c.131 0 .247.009.376.01l.432 3.02a.592.592 0 0 0 .104.261l1.84 2.601H7.393a.391.391 0 0 1-.385-.333l-.794-5.559h1.459Zm-3.54-8.652h2.946v7.465H4.133a2.949 2.949 0 0 1-2.945-2.946V9.854a2.948 2.948 0 0 1 2.945-2.945Zm4.546 7.486c-.038-.008-.075-.021-.116-.021h-.296V6.896c9.758-.135 13.295-3.484 14.22-4.646.197.098.324.3.324.525v15.731a.584.584 0 0 1-.324.525c-.912-1.145-4.364-4.413-13.808-4.636ZM22.226 1a.602.602 0 0 0-.511.291c-.028.044-2.844 4.43-14.042 4.43h-3.54A4.138 4.138 0 0 0 0 9.854v1.574a4.138 4.138 0 0 0 4.133 4.133h.881l.818 5.726a1.586 1.586 0 0 0 1.561 1.354h3.249c.226 0 .444-.069.631-.202a1.09 1.09 0 0 0 .252-1.515L9.636 18.28l-.382-2.68c9.837.393 12.435 4.347 12.46 4.387.105.18.302.294.512.294.978 0 1.774-.796 1.774-1.775V2.775C24 1.796 23.204 1 22.226 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Speed.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: "M19.744 19.744c-4.27 4.27-11.218 4.27-15.488 0a10.89 10.89 0 0 1-2.044-2.848h5.526c.896 0 1.708-.556 2.026-1.406A2.344 2.344 0 0 1 12 13.896a2.37 2.37 0 0 1 1.437.482 2.349 2.349 0 0 1 .807 1.132 2.16 2.16 0 0 0 2.019 1.386h5.524a10.89 10.89 0 0 1-2.043 2.848Zm-.046-10.375a.554.554 0 0 0-.777-.095l-5.122 4.01A3.49 3.49 0 0 0 12 12.79c-1.498 0-2.82.945-3.282 2.332a1.06 1.06 0 0 1-.98.667h-6a10.97 10.97 0 0 1-.658-3.234h2.632a.554.554 0 0 0 0-1.107H1.08a10.89 10.89 0 0 1 2.804-6.779L5.766 6.55a.556.556 0 0 0 .784 0 .554.554 0 0 0 0-.783L4.668 3.884a10.891 10.891 0 0 1 6.778-2.804v2.631a.555.555 0 0 0 1.107 0v-2.63a10.885 10.885 0 0 1 6.779 2.804L17.53 5.687a.554.554 0 1 0 .782.784l1.804-1.803a10.889 10.889 0 0 1 2.803 6.779h-2.63a.553.553 0 1 0 0 1.107h2.63a10.97 10.97 0 0 1-.657 3.234h-6c-.43 0-.832-.274-.973-.648a3.4 3.4 0 0 0-.63-1.122l4.944-3.871a.552.552 0 0 0 .095-.778Zm4.225 2.897A.541.541 0 0 0 24 12a.544.544 0 0 0-.077-.267 11.889 11.889 0 0 0-3.479-8.174v-.002l-.003-.002A11.89 11.89 0 0 0 12.267.078.536.536 0 0 0 12 0a.533.533 0 0 0-.266.078 11.887 11.887 0 0 0-8.178 3.479 11.887 11.887 0 0 0-3.479 8.178A.531.531 0 0 0 0 12c0 .098.032.186.077.265.03 1.378.294 2.748.797 4.049 0 .01-.006.019-.006.027 0 .166.074.308.187.41a11.87 11.87 0 0 0 2.501 3.693A11.9 11.9 0 0 0 12 23.935a11.9 11.9 0 0 0 8.443-3.491 11.863 11.863 0 0 0 2.5-3.692.545.545 0 0 0 .19-.41c0-.01-.007-.02-.007-.03.502-1.3.765-2.67.797-4.046Z",
-    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: "M19.744 19.744c-4.27 4.27-11.218 4.27-15.488 0a10.89 10.89 0 0 1-2.044-2.848h5.526c.896 0 1.708-.556 2.026-1.406A2.344 2.344 0 0 1 12 13.896a2.37 2.37 0 0 1 1.437.482 2.349 2.349 0 0 1 .807 1.132 2.16 2.16 0 0 0 2.019 1.386h5.524a10.89 10.89 0 0 1-2.043 2.848Zm-.046-10.375a.554.554 0 0 0-.777-.095l-5.122 4.01A3.49 3.49 0 0 0 12 12.79c-1.498 0-2.82.945-3.282 2.332a1.06 1.06 0 0 1-.98.667h-6a10.97 10.97 0 0 1-.658-3.234h2.632a.554.554 0 0 0 0-1.107H1.08a10.89 10.89 0 0 1 2.804-6.779L5.766 6.55a.556.556 0 0 0 .784 0 .554.554 0 0 0 0-.783L4.668 3.884a10.891 10.891 0 0 1 6.778-2.804v2.631a.555.555 0 0 0 1.107 0v-2.63a10.885 10.885 0 0 1 6.779 2.804L17.53 5.687a.554.554 0 1 0 .782.784l1.804-1.803a10.889 10.889 0 0 1 2.803 6.779h-2.63a.553.553 0 1 0 0 1.107h2.63a10.97 10.97 0 0 1-.657 3.234h-6c-.43 0-.832-.274-.973-.648a3.4 3.4 0 0 0-.63-1.122l4.944-3.871a.552.552 0 0 0 .095-.778Zm4.225 2.897A.541.541 0 0 0 24 12a.544.544 0 0 0-.077-.267 11.889 11.889 0 0 0-3.479-8.174v-.002l-.003-.002A11.89 11.89 0 0 0 12.267.078.536.536 0 0 0 12 0a.533.533 0 0 0-.266.078 11.887 11.887 0 0 0-8.178 3.479 11.887 11.887 0 0 0-3.479 8.178A.531.531 0 0 0 0 12c0 .098.032.186.077.265.03 1.378.294 2.748.797 4.049 0 .01-.006.019-.006.027 0 .166.074.308.187.41a11.87 11.87 0 0 0 2.501 3.693A11.9 11.9 0 0 0 12 23.935a11.9 11.9 0 0 0 8.443-3.491 11.863 11.863 0 0 0 2.5-3.692.545.545 0 0 0 .19-.41c0-.01-.007-.02-.007-.03.502-1.3.765-2.67.797-4.046Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SpeedReduced.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: "M4.257 19.744c4.27 4.27 11.217 4.27 15.488 0a10.89 10.89 0 0 0 2.043-2.848h-5.525a2.165 2.165 0 0 1-2.026-1.406A2.344 2.344 0 0 0 12 13.896c-.533 0-1.034.176-1.437.482a2.35 2.35 0 0 0-.807 1.132 2.16 2.16 0 0 1-2.018 1.386H2.213a10.89 10.89 0 0 0 2.044 2.848Zm.045-10.375a.554.554 0 0 1 .777-.095l5.123 4.01A3.49 3.49 0 0 1 12 12.79c1.499 0 2.82.945 3.282 2.332.148.393.55.667.98.667h6.001a10.97 10.97 0 0 0 .657-3.234h-2.63a.554.554 0 0 1 0-1.107h2.631a10.89 10.89 0 0 0-2.803-6.779L18.234 6.55a.556.556 0 0 1-.784 0 .554.554 0 0 1 0-.783l1.883-1.883a10.892 10.892 0 0 0-6.778-2.804v2.631a.555.555 0 0 1-1.108 0v-2.63a10.885 10.885 0 0 0-6.778 2.804L6.47 5.687a.554.554 0 1 1-.783.784L3.885 4.668a10.89 10.89 0 0 0-2.804 6.779h2.63a.553.553 0 1 1 0 1.107h-2.63c.055 1.1.273 2.19.657 3.234h6c.43 0 .833-.274.973-.648.141-.42.356-.798.63-1.122l-4.944-3.871a.552.552 0 0 1-.095-.778ZM.077 12.266A.542.542 0 0 1 0 12c0-.098.033-.186.077-.267a11.889 11.889 0 0 1 3.48-8.174v-.002l.002-.002A11.89 11.89 0 0 1 11.734.078.536.536 0 0 1 12 0c.1 0 .186.032.267.078a11.887 11.887 0 0 1 8.177 3.479 11.887 11.887 0 0 1 3.479 8.178A.53.53 0 0 1 24 12a.527.527 0 0 1-.077.265 11.935 11.935 0 0 1-.797 4.049c0 .01.006.019.006.027a.548.548 0 0 1-.187.41 11.868 11.868 0 0 1-2.5 3.693A11.9 11.9 0 0 1 12 23.935a11.9 11.9 0 0 1-8.443-3.491 11.862 11.862 0 0 1-2.5-3.692.545.545 0 0 1-.189-.41c0-.01.006-.02.006-.03-.502-1.3-.765-2.67-.797-4.046Z",
-    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: "M4.257 19.744c4.27 4.27 11.217 4.27 15.488 0a10.89 10.89 0 0 0 2.043-2.848h-5.525a2.165 2.165 0 0 1-2.026-1.406A2.344 2.344 0 0 0 12 13.896c-.533 0-1.034.176-1.437.482a2.35 2.35 0 0 0-.807 1.132 2.16 2.16 0 0 1-2.018 1.386H2.213a10.89 10.89 0 0 0 2.044 2.848Zm.045-10.375a.554.554 0 0 1 .777-.095l5.123 4.01A3.49 3.49 0 0 1 12 12.79c1.499 0 2.82.945 3.282 2.332.148.393.55.667.98.667h6.001a10.97 10.97 0 0 0 .657-3.234h-2.63a.554.554 0 0 1 0-1.107h2.631a10.89 10.89 0 0 0-2.803-6.779L18.234 6.55a.556.556 0 0 1-.784 0 .554.554 0 0 1 0-.783l1.883-1.883a10.892 10.892 0 0 0-6.778-2.804v2.631a.555.555 0 0 1-1.108 0v-2.63a10.885 10.885 0 0 0-6.778 2.804L6.47 5.687a.554.554 0 1 1-.783.784L3.885 4.668a10.89 10.89 0 0 0-2.804 6.779h2.63a.553.553 0 1 1 0 1.107h-2.63c.055 1.1.273 2.19.657 3.234h6c.43 0 .833-.274.973-.648.141-.42.356-.798.63-1.122l-4.944-3.871a.552.552 0 0 1-.095-.778ZM.077 12.266A.542.542 0 0 1 0 12c0-.098.033-.186.077-.267a11.889 11.889 0 0 1 3.48-8.174v-.002l.002-.002A11.89 11.89 0 0 1 11.734.078.536.536 0 0 1 12 0c.1 0 .186.032.267.078a11.887 11.887 0 0 1 8.177 3.479 11.887 11.887 0 0 1 3.479 8.178A.53.53 0 0 1 24 12a.527.527 0 0 1-.077.265 11.935 11.935 0 0 1-.797 4.049c0 .01.006.019.006.027a.548.548 0 0 1-.187.41 11.868 11.868 0 0 1-2.5 3.693A11.9 11.9 0 0 1 12 23.935a11.9 11.9 0 0 1-8.443-3.491 11.862 11.862 0 0 1-2.5-3.692.545.545 0 0 1-.189-.41c0-.01.006-.02.006-.03-.502-1.3-.765-2.67-.797-4.046Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/StatusError.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: "M0 12C0 5.376 5.376 0 12 0s12 5.376 12 12-5.376 12-12 12S0 18.624 0 12Zm12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 6.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
-    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: "M0 12C0 5.376 5.376 0 12 0s12 5.376 12 12-5.376 12-12 12S0 18.624 0 12Zm12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 6.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/StatusInfo.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 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
-    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 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0Zm-.662 5.361a.894.894 0 1 1 1.264 1.266.894.894 0 0 1-1.264-1.266Zm0 0 .047.047-.047-.047Zm.855 3.076a.578.578 0 0 0-.633.125l-1.491 1.49-.057.067-.001.002a.575.575 0 0 0 .06.75.579.579 0 0 0 .82 0l.5-.499v6.877h-.914l-.098.01h-.003a.581.581 0 0 0 .104 1.151h2.983l.098-.009h.003a.58.58 0 0 0-.104-1.152h-.91V8.97l-.008-.094v-.002a.576.576 0 0 0-.349-.436Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/StatusSuccess.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.624 0 12 5.376 12 12s-5.376 12-12 12S0 18.624 0 12 5.376 0 12 0Zm6.198 6.231-9.2 9.564-3.2-3.325a.746.746 0 0 0-1.075 0 .819.819 0 0 0-.019 1.102l3.72 4.168c.153.171.37.264.596.26a.729.729 0 0 0 .563-.239l.106-.114.017-.014a.76.76 0 0 0 .113-.125l9.47-10.177a.805.805 0 0 0-.01-1.098.744.744 0 0 0-1.08-.002Z",
-    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.624 0 12 5.376 12 12s-5.376 12-12 12S0 18.624 0 12 5.376 0 12 0Zm6.198 6.231-9.2 9.564-3.2-3.325a.746.746 0 0 0-1.075 0 .819.819 0 0 0-.019 1.102l3.72 4.168c.153.171.37.264.596.26a.729.729 0 0 0 .563-.239l.106-.114.017-.014a.76.76 0 0 0 .113-.125l9.47-10.177a.805.805 0 0 0-.01-1.098.744.744 0 0 0-1.08-.002Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/StatusWarning.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.883 2.342 23.026 21.4a1 1 0 0 1-.883 1.47H1.857a1 1 0 0 1-.883-1.47L11.117 2.342a1 1 0 0 1 1.766 0ZM12 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 8.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
-    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.883 2.342 23.026 21.4a1 1 0 0 1-.883 1.47H1.857a1 1 0 0 1-.883-1.47L11.117 2.342a1 1 0 0 1 1.766 0ZM12 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-.004-3c.425 0 .773-.368.785-.829L13 8.878c.012-.481-.343-.878-.785-.878h-.43c-.442 0-.797.397-.785.877l.21 8.293c.013.462.36.83.786.83Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};