@telus-uds/palette-koodo 3.1.0 → 3.3.0

package/build/web/icons/InfoSelected.js

@@ -6,30 +6,46 @@ 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.jsxs)("g", {
-    fill: "none",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      stroke: "#016b6a",
-      fill: "#c3efff",
-      cx: 12,
-      cy: 12,
-      r: 11
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M12.833 18h-1.7V8.273h.95c.667 0 .75.223.75 1.45V18ZM12 7.195c-.533 0-1-.484-1-1.08C11 5.503 11.467 5 12 5c.533 0 1 .502 1 1.116 0 .595-.467 1.079-1 1.079Z",
-      fill: "#016b6a"
+}) => {
+  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.jsxs)("g", {
+      fill: "none",
+      children: [(0, _jsxRuntime.jsx)("circle", {
+        stroke: "#016b6a",
+        fill: "#c3efff",
+        cx: 12,
+        cy: 12,
+        r: 11
+      }), (0, _jsxRuntime.jsx)("path", {
+        d: "M12.833 18h-1.7V8.273h.95c.667 0 .75.223.75 1.45V18ZM12 7.195c-.533 0-1-.484-1-1.08C11 5.503 11.467 5 12 5c.533 0 1 .502 1 1.116 0 .595-.467 1.079-1 1.079Z",
+        fill: "#016b6a"
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/InformationCircled.js

@@ -6,20 +6,36 @@ 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", {
-    d: "M10.724 8.897h2.596V6.532h-2.596v2.365zm-.027 8.625h2.596v-6.341h-2.596v6.341zM12 1C5.924 1 1 5.927 1 12c0 6.076 4.924 11 11 11 6.073 0 11-4.924 11-11 0-6.073-4.927-11-11-11z"
-  })]
-});
+}) => {
+  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", {
+      d: "M10.724 8.897h2.596V6.532h-2.596v2.365zm-.027 8.625h2.596v-6.341h-2.596v6.341zM12 1C5.924 1 1 5.927 1 12c0 6.076 4.924 11 11 11 6.073 0 11-4.924 11-11 0-6.073-4.927-11-11-11z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/InternetSpeed.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: "M19.148 14.595c-.21.21-.437.332-.682.367a1.038 1.038 0 0 1-.708-.157c-.192-.14-.359-.262-.498-.367a9.212 9.212 0 0 1-.368-.289l.604-2.675c.227.123.48.289.76.498.28.21.577.455.892.735.28.262.42.572.42.93 0 .36-.14.678-.42.958ZM24 9.153v.026a1.35 1.35 0 0 1-.446 1.01c-.28.297-.63.446-1.049.446-.42 0-.796-.131-1.128-.393a18.671 18.671 0 0 0-1.547-1.154 12.473 12.473 0 0 0-1.495-.866l.734-3.016c.857.384 1.661.84 2.413 1.364a22.434 22.434 0 0 1 2.098 1.652c.277.225.417.535.42.931ZM4.854 14.621c-.298-.297-.442-.633-.433-1.01.009-.375.144-.668.406-.878a12.462 12.462 0 0 1 3.2-2.02c1.137-.49 2.405-.743 3.803-.76l-1.678 3.357a4.293 4.293 0 0 0-1.666.42 5.938 5.938 0 0 0-1.403.97c-.297.227-.669.345-1.115.354-.445.009-.817-.135-1.114-.433Zm6.032 5.928c-.49-.21-.861-.616-1.115-1.22-.253-.603-.231-1.184.066-1.744.122-.245.459-.93 1.01-2.059a999.93 999.93 0 0 1 1.836-3.737l1.967-3.987a579.126 579.126 0 0 0 1.403-2.859.84.84 0 0 1 .341-.38.694.694 0 0 1 .55-.066c.21.07.364.184.46.341a.59.59 0 0 1 .065.499c-.157.63-.406 1.66-.747 3.095a457.21 457.21 0 0 1-1.076 4.42c-.376 1.511-.72 2.893-1.036 4.143-.314 1.25-.533 2.006-.655 2.269a2.171 2.171 0 0 1-1.338 1.246c-.63.218-1.206.231-1.73.039ZM.002 9.192c.017.403.166.735.445.997.263.28.608.424 1.036.433a1.73 1.73 0 0 0 1.141-.38 17.228 17.228 0 0 1 4.38-2.65 12.807 12.807 0 0 1 4.984-.996c.28 0 .542.013.787.04.244.025.445.047.603.065l1.442-2.833c-.42-.087-.892-.148-1.416-.183a21.495 21.495 0 0 0-1.416-.053c-2.186 0-4.262.407-6.23 1.22a18.808 18.808 0 0 0-5.363 3.37c-.28.245-.41.568-.393.97Z"
-  })]
-});
+}) => {
+  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: "M19.148 14.595c-.21.21-.437.332-.682.367a1.038 1.038 0 0 1-.708-.157c-.192-.14-.359-.262-.498-.367a9.212 9.212 0 0 1-.368-.289l.604-2.675c.227.123.48.289.76.498.28.21.577.455.892.735.28.262.42.572.42.93 0 .36-.14.678-.42.958ZM24 9.153v.026a1.35 1.35 0 0 1-.446 1.01c-.28.297-.63.446-1.049.446-.42 0-.796-.131-1.128-.393a18.671 18.671 0 0 0-1.547-1.154 12.473 12.473 0 0 0-1.495-.866l.734-3.016c.857.384 1.661.84 2.413 1.364a22.434 22.434 0 0 1 2.098 1.652c.277.225.417.535.42.931ZM4.854 14.621c-.298-.297-.442-.633-.433-1.01.009-.375.144-.668.406-.878a12.462 12.462 0 0 1 3.2-2.02c1.137-.49 2.405-.743 3.803-.76l-1.678 3.357a4.293 4.293 0 0 0-1.666.42 5.938 5.938 0 0 0-1.403.97c-.297.227-.669.345-1.115.354-.445.009-.817-.135-1.114-.433Zm6.032 5.928c-.49-.21-.861-.616-1.115-1.22-.253-.603-.231-1.184.066-1.744.122-.245.459-.93 1.01-2.059a999.93 999.93 0 0 1 1.836-3.737l1.967-3.987a579.126 579.126 0 0 0 1.403-2.859.84.84 0 0 1 .341-.38.694.694 0 0 1 .55-.066c.21.07.364.184.46.341a.59.59 0 0 1 .065.499c-.157.63-.406 1.66-.747 3.095a457.21 457.21 0 0 1-1.076 4.42c-.376 1.511-.72 2.893-1.036 4.143-.314 1.25-.533 2.006-.655 2.269a2.171 2.171 0 0 1-1.338 1.246c-.63.218-1.206.231-1.73.039ZM.002 9.192c.017.403.166.735.445.997.263.28.608.424 1.036.433a1.73 1.73 0 0 0 1.141-.38 17.228 17.228 0 0 1 4.38-2.65 12.807 12.807 0 0 1 4.984-.996c.28 0 .542.013.787.04.244.025.445.047.603.065l1.442-2.833c-.42-.087-.892-.148-1.416-.183a21.495 21.495 0 0 0-1.416-.053c-2.186 0-4.262.407-6.23 1.22a18.808 18.808 0 0 0-5.363 3.37c-.28.245-.41.568-.393.97Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Kebab.js

@@ -6,33 +6,49 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  viewBox: "0 0 4 16",
-  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", {
-    fill: "#000",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 2,
-      cy: 2,
-      r: 2
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 2,
-      cy: 8,
-      r: 2
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-      cx: 2,
-      cy: 14,
-      r: 2
+}) => {
+  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 4 16",
+    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", {
+      fill: "#000",
+      children: [(0, _jsxRuntime.jsx)("circle", {
+        cx: 2,
+        cy: 2,
+        r: 2
+      }), (0, _jsxRuntime.jsx)("circle", {
+        cx: 2,
+        cy: 8,
+        r: 2
+      }), (0, _jsxRuntime.jsx)("circle", {
+        cx: 2,
+        cy: 14,
+        r: 2
+      })]
     })]
