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

package/build/web/icons/Checkmark.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.942 19.511a.98.98 0 0 0 .15-.166l12.627-13.57c.38-.41.374-1.06-.015-1.464a.992.992 0 0 0-1.44-.003L7.998 17.06l-4.265-4.434a.994.994 0 0 0-1.435 0 1.091 1.091 0 0 0-.025 1.47l4.961 5.558c.204.228.493.351.793.345.272.013.55-.1.752-.317l.141-.152.023-.019Z",
-    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.942 19.511a.98.98 0 0 0 .15-.166l12.627-13.57c.38-.41.374-1.06-.015-1.464a.992.992 0 0 0-1.44-.003L7.998 17.06l-4.265-4.434a.994.994 0 0 0-1.435 0 1.091 1.091 0 0 0-.025 1.47l4.961 5.558c.204.228.493.351.793.345.272.013.55-.1.752-.317l.141-.152.023-.019Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ChevronDown.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",
-  width: size,
-  height: 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", {
-    fill: "#2B8000",
-    fillRule: "evenodd",
-    d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
-    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",
+    width: size,
+    height: 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", {
+      fill: "#2B8000",
+      fillRule: "evenodd",
+      d: "M14.828 7.653c-.293-.25-.587-.115-.756.051l-4.075 3.747-4.066-3.747c-.149-.136-.522-.354-.793-.051-.271.302-.084.61.065.747l4.493 4.83a.408.408 0 0 0 .541 0l4.591-4.83c.155-.12.293-.497 0-.747Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ChevronLeft.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M15.725 20.691c-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334c.3.304.544.834.093 1.361Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M15.725 20.691c-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334c.3.304.544.834.093 1.361Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

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;
+};