@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/web/icons/EyeMasked.js

@@ -6,22 +6,38 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  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.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
-    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,
+    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.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/EyeOpened.js

@@ -6,29 +6,45 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 29 18",
-  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.jsxs)("g", {
-    transform: "translate(2 1)",
-    stroke: "#016b6a",
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 12,
-      cy: 8,
-      r: 4
+}) => {
+  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,
+    viewBox: "0 0 29 18",
+    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.jsxs)("g", {
+      transform: "translate(2 1)",
+      stroke: "#016b6a",
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)("path", {
+        d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
+      }), (0, _jsxRuntime.jsx)("circle", {
+        cx: 12,
+        cy: 8,
+        r: 4
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/EyeUnmasked.js

@@ -6,26 +6,42 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  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.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
-    clipRule: "evenodd"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
-    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,
+    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.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/FavouriteNetwork.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.843 17H11v-5H6.006c.048 1.814.35 3.524.837 5Zm.374 1c.917 2.182 2.273 3.68 3.783 3.955V18H7.217Zm-4.658-1h3.207c-.45-1.49-.718-3.184-.76-5H1.012a10.431 10.431 0 0 0 1.547 5Zm.7 1a10.54 10.54 0 0 0 4.958 3.475c-.847-.86-1.568-2.05-2.111-3.475H3.259ZM20.441 6h-3.207c.45 1.49.718 3.184.76 5h3.994a10.43 10.43 0 0 0-1.547-5Zm-.7-1a10.54 10.54 0 0 0-4.958-3.475c.847.86 1.568 2.05 2.111 3.475h2.847Zm-3.584 1H12v5h4.994c-.048-1.814-.35-3.524-.837-5Zm-.374-1C14.866 2.818 13.51 1.32 12 1.045V5h3.783Zm-8.94 1c-.488 1.476-.79 3.186-.837 5H11V6H6.843Zm.374-1H11V1.045C9.49 1.32 8.134 2.818 7.217 5ZM2.559 6a10.431 10.431 0 0 0-1.547 5h3.994c.042-1.816.31-3.51.76-5H2.559Zm.7-1h2.847c.543-1.426 1.264-2.615 2.111-3.475A10.54 10.54 0 0 0 3.26 5Zm18.728 7H12v4.216h3.767l1.258-3.872c.134-.412.817-.412.951 0l1.258 3.872h4.071a.5.5 0 0 1 .294.905l-3.298 2.397 1.178 3.834A.502.502 0 0 1 21 24a.492.492 0 0 1-.295-.097L17.5 21.554l-3.205 2.349a.498.498 0 0 1-.773-.551l1.178-3.834-2.7-1.962v4.43c.22-.01.437-.029.654-.052a.5.5 0 1 1 .108.994A11.67 11.67 0 0 1 11.5 23C5.159 23 0 17.841 0 11.5S5.158 0 11.5 0 23 5.159 23 11.5c0 .405-.023.818-.072 1.262a.5.5 0 1 1-.994-.108c.024-.216.042-.434.053-.654ZM17.5 20.434c.104 0 .208.032.295.097l2.284 1.674-.84-2.734a.498.498 0 0 1 .184-.551l2.342-1.702h-2.896a.5.5 0 0 1-.476-.346l-.895-2.753-.895 2.753a.5.5 0 0 1-.476.346h-2.896l2.342 1.702a.499.499 0 0 1 .184.551l-.84 2.734 2.284-1.674a.52.52 0 0 1 .299-.097Z",
-    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.843 17H11v-5H6.006c.048 1.814.35 3.524.837 5Zm.374 1c.917 2.182 2.273 3.68 3.783 3.955V18H7.217Zm-4.658-1h3.207c-.45-1.49-.718-3.184-.76-5H1.012a10.431 10.431 0 0 0 1.547 5Zm.7 1a10.54 10.54 0 0 0 4.958 3.475c-.847-.86-1.568-2.05-2.111-3.475H3.259ZM20.441 6h-3.207c.45 1.49.718 3.184.76 5h3.994a10.43 10.43 0 0 0-1.547-5Zm-.7-1a10.54 10.54 0 0 0-4.958-3.475c.847.86 1.568 2.05 2.111 3.475h2.847Zm-3.584 1H12v5h4.994c-.048-1.814-.35-3.524-.837-5Zm-.374-1C14.866 2.818 13.51 1.32 12 1.045V5h3.783Zm-8.94 1c-.488 1.476-.79 3.186-.837 5H11V6H6.843Zm.374-1H11V1.045C9.49 1.32 8.134 2.818 7.217 5ZM2.559 6a10.431 10.431 0 0 0-1.547 5h3.994c.042-1.816.31-3.51.76-5H2.559Zm.7-1h2.847c.543-1.426 1.264-2.615 2.111-3.475A10.54 10.54 0 0 0 3.26 5Zm18.728 7H12v4.216h3.767l1.258-3.872c.134-.412.817-.412.951 0l1.258 3.872h4.071a.5.5 0 0 1 .294.905l-3.298 2.397 1.178 3.834A.502.502 0 0 1 21 24a.492.492 0 0 1-.295-.097L17.5 21.554l-3.205 2.349a.498.498 0 0 1-.773-.551l1.178-3.834-2.7-1.962v4.43c.22-.01.437-.029.654-.052a.5.5 0 1 1 .108.994A11.67 11.67 0 0 1 11.5 23C5.159 23 0 17.841 0 11.5S5.158 0 11.5 0 23 5.159 23 11.5c0 .405-.023.818-.072 1.262a.5.5 0 1 1-.994-.108c.024-.216.042-.434.053-.654ZM17.5 20.434c.104 0 .208.032.295.097l2.284 1.674-.84-2.734a.498.498 0 0 1 .184-.551l2.342-1.702h-2.896a.5.5 0 0 1-.476-.346l-.895-2.753-.895 2.753a.5.5 0 0 1-.476.346h-2.896l2.342 1.702a.499.499 0 0 1 .184.551l-.84 2.734 2.284-1.674a.52.52 0 0 1 .299-.097Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Files.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M20.5 23h-14v-2H18a.5.5 0 0 0 .5-.5V4h2v19ZM3.5 7H9a.5.5 0 0 0 .5-.5V1h8v19h-14V7Zm5-5.293V6H4.207L8.5 1.707ZM21 3h-2.5V.5A.5.5 0 0 0 18 0H9a.508.508 0 0 0-.193.039c-.029.012-.051.034-.077.051-.028.018-.06.032-.084.056l-6 6c-.023.023-.036.054-.054.081-.018.027-.04.05-.053.08A.508.508 0 0 0 2.5 6.5v14a.5.5 0 0 0 .5.5h2.5v2.5a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-20A.5.5 0 0 0 21 3Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M20.5 23h-14v-2H18a.5.5 0 0 0 .5-.5V4h2v19ZM3.5 7H9a.5.5 0 0 0 .5-.5V1h8v19h-14V7Zm5-5.293V6H4.207L8.5 1.707ZM21 3h-2.5V.5A.5.5 0 0 0 18 0H9a.508.508 0 0 0-.193.039c-.029.012-.051.034-.077.051-.028.018-.06.032-.084.056l-6 6c-.023.023-.036.054-.054.081-.018.027-.04.05-.053.08A.508.508 0 0 0 2.5 6.5v14a.5.5 0 0 0 .5.5h2.5v2.5a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-20A.5.5 0 0 0 21 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Fingerprint.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.998 9.998a2.503 2.503 0 0 1 2.495 2.336l.006.431c-.017 1.274-.343 6.164-4.095 11.038a.495.495 0 0 1-.702.093.5.5 0 0 1-.09-.701c3.903-5.072 3.9-10.124 3.886-10.684 0-.839-.674-1.512-1.5-1.512-.78 0-1.421.596-1.494 1.356l-.007.144c.006.161.128 4.438-3.265 8.854a.5.5 0 1 1-.793-.609c3.175-4.133 3.065-8.061 3.06-8.227a2.507 2.507 0 0 1 2.5-2.519Zm2.844 8.276a.5.5 0 0 1 .418.275l.033.083c.001.002.225.762.465 1.479l.602 1.917a.5.5 0 1 1-.954.299l-.599-1.907-.08-.24-.273.57c-.442.906-1.027 2.023-1.66 3.02a.499.499 0 0 1-.689.152.5.5 0 0 1-.154-.69c1.277-2.01 2.391-4.628 2.402-4.654a.476.476 0 0 1 .49-.304Zm-3.327-2.239a.498.498 0 0 1 .337.621 18.214 18.214 0 0 1-3.267 6.21.5.5 0 0 1-.78-.625 17.198 17.198 0 0 0 3.088-5.868.504.504 0 0 1 .622-.338ZM11.998 8a4.506 4.506 0 0 1 4.495 4.289l.015.511c.045 1.22.222 3.69.9 5.975l.56 1.798a.5.5 0 1 1-.956.297l-.462-1.484c-.756-2.36-.978-4.91-1.039-6.444l-.014-.429A3.507 3.507 0 0 0 11.997 9c-1.865 0-3.393 1.497-3.493 3.374l-.014.57c-.055 1.14-.413 3.732-2.376 6.564a.5.5 0 1 1-.822-.57c1.99-2.871 2.19-5.506 2.206-6.24l.001-.111C7.5 10.05 9.517 8 12 8Zm6.128 2.336c.21.595.333 1.215.363 1.847l.023.97c.022.834.08 2.027.352 3.266l.563 1.846a.5.5 0 1 1-.958.291l-.572-1.884c-.325-1.476-.372-2.831-.39-3.707l-.01-.452c0-.64-.105-1.256-.313-1.843a.5.5 0 1 1 .942-.334ZM11.998 6a6.5 6.5 0 0 1 4.9 2.232.501.501 0 0 1-.754.658A5.499 5.499 0 0 0 11.998 7a5.438 5.438 0 0 0-3.895 1.628c-.97.98-1.53 2.29-1.597 3.71l-.007.285c.004 1.266-.359 2.674-1.049 4.096l-.295.526a.5.5 0 1 1-.872-.49l.281-.5c.552-1.137.88-2.315.929-3.332l.006-.273c0-1.822.672-3.49 1.893-4.725A6.43 6.43 0 0 1 11.998 6Zm-.022 6.001c.284.009.51.2.521.477l.002.308a13.2 13.2 0 0 1-.17 1.792.5.5 0 0 1-.495.42l-.08-.006a.5.5 0 0 1-.414-.573l.057-.39c.123-.931.101-1.5.101-1.507a.5.5 0 0 1 .478-.521ZM11.998 4c4.687 0 8.5 3.813 8.5 8.5a.5.5 0 0 1-1 0c0-4.136-3.364-7.5-7.5-7.5-.63 0-1.256.078-1.858.231a.499.499 0 1 1-.248-.968A8.499 8.499 0 0 1 11.998 4ZM8.414 5.327a.502.502 0 0 1-.179.685 7.531 7.531 0 0 0-1.554 1.21c-1.375 1.389-2.149 3.267-2.18 5.286a.5.5 0 0 1-.412.484L3.992 13a.5.5 0 0 1-.492-.508c.036-2.279.913-4.4 2.47-5.974a8.545 8.545 0 0 1 1.76-1.37.5.5 0 0 1 .684.179ZM11.998 2c2.787 0 5.332 1.089 7.36 3.149a.5.5 0 1 1-.714.701C16.81 3.985 14.51 3 11.998 3 9.495 3 7.2 3.986 5.356 5.852a.503.503 0 0 1-.707.003.5.5 0 0 1-.004-.707C6.68 3.089 9.222 2 11.998 2ZM12 0c1.933 0 3.685.352 5.207 1.045a.5.5 0 0 1-.414.91C15.401 1.321 13.79 1 12 1c-1.8 0-3.413.321-4.79.954a.5.5 0 1 1-.419-.908C8.301.352 10.053 0 12.001 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: "M11.998 9.998a2.503 2.503 0 0 1 2.495 2.336l.006.431c-.017 1.274-.343 6.164-4.095 11.038a.495.495 0 0 1-.702.093.5.5 0 0 1-.09-.701c3.903-5.072 3.9-10.124 3.886-10.684 0-.839-.674-1.512-1.5-1.512-.78 0-1.421.596-1.494 1.356l-.007.144c.006.161.128 4.438-3.265 8.854a.5.5 0 1 1-.793-.609c3.175-4.133 3.065-8.061 3.06-8.227a2.507 2.507 0 0 1 2.5-2.519Zm2.844 8.276a.5.5 0 0 1 .418.275l.033.083c.001.002.225.762.465 1.479l.602 1.917a.5.5 0 1 1-.954.299l-.599-1.907-.08-.24-.273.57c-.442.906-1.027 2.023-1.66 3.02a.499.499 0 0 1-.689.152.5.5 0 0 1-.154-.69c1.277-2.01 2.391-4.628 2.402-4.654a.476.476 0 0 1 .49-.304Zm-3.327-2.239a.498.498 0 0 1 .337.621 18.214 18.214 0 0 1-3.267 6.21.5.5 0 0 1-.78-.625 17.198 17.198 0 0 0 3.088-5.868.504.504 0 0 1 .622-.338ZM11.998 8a4.506 4.506 0 0 1 4.495 4.289l.015.511c.045 1.22.222 3.69.9 5.975l.56 1.798a.5.5 0 1 1-.956.297l-.462-1.484c-.756-2.36-.978-4.91-1.039-6.444l-.014-.429A3.507 3.507 0 0 0 11.997 9c-1.865 0-3.393 1.497-3.493 3.374l-.014.57c-.055 1.14-.413 3.732-2.376 6.564a.5.5 0 1 1-.822-.57c1.99-2.871 2.19-5.506 2.206-6.24l.001-.111C7.5 10.05 9.517 8 12 8Zm6.128 2.336c.21.595.333 1.215.363 1.847l.023.97c.022.834.08 2.027.352 3.266l.563 1.846a.5.5 0 1 1-.958.291l-.572-1.884c-.325-1.476-.372-2.831-.39-3.707l-.01-.452c0-.64-.105-1.256-.313-1.843a.5.5 0 1 1 .942-.334ZM11.998 6a6.5 6.5 0 0 1 4.9 2.232.501.501 0 0 1-.754.658A5.499 5.499 0 0 0 11.998 7a5.438 5.438 0 0 0-3.895 1.628c-.97.98-1.53 2.29-1.597 3.71l-.007.285c.004 1.266-.359 2.674-1.049 4.096l-.295.526a.5.5 0 1 1-.872-.49l.281-.5c.552-1.137.88-2.315.929-3.332l.006-.273c0-1.822.672-3.49 1.893-4.725A6.43 6.43 0 0 1 11.998 6Zm-.022 6.001c.284.009.51.2.521.477l.002.308a13.2 13.2 0 0 1-.17 1.792.5.5 0 0 1-.495.42l-.08-.006a.5.5 0 0 1-.414-.573l.057-.39c.123-.931.101-1.5.101-1.507a.5.5 0 0 1 .478-.521ZM11.998 4c4.687 0 8.5 3.813 8.5 8.5a.5.5 0 0 1-1 0c0-4.136-3.364-7.5-7.5-7.5-.63 0-1.256.078-1.858.231a.499.499 0 1 1-.248-.968A8.499 8.499 0 0 1 11.998 4ZM8.414 5.327a.502.502 0 0 1-.179.685 7.531 7.531 0 0 0-1.554 1.21c-1.375 1.389-2.149 3.267-2.18 5.286a.5.5 0 0 1-.412.484L3.992 13a.5.5 0 0 1-.492-.508c.036-2.279.913-4.4 2.47-5.974a8.545 8.545 0 0 1 1.76-1.37.5.5 0 0 1 .684.179ZM11.998 2c2.787 0 5.332 1.089 7.36 3.149a.5.5 0 1 1-.714.701C16.81 3.985 14.51 3 11.998 3 9.495 3 7.2 3.986 5.356 5.852a.503.503 0 0 1-.707.003.5.5 0 0 1-.004-.707C6.68 3.089 9.222 2 11.998 2ZM12 0c1.933 0 3.685.352 5.207 1.045a.5.5 0 0 1-.414.91C15.401 1.321 13.79 1 12 1c-1.8 0-3.413.321-4.79.954a.5.5 0 1 1-.419-.908C8.301.352 10.053 0 12.001 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Firewall.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.773 3.937v10.596c0 3.476-5.766 7.177-9.773 8.422-4.008-1.245-9.774-4.946-9.774-8.422V3.937L12 1.044l9.773 2.893Zm.634-.923L12.114.005 11.92 0 1.588 3.015c-.348.116-.4.372-.4.513v11.005c0 4.435 6.967 8.351 10.697 9.462l.212.005.017-.005c3.73-1.111 10.698-5.027 10.698-9.462V3.528c0-.216-.193-.41-.405-.514ZM6.782 11.279a.504.504 0 0 0-.729 0 .504.504 0 0 0 0 .729l3.958 3.96c.116.114.311.114.405.114.104 0 .246 0 .292-.11a.144.144 0 0 0 .011-.063l7.068-7.068c.1-.1.156-.23.156-.365a.514.514 0 0 0-.156-.364.505.505 0 0 0-.729 0l-6.722 6.722-3.554-3.555Z",
-    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.773 3.937v10.596c0 3.476-5.766 7.177-9.773 8.422-4.008-1.245-9.774-4.946-9.774-8.422V3.937L12 1.044l9.773 2.893Zm.634-.923L12.114.005 11.92 0 1.588 3.015c-.348.116-.4.372-.4.513v11.005c0 4.435 6.967 8.351 10.697 9.462l.212.005.017-.005c3.73-1.111 10.698-5.027 10.698-9.462V3.528c0-.216-.193-.41-.405-.514ZM6.782 11.279a.504.504 0 0 0-.729 0 .504.504 0 0 0 0 .729l3.958 3.96c.116.114.311.114.405.114.104 0 .246 0 .292-.11a.144.144 0 0 0 .011-.063l7.068-7.068c.1-.1.156-.23.156-.365a.514.514 0 0 0-.156-.364.505.505 0 0 0-.729 0l-6.722 6.722-3.554-3.555Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Flag.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: "M13.5 3v3.5a.5.5 0 0 1-1 0v-5A.5.5 0 0 0 12 1H4.5v10H12c.827 0 1.5.673 1.5 1.5a.5.5 0 0 0 .5.5h5.5V3h-6ZM4 0h8c.827 0 1.5.673 1.5 1.5V2H20a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-6c-.827 0-1.5-.673-1.5-1.5a.5.5 0 0 0-.5-.5H4.5v11.5a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 4 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: "M13.5 3v3.5a.5.5 0 0 1-1 0v-5A.5.5 0 0 0 12 1H4.5v10H12c.827 0 1.5.673 1.5 1.5a.5.5 0 0 0 .5.5h5.5V3h-6ZM4 0h8c.827 0 1.5.673 1.5 1.5V2H20a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-6c-.827 0-1.5-.673-1.5-1.5a.5.5 0 0 0-.5-.5H4.5v11.5a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 4 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/FullscreenExpand.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: "m13.504 11.871-1.325-1.336a.212.212 0 0 1 0-.298l2.209-2.228a.213.213 0 0 0 0-.3l-1.279-1.288a.212.212 0 0 1 .147-.36L17.788 6a.21.21 0 0 1 .212.215l-.059 4.57a.21.21 0 0 1-.359.146l-1.277-1.288a.208.208 0 0 0-.297 0L13.8 11.871a.209.209 0 0 1-.296 0Zm-3.007.258 1.325 1.336a.212.212 0 0 1 0 .298l-2.209 2.228a.213.213 0 0 0 0 .3l1.277 1.288a.211.211 0 0 1-.146.36L6.213 18A.211.211 0 0 1 6 17.785l.06-4.57a.21.21 0 0 1 .358-.146l1.278 1.289a.208.208 0 0 0 .296 0l2.208-2.229a.21.21 0 0 1 .297 0Z"
-  })]
-});
+}) => {
+  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: "m13.504 11.871-1.325-1.336a.212.212 0 0 1 0-.298l2.209-2.228a.213.213 0 0 0 0-.3l-1.279-1.288a.212.212 0 0 1 .147-.36L17.788 6a.21.21 0 0 1 .212.215l-.059 4.57a.21.21 0 0 1-.359.146l-1.277-1.288a.208.208 0 0 0-.297 0L13.8 11.871a.209.209 0 0 1-.296 0Zm-3.007.258 1.325 1.336a.212.212 0 0 1 0 .298l-2.209 2.228a.213.213 0 0 0 0 .3l1.277 1.288a.211.211 0 0 1-.146.36L6.213 18A.211.211 0 0 1 6 17.785l.06-4.57a.21.21 0 0 1 .358-.146l1.278 1.289a.208.208 0 0 0 .296 0l2.208-2.229a.21.21 0 0 1 .297 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/FullscreenMinimize.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: "m17.767 5.068 1.469 1.481a.235.235 0 0 1 0 .331l-2.45 2.47a.236.236 0 0 0 0 .332l1.418 1.428a.235.235 0 0 1-.162.4l-5.025.067a.234.234 0 0 1-.235-.238l.065-5.067a.233.233 0 0 1 .398-.162l1.416 1.428a.23.23 0 0 0 .329 0l2.449-2.47a.231.231 0 0 1 .328 0ZM6.537 19.51l-1.469-1.481a.235.235 0 0 1 0-.331l2.45-2.47a.236.236 0 0 0 0-.332L6.1 13.467a.235.235 0 0 1 .162-.4L11.287 13a.234.234 0 0 1 .236.238l-.066 5.066a.232.232 0 0 1-.397.163l-1.417-1.429a.231.231 0 0 0-.328 0l-2.449 2.471a.232.232 0 0 1-.329 0Z"
-  })]
-});
+}) => {
+  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: "m17.767 5.068 1.469 1.481a.235.235 0 0 1 0 .331l-2.45 2.47a.236.236 0 0 0 0 .332l1.418 1.428a.235.235 0 0 1-.162.4l-5.025.067a.234.234 0 0 1-.235-.238l.065-5.067a.233.233 0 0 1 .398-.162l1.416 1.428a.23.23 0 0 0 .329 0l2.449-2.47a.231.231 0 0 1 .328 0ZM6.537 19.51l-1.469-1.481a.235.235 0 0 1 0-.331l2.45-2.47a.236.236 0 0 0 0-.332L6.1 13.467a.235.235 0 0 1 .162-.4L11.287 13a.234.234 0 0 1 .236.238l-.066 5.066a.232.232 0 0 1-.397.163l-1.417-1.429a.231.231 0 0 0-.328 0l-2.449 2.471a.232.232 0 0 1-.329 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};