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

package/build/web/icons/HeadBoth.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "m15.101 3.16.08.003c.872.013 1.273.196 1.748.621l.12.112h.16c1.52 0 2.314 1.534 2.362 4.56l.002.298c0 3.573 1.254 4.633 1.267 4.644a.517.517 0 0 1 .02.816l-.07.05c-.039.022-.912.526-2.63.862l-.252.047.097.377 2.736.67c1.92.47 3.26 2.154 3.26 4.097a.524.524 0 0 1-.428.515l-.094.009H19.52a.521.521 0 0 1-.093-1.034l.093-.008h3.395c-.199-1.188-1.05-2.148-2.223-2.511l-.199-.055-3.039-.744a.52.52 0 0 1-.349-.288l-.032-.09-.315-1.234a.523.523 0 0 1 .433-.645c1.128-.155 1.958-.407 2.49-.61-.45-.662-1.095-2.043-1.146-4.55l-.005-.576c-.02-1.2-.195-3.389-1.202-3.55l-.12-.008h-.368a.513.513 0 0 1-.366-.15l-.204-.196c-.307-.286-.485-.372-1.049-.387a.485.485 0 0 1-.489-.223.53.53 0 0 1-.026-.543.493.493 0 0 1 .395-.279Zm-4.154.013c1.353 0 2.335.443 2.918 1.316.745 1.113.434 1.903.006 2.387l-.064.07-.234.23-.058 1.184c.152.072.29.178.404.307.204.232.312.53.306.835l-.01.13-.184 1.446a1.25 1.25 0 0 1-.818 1.012 5.142 5.142 0 0 1-1.216 2.516l-.175.186.194.758 2.738.67c1.917.471 3.257 2.156 3.257 4.097 0 .257-.184.47-.427.515l-.093.008H.52a.522.522 0 0 1-.52-.52c0-1.874 1.246-3.508 3.054-4.044l.204-.055 2.739-.67.21-.824a5.177 5.177 0 0 1-1.32-2.607 1.254 1.254 0 0 1-.88-.908l-.025-.133-.184-1.447a1.245 1.245 0 0 1 .75-1.297l-.083-.782a7.389 7.389 0 0 1-.037-.606c0-1.378.419-2.968 3.677-3.047 1.128-.727 2.327-.727 2.842-.727Zm-.001 1.041c-.733 0-1.59.075-2.38.63a.53.53 0 0 1-.294.093c-2.593.025-2.804.925-2.804 2.01 0 .325.114 1.312.17 1.74a.511.511 0 0 1-.127.41.515.515 0 0 1-.39.177c-.157 0-.212.037-.244.074a.203.203 0 0 0-.047.1v.051l.183 1.446c.01.082.072.147.152.17l.064.008h.12c.272 0 .499.211.52.48a4.05 4.05 0 0 0 1.268 2.577.517.517 0 0 1 .167.419l-.015.093-.361 1.418a.521.521 0 0 1-.29.346l-.09.031-3.042.744c-1.208.299-2.113 1.212-2.382 2.372l-.04.195h15.842c-.2-1.187-1.05-2.146-2.224-2.51l-.198-.056-3.04-.744a.516.516 0 0 1-.348-.287l-.032-.089-.347-1.358a.52.52 0 0 1 .16-.52 4.009 4.009 0 0 0 1.329-2.63.517.517 0 0 1 .429-.472l.089-.008c.114 0 .203-.05.238-.128l.014-.05.185-1.445a.184.184 0 0 0-.047-.149.222.222 0 0 0-.168-.076.515.515 0 0 1-.51-.463l-.003-.084.09-1.809a.513.513 0 0 1 .092-.27l.063-.075.369-.362c.212-.222.352-.517-.07-1.146-.376-.566-1.067-.853-2.051-.853Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "m15.101 3.16.08.003c.872.013 1.273.196 1.748.621l.12.112h.16c1.52 0 2.314 1.534 2.362 4.56l.002.298c0 3.573 1.254 4.633 1.267 4.644a.517.517 0 0 1 .02.816l-.07.05c-.039.022-.912.526-2.63.862l-.252.047.097.377 2.736.67c1.92.47 3.26 2.154 3.26 4.097a.524.524 0 0 1-.428.515l-.094.009H19.52a.521.521 0 0 1-.093-1.034l.093-.008h3.395c-.199-1.188-1.05-2.148-2.223-2.511l-.199-.055-3.039-.744a.52.52 0 0 1-.349-.288l-.032-.09-.315-1.234a.523.523 0 0 1 .433-.645c1.128-.155 1.958-.407 2.49-.61-.45-.662-1.095-2.043-1.146-4.55l-.005-.576c-.02-1.2-.195-3.389-1.202-3.55l-.12-.008h-.368a.513.513 0 0 1-.366-.15l-.204-.196c-.307-.286-.485-.372-1.049-.387a.485.485 0 0 1-.489-.223.53.53 0 0 1-.026-.543.493.493 0 0 1 .395-.279Zm-4.154.013c1.353 0 2.335.443 2.918 1.316.745 1.113.434 1.903.006 2.387l-.064.07-.234.23-.058 1.184c.152.072.29.178.404.307.204.232.312.53.306.835l-.01.13-.184 1.446a1.25 1.25 0 0 1-.818 1.012 5.142 5.142 0 0 1-1.216 2.516l-.175.186.194.758 2.738.67c1.917.471 3.257 2.156 3.257 4.097 0 .257-.184.47-.427.515l-.093.008H.52a.522.522 0 0 1-.52-.52c0-1.874 1.246-3.508 3.054-4.044l.204-.055 2.739-.67.21-.824a5.177 5.177 0 0 1-1.32-2.607 1.254 1.254 0 0 1-.88-.908l-.025-.133-.184-1.447a1.245 1.245 0 0 1 .75-1.297l-.083-.782a7.389 7.389 0 0 1-.037-.606c0-1.378.419-2.968 3.677-3.047 1.128-.727 2.327-.727 2.842-.727Zm-.001 1.041c-.733 0-1.59.075-2.38.63a.53.53 0 0 1-.294.093c-2.593.025-2.804.925-2.804 2.01 0 .325.114 1.312.17 1.74a.511.511 0 0 1-.127.41.515.515 0 0 1-.39.177c-.157 0-.212.037-.244.074a.203.203 0 0 0-.047.1v.051l.183 1.446c.01.082.072.147.152.17l.064.008h.12c.272 0 .499.211.52.48a4.05 4.05 0 0 0 1.268 2.577.517.517 0 0 1 .167.419l-.015.093-.361 1.418a.521.521 0 0 1-.29.346l-.09.031-3.042.744c-1.208.299-2.113 1.212-2.382 2.372l-.04.195h15.842c-.2-1.187-1.05-2.146-2.224-2.51l-.198-.056-3.04-.744a.516.516 0 0 1-.348-.287l-.032-.089-.347-1.358a.52.52 0 0 1 .16-.52 4.009 4.009 0 0 0 1.329-2.63.517.517 0 0 1 .429-.472l.089-.008c.114 0 .203-.05.238-.128l.014-.05.185-1.445a.184.184 0 0 0-.047-.149.222.222 0 0 0-.168-.076.515.515 0 0 1-.51-.463l-.003-.084.09-1.809a.513.513 0 0 1 .092-.27l.063-.075.369-.362c.212-.222.352-.517-.07-1.146-.376-.566-1.067-.853-2.051-.853Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/HeadFemale.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.782 19.782c-.302.302-.62.577-.948.837l-2.941-1.28a.872.872 0 0 1-.296-.27 13.76 13.76 0 0 0 3.757-1.142.5.5 0 0 0 .093-.847c-.018-.014-1.71-1.41-1.71-6.112 0-5.004-1.566-6.054-2.88-6.054h-.248C13.968 4.232 12.974 3.87 12 3.96c-1.533 0-5.738 1.661-5.738 7.007 0 4.702-1.692 6.098-1.703 6.107a.498.498 0 0 0 .087.852c1.203.566 2.469.942 3.766 1.145a.746.746 0 0 1-.262.246l-2.984 1.301c-.327-.26-.645-.535-.949-.837-4.29-4.291-4.29-11.273 0-15.564A10.975 10.975 0 0 1 12 1c2.818 0 5.636 1.073 7.782 3.218 4.29 4.29 4.29 11.273 0 15.564ZM6.118 21.294l2.475-1.08a1.84 1.84 0 0 0 .961-1.47c.001-.01.006-.017.007-.025.001-.006-.002-.012-.002-.018.001-.01.005-.026.005-.036 0-.025-.011-.046-.014-.07-.005-.034-.008-.067-.02-.098a.466.466 0 0 0-.043-.083c-.017-.029-.032-.056-.054-.08-.021-.024-.046-.04-.071-.06-.026-.02-.05-.04-.08-.055-.03-.014-.061-.02-.093-.029-.024-.007-.044-.019-.07-.022a12.793 12.793 0 0 1-3.427-.872c.625-.846 1.57-2.721 1.57-6.328 0-4.963 3.959-6.006 4.783-6.008.77-.073 1.526.23 1.94.761a.5.5 0 0 0 .395.193h.476c1.636 0 1.88 3.167 1.88 5.054 0 3.607.946 5.482 1.57 6.328-1.1.449-2.25.742-3.425.872-.026.003-.045.015-.07.022-.032.008-.064.015-.094.03-.029.014-.052.034-.078.052-.026.02-.05.038-.073.063-.02.023-.036.05-.053.077-.016.028-.033.054-.044.085-.01.031-.014.064-.019.097-.004.025-.015.045-.015.071 0 .01.004.025.005.035 0 .007-.003.013-.002.02.001.008.006.015.008.024.023.392.24 1.07 1.004 1.49l2.43 1.06a11.034 11.034 0 0 1-11.762 0ZM20.49 3.51c-4.681-4.68-12.297-4.68-16.979 0-4.68 4.681-4.68 12.298 0 16.98A11.968 11.968 0 0 0 12 24c3.075 0 6.148-1.17 8.49-3.51 4.68-4.682 4.68-12.299 0-16.98Z",
-    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.782 19.782c-.302.302-.62.577-.948.837l-2.941-1.28a.872.872 0 0 1-.296-.27 13.76 13.76 0 0 0 3.757-1.142.5.5 0 0 0 .093-.847c-.018-.014-1.71-1.41-1.71-6.112 0-5.004-1.566-6.054-2.88-6.054h-.248C13.968 4.232 12.974 3.87 12 3.96c-1.533 0-5.738 1.661-5.738 7.007 0 4.702-1.692 6.098-1.703 6.107a.498.498 0 0 0 .087.852c1.203.566 2.469.942 3.766 1.145a.746.746 0 0 1-.262.246l-2.984 1.301c-.327-.26-.645-.535-.949-.837-4.29-4.291-4.29-11.273 0-15.564A10.975 10.975 0 0 1 12 1c2.818 0 5.636 1.073 7.782 3.218 4.29 4.29 4.29 11.273 0 15.564ZM6.118 21.294l2.475-1.08a1.84 1.84 0 0 0 .961-1.47c.001-.01.006-.017.007-.025.001-.006-.002-.012-.002-.018.001-.01.005-.026.005-.036 0-.025-.011-.046-.014-.07-.005-.034-.008-.067-.02-.098a.466.466 0 0 0-.043-.083c-.017-.029-.032-.056-.054-.08-.021-.024-.046-.04-.071-.06-.026-.02-.05-.04-.08-.055-.03-.014-.061-.02-.093-.029-.024-.007-.044-.019-.07-.022a12.793 12.793 0 0 1-3.427-.872c.625-.846 1.57-2.721 1.57-6.328 0-4.963 3.959-6.006 4.783-6.008.77-.073 1.526.23 1.94.761a.5.5 0 0 0 .395.193h.476c1.636 0 1.88 3.167 1.88 5.054 0 3.607.946 5.482 1.57 6.328-1.1.449-2.25.742-3.425.872-.026.003-.045.015-.07.022-.032.008-.064.015-.094.03-.029.014-.052.034-.078.052-.026.02-.05.038-.073.063-.02.023-.036.05-.053.077-.016.028-.033.054-.044.085-.01.031-.014.064-.019.097-.004.025-.015.045-.015.071 0 .01.004.025.005.035 0 .007-.003.013-.002.02.001.008.006.015.008.024.023.392.24 1.07 1.004 1.49l2.43 1.06a11.034 11.034 0 0 1-11.762 0ZM20.49 3.51c-4.681-4.68-12.297-4.68-16.979 0-4.68 4.681-4.68 12.298 0 16.98A11.968 11.968 0 0 0 12 24c3.075 0 6.148-1.17 8.49-3.51 4.68-4.682 4.68-12.299 0-16.98Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/HeadMale.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.25 20.195-2.868-1.245c-.917-.374-1.347-1.814-1.445-2.379.648-.592 1.321-1.523 1.321-2.416 0-.252.061-.352.087-.383a.521.521 0 0 0 .322-.299c.02-.048.488-1.186.488-1.957a.56.56 0 0 0-.016-.129 1.22 1.22 0 0 0-.433-.663V8.437c0-1.484-.477-2.059-.911-2.383-.124-.804-1.017-2.096-3.647-2.096-2.824 0-4.558 2.609-4.558 4.479v2.287a1.224 1.224 0 0 0-.433.663.524.524 0 0 0-.016.129c0 .747.438 1.835.487 1.956.067.164.18.266.308.292.001.001.103.069.103.391 0 .892.672 1.823 1.32 2.416-.098.565-.528 2.005-1.439 2.377l-3.17 1.249A10.953 10.953 0 0 1 1.042 12C1.042 5.957 5.958 1.041 12 1.041S22.958 5.957 22.958 12c0 3.126-1.351 6.108-3.708 8.195Zm-10.942-.28c1.589-.65 2.119-2.991 2.119-3.561a.52.52 0 0 0-.194-.406c-.558-.451-1.152-1.233-1.152-1.793 0-.742-.332-1.097-.555-1.251-.152-.413-.316-.957-.339-1.308l.002-.005a.521.521 0 0 0 .443-.515V8.437C8.632 7.036 10.002 5 12.149 5c1.867 0 2.517.749 2.611 1.169a.492.492 0 0 0-.018.182c.03.282.24.414.356.487.183.113.567.351.567 1.6v2.639a.5.5 0 0 0 .44.512.047.047 0 0 0 .005.01c-.023.349-.186.893-.339 1.306-.192.134-.554.487-.554 1.25 0 .56-.594 1.342-1.154 1.795a.522.522 0 0 0-.192.404c0 .571.527 2.911 2.108 3.556l2.345 1.018A10.836 10.836 0 0 1 12 22.958c-2.267 0-4.441-.696-6.303-2.014l2.611-1.029ZM12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 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: "m19.25 20.195-2.868-1.245c-.917-.374-1.347-1.814-1.445-2.379.648-.592 1.321-1.523 1.321-2.416 0-.252.061-.352.087-.383a.521.521 0 0 0 .322-.299c.02-.048.488-1.186.488-1.957a.56.56 0 0 0-.016-.129 1.22 1.22 0 0 0-.433-.663V8.437c0-1.484-.477-2.059-.911-2.383-.124-.804-1.017-2.096-3.647-2.096-2.824 0-4.558 2.609-4.558 4.479v2.287a1.224 1.224 0 0 0-.433.663.524.524 0 0 0-.016.129c0 .747.438 1.835.487 1.956.067.164.18.266.308.292.001.001.103.069.103.391 0 .892.672 1.823 1.32 2.416-.098.565-.528 2.005-1.439 2.377l-3.17 1.249A10.953 10.953 0 0 1 1.042 12C1.042 5.957 5.958 1.041 12 1.041S22.958 5.957 22.958 12c0 3.126-1.351 6.108-3.708 8.195Zm-10.942-.28c1.589-.65 2.119-2.991 2.119-3.561a.52.52 0 0 0-.194-.406c-.558-.451-1.152-1.233-1.152-1.793 0-.742-.332-1.097-.555-1.251-.152-.413-.316-.957-.339-1.308l.002-.005a.521.521 0 0 0 .443-.515V8.437C8.632 7.036 10.002 5 12.149 5c1.867 0 2.517.749 2.611 1.169a.492.492 0 0 0-.018.182c.03.282.24.414.356.487.183.113.567.351.567 1.6v2.639a.5.5 0 0 0 .44.512.047.047 0 0 0 .005.01c-.023.349-.186.893-.339 1.306-.192.134-.554.487-.554 1.25 0 .56-.594 1.342-1.154 1.795a.522.522 0 0 0-.192.404c0 .571.527 2.911 2.108 3.556l2.345 1.018A10.836 10.836 0 0 1 12 22.958c-2.267 0-4.441-.696-6.303-2.014l2.611-1.029ZM12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Headset.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.908 16.245c-.889 2.837-2.098 5.703-2.108 5.73-.025.053-.051.11-.083.16a1.391 1.391 0 0 1-1.907.477l-1.568-.94a1.37 1.37 0 0 1-.583-1.694l1.864-4.09c.217-.531.72-.873 1.282-.873.164 0 .325.03.473.085l2.63 1.146ZM6.485 15.91l1.845 4.047c.259.64.018 1.36-.572 1.716l-1.568.94a1.375 1.375 0 0 1-1.223.103 1.37 1.37 0 0 1-.763-.732c-.051-.12-1.245-2.966-2.111-5.738l2.604-1.136c.698-.264 1.5.088 1.788.8ZM12 0C5.383 0 0 5.383 0 12c0 3.073 2.985 10.153 3.113 10.454.275.631.78 1.117 1.42 1.369a2.571 2.571 0 0 0 2.268-.189l1.569-.942a2.581 2.581 0 0 0 1.052-3.203L7.576 15.44c-.522-1.29-2.011-1.932-3.328-1.43l-2.495 1.087c-.375-1.35-.565-2.392-.565-3.099 0-5.961 4.85-10.81 10.812-10.81S22.811 6.037 22.811 12c0 .707-.189 1.748-.564 3.098l-2.523-1.1a2.55 2.55 0 0 0-3.291 1.42l-1.865 4.091a2.566 2.566 0 0 0 1.062 3.181l1.569.942a2.582 2.582 0 0 0 3.691-1.184c.057-.137 1.409-3.345 2.301-6.343a.216.216 0 0 0 .013-.04c.528-1.779.796-3.147.796-4.066 0-6.617-5.383-12-12-12Z",
-    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.908 16.245c-.889 2.837-2.098 5.703-2.108 5.73-.025.053-.051.11-.083.16a1.391 1.391 0 0 1-1.907.477l-1.568-.94a1.37 1.37 0 0 1-.583-1.694l1.864-4.09c.217-.531.72-.873 1.282-.873.164 0 .325.03.473.085l2.63 1.146ZM6.485 15.91l1.845 4.047c.259.64.018 1.36-.572 1.716l-1.568.94a1.375 1.375 0 0 1-1.223.103 1.37 1.37 0 0 1-.763-.732c-.051-.12-1.245-2.966-2.111-5.738l2.604-1.136c.698-.264 1.5.088 1.788.8ZM12 0C5.383 0 0 5.383 0 12c0 3.073 2.985 10.153 3.113 10.454.275.631.78 1.117 1.42 1.369a2.571 2.571 0 0 0 2.268-.189l1.569-.942a2.581 2.581 0 0 0 1.052-3.203L7.576 15.44c-.522-1.29-2.011-1.932-3.328-1.43l-2.495 1.087c-.375-1.35-.565-2.392-.565-3.099 0-5.961 4.85-10.81 10.812-10.81S22.811 6.037 22.811 12c0 .707-.189 1.748-.564 3.098l-2.523-1.1a2.55 2.55 0 0 0-3.291 1.42l-1.865 4.091a2.566 2.566 0 0 0 1.062 3.181l1.569.942a2.582 2.582 0 0 0 3.691-1.184c.057-.137 1.409-3.345 2.301-6.343a.216.216 0 0 0 .013-.04c.528-1.779.796-3.147.796-4.066 0-6.617-5.383-12-12-12Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Heart.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M17 1c-1.894 0-3.686.76-5 2.103A6.979 6.979 0 0 0 7 1C3.14 1 0 4.14 0 8c0 1.742.703 3.447 2.032 4.93 2.287 2.55 9.541 9.849 9.614 9.922A.495.495 0 0 0 12 23a.506.506 0 0 0 .355-.146c.073-.073 7.327-7.372 9.614-9.923C23.297 11.448 24 9.744 24 8c0-3.859-3.14-7-7-7Zm4.224 11.262C19.245 14.47 13.489 20.289 12 21.79c-1.49-1.501-7.245-7.32-9.224-9.527C1.966 11.357 1 9.885 1 8c0-3.31 2.691-6 6-6 1.788 0 3.47.79 4.615 2.168.19.229.58.229.769 0A5.984 5.984 0 0 1 17 2c3.309 0 6 2.691 6 6 0 1.885-.966 3.357-1.776 4.262Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M17 1c-1.894 0-3.686.76-5 2.103A6.979 6.979 0 0 0 7 1C3.14 1 0 4.14 0 8c0 1.742.703 3.447 2.032 4.93 2.287 2.55 9.541 9.849 9.614 9.922A.495.495 0 0 0 12 23a.506.506 0 0 0 .355-.146c.073-.073 7.327-7.372 9.614-9.923C23.297 11.448 24 9.744 24 8c0-3.859-3.14-7-7-7Zm4.224 11.262C19.245 14.47 13.489 20.289 12 21.79c-1.49-1.501-7.245-7.32-9.224-9.527C1.966 11.357 1 9.885 1 8c0-3.31 2.691-6 6-6 1.788 0 3.47.79 4.615 2.168.19.229.58.229.769 0A5.984 5.984 0 0 1 17 2c3.309 0 6 2.691 6 6 0 1.885-.966 3.357-1.776 4.262Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Heartbeat.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: "M2.624 12.011a.511.511 0 0 1 .726.044l.19.216.094.099L12 20.751l8.365-8.382.138-.146.211-.242.804.66-.084.096c-.08.093-.15.174-.222.252l-.11.114-8.734 8.749a.514.514 0 0 1-.672.054l-.063-.053-8.733-8.75a5.507 5.507 0 0 1-.31-.339.53.53 0 0 1 .035-.753ZM12.71 7.544a.52.52 0 0 1 .454.152l.054.066 2.047 2.943h8.216a.52.52 0 0 1 .093 1.03l-.093.009h-8.487a.518.518 0 0 1-.36-.146l-.066-.077-1.588-2.282-2.065 6.886a.519.519 0 0 1-.888.193l-.053-.071-2.754-4.503H.52a.52.52 0 0 1-.093-1.03l.093-.01h6.99c.152 0 .292.065.39.177l.054.072 2.298 3.759 2.042-6.804a.525.525 0 0 1 .415-.364Zm3.78-5.549c3.592.009 6.514 2.931 6.514 6.513 0 .537-.073 1.089-.215 1.643a.526.526 0 0 1-.633.373.522.522 0 0 1-.373-.633c.12-.467.182-.933.182-1.383 0-3.011-2.456-5.466-5.476-5.474a5.454 5.454 0 0 0-4.097 1.858.538.538 0 0 1-.78.003 5.488 5.488 0 0 0-4.1-1.861c-3.012 0-5.467 2.457-5.474 5.476 0 .449.06.914.18 1.381a.513.513 0 0 1-.055.394.51.51 0 0 1-.448.256.52.52 0 0 1-.503-.391 6.6 6.6 0 0 1-.214-1.642c.009-3.591 2.93-6.513 6.514-6.513 1.676 0 3.265.641 4.487 1.806a6.451 6.451 0 0 1 4.49-1.806Z",
-    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: "M2.624 12.011a.511.511 0 0 1 .726.044l.19.216.094.099L12 20.751l8.365-8.382.138-.146.211-.242.804.66-.084.096c-.08.093-.15.174-.222.252l-.11.114-8.734 8.749a.514.514 0 0 1-.672.054l-.063-.053-8.733-8.75a5.507 5.507 0 0 1-.31-.339.53.53 0 0 1 .035-.753ZM12.71 7.544a.52.52 0 0 1 .454.152l.054.066 2.047 2.943h8.216a.52.52 0 0 1 .093 1.03l-.093.009h-8.487a.518.518 0 0 1-.36-.146l-.066-.077-1.588-2.282-2.065 6.886a.519.519 0 0 1-.888.193l-.053-.071-2.754-4.503H.52a.52.52 0 0 1-.093-1.03l.093-.01h6.99c.152 0 .292.065.39.177l.054.072 2.298 3.759 2.042-6.804a.525.525 0 0 1 .415-.364Zm3.78-5.549c3.592.009 6.514 2.931 6.514 6.513 0 .537-.073 1.089-.215 1.643a.526.526 0 0 1-.633.373.522.522 0 0 1-.373-.633c.12-.467.182-.933.182-1.383 0-3.011-2.456-5.466-5.476-5.474a5.454 5.454 0 0 0-4.097 1.858.538.538 0 0 1-.78.003 5.488 5.488 0 0 0-4.1-1.861c-3.012 0-5.467 2.457-5.474 5.476 0 .449.06.914.18 1.381a.513.513 0 0 1-.055.394.51.51 0 0 1-.448.256.52.52 0 0 1-.503-.391 6.6 6.6 0 0 1-.214-1.642c.009-3.591 2.93-6.513 6.514-6.513 1.676 0 3.265.641 4.487 1.806a6.451 6.451 0 0 1 4.49-1.806Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Heater.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: "M16.007 7a.5.5 0 0 1-.416-.777c.668-1.002.37-1.606-.044-2.441V3.78c-.442-.894-.99-2.005.044-3.558a.5.5 0 0 1 .832.554c-.715 1.073-.39 1.73.02 2.56.433.872.97 1.958-.02 3.44a.496.496 0 0 1-.416.224ZM7.76 6.914a.498.498 0 0 0 .693-.139c.99-1.482.453-2.568.02-3.44-.41-.83-.734-1.487-.02-2.56a.5.5 0 0 0-.83-.554c-1.037 1.552-.487 2.664-.045 3.557v.002c.413.835.711 1.439.044 2.441a.5.5 0 0 0 .138.693Zm3.984 0a.5.5 0 0 0 .693-.139c.99-1.482.454-2.568.022-3.44-.413-.83-.737-1.487-.022-2.56a.5.5 0 0 0-.832-.554c-1.034 1.553-.485 2.664-.044 3.557l.001.003c.413.835.711 1.439.043 2.44a.5.5 0 0 0 .14.693ZM3.486 22h1.5v1.5a.5.5 0 0 0 1 0V22H18v1.5a.5.5 0 0 0 1 0V22h1.484c1.38 0 2.5-1.122 2.5-2.5v-9c0-1.378-1.12-2.5-2.5-2.5h-17a2.503 2.503 0 0 0-2.5 2.5v9c0 1.378 1.121 2.5 2.5 2.5h.002ZM18.5 21H3.484c-.827 0-1.5-.673-1.5-1.5v-9c0-.827.673-1.5 1.5-1.5h17c.827 0 1.5.673 1.5 1.5v9c0 .827-.673 1.5-1.5 1.5H18.5ZM4.484 19.992a.5.5 0 0 1-.5-.5v-9a.5.5 0 1 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Z",
-    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: "M16.007 7a.5.5 0 0 1-.416-.777c.668-1.002.37-1.606-.044-2.441V3.78c-.442-.894-.99-2.005.044-3.558a.5.5 0 0 1 .832.554c-.715 1.073-.39 1.73.02 2.56.433.872.97 1.958-.02 3.44a.496.496 0 0 1-.416.224ZM7.76 6.914a.498.498 0 0 0 .693-.139c.99-1.482.453-2.568.02-3.44-.41-.83-.734-1.487-.02-2.56a.5.5 0 0 0-.83-.554c-1.037 1.552-.487 2.664-.045 3.557v.002c.413.835.711 1.439.044 2.441a.5.5 0 0 0 .138.693Zm3.984 0a.5.5 0 0 0 .693-.139c.99-1.482.454-2.568.022-3.44-.413-.83-.737-1.487-.022-2.56a.5.5 0 0 0-.832-.554c-1.034 1.553-.485 2.664-.044 3.557l.001.003c.413.835.711 1.439.043 2.44a.5.5 0 0 0 .14.693ZM3.486 22h1.5v1.5a.5.5 0 0 0 1 0V22H18v1.5a.5.5 0 0 0 1 0V22h1.484c1.38 0 2.5-1.122 2.5-2.5v-9c0-1.378-1.12-2.5-2.5-2.5h-17a2.503 2.503 0 0 0-2.5 2.5v9c0 1.378 1.121 2.5 2.5 2.5h.002ZM18.5 21H3.484c-.827 0-1.5-.673-1.5-1.5v-9c0-.827.673-1.5 1.5-1.5h17c.827 0 1.5.673 1.5 1.5v9c0 .827-.673 1.5-1.5 1.5H18.5ZM4.484 19.992a.5.5 0 0 1-.5-.5v-9a.5.5 0 1 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Helpdesk.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: "M18.5 0C20.981 0 23 2.019 23 4.5v8a.5.5 0 0 1-1 0v-8C22 2.57 20.43 1 18.5 1h-14C2.57 1 1 2.57 1 4.5v17.619l4.116-4.939A.5.5 0 0 1 5.5 17h6a.5.5 0 0 1 0 1H5.734l-4.85 5.82a.497.497 0 0 1-.554.15.5.5 0 0 1-.33-.47v-19C0 2.019 2.019 0 4.5 0h14Zm0 13c3.033 0 5.5 2.467 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.033 2.467-5.5 5.5-5.5Zm0 1a4.505 4.505 0 0 0-4.5 4.5c0 2.481 2.019 4.5 4.5 4.5s4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5Zm-.35 7.15a.501.501 0 0 1 .85.35c0 .13-.05.26-.15.35a.47.47 0 0 1-.35.15.47.47 0 0 1-.35-.15.474.474 0 0 1-.15-.35c0-.14.05-.26.15-.35Zm.349-6.15c1.379 0 2.501.897 2.501 2 0 .955-.672 1.596-1.999 1.908L19 19.5a.5.5 0 1 1-1 0l.001-1a.5.5 0 0 1 .399-.489l.109-.021C19.526 17.802 20 17.487 20 17c0-.542-.688-1-1.501-1-.783 0-1.457.424-1.5.946a.49.49 0 0 1-.54.456.5.5 0 0 1-.456-.54C16.091 15.801 17.165 15 18.499 15ZM6.5 8C7.327 8 8 8.673 8 9.5S7.327 11 6.5 11 5 10.327 5 9.5 5.673 8 6.5 8Zm5 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.5Zm5 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.5Zm-10 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"
-  })]
-});
+}) => {
+  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: "M18.5 0C20.981 0 23 2.019 23 4.5v8a.5.5 0 0 1-1 0v-8C22 2.57 20.43 1 18.5 1h-14C2.57 1 1 2.57 1 4.5v17.619l4.116-4.939A.5.5 0 0 1 5.5 17h6a.5.5 0 0 1 0 1H5.734l-4.85 5.82a.497.497 0 0 1-.554.15.5.5 0 0 1-.33-.47v-19C0 2.019 2.019 0 4.5 0h14Zm0 13c3.033 0 5.5 2.467 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.033 2.467-5.5 5.5-5.5Zm0 1a4.505 4.505 0 0 0-4.5 4.5c0 2.481 2.019 4.5 4.5 4.5s4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5Zm-.35 7.15a.501.501 0 0 1 .85.35c0 .13-.05.26-.15.35a.47.47 0 0 1-.35.15.47.47 0 0 1-.35-.15.474.474 0 0 1-.15-.35c0-.14.05-.26.15-.35Zm.349-6.15c1.379 0 2.501.897 2.501 2 0 .955-.672 1.596-1.999 1.908L19 19.5a.5.5 0 1 1-1 0l.001-1a.5.5 0 0 1 .399-.489l.109-.021C19.526 17.802 20 17.487 20 17c0-.542-.688-1-1.501-1-.783 0-1.457.424-1.5.946a.49.49 0 0 1-.54.456.5.5 0 0 1-.456-.54C16.091 15.801 17.165 15 18.499 15ZM6.5 8C7.327 8 8 8.673 8 9.5S7.327 11 6.5 11 5 10.327 5 9.5 5.673 8 6.5 8Zm5 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.5Zm5 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.5Zm-10 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Home.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: "M8.957 19.002h6.086v-6.087H8.957v6.087ZM20.313 0c.272 0 .471.168.512.421l.008.099v7.707l3.074 3.005c.074.148.09.295.092.43l.001.1-.014.055a.555.555 0 0 1-.414.3l-.092.007h-2.647v11.357c0 .271-.17.47-.422.511l-.098.008H3.686a.492.492 0 0 1-.511-.42l-.008-.099V12.124H.519a.563.563 0 0 1-.46-.23l-.046-.077L0 11.762c0-.129 0-.272.047-.42l.045-.11.023-.032L10.724.512a1.75 1.75 0 0 1 2.347-.114l.125.113 2.638 2.639V.52c0-.273.17-.472.422-.512L16.355 0h3.958Zm-.52 1.039h-2.919v3.36a.51.51 0 0 1-.281.462l-.097.044c-.134.095-.369.028-.498-.062l-.048-.039-3.485-3.564a.516.516 0 0 0-.388-.199.754.754 0 0 0-.453.125l-.091.075-9.767 9.844h1.92c.272 0 .471.168.512.42l.008.099v11.357h15.587V11.604c0-.272.17-.47.422-.511l.098-.008h.124v.079h1.794l-2.358-2.359v-.051l-.006-.032-.028-.087c-.015-.047-.03-.093-.04-.136l-.006-.062V1.039Zm-4.23 10.837c.271 0 .47.17.51.422l.008.098v7.125c0 .273-.168.471-.42.512l-.098.008H8.436a.493.493 0 0 1-.512-.421l-.008-.099v-7.125c0-.272.17-.471.422-.512l.099-.008h7.126Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M8.957 19.002h6.086v-6.087H8.957v6.087ZM20.313 0c.272 0 .471.168.512.421l.008.099v7.707l3.074 3.005c.074.148.09.295.092.43l.001.1-.014.055a.555.555 0 0 1-.414.3l-.092.007h-2.647v11.357c0 .271-.17.47-.422.511l-.098.008H3.686a.492.492 0 0 1-.511-.42l-.008-.099V12.124H.519a.563.563 0 0 1-.46-.23l-.046-.077L0 11.762c0-.129 0-.272.047-.42l.045-.11.023-.032L10.724.512a1.75 1.75 0 0 1 2.347-.114l.125.113 2.638 2.639V.52c0-.273.17-.472.422-.512L16.355 0h3.958Zm-.52 1.039h-2.919v3.36a.51.51 0 0 1-.281.462l-.097.044c-.134.095-.369.028-.498-.062l-.048-.039-3.485-3.564a.516.516 0 0 0-.388-.199.754.754 0 0 0-.453.125l-.091.075-9.767 9.844h1.92c.272 0 .471.168.512.42l.008.099v11.357h15.587V11.604c0-.272.17-.47.422-.511l.098-.008h.124v.079h1.794l-2.358-2.359v-.051l-.006-.032-.028-.087c-.015-.047-.03-.093-.04-.136l-.006-.062V1.039Zm-4.23 10.837c.271 0 .47.17.51.422l.008.098v7.125c0 .273-.168.471-.42.512l-.098.008H8.436a.493.493 0 0 1-.512-.421l-.008-.099v-7.125c0-.272.17-.471.422-.512l.099-.008h7.126Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};