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

package/build/web/fonts/fonts-cdn-family.css

@@ -1,55 +1,55 @@
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_1_5.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_1_5.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_1_5.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_1_5.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_1_5.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_1_5.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

package/build/web/fonts/fonts-cdn.css

@@ -1,40 +1,40 @@
 @font-face {
   font-family: 'HNforTELUSSA300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_1_4.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v4_1_5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v4_1_5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v4_1_5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_1_4.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v4_1_5.otf');
   font-display: block;
 }

package/build/web/fonts/fonts-local-family.css

@@ -1,55 +1,55 @@
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSADisplay_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSARegular_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v4_1_5.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSAMedium_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSABold_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v4_1_5.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Display-v4_1_4.otf');
+  src: url('./HNforTELUSSA-Display-v4_1_5.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-v4_1_4.otf');
+  src: url('./HNforTELUSSA-v4_1_5.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Md-v4_1_4.otf');
+  src: url('./HNforTELUSSA-Md-v4_1_5.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Bd-v4_1_4.otf');
+  src: url('./HNforTELUSSA-Bd-v4_1_5.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

package/build/web/fonts/fonts-local.css

@@ -1,40 +1,40 @@
 @font-face {
   font-family: 'HNforTELUSSA300normal';
-  src: url('./HNforTELUSSADisplay_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('./HNforTELUSSARegular_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('./HNforTELUSSAMedium_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('./HNforTELUSSABold_normal_normal-v4_1_4.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v4_1_5.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('./HNforTELUSSA-Display-v4_1_4.otf');
+  src: url('./HNforTELUSSA-Display-v4_1_5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('./HNforTELUSSA-v4_1_4.otf');
+  src: url('./HNforTELUSSA-v4_1_5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('./HNforTELUSSA-Md-v4_1_4.otf');
+  src: url('./HNforTELUSSA-Md-v4_1_5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('./HNforTELUSSA-Bd-v4_1_4.otf');
+  src: url('./HNforTELUSSA-Bd-v4_1_5.otf');
   font-display: block;
 }

package/build/web/icons/AC.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.5 14.016a2.503 2.503 0 0 1-2.5-2.5v-7c0-1.378 1.122-2.5 2.5-2.5h19c1.378 0 2.5 1.122 2.5 2.5v7c0 1.378-1.122 2.5-2.5 2.5h-19ZM1 4.516v4.5h22v-4.5c0-.827-.673-1.5-1.5-1.5h-19c-.827 0-1.5.673-1.5 1.5Zm0 5.5v1.5c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5v-1.5H1Zm6.674 11.853a.502.502 0 0 0 .707 0c1.107-1.108.562-2.484.124-3.59-.447-1.124-.69-1.843-.124-2.411a.5.5 0 0 0-.707-.706c-1.06 1.06-.528 2.404-.1 3.484.461 1.162.712 1.904.1 2.516a.5.5 0 0 0 0 .707Zm4.339.146a.5.5 0 0 1-.354-.853c.612-.612.36-1.354-.1-2.515-.429-1.08-.961-2.424.1-3.485a.5.5 0 0 1 .707.707c-.567.567-.323 1.285.123 2.409.438 1.106.983 2.483-.123 3.591a.499.499 0 0 1-.353.146Zm3.63-.146a.502.502 0 0 0 .707 0c1.106-1.108.561-2.484.124-3.59l-.001-.001c-.446-1.124-.69-1.842-.123-2.41a.5.5 0 0 0-.707-.706c-1.06 1.06-.528 2.404-.1 3.484.461 1.162.712 1.904.1 2.516a.5.5 0 0 0 0 .707Zm5.865-9.853h-19a.5.5 0 0 1 0-1h19a.5.5 0 0 1 0 1ZM3 7.516a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0v3Zm3.5.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0v3Zm3.5.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0v3Zm3.5.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5Zm3.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M2.5 14.016a2.503 2.503 0 0 1-2.5-2.5v-7c0-1.378 1.122-2.5 2.5-2.5h19c1.378 0 2.5 1.122 2.5 2.5v7c0 1.378-1.122 2.5-2.5 2.5h-19ZM1 4.516v4.5h22v-4.5c0-.827-.673-1.5-1.5-1.5h-19c-.827 0-1.5.673-1.5 1.5Zm0 5.5v1.5c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5v-1.5H1Zm6.674 11.853a.502.502 0 0 0 .707 0c1.107-1.108.562-2.484.124-3.59-.447-1.124-.69-1.843-.124-2.411a.5.5 0 0 0-.707-.706c-1.06 1.06-.528 2.404-.1 3.484.461 1.162.712 1.904.1 2.516a.5.5 0 0 0 0 .707Zm4.339.146a.5.5 0 0 1-.354-.853c.612-.612.36-1.354-.1-2.515-.429-1.08-.961-2.424.1-3.485a.5.5 0 0 1 .707.707c-.567.567-.323 1.285.123 2.409.438 1.106.983 2.483-.123 3.591a.499.499 0 0 1-.353.146Zm3.63-.146a.502.502 0 0 0 .707 0c1.106-1.108.561-2.484.124-3.59l-.001-.001c-.446-1.124-.69-1.842-.123-2.41a.5.5 0 0 0-.707-.706c-1.06 1.06-.528 2.404-.1 3.484.461 1.162.712 1.904.1 2.516a.5.5 0 0 0 0 .707Zm5.865-9.853h-19a.5.5 0 0 1 0-1h19a.5.5 0 0 1 0 1ZM3 7.516a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0v3Zm3.5.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0v3Zm3.5.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0v3Zm3.5.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v3a.5.5 0 0 1-.5.5Zm3.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Accessible.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.231 12.257.662.662a5.87 5.87 0 0 0-.982 3.235c0 1.585.618 3.078 1.74 4.2a5.903 5.903 0 0 0 4.2 1.739 5.838 5.838 0 0 0 2.991-.831l.242-.151.647.645c-1.167.81-2.517 1.244-3.88 1.244a6.83 6.83 0 0 1-4.845-2.003A6.805 6.805 0 0 1 3 16.154a6.77 6.77 0 0 1 1.067-3.65l.165-.247Zm5.81-9.99a1.3 1.3 0 0 1 .527.112l.175.093c.575.334 5.897 3.426 5.907 3.433.307.192.507.492.579.822.124.433.054.913-.22 1.3l-.1.125-2.68 2.738c.106.088.21.178.313.273l.167.162.013.016 5.136-.603.07-.002a1.3 1.3 0 0 1 1.3 1.265l-.004.14-.39 6.71a1.46 1.46 0 0 1-1.455 1.369l-.094-.003a1.456 1.456 0 0 1-1.362-1.41l.003-.141.337-4.465a.09.09 0 0 0-.09-.103l-1.71.3a6.859 6.859 0 0 1-.809 5.367l-.165.254-.66-.66a5.882 5.882 0 0 0 .96-3.206 5.903 5.903 0 0 0-1.738-4.2 5.904 5.904 0 0 0-4.201-1.74 5.86 5.86 0 0 0-2.966.813l-.24.148-.648-.648a6.827 6.827 0 0 1 2.94-1.156l.312-.035 2.507-2.778-1.5-.876L8.33 7.31a1.47 1.47 0 0 1-2.081.002c-.542-.542-.554-1.423-.078-2.008l.102-.112 2.902-2.596a1.3 1.3 0 0 1 .865-.33Zm10.24 10.386c.096-.848-.406-.964-.749-.955l-.062.003-3.975.467c.223.338.41.701.576 1.073l.12.28 1.75-.308.077-.022.156-.004c.288 0 .562.125.754.34.15.174.236.392.246.618l-.003.136-.337 4.454a.541.541 0 0 0 .136.389.536.536 0 0 0 .287.171l.086.013c.289 0 .509-.18.567-.422l.015-.093.357-6.14Zm-10.24-9.475a.387.387 0 0 0-.202.056l-.057.043L6.905 5.85c-.215.23-.222.607-.012.817a.558.558 0 0 0 .725.057l.068-.058.027-.027 2.444-2.07 3.024 1.766-2.663 2.952a6.96 6.96 0 0 1 2.683.85l.31.183 2.727-2.784a.603.603 0 0 0 .135-.46l-.02-.1-.013-.053a.385.385 0 0 0-.165-.241l-5.94-3.451a.38.38 0 0 0-.194-.053ZM17.743 1a2.11 2.11 0 0 1 2.106 2.106 2.11 2.11 0 0 1-2.106 2.107 2.11 2.11 0 0 1-2.106-2.107c0-1.161.945-2.106 2.106-2.106Zm0 .91a1.196 1.196 0 0 0 0 2.392 1.196 1.196 0 0 0 0-2.391Z",
-    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.231 12.257.662.662a5.87 5.87 0 0 0-.982 3.235c0 1.585.618 3.078 1.74 4.2a5.903 5.903 0 0 0 4.2 1.739 5.838 5.838 0 0 0 2.991-.831l.242-.151.647.645c-1.167.81-2.517 1.244-3.88 1.244a6.83 6.83 0 0 1-4.845-2.003A6.805 6.805 0 0 1 3 16.154a6.77 6.77 0 0 1 1.067-3.65l.165-.247Zm5.81-9.99a1.3 1.3 0 0 1 .527.112l.175.093c.575.334 5.897 3.426 5.907 3.433.307.192.507.492.579.822.124.433.054.913-.22 1.3l-.1.125-2.68 2.738c.106.088.21.178.313.273l.167.162.013.016 5.136-.603.07-.002a1.3 1.3 0 0 1 1.3 1.265l-.004.14-.39 6.71a1.46 1.46 0 0 1-1.455 1.369l-.094-.003a1.456 1.456 0 0 1-1.362-1.41l.003-.141.337-4.465a.09.09 0 0 0-.09-.103l-1.71.3a6.859 6.859 0 0 1-.809 5.367l-.165.254-.66-.66a5.882 5.882 0 0 0 .96-3.206 5.903 5.903 0 0 0-1.738-4.2 5.904 5.904 0 0 0-4.201-1.74 5.86 5.86 0 0 0-2.966.813l-.24.148-.648-.648a6.827 6.827 0 0 1 2.94-1.156l.312-.035 2.507-2.778-1.5-.876L8.33 7.31a1.47 1.47 0 0 1-2.081.002c-.542-.542-.554-1.423-.078-2.008l.102-.112 2.902-2.596a1.3 1.3 0 0 1 .865-.33Zm10.24 10.386c.096-.848-.406-.964-.749-.955l-.062.003-3.975.467c.223.338.41.701.576 1.073l.12.28 1.75-.308.077-.022.156-.004c.288 0 .562.125.754.34.15.174.236.392.246.618l-.003.136-.337 4.454a.541.541 0 0 0 .136.389.536.536 0 0 0 .287.171l.086.013c.289 0 .509-.18.567-.422l.015-.093.357-6.14Zm-10.24-9.475a.387.387 0 0 0-.202.056l-.057.043L6.905 5.85c-.215.23-.222.607-.012.817a.558.558 0 0 0 .725.057l.068-.058.027-.027 2.444-2.07 3.024 1.766-2.663 2.952a6.96 6.96 0 0 1 2.683.85l.31.183 2.727-2.784a.603.603 0 0 0 .135-.46l-.02-.1-.013-.053a.385.385 0 0 0-.165-.241l-5.94-3.451a.38.38 0 0 0-.194-.053ZM17.743 1a2.11 2.11 0 0 1 2.106 2.106 2.11 2.11 0 0 1-2.106 2.107 2.11 2.11 0 0 1-2.106-2.107c0-1.161.945-2.106 2.106-2.106Zm0 .91a1.196 1.196 0 0 0 0 2.392 1.196 1.196 0 0 0 0-2.391Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Add.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 2a.92.92 0 0 0-.74.348 1.29 1.29 0 0 0-.257.753l-.243 7.93H3.106c-.253 0-.529.041-.747.196C2.123 11.394 2 11.66 2 12s.122.605.354.776c.216.158.49.208.744.219h.003l7.669.236.236 7.668v.003c.01.273.087.544.253.752A.919.919 0 0 0 12 22a.903.903 0 0 0 .736-.35 1.23 1.23 0 0 0 .233-.756V13.24l7.927-.243h.003c.253-.011.528-.062.744-.22.233-.171.357-.435.357-.777 0-.34-.122-.605-.358-.773-.218-.155-.494-.197-.748-.197H12.97V3.106c0-.274-.07-.546-.232-.757A.903.903 0 0 0 12 2Z",
-    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 2a.92.92 0 0 0-.74.348 1.29 1.29 0 0 0-.257.753l-.243 7.93H3.106c-.253 0-.529.041-.747.196C2.123 11.394 2 11.66 2 12s.122.605.354.776c.216.158.49.208.744.219h.003l7.669.236.236 7.668v.003c.01.273.087.544.253.752A.919.919 0 0 0 12 22a.903.903 0 0 0 .736-.35 1.23 1.23 0 0 0 .233-.756V13.24l7.927-.243h.003c.253-.011.528-.062.744-.22.233-.171.357-.435.357-.777 0-.34-.122-.605-.358-.773-.218-.155-.494-.197-.748-.197H12.97V3.106c0-.274-.07-.546-.232-.757A.903.903 0 0 0 12 2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/AddUser.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 0c3.06 0 3.892 1.569 3.99 2.345C15.508 2.729 16 3.389 16 5v2.651c.277.188.43.508.485.728a.49.49 0 0 1 .015.121c0 .822-.481 2.049-.536 2.186a.503.503 0 0 1-.343.3c-.014.012-.096.126-.117.39l-.004.124c0 .435-.148.912-.439 1.42a.501.501 0 0 1-.868-.498c.201-.35.307-.668.307-.922 0-.747.309-1.161.601-1.357.144-.392.373-1.104.397-1.567a.328.328 0 0 0-.057-.094C15.165 8.481 15 8.276 15 8V5c0-1.325-.383-1.7-.607-1.855l-.068-.045c-.121-.078-.325-.206-.355-.481a.519.519 0 0 1 .022-.195l-.024-.094C13.826 1.886 13.155 1 11 1 8.558 1 7 3.369 7 5v3a.5.5 0 0 1-.5.5c.024 0 .015.034.002.072.023.466.253 1.179.397 1.57.292.196.601.611.601 1.358 0 .673.663 1.573 1.318 2.114A.5.5 0 0 1 9 14c0 .635-.577 3.24-2.308 3.962L2.22 19.454c-.708.236-.989.805-1.22 1.706V23h12.605a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5v-2.402a.49.49 0 0 1 .015-.121c.261-1.044.67-2.065 1.889-2.472l4.438-1.479c1.043-.436 1.531-2.162 1.636-2.817-.714-.656-1.383-1.62-1.469-2.518L6.5 11.5c0-.354-.105-.5-.161-.527-.156-.039-.244-.138-.304-.287l-.106-.284C5.77 9.961 5.5 9.117 5.5 8.5a.49.49 0 0 1 .015-.121c.055-.22.208-.54.485-.728V5c0-2.088 1.902-5 5-5Zm7.5 13c3.033 0 5.5 2.468 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.032 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.5Zm0 2a.5.5 0 0 1 .5.5V18h1.5a.5.5 0 0 1 0 1H19v1.5a.5.5 0 0 1-1 0V19h-1.5a.5.5 0 0 1 0-1H18v-1.5a.5.5 0 0 1 .5-.5Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M11 0c3.06 0 3.892 1.569 3.99 2.345C15.508 2.729 16 3.389 16 5v2.651c.277.188.43.508.485.728a.49.49 0 0 1 .015.121c0 .822-.481 2.049-.536 2.186a.503.503 0 0 1-.343.3c-.014.012-.096.126-.117.39l-.004.124c0 .435-.148.912-.439 1.42a.501.501 0 0 1-.868-.498c.201-.35.307-.668.307-.922 0-.747.309-1.161.601-1.357.144-.392.373-1.104.397-1.567a.328.328 0 0 0-.057-.094C15.165 8.481 15 8.276 15 8V5c0-1.325-.383-1.7-.607-1.855l-.068-.045c-.121-.078-.325-.206-.355-.481a.519.519 0 0 1 .022-.195l-.024-.094C13.826 1.886 13.155 1 11 1 8.558 1 7 3.369 7 5v3a.5.5 0 0 1-.5.5c.024 0 .015.034.002.072.023.466.253 1.179.397 1.57.292.196.601.611.601 1.358 0 .673.663 1.573 1.318 2.114A.5.5 0 0 1 9 14c0 .635-.577 3.24-2.308 3.962L2.22 19.454c-.708.236-.989.805-1.22 1.706V23h12.605a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5v-2.402a.49.49 0 0 1 .015-.121c.261-1.044.67-2.065 1.889-2.472l4.438-1.479c1.043-.436 1.531-2.162 1.636-2.817-.714-.656-1.383-1.62-1.469-2.518L6.5 11.5c0-.354-.105-.5-.161-.527-.156-.039-.244-.138-.304-.287l-.106-.284C5.77 9.961 5.5 9.117 5.5 8.5a.49.49 0 0 1 .015-.121c.055-.22.208-.54.485-.728V5c0-2.088 1.902-5 5-5Zm7.5 13c3.033 0 5.5 2.468 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.032 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.5Zm0 2a.5.5 0 0 1 .5.5V18h1.5a.5.5 0 0 1 0 1H19v1.5a.5.5 0 0 1-1 0V19h-1.5a.5.5 0 0 1 0-1H18v-1.5a.5.5 0 0 1 .5-.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/AlarmClock.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 4.435c5.057 0 9.172 4.114 9.172 9.172 0 5.057-4.115 9.172-9.172 9.172s-9.172-4.115-9.172-9.172c0-5.058 4.115-9.172 9.172-9.172Zm0 1.027c-4.49 0-8.145 3.654-8.145 8.145 0 4.49 3.654 8.144 8.145 8.144 4.492 0 8.145-3.653 8.145-8.144S16.492 5.462 12 5.462Zm0 2.122c.269 0 .466.166.506.416l.008.097v5.296l4.521 3.742a.64.64 0 0 1 .209.438.4.4 0 0 1-.122.29c-.091.091-.278.192-.4.192-.07 0-.16 0-.251-.058l-4.784-3.983a.573.573 0 0 1-.192-.311l-.008-.096v-5.51A.49.49 0 0 1 12 7.584ZM5.782.5c.804 0 1.492.468 1.842 1.252a1.914 1.914 0 0 1-.307 2.058l-.113.121L3.9 7.238a1.974 1.974 0 0 1-1.423.586c-.257 0-.507-.083-.747-.164C.936 7.308.467 6.62.467 5.815c0-.487.16-.93.465-1.292l.122-.132L4.36 1.086A1.97 1.97 0 0 1 5.782.5Zm12.435 0c.489 0 .93.16 1.293.465l.132.12 3.305 3.307c.373.371.586.89.586 1.423 0 .804-.468 1.492-1.251 1.84-.252.085-.501.169-.758.169a1.97 1.97 0 0 1-1.291-.466l-.132-.12-3.306-3.307c-.592-.591-.752-1.427-.418-2.18C16.726.969 17.413.5 18.217.5Zm0 1.026c-.393 0-.68.174-.855.514l-.055.12a.868.868 0 0 0 .12.951l.089.1 3.306 3.306c.36.361.774.348 1.042.213.293-.146.642-.424.642-.915 0-.261-.058-.443-.201-.617l-.079-.086-3.305-3.306c-.2-.201-.398-.28-.704-.28Zm-12.435 0c-.26 0-.443.058-.616.201l-.086.079-3.306 3.306c-.202.202-.28.399-.28.703 0 .393.172.68.513.856l.12.055a.87.87 0 0 0 .952-.12l.1-.09 3.305-3.305c.328-.328.347-.7.248-.966l-.034-.076c-.172-.43-.479-.642-.916-.642Z",
-    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 4.435c5.057 0 9.172 4.114 9.172 9.172 0 5.057-4.115 9.172-9.172 9.172s-9.172-4.115-9.172-9.172c0-5.058 4.115-9.172 9.172-9.172Zm0 1.027c-4.49 0-8.145 3.654-8.145 8.145 0 4.49 3.654 8.144 8.145 8.144 4.492 0 8.145-3.653 8.145-8.144S16.492 5.462 12 5.462Zm0 2.122c.269 0 .466.166.506.416l.008.097v5.296l4.521 3.742a.64.64 0 0 1 .209.438.4.4 0 0 1-.122.29c-.091.091-.278.192-.4.192-.07 0-.16 0-.251-.058l-4.784-3.983a.573.573 0 0 1-.192-.311l-.008-.096v-5.51A.49.49 0 0 1 12 7.584ZM5.782.5c.804 0 1.492.468 1.842 1.252a1.914 1.914 0 0 1-.307 2.058l-.113.121L3.9 7.238a1.974 1.974 0 0 1-1.423.586c-.257 0-.507-.083-.747-.164C.936 7.308.467 6.62.467 5.815c0-.487.16-.93.465-1.292l.122-.132L4.36 1.086A1.97 1.97 0 0 1 5.782.5Zm12.435 0c.489 0 .93.16 1.293.465l.132.12 3.305 3.307c.373.371.586.89.586 1.423 0 .804-.468 1.492-1.251 1.84-.252.085-.501.169-.758.169a1.97 1.97 0 0 1-1.291-.466l-.132-.12-3.306-3.307c-.592-.591-.752-1.427-.418-2.18C16.726.969 17.413.5 18.217.5Zm0 1.026c-.393 0-.68.174-.855.514l-.055.12a.868.868 0 0 0 .12.951l.089.1 3.306 3.306c.36.361.774.348 1.042.213.293-.146.642-.424.642-.915 0-.261-.058-.443-.201-.617l-.079-.086-3.305-3.306c-.2-.201-.398-.28-.704-.28Zm-12.435 0c-.26 0-.443.058-.616.201l-.086.079-3.306 3.306c-.202.202-.28.399-.28.703 0 .393.172.68.513.856l.12.055a.87.87 0 0 0 .952-.12l.1-.09 3.305-3.305c.328-.328.347-.7.248-.966l-.034-.076c-.172-.43-.479-.642-.916-.642Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Ambulance.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.5 8H5.8L3 11.7v3.8c0 .3-.2.5-.5.5H2v1h.5c.3 0 .5.2.5.5s-.2.5-.5.5h-1c-.3 0-.5-.2-.5-.5v-2c0-.3.2-.5.5-.5H2v-3.5c0-.1 0-.2.1-.3l3-4c.1-.1.2-.2.4-.2H9V5.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V7h9.5c.05 0 .125.025.2.05.075.025.15.05.2.05l1 1c0 .05.025.125.05.2.025.075.05.15.05.2v6.68a.52.52 0 0 1 .1.32v2c-.1.3-.3.5-.6.5h-1c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h.5v-1H6.5c-.1 0-.2 0-.2-.1l-2-1c-.3-.1-.4-.4-.2-.6.1-.2.4-.3.7-.2l1.9.9H22V8.7l-.7-.7H9.5ZM11 7V5.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5V7h1Zm-6.5 6h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-1c-.2 0-.3.1-.4.2l-2 3c-.1.1-.1.3 0 .5 0 .2.2.3.4.3ZM7 12H5.4l1.4-2H7v2Zm-2 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm0-3c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1Zm12 1c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2Zm1 0c0-.6.4-1 1-1s1 .4 1 1-.4 1-1 1-1-.4-1-1Zm-1-1.5c0 .3-.2.5-.5.5h-9c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h9c.3 0 .5.2.5.5Zm1-4c0 .3.2.5.5.5s.5-.2.5-.5v-1.171l1 .571c0 .1.1.1.2.1.2 0 .4-.1.5-.3.1-.3 0-.6-.2-.7l-.825-.472L20.6 11c.3-.2.3-.5.2-.7-.2-.3-.5-.3-.7-.2l-1.1.629V9.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v1.071L17 10c-.3-.1-.6 0-.7.2-.1.3 0 .6.2.7l1.1.628-1 .572c-.3.2-.3.5-.2.7.1.1.2.2.4.2h.3l.9-.514V13.5Zm-3.5-.5h-4c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5ZM11 12h3v-2h-3v2Z",
-    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.5 8H5.8L3 11.7v3.8c0 .3-.2.5-.5.5H2v1h.5c.3 0 .5.2.5.5s-.2.5-.5.5h-1c-.3 0-.5-.2-.5-.5v-2c0-.3.2-.5.5-.5H2v-3.5c0-.1 0-.2.1-.3l3-4c.1-.1.2-.2.4-.2H9V5.5c0-.8.7-1.5 1.5-1.5s1.5.7 1.5 1.5V7h9.5c.05 0 .125.025.2.05.075.025.15.05.2.05l1 1c0 .05.025.125.05.2.025.075.05.15.05.2v6.68a.52.52 0 0 1 .1.32v2c-.1.3-.3.5-.6.5h-1c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h.5v-1H6.5c-.1 0-.2 0-.2-.1l-2-1c-.3-.1-.4-.4-.2-.6.1-.2.4-.3.7-.2l1.9.9H22V8.7l-.7-.7H9.5ZM11 7V5.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5V7h1Zm-6.5 6h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-1c-.2 0-.3.1-.4.2l-2 3c-.1.1-.1.3 0 .5 0 .2.2.3.4.3ZM7 12H5.4l1.4-2H7v2Zm-2 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm0-3c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1Zm12 1c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2Zm1 0c0-.6.4-1 1-1s1 .4 1 1-.4 1-1 1-1-.4-1-1Zm-1-1.5c0 .3-.2.5-.5.5h-9c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h9c.3 0 .5.2.5.5Zm1-4c0 .3.2.5.5.5s.5-.2.5-.5v-1.171l1 .571c0 .1.1.1.2.1.2 0 .4-.1.5-.3.1-.3 0-.6-.2-.7l-.825-.472L20.6 11c.3-.2.3-.5.2-.7-.2-.3-.5-.3-.7-.2l-1.1.629V9.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v1.071L17 10c-.3-.1-.6 0-.7.2-.1.3 0 .6.2.7l1.1.628-1 .572c-.3.2-.3.5-.2.7.1.1.2.2.4.2h.3l.9-.514V13.5Zm-3.5-.5h-4c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5ZM11 12h3v-2h-3v2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};