@telus-uds/palette-allium 5.3.2 → 5.4.0

package/build/web/icons/ChevronRight.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 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: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Clipboard.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M8.834 0c.918 0 1.7.602 1.97 1.433l.044.158h1.366c.765 0 1.395.586 1.467 1.333l.007.141v.117h1.907c1.093 0 1.99.85 2.066 1.924l.006.147v1.591a.48.48 0 0 1-.953.087l-.007-.087v-1.59c0-.573-.435-1.045-.991-1.105l-.121-.007h-1.907v1.111a.48.48 0 0 1-.394.472l-.086.007h-8.75a.479.479 0 0 1-.473-.392l-.007-.087v-1.11H2.072c-.573 0-1.045.433-1.106.99l-.006.12V21.96c0 .572.434 1.044.99 1.105l.122.006h13.523c.572 0 1.045-.434 1.105-.99l.007-.12v-3.978a.48.48 0 0 1 .952-.086l.008.086v3.977c0 1.093-.85 1.99-1.925 2.065l-.147.005H2.072a2.072 2.072 0 0 1-2.066-1.922L0 21.96V5.253c0-1.092.849-1.99 1.923-2.065l.148-.006h1.906v-.117c0-.765.585-1.395 1.333-1.467l.142-.007h1.366A2.073 2.073 0 0 1 8.834.001Zm10.98 6.29a2.485 2.485 0 0 1 3.502.07c.871.92.91 2.324.12 3.277l-.12.133-9.148 9.156a.454.454 0 0 1-.155.104l-.09.027-3.517.7a.48.48 0 0 1-.574-.47l.01-.095.7-3.516a.48.48 0 0 1 .072-.173l.058-.073 9.142-9.14Zm-8.384 9.841-.506 2.543 2.526-.502a2.438 2.438 0 0 0-.58-1.175l-.132-.136a2.455 2.455 0 0 0-1.126-.685l-.182-.045Zm6.616-6.715-5.922 5.921a3.43 3.43 0 0 1 1.133.688l.159.157c.322.301.574.677.752 1.092l.084.21 5.928-5.933-2.134-2.135Zm4.576-2.393a1.522 1.522 0 0 0-2.02-.146l-.117.1-1.76 1.76 2.133 2.134 1.773-1.773a1.505 1.505 0 0 0-.01-2.075ZM8.834.96c-.553 0-1.013.405-1.098.935a.48.48 0 0 1-.36.648l-.086.008H5.453a.515.515 0 0 0-.507.422l-.008.092v1.708h7.79V3.065a.515.515 0 0 0-.422-.505l-.092-.009h-1.79a.48.48 0 0 1-.48-.48 1.11 1.11 0 0 0-1.11-1.11Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M8.834 0c.918 0 1.7.602 1.97 1.433l.044.158h1.366c.765 0 1.395.586 1.467 1.333l.007.141v.117h1.907c1.093 0 1.99.85 2.066 1.924l.006.147v1.591a.48.48 0 0 1-.953.087l-.007-.087v-1.59c0-.573-.435-1.045-.991-1.105l-.121-.007h-1.907v1.111a.48.48 0 0 1-.394.472l-.086.007h-8.75a.479.479 0 0 1-.473-.392l-.007-.087v-1.11H2.072c-.573 0-1.045.433-1.106.99l-.006.12V21.96c0 .572.434 1.044.99 1.105l.122.006h13.523c.572 0 1.045-.434 1.105-.99l.007-.12v-3.978a.48.48 0 0 1 .952-.086l.008.086v3.977c0 1.093-.85 1.99-1.925 2.065l-.147.005H2.072a2.072 2.072 0 0 1-2.066-1.922L0 21.96V5.253c0-1.092.849-1.99 1.923-2.065l.148-.006h1.906v-.117c0-.765.585-1.395 1.333-1.467l.142-.007h1.366A2.073 2.073 0 0 1 8.834.001Zm10.98 6.29a2.485 2.485 0 0 1 3.502.07c.871.92.91 2.324.12 3.277l-.12.133-9.148 9.156a.454.454 0 0 1-.155.104l-.09.027-3.517.7a.48.48 0 0 1-.574-.47l.01-.095.7-3.516a.48.48 0 0 1 .072-.173l.058-.073 9.142-9.14Zm-8.384 9.841-.506 2.543 2.526-.502a2.438 2.438 0 0 0-.58-1.175l-.132-.136a2.455 2.455 0 0 0-1.126-.685l-.182-.045Zm6.616-6.715-5.922 5.921a3.43 3.43 0 0 1 1.133.688l.159.157c.322.301.574.677.752 1.092l.084.21 5.928-5.933-2.134-2.135Zm4.576-2.393a1.522 1.522 0 0 0-2.02-.146l-.117.1-1.76 1.76 2.133 2.134 1.773-1.773a1.505 1.505 0 0 0-.01-2.075ZM8.834.96c-.553 0-1.013.405-1.098.935a.48.48 0 0 1-.36.648l-.086.008H5.453a.515.515 0 0 0-.507.422l-.008.092v1.708h7.79V3.065a.515.515 0 0 0-.422-.505l-.092-.009h-1.79a.48.48 0 0 1-.48-.48 1.11 1.11 0 0 0-1.11-1.11Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Close.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: "M5.79 4.307a1.049 1.049 0 0 0-1.483 1.482L10.517 12l-6.21 6.211a1.049 1.049 0 0 0 0 1.483 1.052 1.052 0 0 0 1.482 0L12 13.483l6.211 6.21.001.002a1.052 1.052 0 0 0 1.482-.001 1.049 1.049 0 0 0 0-1.483l-6.211-6.21 6.21-6.212a1.049 1.049 0 0 0-1.482-1.482l-6.21 6.21-6.212-6.21Z",
-    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: "M5.79 4.307a1.049 1.049 0 0 0-1.483 1.482L10.517 12l-6.21 6.211a1.049 1.049 0 0 0 0 1.483 1.052 1.052 0 0 0 1.482 0L12 13.483l6.211 6.21.001.002a1.052 1.052 0 0 0 1.482-.001 1.049 1.049 0 0 0 0-1.483l-6.211-6.21 6.21-6.212a1.049 1.049 0 0 0-1.482-1.482l-6.21 6.21-6.212-6.21Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ClosedCaptions.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: "M9.63 10.364a1.795 1.795 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.374 3.374 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128a5.08 5.08 0 0 1-.434 1.694 4.057 4.057 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54H9.63Zm10.374 0a1.794 1.794 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.373 3.373 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128c-.056.625-.2 1.19-.434 1.694a4.06 4.06 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54h-2.128Z"
-  })]
-});
+}) => {
+  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: "M9.63 10.364a1.795 1.795 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.374 3.374 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128a5.08 5.08 0 0 1-.434 1.694 4.057 4.057 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54H9.63Zm10.374 0a1.794 1.794 0 0 0-.252-.693 2.26 2.26 0 0 0-1.155-.924 2.285 2.285 0 0 0-.777-.133c-.495 0-.915.096-1.26.287a2.379 2.379 0 0 0-.84.77 3.373 3.373 0 0 0-.469 1.099 5.47 5.47 0 0 0-.147 1.274c0 .42.049.828.147 1.225.098.397.254.754.469 1.071.215.317.495.572.84.763.345.191.765.287 1.26.287.672 0 1.197-.205 1.575-.616.378-.41.609-.952.693-1.624h2.128c-.056.625-.2 1.19-.434 1.694a4.06 4.06 0 0 1-.924 1.288c-.383.355-.83.625-1.344.812a4.924 4.924 0 0 1-1.694.28c-.765 0-1.454-.133-2.065-.399a4.425 4.425 0 0 1-1.547-1.099 4.865 4.865 0 0 1-.966-1.645 6.037 6.037 0 0 1-.336-2.037c0-.747.112-1.44.336-2.079.224-.64.546-1.197.966-1.673.42-.476.936-.85 1.547-1.12.611-.27 1.3-.406 2.065-.406.55 0 1.071.08 1.561.238.49.159.929.39 1.316.693.387.303.707.679.959 1.127.252.448.41.961.476 1.54h-2.128Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CloudDownload.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.567 11.88c.271 0 .47.17.512.422l.007.098v9.027l1.091-1.048a.533.533 0 0 1 .733.014.518.518 0 0 1 .04.673l-.054.061-1.97 1.892-.035.028-.058.034c-.018.013-.042.031-.073.043l-.042.014-.038.006-.06-.115.027.122a.46.46 0 0 1-.11.006l-.05-.007-.015-.129-.019.123a.35.35 0 0 1-.08-.02l-.041-.02-.059-.04-.03-.017-.037-.029-1.969-1.892a.512.512 0 0 1-.014-.733.536.536 0 0 1 .662-.07l.071.056 1.092 1.048V12.4c0-.306.213-.52.52-.52ZM11.487.842c3.511 0 6.589 2.483 7.353 5.917 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.493 2.879-6.493 6.416 0 .313 0 .54.076.92.002.119.002.314-.112.429-.094.092-.237.111-.338.115h-.145a3.426 3.426 0 0 0-3.422 3.422 3.426 3.426 0 0 0 3.234 3.417l.188.005h4.728c.305 0 .519.213.519.518 0 .272-.17.471-.421.512l-.098.008H4.475c-2.418 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.217-.032v-.823a7.08 7.08 0 0 1 2.047-4.828C7.499 1.639 9.42.842 11.488.842Z",
-    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.567 11.88c.271 0 .47.17.512.422l.007.098v9.027l1.091-1.048a.533.533 0 0 1 .733.014.518.518 0 0 1 .04.673l-.054.061-1.97 1.892-.035.028-.058.034c-.018.013-.042.031-.073.043l-.042.014-.038.006-.06-.115.027.122a.46.46 0 0 1-.11.006l-.05-.007-.015-.129-.019.123a.35.35 0 0 1-.08-.02l-.041-.02-.059-.04-.03-.017-.037-.029-1.969-1.892a.512.512 0 0 1-.014-.733.536.536 0 0 1 .662-.07l.071.056 1.092 1.048V12.4c0-.306.213-.52.52-.52ZM11.487.842c3.511 0 6.589 2.483 7.353 5.917 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.493 2.879-6.493 6.416 0 .313 0 .54.076.92.002.119.002.314-.112.429-.094.092-.237.111-.338.115h-.145a3.426 3.426 0 0 0-3.422 3.422 3.426 3.426 0 0 0 3.234 3.417l.188.005h4.728c.305 0 .519.213.519.518 0 .272-.17.471-.421.512l-.098.008H4.475c-2.418 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.217-.032v-.823a7.08 7.08 0 0 1 2.047-4.828C7.499 1.639 9.42.842 11.488.842Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CloudSync.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 14.5c1.93 0 3.5 1.57 3.5 3.5a3.504 3.504 0 0 1-3.308 3.495l-.192.005h-.793l.647.646a.503.503 0 0 1 0 .708.502.502 0 0 1-.629.064l-.079-.064-1.5-1.5c-.022-.022-.032-.049-.049-.075-.02-.028-.044-.053-.058-.087a.498.498 0 0 1 0-.383l.042-.078.065-.085 1.5-1.5a.503.503 0 0 1 .708 0 .504.504 0 0 1 .058.639l-.058.069-.647.646h.793c1.378 0 2.5-1.122 2.5-2.5s-1.122-2.5-2.5-2.5a.5.5 0 0 1 0-1Zm-3.852-1.354a.502.502 0 0 1 .637-.057l.07.057 1.5 1.5.009.015c.04.044.075.093.098.147a.501.501 0 0 1 0 .384c-.014.033-.038.06-.058.087l-.023.039-.026.035-1.5 1.5a.5.5 0 0 1-.766-.637l.058-.07.647-.646H9.5A2.503 2.503 0 0 0 7 18c0 1.378 1.122 2.5 2.5 2.5a.5.5 0 1 1 0 1C7.57 21.5 6 19.93 6 18a3.504 3.504 0 0 1 3.308-3.495L9.5 14.5h.793l-.646-.647a.5.5 0 0 1 0-.707ZM11.5 1c3.566 0 6.652 2.56 7.346 6.023C21.758 7.232 24 9.609 24 12.5c0 3.033-2.466 5.5-5.5 5.5a.5.5 0 0 1 0-1c2.482 0 4.5-2.02 4.5-4.5 0-2.481-2.018-4.5-4.5-4.5-.277-.027-.538-.171-.573-.422C17.474 4.398 14.711 2 11.5 2A6.508 6.508 0 0 0 5 8.5c0 .28.024.578.076.938a.5.5 0 0 1-.12.402c-.098.109-.256.156-.383.169l-.073-.006A.604.604 0 0 1 4.467 10C2.57 9.999 1 11.569 1 13.499S2.57 17 4.5 17a.5.5 0 0 1 0 1A4.505 4.505 0 0 1 0 13.5a4.507 4.507 0 0 1 4.022-4.474A6.391 6.391 0 0 1 4 8.5C4 4.364 7.365 1 11.5 1Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M13.5 14.5c1.93 0 3.5 1.57 3.5 3.5a3.504 3.504 0 0 1-3.308 3.495l-.192.005h-.793l.647.646a.503.503 0 0 1 0 .708.502.502 0 0 1-.629.064l-.079-.064-1.5-1.5c-.022-.022-.032-.049-.049-.075-.02-.028-.044-.053-.058-.087a.498.498 0 0 1 0-.383l.042-.078.065-.085 1.5-1.5a.503.503 0 0 1 .708 0 .504.504 0 0 1 .058.639l-.058.069-.647.646h.793c1.378 0 2.5-1.122 2.5-2.5s-1.122-2.5-2.5-2.5a.5.5 0 0 1 0-1Zm-3.852-1.354a.502.502 0 0 1 .637-.057l.07.057 1.5 1.5.009.015c.04.044.075.093.098.147a.501.501 0 0 1 0 .384c-.014.033-.038.06-.058.087l-.023.039-.026.035-1.5 1.5a.5.5 0 0 1-.766-.637l.058-.07.647-.646H9.5A2.503 2.503 0 0 0 7 18c0 1.378 1.122 2.5 2.5 2.5a.5.5 0 1 1 0 1C7.57 21.5 6 19.93 6 18a3.504 3.504 0 0 1 3.308-3.495L9.5 14.5h.793l-.646-.647a.5.5 0 0 1 0-.707ZM11.5 1c3.566 0 6.652 2.56 7.346 6.023C21.758 7.232 24 9.609 24 12.5c0 3.033-2.466 5.5-5.5 5.5a.5.5 0 0 1 0-1c2.482 0 4.5-2.02 4.5-4.5 0-2.481-2.018-4.5-4.5-4.5-.277-.027-.538-.171-.573-.422C17.474 4.398 14.711 2 11.5 2A6.508 6.508 0 0 0 5 8.5c0 .28.024.578.076.938a.5.5 0 0 1-.12.402c-.098.109-.256.156-.383.169l-.073-.006A.604.604 0 0 1 4.467 10C2.57 9.999 1 11.569 1 13.499S2.57 17 4.5 17a.5.5 0 0 1 0 1A4.505 4.505 0 0 1 0 13.5a4.507 4.507 0 0 1 4.022-4.474A6.391 6.391 0 0 1 4 8.5C4 4.364 7.365 1 11.5 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CloudUpload.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.596 11.881.05.007.015.13.019-.124c.022.003.05.007.08.02l.041.021.059.04.03.017.037.028 1.969 1.892a.512.512 0 0 1 .014.733.536.536 0 0 1-.662.07l-.071-.056-1.092-1.048v9.027c0 .306-.213.52-.52.52a.493.493 0 0 1-.51-.421l-.008-.099v-9.027L9.955 14.66a.533.533 0 0 1-.733-.014.519.519 0 0 1-.04-.672l.055-.062 1.97-1.892.035-.027.058-.036a.32.32 0 0 1 .073-.042l.043-.013.037-.007.06.115-.027-.122a.46.46 0 0 1 .11-.006ZM11.488.841c3.51 0 6.588 2.484 7.352 5.918 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.494 2.879-6.494 6.416 0 .313 0 .54.077.92.002.119.002.314-.113.429-.093.092-.237.111-.338.115h-.145a3.425 3.425 0 0 0-3.421 3.422 3.426 3.426 0 0 0 3.233 3.417l.188.005h4.728c.306 0 .519.213.519.518a.493.493 0 0 1-.421.512l-.098.008H4.474c-2.417 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.218-.032v-.823A7.08 7.08 0 0 1 6.08 3.086C7.499 1.639 9.419.842 11.488.842Z",
-    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.596 11.881.05.007.015.13.019-.124c.022.003.05.007.08.02l.041.021.059.04.03.017.037.028 1.969 1.892a.512.512 0 0 1 .014.733.536.536 0 0 1-.662.07l-.071-.056-1.092-1.048v9.027c0 .306-.213.52-.52.52a.493.493 0 0 1-.51-.421l-.008-.099v-9.027L9.955 14.66a.533.533 0 0 1-.733-.014.519.519 0 0 1-.04-.672l.055-.062 1.97-1.892.035-.027.058-.036a.32.32 0 0 1 .073-.042l.043-.013.037-.007.06.115-.027-.122a.46.46 0 0 1 .11-.006ZM11.488.841c3.51 0 6.588 2.484 7.352 5.918 2.893.209 5.145 2.563 5.145 5.399-.078 2.95-2.455 5.363-5.345 5.48l-.218.004H13.93a.497.497 0 0 1-.518-.52c0-.271.168-.47.42-.51l.098-.008h4.492a4.45 4.45 0 0 0 4.445-4.446 4.45 4.45 0 0 0-4.445-4.446c-.282 0-.598-.188-.598-.44-.46-3.066-3.186-5.392-6.337-5.392-3.58 0-6.494 2.879-6.494 6.416 0 .313 0 .54.077.92.002.119.002.314-.113.429-.093.092-.237.111-.338.115h-.145a3.425 3.425 0 0 0-3.421 3.422 3.426 3.426 0 0 0 3.233 3.417l.188.005h4.728c.306 0 .519.213.519.518a.493.493 0 0 1-.421.512l-.098.008H4.474c-2.417 0-4.46-2.042-4.46-4.46 0-2.228 1.58-4.036 3.802-4.413l.218-.032v-.823A7.08 7.08 0 0 1 6.08 3.086C7.499 1.639 9.419.842 11.488.842Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CognitiveDisability.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 25 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.26 17.57a.498.498 0 0 1 .137-.45l.281-.281-.402-1.205a.5.5 0 0 1 .372-.646c.54-.114 1.058-.38 1.104-.518-.037-.393-1.146-2.508-2.152-4.234a.507.507 0 0 1-.053-.371l.002-.01c.021-.096.201-.925.201-2.367 0-1.374-2.126-6.49-8.5-6.49-6.422 0-8.5 5.045-8.5 7.488 0 2.226 1.4 4.65 2.525 6.598C6.1 16.51 6.75 17.637 6.75 18.47c0 1.888-2.812 4.984-3.133 5.33a.496.496 0 0 1-.706.028.497.497 0 0 1-.028-.705c.797-.863 2.867-3.382 2.867-4.653 0-.565-.651-1.693-1.341-2.888-1.184-2.05-2.659-4.604-2.659-7.096C1.75 4.963 4.697 0 11.25 0c6.674 0 9.5 5.356 9.5 7.488 0 1.23-.122 2.051-.19 2.41.729 1.26 2.19 3.87 2.19 4.579 0 .731-.785 1.139-1.359 1.337l.334 1a.5.5 0 0 1-.121.512l-.412.411a.498.498 0 0 1-.505.729 8.173 8.173 0 0 0 .184.28l.002.003c.15.225.377.564.377 1.219 0 1.513-1.688 1.789-2.919 1.99-1.643.268-3.418 1.225-3.595 1.582 0 .275-.216.46-.493.46-.276 0-.493-.263-.493-.538 0-1.166 3.098-2.273 4.419-2.49 1.932-.316 2.081-.615 2.081-1.004 0-.354-.088-.485-.21-.666l-.002-.003c-.122-.183-.288-.432-.288-.829 0-.405.172-.643.315-.77a.883.883 0 0 1 .195-.13ZM9.86 2.805a3.6 3.6 0 0 1 1.268.012c.314.06.629.167.896.333.47-.092.927-.083 1.33.078.348.14.622.382.81.705.556-.058 1.052.134 1.389.503.304.335.451.787.406 1.25 2.064.919 2.54 3.692.794 5.22-.44.384-1.12.492-1.69.49a4.517 4.517 0 0 1-1.133-.145c-.328.688-.958 1.066-1.592 1.223-.658.162-1.386.109-1.937-.108a5.246 5.246 0 0 0-.88.69c-.373.356-.677.736-.829 1.04-.116.232-.287.464-.548.574a.783.783 0 0 1-.792-.113 1.386 1.386 0 0 1-.405-.546 2.638 2.638 0 0 1-.193-.702 1.82 1.82 0 0 1 .12-.976 3.814 3.814 0 0 1-.443-.19c-.4-.2-.81-.49-1.024-.8a3.102 3.102 0 0 1-.468-1 1.645 1.645 0 0 1 .013-.878c-.475-.399-.714-.958-.702-1.484.007-.333.116-.672.355-.933a1.27 1.27 0 0 1 .241-.205 1.603 1.603 0 0 1-.021-1.005c.151-.519.528-.972.958-1.31a3.662 3.662 0 0 1 1.511-.707c.321-.063.663-.075.99 0 .1-.205.245-.379.416-.52.328-.272.747-.426 1.16-.496Zm1.082.985a2.63 2.63 0 0 0-.915-.01c-.301.052-.541.155-.695.282a.536.536 0 0 0-.213.438.495.495 0 0 1-.78.404c-.188-.133-.478-.185-.853-.111-.37.073-.766.26-1.092.515-.33.26-.544.552-.62.808a.634.634 0 0 0-.014.331.723.723 0 0 0 .198.333.495.495 0 0 1-.356.84c-.148 0-.223.049-.266.096a.433.433 0 0 0-.097.286c-.006.275.16.646.585.86a.495.495 0 0 1 .148.77c-.092.105-.125.25-.07.48.056.237.192.484.319.668.036.052.112.129.227.216.114.086.26.179.427.263.338.17.658.252.858.237a.495.495 0 0 1 .298.914l-.004.002a.77.77 0 0 0-.162.166.789.789 0 0 0-.13.595c.023.165.062.306.107.413.227-.426.6-.87.995-1.246.416-.398.898-.763 1.33-.973a.495.495 0 0 1 .455.012c.322.178.923.27 1.478.133.53-.13.927-.442 1.036-.995a.495.495 0 0 1 .707-.347c.264.133.734.236 1.222.237.25 0 .47-.025.649-.07a.955.955 0 0 0 .387-.177c1.271-1.112.826-3.204-.862-3.684a.495.495 0 0 1-.322-.665c.117-.282.051-.546-.096-.708-.137-.15-.395-.265-.79-.133a.495.495 0 0 1-.63-.324c-.087-.283-.235-.426-.416-.499-.202-.08-.51-.1-.941.014a.495.495 0 0 1-.446-.1c-.132-.112-.358-.215-.656-.271Zm1.879 1.153c-.42 0-.76.164-1.006.35a2.111 2.111 0 0 0-.243.222 1.866 1.866 0 0 0-.327-.193c-.44-.205-.907-.15-1.247-.039a1.992 1.992 0 0 0-.469.224 1.063 1.063 0 0 0-.357.362.495.495 0 0 0 .855.499 1.005 1.005 0 0 1 .28-.144c.201-.066.388-.066.52-.005a.656.656 0 0 1 .367.384c.056.155.06.326.06.499a.495.495 0 1 0 .99 0v-.017c0-.148 0-.415-.083-.706a.9.9 0 0 1 .255-.299.66.66 0 0 1 .405-.147.495.495 0 0 0 0-.99ZM7.67 7.77a.495.495 0 0 0-.6.36c-.193.772.044 1.454.588 1.858.52.387 1.24.46 1.924.232a.495.495 0 0 0-.313-.94c-.441.147-.81.07-1.02-.087-.189-.14-.325-.395-.219-.823a.495.495 0 0 0-.36-.6Z",
-    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 25 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.26 17.57a.498.498 0 0 1 .137-.45l.281-.281-.402-1.205a.5.5 0 0 1 .372-.646c.54-.114 1.058-.38 1.104-.518-.037-.393-1.146-2.508-2.152-4.234a.507.507 0 0 1-.053-.371l.002-.01c.021-.096.201-.925.201-2.367 0-1.374-2.126-6.49-8.5-6.49-6.422 0-8.5 5.045-8.5 7.488 0 2.226 1.4 4.65 2.525 6.598C6.1 16.51 6.75 17.637 6.75 18.47c0 1.888-2.812 4.984-3.133 5.33a.496.496 0 0 1-.706.028.497.497 0 0 1-.028-.705c.797-.863 2.867-3.382 2.867-4.653 0-.565-.651-1.693-1.341-2.888-1.184-2.05-2.659-4.604-2.659-7.096C1.75 4.963 4.697 0 11.25 0c6.674 0 9.5 5.356 9.5 7.488 0 1.23-.122 2.051-.19 2.41.729 1.26 2.19 3.87 2.19 4.579 0 .731-.785 1.139-1.359 1.337l.334 1a.5.5 0 0 1-.121.512l-.412.411a.498.498 0 0 1-.505.729 8.173 8.173 0 0 0 .184.28l.002.003c.15.225.377.564.377 1.219 0 1.513-1.688 1.789-2.919 1.99-1.643.268-3.418 1.225-3.595 1.582 0 .275-.216.46-.493.46-.276 0-.493-.263-.493-.538 0-1.166 3.098-2.273 4.419-2.49 1.932-.316 2.081-.615 2.081-1.004 0-.354-.088-.485-.21-.666l-.002-.003c-.122-.183-.288-.432-.288-.829 0-.405.172-.643.315-.77a.883.883 0 0 1 .195-.13ZM9.86 2.805a3.6 3.6 0 0 1 1.268.012c.314.06.629.167.896.333.47-.092.927-.083 1.33.078.348.14.622.382.81.705.556-.058 1.052.134 1.389.503.304.335.451.787.406 1.25 2.064.919 2.54 3.692.794 5.22-.44.384-1.12.492-1.69.49a4.517 4.517 0 0 1-1.133-.145c-.328.688-.958 1.066-1.592 1.223-.658.162-1.386.109-1.937-.108a5.246 5.246 0 0 0-.88.69c-.373.356-.677.736-.829 1.04-.116.232-.287.464-.548.574a.783.783 0 0 1-.792-.113 1.386 1.386 0 0 1-.405-.546 2.638 2.638 0 0 1-.193-.702 1.82 1.82 0 0 1 .12-.976 3.814 3.814 0 0 1-.443-.19c-.4-.2-.81-.49-1.024-.8a3.102 3.102 0 0 1-.468-1 1.645 1.645 0 0 1 .013-.878c-.475-.399-.714-.958-.702-1.484.007-.333.116-.672.355-.933a1.27 1.27 0 0 1 .241-.205 1.603 1.603 0 0 1-.021-1.005c.151-.519.528-.972.958-1.31a3.662 3.662 0 0 1 1.511-.707c.321-.063.663-.075.99 0 .1-.205.245-.379.416-.52.328-.272.747-.426 1.16-.496Zm1.082.985a2.63 2.63 0 0 0-.915-.01c-.301.052-.541.155-.695.282a.536.536 0 0 0-.213.438.495.495 0 0 1-.78.404c-.188-.133-.478-.185-.853-.111-.37.073-.766.26-1.092.515-.33.26-.544.552-.62.808a.634.634 0 0 0-.014.331.723.723 0 0 0 .198.333.495.495 0 0 1-.356.84c-.148 0-.223.049-.266.096a.433.433 0 0 0-.097.286c-.006.275.16.646.585.86a.495.495 0 0 1 .148.77c-.092.105-.125.25-.07.48.056.237.192.484.319.668.036.052.112.129.227.216.114.086.26.179.427.263.338.17.658.252.858.237a.495.495 0 0 1 .298.914l-.004.002a.77.77 0 0 0-.162.166.789.789 0 0 0-.13.595c.023.165.062.306.107.413.227-.426.6-.87.995-1.246.416-.398.898-.763 1.33-.973a.495.495 0 0 1 .455.012c.322.178.923.27 1.478.133.53-.13.927-.442 1.036-.995a.495.495 0 0 1 .707-.347c.264.133.734.236 1.222.237.25 0 .47-.025.649-.07a.955.955 0 0 0 .387-.177c1.271-1.112.826-3.204-.862-3.684a.495.495 0 0 1-.322-.665c.117-.282.051-.546-.096-.708-.137-.15-.395-.265-.79-.133a.495.495 0 0 1-.63-.324c-.087-.283-.235-.426-.416-.499-.202-.08-.51-.1-.941.014a.495.495 0 0 1-.446-.1c-.132-.112-.358-.215-.656-.271Zm1.879 1.153c-.42 0-.76.164-1.006.35a2.111 2.111 0 0 0-.243.222 1.866 1.866 0 0 0-.327-.193c-.44-.205-.907-.15-1.247-.039a1.992 1.992 0 0 0-.469.224 1.063 1.063 0 0 0-.357.362.495.495 0 0 0 .855.499 1.005 1.005 0 0 1 .28-.144c.201-.066.388-.066.52-.005a.656.656 0 0 1 .367.384c.056.155.06.326.06.499a.495.495 0 1 0 .99 0v-.017c0-.148 0-.415-.083-.706a.9.9 0 0 1 .255-.299.66.66 0 0 1 .405-.147.495.495 0 0 0 0-.99ZM7.67 7.77a.495.495 0 0 0-.6.36c-.193.772.044 1.454.588 1.858.52.387 1.24.46 1.924.232a.495.495 0 0 0-.313-.94c-.441.147-.81.07-1.02-.087-.189-.14-.325-.395-.219-.823a.495.495 0 0 0-.36-.6Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Collaboration.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.075 21.513a3.638 3.638 0 0 1-2.423.922A3.656 3.656 0 0 1 0 18.783a3.66 3.66 0 0 1 2.258-3.376A9.926 9.926 0 0 1 8.352 4.344 3.656 3.656 0 0 1 12 .522a3.656 3.656 0 0 1 3.648 3.822 9.933 9.933 0 0 1 6.094 11.063A3.658 3.658 0 0 1 24 18.783a3.656 3.656 0 0 1-3.652 3.652 3.637 3.637 0 0 1-2.423-.921A9.937 9.937 0 0 1 12 23.477a9.936 9.936 0 0 1-5.925-1.965Zm.675-.798a8.89 8.89 0 0 0 5.25 1.72c1.89 0 3.735-.607 5.25-1.72a3.63 3.63 0 0 1-.554-1.932 3.656 3.656 0 0 1 4.032-3.633 8.887 8.887 0 0 0-5.284-9.76A3.658 3.658 0 0 1 12 7.825 3.658 3.658 0 0 1 8.556 5.39a8.877 8.877 0 0 0-5.286 9.76 3.656 3.656 0 0 1 4.033 3.632 3.63 3.63 0 0 1-.554 1.933ZM9.423 4.583A2.613 2.613 0 0 0 12 6.783a2.612 2.612 0 0 0 2.609-2.61A2.612 2.612 0 0 0 12 1.566a2.612 2.612 0 0 0-2.577 3.018Zm8.905 15.849a.537.537 0 0 1 .076.089c.478.534 1.173.87 1.944.87a2.612 2.612 0 0 0 2.608-2.608 2.613 2.613 0 0 0-1.901-2.512.464.464 0 0 1-.101-.026 2.612 2.612 0 0 0-3.215 2.538c0 .625.221 1.2.589 1.649ZM3.652 16.174a2.612 2.612 0 0 0-2.609 2.609 2.612 2.612 0 0 0 2.61 2.608 2.612 2.612 0 0 0 2.608-2.608 2.612 2.612 0 0 0-2.609-2.61Z",
-    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.075 21.513a3.638 3.638 0 0 1-2.423.922A3.656 3.656 0 0 1 0 18.783a3.66 3.66 0 0 1 2.258-3.376A9.926 9.926 0 0 1 8.352 4.344 3.656 3.656 0 0 1 12 .522a3.656 3.656 0 0 1 3.648 3.822 9.933 9.933 0 0 1 6.094 11.063A3.658 3.658 0 0 1 24 18.783a3.656 3.656 0 0 1-3.652 3.652 3.637 3.637 0 0 1-2.423-.921A9.937 9.937 0 0 1 12 23.477a9.936 9.936 0 0 1-5.925-1.965Zm.675-.798a8.89 8.89 0 0 0 5.25 1.72c1.89 0 3.735-.607 5.25-1.72a3.63 3.63 0 0 1-.554-1.932 3.656 3.656 0 0 1 4.032-3.633 8.887 8.887 0 0 0-5.284-9.76A3.658 3.658 0 0 1 12 7.825 3.658 3.658 0 0 1 8.556 5.39a8.877 8.877 0 0 0-5.286 9.76 3.656 3.656 0 0 1 4.033 3.632 3.63 3.63 0 0 1-.554 1.933ZM9.423 4.583A2.613 2.613 0 0 0 12 6.783a2.612 2.612 0 0 0 2.609-2.61A2.612 2.612 0 0 0 12 1.566a2.612 2.612 0 0 0-2.577 3.018Zm8.905 15.849a.537.537 0 0 1 .076.089c.478.534 1.173.87 1.944.87a2.612 2.612 0 0 0 2.608-2.608 2.613 2.613 0 0 0-1.901-2.512.464.464 0 0 1-.101-.026 2.612 2.612 0 0 0-3.215 2.538c0 .625.221 1.2.589 1.649ZM3.652 16.174a2.612 2.612 0 0 0-2.609 2.609 2.612 2.612 0 0 0 2.61 2.608 2.612 2.612 0 0 0 2.608-2.608 2.612 2.612 0 0 0-2.609-2.61Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};