-  })]
-});
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LeftCircle.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 25",
-  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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm.276-6.418a1.429 1.429 0 1 0 2.02-2.02l-3.36-3.36a.286.286 0 0 1 0-.403l3.36-3.36a1.429 1.429 0 1 0-2.02-2.02L7.704 11.99a1.429 1.429 0 0 0 0 2.02l4.572 4.571Z",
-    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 25",
+    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: "M22.667 12.999c0 5.891-4.776 10.666-10.667 10.666S1.333 18.89 1.333 13C1.333 7.107 6.11 2.332 12 2.332S22.667 7.107 22.667 13ZM12 24.999c6.628 0 12-5.372 12-12s-5.372-12-12-12-12 5.372-12 12c0 6.627 5.372 12 12 12Zm.276-6.418a1.429 1.429 0 1 0 2.02-2.02l-3.36-3.36a.286.286 0 0 1 0-.403l3.36-3.36a1.429 1.429 0 1 0-2.02-2.02L7.704 11.99a1.429 1.429 0 0 0 0 2.02l4.572 4.571Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LinkExternal.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M4.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M4.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LocationMap.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.56 16.878H4.791a.556.556 0 0 0-.46.245L.357 23.096a.556.556 0 0 0 .461.863h21.855a.552.552 0 0 0 .46-.863l-3.973-5.97a.555.555 0 0 0-.461-.248h-3.768l.497-.774c.835-1.302 1.69-2.738 2.379-4.118.845-1.693 1.446-3.314 1.446-4.506A7.526 7.526 0 0 0 12.536 0h-1.581a7.526 7.526 0 0 0-6.717 7.48c0 1.192.601 2.813 1.446 4.505.689 1.381 1.544 2.817 2.378 4.119l.497.774Zm-3.472 1.109h4.225l.15.217a69.847 69.847 0 0 0 1.844 2.551.553.553 0 0 0 .876.002c.093-.121.854-1.121 1.844-2.553l.15-.217h4.226l3.236 4.863H1.853l3.235-4.863Zm6.657 1.51-.408-.566c-.828-1.148-2.135-3.024-3.318-4.998-.716-1.193-1.385-2.422-1.875-3.545-.49-1.126-.799-2.14-.799-2.908 0-3.536 2.872-6.413 6.4-6.413 3.53 0 6.4 2.877 6.4 6.413 0 .768-.308 1.782-.799 2.908-.49 1.123-1.159 2.352-1.874 3.545-1.183 1.974-2.49 3.85-3.319 4.998l-.408.566ZM8.212 7.48a3.54 3.54 0 0 0 3.533 3.54 3.54 3.54 0 0 0 0-7.08 3.54 3.54 0 0 0-3.533 3.54Zm1.107 0a2.431 2.431 0 0 1 2.426-2.431 2.431 2.431 0 0 1 0 4.862A2.431 2.431 0 0 1 9.32 7.48Z",
-    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.56 16.878H4.791a.556.556 0 0 0-.46.245L.357 23.096a.556.556 0 0 0 .461.863h21.855a.552.552 0 0 0 .46-.863l-3.973-5.97a.555.555 0 0 0-.461-.248h-3.768l.497-.774c.835-1.302 1.69-2.738 2.379-4.118.845-1.693 1.446-3.314 1.446-4.506A7.526 7.526 0 0 0 12.536 0h-1.581a7.526 7.526 0 0 0-6.717 7.48c0 1.192.601 2.813 1.446 4.505.689 1.381 1.544 2.817 2.378 4.119l.497.774Zm-3.472 1.109h4.225l.15.217a69.847 69.847 0 0 0 1.844 2.551.553.553 0 0 0 .876.002c.093-.121.854-1.121 1.844-2.553l.15-.217h4.226l3.236 4.863H1.853l3.235-4.863Zm6.657 1.51-.408-.566c-.828-1.148-2.135-3.024-3.318-4.998-.716-1.193-1.385-2.422-1.875-3.545-.49-1.126-.799-2.14-.799-2.908 0-3.536 2.872-6.413 6.4-6.413 3.53 0 6.4 2.877 6.4 6.413 0 .768-.308 1.782-.799 2.908-.49 1.123-1.159 2.352-1.874 3.545-1.183 1.974-2.49 3.85-3.319 4.998l-.408.566ZM8.212 7.48a3.54 3.54 0 0 0 3.533 3.54 3.54 3.54 0 0 0 0-7.08 3.54 3.54 0 0 0-3.533 3.54Zm1.107 0a2.431 2.431 0 0 1 2.426-2.431 2.431 2.431 0 0 1 0 4.862A2.431 2.431 0 0 1 9.32 7.48Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LockFilled.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M10.028 15.5c0-1.105.883-2 1.972-2s1.97.895 1.97 2c0 .705-.36 1.325-.9 1.68 0 0 .192 1.18.408 2.57 0 .414-.33.75-.74.75H11.26a.744.744 0 0 1-.739-.75l.409-2.57a2.007 2.007 0 0 1-.902-1.68ZM8.057 10V6.5c0-2.21 1.765-4 3.943-4s3.943 1.79 3.943 4V10H8.057ZM5.593 6.5V10H4.114c-1.09 0-1.971.895-1.971 2v10c0 1.105.882 2 1.971 2h15.77c1.09 0 1.973-.895 1.973-2V12c0-1.105-.883-2-1.972-2h-1.479V6.5C18.406 2.91 15.538 0 12 0 8.46 0 5.593 2.91 5.593 6.5Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M10.028 15.5c0-1.105.883-2 1.972-2s1.97.895 1.97 2c0 .705-.36 1.325-.9 1.68 0 0 .192 1.18.408 2.57 0 .414-.33.75-.74.75H11.26a.744.744 0 0 1-.739-.75l.409-2.57a2.007 2.007 0 0 1-.902-1.68ZM8.057 10V6.5c0-2.21 1.765-4 3.943-4s3.943 1.79 3.943 4V10H8.057ZM5.593 6.5V10H4.114c-1.09 0-1.971.895-1.971 2v10c0 1.105.882 2 1.971 2h15.77c1.09 0 1.973-.895 1.973-2V12c0-1.105-.883-2-1.972-2h-1.479V6.5C18.406 2.91 15.538 0 12 0 8.46 0 5.593 2.91 5.593 6.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Maintenance.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: "M.168 9.707A1.399 1.399 0 0 1 0 9.15a1.778 1.778 0 0 1 .63-1.28l.09-.11a1.568 1.568 0 0 1 1.338-.649h.08l.06-.06a1.37 1.37 0 0 1 .23-.2.55.55 0 0 0 .27-.519.999.999 0 0 1 .299-.74l2.068-2.357.989-1.069a1.17 1.17 0 0 1 .37-.28 5.724 5.724 0 0 1 6.123.46.839.839 0 0 1 .49 1 .999.999 0 0 1-1 .698h-.919a4.166 4.166 0 0 0-2.067.38l-.28.17-.18.09.17.28a1.498 1.498 0 0 1 .47 1.668l-.05.11.08.09a73.427 73.427 0 0 1 1.667 1.798l.06.07h.13a1.09 1.09 0 0 1 .869.38l1.268 1.238.16.12.6-.73.251-.316c.22-.276.441-.554.658-.842.196-.294.278-.65.23-1a16.227 16.227 0 0 1 0-1.997 2.937 2.937 0 0 1 .829-1.878 6.194 6.194 0 0 1 3.096-1.808c.294-.082.605-.082.9 0a.83.83 0 0 1 .539.36.939.939 0 0 1-.05.778l-.24.49c-.27.56-.55 1.129-.829 1.688a.66.66 0 0 0 .19 1 .899.899 0 0 0 .999.199h.07v-.07l.45-1.079.619-1.388c.093-.224.225-.43.39-.61a.84.84 0 0 1 1.458.43c.425 1.56.53 3.192.31 4.795a2.907 2.907 0 0 1-2.848 2.677c-.38.07-.769.07-1.198.07h-.9c-.165.013-.328.04-.489.08h-.19a.92.92 0 0 0-.62.38c-.169.21-.688.799-1.318 1.478l-.12.13.13.13c1.326 1.347 2.667 2.679 3.759 3.764l1.236 1.23 1.059 1a1.998 1.998 0 0 1-.1 2.817 1.61 1.61 0 0 1-2.308.07l-2.847-2.818-3.336-3.286-.13.16-.234.289a112.577 112.577 0 0 1-2.443 2.947l-.236.28c-.435.514-.797.943-1.043 1.249l-.09.11a3.676 3.676 0 0 1-2.258 1.568 2.188 2.188 0 0 1-1.628-.57 2.128 2.128 0 0 1-.8-1.488 3.257 3.257 0 0 1 .88-2.168l.1-.12 1.598-1.728 3.097-3.356.12-.13-1.199-1.269a1.268 1.268 0 0 1-.42-.919v-.07l-.05-.06-.998-.999-.06-.06c-.25-.26-.49-.519-.73-.789l-.09-.1-.13.06a1.399 1.399 0 0 1-1.518-.31.43.43 0 0 0-.6.12L4.796 9a.69.69 0 0 0-.25.68.999.999 0 0 1-.3.849l-.16.19a1.929 1.929 0 0 1-1.238.869 1.408 1.408 0 0 1-1.059-.41c-.39-.33-.49-.41-.59-.48l-.649-.549a1.399 1.399 0 0 1-.38-.44Zm14.127 1.27.5-.62.929-1.128a2.527 2.527 0 0 0 .44-1.728 16.974 16.974 0 0 1 0-1.898c.032-.46.235-.891.569-1.209a4.995 4.995 0 0 1 2.317-1.458l.42-.13-.2.43-.27.553-.001.001c-.176.36-.35.717-.528 1.074a1.668 1.668 0 0 0 .51 2.197 1.868 1.868 0 0 0 2.097.31 1.17 1.17 0 0 0 .55-.55c.12-.295.244-.59.37-.888l.16-.38.519-1.229.11.64c.19 1.08.2 2.183.03 3.266a1.838 1.838 0 0 1-1.839 1.778c-.193 0-.389.016-.586.03-.16.013-.321.026-.482.03l-1 .05a3.764 3.764 0 0 0-.659.1h-.16a1.998 1.998 0 0 0-1.268.78c-.11.14-.48.559-1.21 1.358l-.139.15-1.369-1.279.19-.25Zm-1.308 4.636c-1 1.148-1.998 2.307-2.738 3.246l-.12.14-.366.437a53.78 53.78 0 0 0-.852 1.032.758.758 0 0 0-.13.17 2.648 2.648 0 0 1-1.509 1.098h-.1a1.189 1.189 0 0 1-.759-.33 1.11 1.11 0 0 1-.42-.779 2.217 2.217 0 0 1 .62-1.408l.07-.07 1.249-1.359.36-.39 3.056-3.316.13-.14 1.569 1.549-.06.12Zm-2.867-4.656a1 1 0 0 0-.25-.659l-.287-.317c-.245-.27-.49-.539-.712-.812a11.15 11.15 0 0 0-.478-.533 9.265 9.265 0 0 1-.521-.586.74.74 0 0 0-1-.09v.1h-.209a.7.7 0 0 1-.32-.18 1.488 1.488 0 0 0-2.067.25l-.2.1a1.728 1.728 0 0 0-.59 1.479v.09l-.06.06-.17.2c-.299.379-.369.429-.429.459h-.13a.619.619 0 0 1-.23-.14 8.88 8.88 0 0 0-.629-.52c-.09-.07-.18-.14-.61-.52l-.1-.109L1 9.16l.1-.15a1.58 1.58 0 0 1 .3-.39l.2-.24a.58.58 0 0 1 .499-.219.999.999 0 0 0 .859-.35l.04-.09a1.628 1.628 0 0 0 .73-1.318v-.07l.07-.1 2.057-2.268.999-1.138a4.565 4.565 0 0 1 3.876-.2l.85.34h-.91a4.895 4.895 0 0 0-2.148.499l-.36.22-.15.09a.999.999 0 0 0-.419 1.218c.061.18.145.352.25.51.046.054.096.104.15.15v.07c.21.23.29.37.18.58a.999.999 0 0 0 .23 1.208c.609.64 1.208 1.288 1.788 1.928a.999.999 0 0 0 .809.32h.09l4.515 4.465 5.374 5.255.69.689a.999.999 0 0 1-.12 1.328.64.64 0 0 1-.45.23.55.55 0 0 1-.39-.19l-3.296-3.256-3.267-3.217-2.297-2.278-1.619-1.558-.08-.15-.03-.12Zm-2.847 8.711a.738.738 0 0 0-.73.77.76.76 0 0 0 .76.769.78.78 0 0 0 .695-1.084.759.759 0 0 0-.725-.455Z",
-    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: "M.168 9.707A1.399 1.399 0 0 1 0 9.15a1.778 1.778 0 0 1 .63-1.28l.09-.11a1.568 1.568 0 0 1 1.338-.649h.08l.06-.06a1.37 1.37 0 0 1 .23-.2.55.55 0 0 0 .27-.519.999.999 0 0 1 .299-.74l2.068-2.357.989-1.069a1.17 1.17 0 0 1 .37-.28 5.724 5.724 0 0 1 6.123.46.839.839 0 0 1 .49 1 .999.999 0 0 1-1 .698h-.919a4.166 4.166 0 0 0-2.067.38l-.28.17-.18.09.17.28a1.498 1.498 0 0 1 .47 1.668l-.05.11.08.09a73.427 73.427 0 0 1 1.667 1.798l.06.07h.13a1.09 1.09 0 0 1 .869.38l1.268 1.238.16.12.6-.73.251-.316c.22-.276.441-.554.658-.842.196-.294.278-.65.23-1a16.227 16.227 0 0 1 0-1.997 2.937 2.937 0 0 1 .829-1.878 6.194 6.194 0 0 1 3.096-1.808c.294-.082.605-.082.9 0a.83.83 0 0 1 .539.36.939.939 0 0 1-.05.778l-.24.49c-.27.56-.55 1.129-.829 1.688a.66.66 0 0 0 .19 1 .899.899 0 0 0 .999.199h.07v-.07l.45-1.079.619-1.388c.093-.224.225-.43.39-.61a.84.84 0 0 1 1.458.43c.425 1.56.53 3.192.31 4.795a2.907 2.907 0 0 1-2.848 2.677c-.38.07-.769.07-1.198.07h-.9c-.165.013-.328.04-.489.08h-.19a.92.92 0 0 0-.62.38c-.169.21-.688.799-1.318 1.478l-.12.13.13.13c1.326 1.347 2.667 2.679 3.759 3.764l1.236 1.23 1.059 1a1.998 1.998 0 0 1-.1 2.817 1.61 1.61 0 0 1-2.308.07l-2.847-2.818-3.336-3.286-.13.16-.234.289a112.577 112.577 0 0 1-2.443 2.947l-.236.28c-.435.514-.797.943-1.043 1.249l-.09.11a3.676 3.676 0 0 1-2.258 1.568 2.188 2.188 0 0 1-1.628-.57 2.128 2.128 0 0 1-.8-1.488 3.257 3.257 0 0 1 .88-2.168l.1-.12 1.598-1.728 3.097-3.356.12-.13-1.199-1.269a1.268 1.268 0 0 1-.42-.919v-.07l-.05-.06-.998-.999-.06-.06c-.25-.26-.49-.519-.73-.789l-.09-.1-.13.06a1.399 1.399 0 0 1-1.518-.31.43.43 0 0 0-.6.12L4.796 9a.69.69 0 0 0-.25.68.999.999 0 0 1-.3.849l-.16.19a1.929 1.929 0 0 1-1.238.869 1.408 1.408 0 0 1-1.059-.41c-.39-.33-.49-.41-.59-.48l-.649-.549a1.399 1.399 0 0 1-.38-.44Zm14.127 1.27.5-.62.929-1.128a2.527 2.527 0 0 0 .44-1.728 16.974 16.974 0 0 1 0-1.898c.032-.46.235-.891.569-1.209a4.995 4.995 0 0 1 2.317-1.458l.42-.13-.2.43-.27.553-.001.001c-.176.36-.35.717-.528 1.074a1.668 1.668 0 0 0 .51 2.197 1.868 1.868 0 0 0 2.097.31 1.17 1.17 0 0 0 .55-.55c.12-.295.244-.59.37-.888l.16-.38.519-1.229.11.64c.19 1.08.2 2.183.03 3.266a1.838 1.838 0 0 1-1.839 1.778c-.193 0-.389.016-.586.03-.16.013-.321.026-.482.03l-1 .05a3.764 3.764 0 0 0-.659.1h-.16a1.998 1.998 0 0 0-1.268.78c-.11.14-.48.559-1.21 1.358l-.139.15-1.369-1.279.19-.25Zm-1.308 4.636c-1 1.148-1.998 2.307-2.738 3.246l-.12.14-.366.437a53.78 53.78 0 0 0-.852 1.032.758.758 0 0 0-.13.17 2.648 2.648 0 0 1-1.509 1.098h-.1a1.189 1.189 0 0 1-.759-.33 1.11 1.11 0 0 1-.42-.779 2.217 2.217 0 0 1 .62-1.408l.07-.07 1.249-1.359.36-.39 3.056-3.316.13-.14 1.569 1.549-.06.12Zm-2.867-4.656a1 1 0 0 0-.25-.659l-.287-.317c-.245-.27-.49-.539-.712-.812a11.15 11.15 0 0 0-.478-.533 9.265 9.265 0 0 1-.521-.586.74.74 0 0 0-1-.09v.1h-.209a.7.7 0 0 1-.32-.18 1.488 1.488 0 0 0-2.067.25l-.2.1a1.728 1.728 0 0 0-.59 1.479v.09l-.06.06-.17.2c-.299.379-.369.429-.429.459h-.13a.619.619 0 0 1-.23-.14 8.88 8.88 0 0 0-.629-.52c-.09-.07-.18-.14-.61-.52l-.1-.109L1 9.16l.1-.15a1.58 1.58 0 0 1 .3-.39l.2-.24a.58.58 0 0 1 .499-.219.999.999 0 0 0 .859-.35l.04-.09a1.628 1.628 0 0 0 .73-1.318v-.07l.07-.1 2.057-2.268.999-1.138a4.565 4.565 0 0 1 3.876-.2l.85.34h-.91a4.895 4.895 0 0 0-2.148.499l-.36.22-.15.09a.999.999 0 0 0-.419 1.218c.061.18.145.352.25.51.046.054.096.104.15.15v.07c.21.23.29.37.18.58a.999.999 0 0 0 .23 1.208c.609.64 1.208 1.288 1.788 1.928a.999.999 0 0 0 .809.32h.09l4.515 4.465 5.374 5.255.69.689a.999.999 0 0 1-.12 1.328.64.64 0 0 1-.45.23.55.55 0 0 1-.39-.19l-3.296-3.256-3.267-3.217-2.297-2.278-1.619-1.558-.08-.15-.03-.12Zm-2.847 8.711a.738.738 0 0 0-.73.77.76.76 0 0 0 .76.769.78.78 0 0 0 .695-1.084.759.759 0 0 0-.725-.455Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};