@telus-uds/palette-allium 5.3.2 → 5.4.0

package/build/web/icons/SearchBold.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: "m10.022 1 .253.003c4.994.13 8.935 4.278 8.806 9.267a8.985 8.985 0 0 1-1.728 5.087l-.189.249 5.604 5.897c.3.317.306.802.034 1.133l-.074.08-.03.028a.945.945 0 0 1-1.173.098l-.092-.072-6.081-5.418a9.01 9.01 0 0 1-5.543 1.719c-4.993-.13-8.935-4.278-8.806-9.267C1.13 4.898 5.144 1.008 10.023 1Zm.02 1.81a7.214 7.214 0 1 0 0 14.43 7.214 7.214 0 0 0 0-14.43Z",
-    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: "m10.022 1 .253.003c4.994.13 8.935 4.278 8.806 9.267a8.985 8.985 0 0 1-1.728 5.087l-.189.249 5.604 5.897c.3.317.306.802.034 1.133l-.074.08-.03.028a.945.945 0 0 1-1.173.098l-.092-.072-6.081-5.418a9.01 9.01 0 0 1-5.543 1.719c-4.993-.13-8.935-4.278-8.806-9.267C1.13 4.898 5.144 1.008 10.023 1Zm.02 1.81a7.214 7.214 0 1 0 0 14.43 7.214 7.214 0 0 0 0-14.43Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SecurityCamera.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.633 3.15 18.33 8.782a1.507 1.507 0 0 1 .712 1.98l-.029.063 2.003.802 1.326-.442a.501.501 0 0 1 .382.027l1 .5a.5.5 0 0 1 .231.654l-2.5 5.5a.496.496 0 0 1-.455.294.505.505 0 0 1-.224-.053l-1-.5a.507.507 0 0 1-.251-.29l-.441-1.324-1.924-1.155-.28.608a1.492 1.492 0 0 1-1.363.872c-.222 0-.442-.05-.649-.15l-3.873-1.865v.02A2.505 2.505 0 0 1 9 16.61v3.55a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1 0-1H8v-3.05a2.504 2.504 0 0 1-2-2.45c0-.728.314-1.396.836-1.858L3.17 10.537a1.507 1.507 0 0 1-.712-1.98L4.62 3.873a1.49 1.49 0 0 1 .855-.783 1.485 1.485 0 0 1 1.158.06Zm11.96 8.584-1.011 2.191 2.175 1.306a.5.5 0 0 1 .218.27l.435 1.305.351.175 2.086-4.59-.384-.191-1.304.434a.502.502 0 0 1-.344-.01l-2.222-.89ZM7 14.16c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5c0-.118-.016-.238-.047-.359l-.768-.37a1 1 0 1 1-.542-.261l-.763-.367c-.533.241-.88.765-.88 1.357ZM5.982 4a.498.498 0 0 0-.454.291L3.366 8.977a.503.503 0 0 0 .237.66L15.3 15.268c.123.059.26.066.386.02a.489.489 0 0 0 .285-.261l2.162-4.684a.503.503 0 0 0-.237-.66L6.199 4.05A.496.496 0 0 0 5.982 4Z",
-    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.633 3.15 18.33 8.782a1.507 1.507 0 0 1 .712 1.98l-.029.063 2.003.802 1.326-.442a.501.501 0 0 1 .382.027l1 .5a.5.5 0 0 1 .231.654l-2.5 5.5a.496.496 0 0 1-.455.294.505.505 0 0 1-.224-.053l-1-.5a.507.507 0 0 1-.251-.29l-.441-1.324-1.924-1.155-.28.608a1.492 1.492 0 0 1-1.363.872c-.222 0-.442-.05-.649-.15l-3.873-1.865v.02A2.505 2.505 0 0 1 9 16.61v3.55a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1 0-1H8v-3.05a2.504 2.504 0 0 1-2-2.45c0-.728.314-1.396.836-1.858L3.17 10.537a1.507 1.507 0 0 1-.712-1.98L4.62 3.873a1.49 1.49 0 0 1 .855-.783 1.485 1.485 0 0 1 1.158.06Zm11.96 8.584-1.011 2.191 2.175 1.306a.5.5 0 0 1 .218.27l.435 1.305.351.175 2.086-4.59-.384-.191-1.304.434a.502.502 0 0 1-.344-.01l-2.222-.89ZM7 14.16c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5c0-.118-.016-.238-.047-.359l-.768-.37a1 1 0 1 1-.542-.261l-.763-.367c-.533.241-.88.765-.88 1.357ZM5.982 4a.498.498 0 0 0-.454.291L3.366 8.977a.503.503 0 0 0 .237.66L15.3 15.268c.123.059.26.066.386.02a.489.489 0 0 0 .285-.261l2.162-4.684a.503.503 0 0 0-.237-.66L6.199 4.05A.496.496 0 0 0 5.982 4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SecurityHouse.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: "M23.5 17H23v-.5c0-1.93-1.57-3.5-3.5-3.5S16 14.57 16 16.5v.5h-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5Zm-6.5-.5c0-1.378 1.121-2.5 2.5-2.5s2.5 1.122 2.5 2.5v.5h-5v-.5ZM20.5 0a.5.5 0 0 1 .492.41L21 .5v7.793l2.854 2.854a.499.499 0 0 1-.269.846L23.5 12h-3a.5.5 0 0 1-.09-.992L20.5 11h1.793l-2.146-2.146a.501.501 0 0 1-.14-.275L20 8.5V1h-3v3.5a.5.5 0 0 1-.788.41l-.066-.056-3.647-3.647a.732.732 0 0 0-.913-.071l-.085.071L1.707 11H3.5a.5.5 0 0 1 .492.41L4 11.5V23h9.5a.5.5 0 0 1 .09.992L13.5 24h-10a.5.5 0 0 1-.492-.41L3 23.5V12H.5a.5.5 0 0 1-.409-.789l.055-.065L10.794.5c.6-.603 1.642-.637 2.294-.106l.118.106L16 3.293V.5a.5.5 0 0 1 .41-.492L16.5 0h4ZM23 18v5h-7v-5h7Zm-3.5 1a1 1 0 0 0-1 1c0 .366.206.673.5.847v.653a.5.5 0 0 0 1 0v-.653a.985.985 0 0 0 .5-.847 1 1 0 0 0-1-1Zm-4-7a.5.5 0 0 1 .492.41l.008.09v1a.5.5 0 0 1-.992.09L15 13.5V13H9v6h4.5a.5.5 0 0 1 .09.992L13.5 20h-5a.5.5 0 0 1-.492-.41L8 19.5v-7a.5.5 0 0 1 .41-.492L8.5 12h7Z",
-    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: "M23.5 17H23v-.5c0-1.93-1.57-3.5-3.5-3.5S16 14.57 16 16.5v.5h-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5Zm-6.5-.5c0-1.378 1.121-2.5 2.5-2.5s2.5 1.122 2.5 2.5v.5h-5v-.5ZM20.5 0a.5.5 0 0 1 .492.41L21 .5v7.793l2.854 2.854a.499.499 0 0 1-.269.846L23.5 12h-3a.5.5 0 0 1-.09-.992L20.5 11h1.793l-2.146-2.146a.501.501 0 0 1-.14-.275L20 8.5V1h-3v3.5a.5.5 0 0 1-.788.41l-.066-.056-3.647-3.647a.732.732 0 0 0-.913-.071l-.085.071L1.707 11H3.5a.5.5 0 0 1 .492.41L4 11.5V23h9.5a.5.5 0 0 1 .09.992L13.5 24h-10a.5.5 0 0 1-.492-.41L3 23.5V12H.5a.5.5 0 0 1-.409-.789l.055-.065L10.794.5c.6-.603 1.642-.637 2.294-.106l.118.106L16 3.293V.5a.5.5 0 0 1 .41-.492L16.5 0h4ZM23 18v5h-7v-5h7Zm-3.5 1a1 1 0 0 0-1 1c0 .366.206.673.5.847v.653a.5.5 0 0 0 1 0v-.653a.985.985 0 0 0 .5-.847 1 1 0 0 0-1-1Zm-4-7a.5.5 0 0 1 .492.41l.008.09v1a.5.5 0 0 1-.992.09L15 13.5V13H9v6h4.5a.5.5 0 0 1 .09.992L13.5 20h-5a.5.5 0 0 1-.492-.41L8 19.5v-7a.5.5 0 0 1 .41-.492L8.5 12h7Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SecurityMobile.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.5 23h-8c-.879 0-2-1.122-2-3v-1h13v1c0 1.81-1.042 2.919-2.802 2.996L15.5 23Zm-8-22h8c1.879 0 3 1.122 3 2v1h-13V3c0-.838 1.021-1.899 1.879-1.993L7.5 1Zm-2 17h13V5h-13v13Zm11-18h-8c-2.43 0-4 1.57-4 4v17c0 1.43 1.57 3 4 3h8c1.43 0 3-1.57 3-3V4c0-2.349-1.467-3.894-2.857-3.995L16.5 0Zm-4 9v2h-1V9h1Zm.5-7a.5.5 0 0 1 .09.992L13 3h-2a.5.5 0 0 1-.09-.992L11 2h2Zm-1.5 12h1v-2h-1v2Zm1-6-2 1v6l.216.007c.187.005.476.007.784-.007l2-1V8l-.302-.009A11.546 11.546 0 0 0 12.5 8Zm3 6c0 .098-3.675 2-3.675 2l-1.57-.909C9.394 14.587 8.5 14.051 8.5 14V8L12 7l3.5 1v6ZM12 20a1 1 0 1 1 .002 1.998A1 1 0 0 1 12 20Zm.04-3.006-.719.006-.084-.053c-.807-.492-3.525-1.832-3.725-2.833L7.5 14V7l4-1 .681-.003L12.5 6l4 1v7c0 1.048-3.477 2.542-4.179 3a7.633 7.633 0 0 0-.28-.006Z",
-    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.5 23h-8c-.879 0-2-1.122-2-3v-1h13v1c0 1.81-1.042 2.919-2.802 2.996L15.5 23Zm-8-22h8c1.879 0 3 1.122 3 2v1h-13V3c0-.838 1.021-1.899 1.879-1.993L7.5 1Zm-2 17h13V5h-13v13Zm11-18h-8c-2.43 0-4 1.57-4 4v17c0 1.43 1.57 3 4 3h8c1.43 0 3-1.57 3-3V4c0-2.349-1.467-3.894-2.857-3.995L16.5 0Zm-4 9v2h-1V9h1Zm.5-7a.5.5 0 0 1 .09.992L13 3h-2a.5.5 0 0 1-.09-.992L11 2h2Zm-1.5 12h1v-2h-1v2Zm1-6-2 1v6l.216.007c.187.005.476.007.784-.007l2-1V8l-.302-.009A11.546 11.546 0 0 0 12.5 8Zm3 6c0 .098-3.675 2-3.675 2l-1.57-.909C9.394 14.587 8.5 14.051 8.5 14V8L12 7l3.5 1v6ZM12 20a1 1 0 1 1 .002 1.998A1 1 0 0 1 12 20Zm.04-3.006-.719.006-.084-.053c-.807-.492-3.525-1.832-3.725-2.833L7.5 14V7l4-1 .681-.003L12.5 6l4 1v7c0 1.048-3.477 2.542-4.179 3a7.633 7.633 0 0 0-.28-.006Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SecuritySettings.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 24a.491.491 0 0 1-.148-.022C8.242 22.855 1.5 18.922 1.5 14.5v-11a.5.5 0 0 1 .356-.479l10-3a.5.5 0 0 1 .287 0l10 3a.5.5 0 0 1 .357.479v11c0 4.422-6.742 8.354-10.352 9.478A.491.491 0 0 1 12 24ZM2.5 3.872V14.5c0 3.511 5.563 7.203 9.5 8.476 3.937-1.273 9.5-4.965 9.5-8.476V3.872L12 1.022l-9.5 2.85Zm10.479 13.127a.505.505 0 0 1-.497-.457.495.495 0 0 0-.482-.46.496.496 0 0 0-.483.46.509.509 0 0 1-.2.358.49.49 0 0 1-.395.09c-1.172-.238-2.223-.863-3.038-1.807a.507.507 0 0 1-.122-.387.511.511 0 0 1 .196-.356.503.503 0 0 0 .145-.648.482.482 0 0 0-.623-.198.495.495 0 0 1-.669-.305A5.597 5.597 0 0 1 6.5 11.5c0-.577.102-1.161.311-1.788a.505.505 0 0 1 .269-.3.49.49 0 0 1 .4-.005c.239.103.5.02.622-.197a.503.503 0 0 0-.144-.65.508.508 0 0 1-.196-.356.512.512 0 0 1 .121-.388c.816-.945 1.867-1.57 3.039-1.806a.49.49 0 0 1 .395.09.507.507 0 0 1 .2.357c.026.262.234.46.483.46a.495.495 0 0 0 .482-.46.51.51 0 0 1 .2-.358.485.485 0 0 1 .395-.09c1.172.237 2.223.862 3.039 1.807a.51.51 0 0 1 .121.388.511.511 0 0 1-.196.355.501.501 0 0 0-.145.648c.124.218.388.3.624.198a.493.493 0 0 1 .4.004.51.51 0 0 1 .269.3c.209.628.311 1.212.311 1.789a5.62 5.62 0 0 1-.311 1.787.503.503 0 0 1-.269.3.493.493 0 0 1-.4.005.483.483 0 0 0-.623.198h-.001a.501.501 0 0 0 .145.648.505.505 0 0 1 .196.355.509.509 0 0 1-.122.388c-.815.945-1.866 1.57-3.038 1.807a.32.32 0 0 1-.098.012Zm-4.041-2.167a4.42 4.42 0 0 0 1.747 1.048A1.48 1.48 0 0 1 12 15.063c.567 0 1.063.327 1.313.817a4.428 4.428 0 0 0 1.747-1.048 1.532 1.532 0 0 1-.03-1.55c.279-.49.839-.754 1.336-.748.09-.36.134-.701.134-1.033 0-.333-.044-.674-.133-1.034a1.465 1.465 0 0 1-1.337-.748 1.534 1.534 0 0 1 .03-1.55 4.417 4.417 0 0 0-1.747-1.047c-.25.487-.746.814-1.313.814a1.477 1.477 0 0 1-1.314-.816 4.43 4.43 0 0 0-1.747 1.047c.282.466.308 1.06.029 1.552-.278.49-.8.758-1.335.747-.089.36-.133.7-.133 1.034 0 .334.044.675.133 1.033a1.478 1.478 0 0 1 1.336.748 1.534 1.534 0 0 1-.031 1.551ZM12 14a2.503 2.503 0 0 1-2.5-2.5C9.5 10.122 10.621 9 12 9s2.5 1.122 2.5 2.5S13.379 14 12 14Zm0-4c-.827 0-1.5.673-1.5 1.5S11.173 13 12 13s1.5-.673 1.5-1.5S12.827 10 12 10Z",
-    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 24a.491.491 0 0 1-.148-.022C8.242 22.855 1.5 18.922 1.5 14.5v-11a.5.5 0 0 1 .356-.479l10-3a.5.5 0 0 1 .287 0l10 3a.5.5 0 0 1 .357.479v11c0 4.422-6.742 8.354-10.352 9.478A.491.491 0 0 1 12 24ZM2.5 3.872V14.5c0 3.511 5.563 7.203 9.5 8.476 3.937-1.273 9.5-4.965 9.5-8.476V3.872L12 1.022l-9.5 2.85Zm10.479 13.127a.505.505 0 0 1-.497-.457.495.495 0 0 0-.482-.46.496.496 0 0 0-.483.46.509.509 0 0 1-.2.358.49.49 0 0 1-.395.09c-1.172-.238-2.223-.863-3.038-1.807a.507.507 0 0 1-.122-.387.511.511 0 0 1 .196-.356.503.503 0 0 0 .145-.648.482.482 0 0 0-.623-.198.495.495 0 0 1-.669-.305A5.597 5.597 0 0 1 6.5 11.5c0-.577.102-1.161.311-1.788a.505.505 0 0 1 .269-.3.49.49 0 0 1 .4-.005c.239.103.5.02.622-.197a.503.503 0 0 0-.144-.65.508.508 0 0 1-.196-.356.512.512 0 0 1 .121-.388c.816-.945 1.867-1.57 3.039-1.806a.49.49 0 0 1 .395.09.507.507 0 0 1 .2.357c.026.262.234.46.483.46a.495.495 0 0 0 .482-.46.51.51 0 0 1 .2-.358.485.485 0 0 1 .395-.09c1.172.237 2.223.862 3.039 1.807a.51.51 0 0 1 .121.388.511.511 0 0 1-.196.355.501.501 0 0 0-.145.648c.124.218.388.3.624.198a.493.493 0 0 1 .4.004.51.51 0 0 1 .269.3c.209.628.311 1.212.311 1.789a5.62 5.62 0 0 1-.311 1.787.503.503 0 0 1-.269.3.493.493 0 0 1-.4.005.483.483 0 0 0-.623.198h-.001a.501.501 0 0 0 .145.648.505.505 0 0 1 .196.355.509.509 0 0 1-.122.388c-.815.945-1.866 1.57-3.038 1.807a.32.32 0 0 1-.098.012Zm-4.041-2.167a4.42 4.42 0 0 0 1.747 1.048A1.48 1.48 0 0 1 12 15.063c.567 0 1.063.327 1.313.817a4.428 4.428 0 0 0 1.747-1.048 1.532 1.532 0 0 1-.03-1.55c.279-.49.839-.754 1.336-.748.09-.36.134-.701.134-1.033 0-.333-.044-.674-.133-1.034a1.465 1.465 0 0 1-1.337-.748 1.534 1.534 0 0 1 .03-1.55 4.417 4.417 0 0 0-1.747-1.047c-.25.487-.746.814-1.313.814a1.477 1.477 0 0 1-1.314-.816 4.43 4.43 0 0 0-1.747 1.047c.282.466.308 1.06.029 1.552-.278.49-.8.758-1.335.747-.089.36-.133.7-.133 1.034 0 .334.044.675.133 1.033a1.478 1.478 0 0 1 1.336.748 1.534 1.534 0 0 1-.031 1.551ZM12 14a2.503 2.503 0 0 1-2.5-2.5C9.5 10.122 10.621 9 12 9s2.5 1.122 2.5 2.5S13.379 14 12 14Zm0-4c-.827 0-1.5.673-1.5 1.5S11.173 13 12 13s1.5-.673 1.5-1.5S12.827 10 12 10Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Server.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.424 1.979c.687 0 1.334.268 1.82.756.438.438.7 1.005.747 1.615l.008.204v2.227a2.58 2.58 0 0 1-2.412 2.57l-.163.006H9.753v1.328h11.671a2.58 2.58 0 0 1 2.57 2.413l.006.163v2.226a2.58 2.58 0 0 1-2.413 2.57l-.163.006H9.753v.537h.268c.257 0 .471.185.515.428l.009.094v.269h.267c.257 0 .471.186.516.43l.008.093v.269h5.017c.288 0 .524.235.524.523 0 .256-.186.47-.43.515l-.094.008h-5.017v.268c0 .256-.186.47-.43.515l-.094.009H7.646a.525.525 0 0 1-.515-.43l-.008-.094v-.268H2.106a.523.523 0 0 1-.094-1.037l.094-.009h5.017v-.269c0-.256.186-.47.43-.515l.093-.008h.269v-.269c0-.256.186-.47.43-.514l.093-.008h.268v-.537h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 15.487v-2.226a2.58 2.58 0 0 1 2.414-2.57l.163-.006h6.129V9.357h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 6.78V4.554a2.58 2.58 0 0 1 2.414-2.57l.163-.005h18.847ZM9.497 19.646h-.536v.268c0 .256-.186.47-.43.515l-.093.009H8.17v.535h2.119v-.535h-.268a.526.526 0 0 1-.516-.43l-.008-.094v-.268Zm11.927-7.914H2.576a1.53 1.53 0 0 0-1.523 1.39l-.006.138v2.227c0 .795.611 1.452 1.39 1.523l.139.006h18.848c.795 0 1.452-.613 1.523-1.39l.006-.139V13.26a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.327c.256 0 .47.186.515.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm4.75 0c.255 0 .47.186.514.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm-2.375 0c.256 0 .47.186.515.429l.008.094v1.582a.525.525 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.236-.523.524-.523Zm-14.248 0a1.315 1.315 0 1 1 0 2.631 1.315 1.315 0 0 1 0-2.63Zm9.498 0c.256 0 .471.186.516.429l.008.094v1.582a.524.524 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.235-.523.523-.523Zm-9.498 1.046a.268.268 0 1 0 .003.537.268.268 0 0 0-.003-.537Zm17.736-11.08H2.576a1.53 1.53 0 0 0-1.523 1.389l-.006.139V6.78a1.53 1.53 0 0 0 1.39 1.523l.139.006h18.848c.795 0 1.452-.612 1.523-1.39l.006-.139V4.553a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.328c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm-11.873 0a1.315 1.315 0 1 1 0 2.628 1.315 1.315 0 0 1 0-2.628Zm9.498 0c.256 0 .471.185.516.429l.008.094v1.583a.524.524 0 0 1-1.038.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm4.75 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.038.094l-.009-.094V4.876c0-.288.236-.523.524-.523Zm2.374 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523ZM3.688 5.399a.269.269 0 1 0 .004.537.269.269 0 0 0-.004-.537Z",
-    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.424 1.979c.687 0 1.334.268 1.82.756.438.438.7 1.005.747 1.615l.008.204v2.227a2.58 2.58 0 0 1-2.412 2.57l-.163.006H9.753v1.328h11.671a2.58 2.58 0 0 1 2.57 2.413l.006.163v2.226a2.58 2.58 0 0 1-2.413 2.57l-.163.006H9.753v.537h.268c.257 0 .471.185.515.428l.009.094v.269h.267c.257 0 .471.186.516.43l.008.093v.269h5.017c.288 0 .524.235.524.523 0 .256-.186.47-.43.515l-.094.008h-5.017v.268c0 .256-.186.47-.43.515l-.094.009H7.646a.525.525 0 0 1-.515-.43l-.008-.094v-.268H2.106a.523.523 0 0 1-.094-1.037l.094-.009h5.017v-.269c0-.256.186-.47.43-.515l.093-.008h.269v-.269c0-.256.186-.47.43-.514l.093-.008h.268v-.537h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 15.487v-2.226a2.58 2.58 0 0 1 2.414-2.57l.163-.006h6.129V9.357h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 6.78V4.554a2.58 2.58 0 0 1 2.414-2.57l.163-.005h18.847ZM9.497 19.646h-.536v.268c0 .256-.186.47-.43.515l-.093.009H8.17v.535h2.119v-.535h-.268a.526.526 0 0 1-.516-.43l-.008-.094v-.268Zm11.927-7.914H2.576a1.53 1.53 0 0 0-1.523 1.39l-.006.138v2.227c0 .795.611 1.452 1.39 1.523l.139.006h18.848c.795 0 1.452-.613 1.523-1.39l.006-.139V13.26a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.327c.256 0 .47.186.515.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm4.75 0c.255 0 .47.186.514.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm-2.375 0c.256 0 .47.186.515.429l.008.094v1.582a.525.525 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.236-.523.524-.523Zm-14.248 0a1.315 1.315 0 1 1 0 2.631 1.315 1.315 0 0 1 0-2.63Zm9.498 0c.256 0 .471.186.516.429l.008.094v1.582a.524.524 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.235-.523.523-.523Zm-9.498 1.046a.268.268 0 1 0 .003.537.268.268 0 0 0-.003-.537Zm17.736-11.08H2.576a1.53 1.53 0 0 0-1.523 1.389l-.006.139V6.78a1.53 1.53 0 0 0 1.39 1.523l.139.006h18.848c.795 0 1.452-.612 1.523-1.39l.006-.139V4.553a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.328c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm-11.873 0a1.315 1.315 0 1 1 0 2.628 1.315 1.315 0 0 1 0-2.628Zm9.498 0c.256 0 .471.185.516.429l.008.094v1.583a.524.524 0 0 1-1.038.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm4.75 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.038.094l-.009-.094V4.876c0-.288.236-.523.524-.523Zm2.374 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523ZM3.688 5.399a.269.269 0 1 0 .004.537.269.269 0 0 0-.004-.537Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ServiceTruck.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M11.989 3c.479 0 .934.232 1.215.62l1.733 2.394c.567.06 1.093.31 1.502.719l4.509 4.508c.47.47 1.045.819 1.677 1.018l.24.067A1.497 1.497 0 0 1 24 13.781V16.5a2.504 2.504 0 0 1-2.042 2.458A2.504 2.504 0 0 1 19.5 21a2.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.458-2.042A2.504 2.504 0 0 1 0 16.5v-12C0 3.673.673 3 1.5 3h10.489ZM4.5 17c-.827 0-1.5.673-1.5 1.5S3.673 20 4.5 20 6 19.327 6 18.5 5.327 17 4.5 17Zm15 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.5ZM11.989 4H1.5a.5.5 0 0 0-.5.5v12c0 .676.45 1.249 1.065 1.436A2.503 2.503 0 0 1 4.5 16c1.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.5v-2.719a.499.499 0 0 0-.377-.485 5.116 5.116 0 0 1-2.382-1.348L15.732 7.44a1.507 1.507 0 0 0-1.06-.44.5.5 0 0 1-.405-.207l-1.872-2.586A.505.505 0 0 0 11.989 4ZM15.5 14a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm-3-6a.5.5 0 0 1 .5.5V12h5.5a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm-3 4a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm2-3a.5.5 0 0 1 0 1h-8a.5.5 0 0 1 0-1h8Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M11.989 3c.479 0 .934.232 1.215.62l1.733 2.394c.567.06 1.093.31 1.502.719l4.509 4.508c.47.47 1.045.819 1.677 1.018l.24.067A1.497 1.497 0 0 1 24 13.781V16.5a2.504 2.504 0 0 1-2.042 2.458A2.504 2.504 0 0 1 19.5 21a2.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.458-2.042A2.504 2.504 0 0 1 0 16.5v-12C0 3.673.673 3 1.5 3h10.489ZM4.5 17c-.827 0-1.5.673-1.5 1.5S3.673 20 4.5 20 6 19.327 6 18.5 5.327 17 4.5 17Zm15 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.5ZM11.989 4H1.5a.5.5 0 0 0-.5.5v12c0 .676.45 1.249 1.065 1.436A2.503 2.503 0 0 1 4.5 16c1.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.5v-2.719a.499.499 0 0 0-.377-.485 5.116 5.116 0 0 1-2.382-1.348L15.732 7.44a1.507 1.507 0 0 0-1.06-.44.5.5 0 0 1-.405-.207l-1.872-2.586A.505.505 0 0 0 11.989 4ZM15.5 14a.5.5 0 0 1 0 1h-1a.5.5 0 0 1 0-1h1Zm-3-6a.5.5 0 0 1 .5.5V12h5.5a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm-3 4a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-3a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm2-3a.5.5 0 0 1 0 1h-8a.5.5 0 0 1 0-1h8Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Settings.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.3 24H9.7c-.538 0-.994-.396-1.06-.921l-.395-2.76a9.015 9.015 0 0 1-1.563-.907l-2.603 1.045c-.516.187-1.078-.021-1.327-.477L.458 16.011a1.083 1.083 0 0 1 .26-1.378l2.208-1.727a9.289 9.289 0 0 1-.05-.906c0-.275.017-.568.052-.906L.722 9.37a1.073 1.073 0 0 1-.26-1.384l2.297-3.975c.25-.458.818-.664 1.317-.469l2.61 1.048a9.205 9.205 0 0 1 1.56-.908L8.643.911A1.06 1.06 0 0 1 9.702 0h4.6c.539 0 .995.396 1.06.921l.396 2.761a8.88 8.88 0 0 1 1.562.907l2.603-1.045a1.082 1.082 0 0 1 1.327.477l2.294 3.969a1.08 1.08 0 0 1-.261 1.378l-2.208 1.726c.028.266.052.577.052.906 0 .329-.023.64-.052.906l2.206 1.725c.412.327.524.902.269 1.37l-2.306 3.989c-.25.458-.82.662-1.317.469l-2.61-1.048a9.205 9.205 0 0 1-1.56.908l-.397 2.77A1.06 1.06 0 0 1 14.3 24Zm-7.543-5.657c.108 0 .216.035.305.104a7.97 7.97 0 0 0 1.829 1.061c.164.067.28.216.306.392l.437 3.047L14.3 23l.505-3.101a.5.5 0 0 1 .306-.392 8.284 8.284 0 0 0 1.833-1.064.502.502 0 0 1 .486-.064l2.863 1.15 2.382-4.018c.016-.028.01-.073-.015-.094l-2.424-1.896a.501.501 0 0 1-.188-.456c.038-.304.077-.668.077-1.065 0-.396-.04-.761-.077-1.065a.5.5 0 0 1 .188-.456l2.427-1.897c.024-.019.028-.063.007-.102l-2.294-3.969-2.945 1.111a.497.497 0 0 1-.491-.067 7.939 7.939 0 0 0-1.83-1.061.502.502 0 0 1-.305-.392l-.436-3.048L9.702 1l-.506 3.102a.502.502 0 0 1-.305.392 8.223 8.223 0 0 0-1.833 1.064.499.499 0 0 1-.487.064l-2.863-1.15L1.326 8.49l2.439 1.989a.5.5 0 0 1 .188.456c-.052.42-.077.758-.077 1.065 0 .307.024.646.077 1.065a.501.501 0 0 1-.188.456l-2.427 1.897c-.024.019-.028.064-.007.103l2.294 3.969 2.945-1.111a.49.49 0 0 1 .187-.036ZM12 17c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Zm0-9c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4Z",
-    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.3 24H9.7c-.538 0-.994-.396-1.06-.921l-.395-2.76a9.015 9.015 0 0 1-1.563-.907l-2.603 1.045c-.516.187-1.078-.021-1.327-.477L.458 16.011a1.083 1.083 0 0 1 .26-1.378l2.208-1.727a9.289 9.289 0 0 1-.05-.906c0-.275.017-.568.052-.906L.722 9.37a1.073 1.073 0 0 1-.26-1.384l2.297-3.975c.25-.458.818-.664 1.317-.469l2.61 1.048a9.205 9.205 0 0 1 1.56-.908L8.643.911A1.06 1.06 0 0 1 9.702 0h4.6c.539 0 .995.396 1.06.921l.396 2.761a8.88 8.88 0 0 1 1.562.907l2.603-1.045a1.082 1.082 0 0 1 1.327.477l2.294 3.969a1.08 1.08 0 0 1-.261 1.378l-2.208 1.726c.028.266.052.577.052.906 0 .329-.023.64-.052.906l2.206 1.725c.412.327.524.902.269 1.37l-2.306 3.989c-.25.458-.82.662-1.317.469l-2.61-1.048a9.205 9.205 0 0 1-1.56.908l-.397 2.77A1.06 1.06 0 0 1 14.3 24Zm-7.543-5.657c.108 0 .216.035.305.104a7.97 7.97 0 0 0 1.829 1.061c.164.067.28.216.306.392l.437 3.047L14.3 23l.505-3.101a.5.5 0 0 1 .306-.392 8.284 8.284 0 0 0 1.833-1.064.502.502 0 0 1 .486-.064l2.863 1.15 2.382-4.018c.016-.028.01-.073-.015-.094l-2.424-1.896a.501.501 0 0 1-.188-.456c.038-.304.077-.668.077-1.065 0-.396-.04-.761-.077-1.065a.5.5 0 0 1 .188-.456l2.427-1.897c.024-.019.028-.063.007-.102l-2.294-3.969-2.945 1.111a.497.497 0 0 1-.491-.067 7.939 7.939 0 0 0-1.83-1.061.502.502 0 0 1-.305-.392l-.436-3.048L9.702 1l-.506 3.102a.502.502 0 0 1-.305.392 8.223 8.223 0 0 0-1.833 1.064.499.499 0 0 1-.487.064l-2.863-1.15L1.326 8.49l2.439 1.989a.5.5 0 0 1 .188.456c-.052.42-.077.758-.077 1.065 0 .307.024.646.077 1.065a.501.501 0 0 1-.188.456l-2.427 1.897c-.024.019-.028.064-.007.103l2.294 3.969 2.945-1.111a.49.49 0 0 1 .187-.036ZM12 17c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Zm0-9c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SettingsBold.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: "M9.929 1h4.145c.678 0 1.26.458 1.401 1.086l.022.127.32 2.17c.265.126.527.269.783.426l.253.161 2.108-.824c.646-.232 1.354-.007 1.718.515l.069.108 2.06 3.479a1.394 1.394 0 0 1-.245 1.713l-.104.09-1.79 1.36a6.782 6.782 0 0 1 .014.989l-.013.188 1.784 1.36c.516.4.684 1.079.428 1.663l-.062.124-2.084 3.514c-.311.559-1.002.827-1.64.652l-.126-.041-2.12-.83c-.258.17-.514.321-.774.457l-.26.13-.322 2.188c-.08.635-.623 1.13-1.286 1.189l-.135.006H9.928c-.679 0-1.26-.458-1.4-1.084l-.023-.128-.32-2.17a8.507 8.507 0 0 1-.784-.426l-.253-.162-2.11.825c-.658.232-1.351.013-1.716-.516l-.068-.11-2.061-3.476c-.326-.583-.218-1.278.245-1.712l.105-.09 1.79-1.364a6.509 6.509 0 0 1-.014-.97l.014-.205-1.784-1.36a1.383 1.383 0 0 1-.413-1.698l.062-.115 2.067-3.486c.313-.56 1.003-.832 1.64-.653l.127.042 2.12.83c.258-.17.514-.322.774-.458l.26-.13.322-2.19c.08-.634.622-1.129 1.287-1.188L9.929 1h4.145H9.93Zm.4 1.803-.39 2.334a.91.91 0 0 1-.558.695 6.98 6.98 0 0 0-1.551.878.94.94 0 0 1-.784.152l-.114-.037-2.203-.863-1.733 2.85 1.883 1.495c.247.19.38.505.34.817a7.022 7.022 0 0 0-.067.876c0 .253.022.533.066.88a.884.884 0 0 1-.257.741l-.09.078-1.904 1.451 1.696 2.86 2.277-.837a.98.98 0 0 1 .898.125 6.761 6.761 0 0 0 1.54.87c.265.106.465.33.54.6l.023.102.337 2.29 3.394.037.39-2.332a.898.898 0 0 1 .564-.697 7.09 7.09 0 0 0 1.546-.877.942.942 0 0 1 .783-.151l.115.036 2.203.863 1.758-2.892-1.901-1.449a.89.89 0 0 1-.347-.822l.037-.321c.017-.172.029-.359.029-.555 0-.327-.034-.628-.066-.878a.891.891 0 0 1 .257-.742l.089-.079 1.906-1.45-1.696-2.86-2.278.838a.932.932 0 0 1-.897-.125 6.753 6.753 0 0 0-1.54-.87.917.917 0 0 1-.542-.602l-.022-.102-.335-2.288-3.396-.039ZM12 9.116a2.887 2.887 0 0 1 2.884 2.883A2.887 2.887 0 0 1 12 14.883 2.886 2.886 0 0 1 9.117 12 2.886 2.886 0 0 1 12 9.116Zm4.583 2.883A4.588 4.588 0 0 0 12 7.417a4.588 4.588 0 0 0-4.583 4.582A4.588 4.588 0 0 0 12 16.582 4.588 4.588 0 0 0 16.583 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: "M9.929 1h4.145c.678 0 1.26.458 1.401 1.086l.022.127.32 2.17c.265.126.527.269.783.426l.253.161 2.108-.824c.646-.232 1.354-.007 1.718.515l.069.108 2.06 3.479a1.394 1.394 0 0 1-.245 1.713l-.104.09-1.79 1.36a6.782 6.782 0 0 1 .014.989l-.013.188 1.784 1.36c.516.4.684 1.079.428 1.663l-.062.124-2.084 3.514c-.311.559-1.002.827-1.64.652l-.126-.041-2.12-.83c-.258.17-.514.321-.774.457l-.26.13-.322 2.188c-.08.635-.623 1.13-1.286 1.189l-.135.006H9.928c-.679 0-1.26-.458-1.4-1.084l-.023-.128-.32-2.17a8.507 8.507 0 0 1-.784-.426l-.253-.162-2.11.825c-.658.232-1.351.013-1.716-.516l-.068-.11-2.061-3.476c-.326-.583-.218-1.278.245-1.712l.105-.09 1.79-1.364a6.509 6.509 0 0 1-.014-.97l.014-.205-1.784-1.36a1.383 1.383 0 0 1-.413-1.698l.062-.115 2.067-3.486c.313-.56 1.003-.832 1.64-.653l.127.042 2.12.83c.258-.17.514-.322.774-.458l.26-.13.322-2.19c.08-.634.622-1.129 1.287-1.188L9.929 1h4.145H9.93Zm.4 1.803-.39 2.334a.91.91 0 0 1-.558.695 6.98 6.98 0 0 0-1.551.878.94.94 0 0 1-.784.152l-.114-.037-2.203-.863-1.733 2.85 1.883 1.495c.247.19.38.505.34.817a7.022 7.022 0 0 0-.067.876c0 .253.022.533.066.88a.884.884 0 0 1-.257.741l-.09.078-1.904 1.451 1.696 2.86 2.277-.837a.98.98 0 0 1 .898.125 6.761 6.761 0 0 0 1.54.87c.265.106.465.33.54.6l.023.102.337 2.29 3.394.037.39-2.332a.898.898 0 0 1 .564-.697 7.09 7.09 0 0 0 1.546-.877.942.942 0 0 1 .783-.151l.115.036 2.203.863 1.758-2.892-1.901-1.449a.89.89 0 0 1-.347-.822l.037-.321c.017-.172.029-.359.029-.555 0-.327-.034-.628-.066-.878a.891.891 0 0 1 .257-.742l.089-.079 1.906-1.45-1.696-2.86-2.278.838a.932.932 0 0 1-.897-.125 6.753 6.753 0 0 0-1.54-.87.917.917 0 0 1-.542-.602l-.022-.102-.335-2.288-3.396-.039ZM12 9.116a2.887 2.887 0 0 1 2.884 2.883A2.887 2.887 0 0 1 12 14.883 2.886 2.886 0 0 1 9.117 12 2.886 2.886 0 0 1 12 9.116Zm4.583 2.883A4.588 4.588 0 0 0 12 7.417a4.588 4.588 0 0 0-4.583 4.582A4.588 4.588 0 0 0 12 16.582 4.588 4.588 0 0 0 16.583 12Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};