@telus-uds/palette-koodo 3.2.0 → 3.4.0

package/build/web/icons/IdCard.js

@@ -6,33 +6,49 @@ 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",
-    clipRule: "evenodd",
-    d: "M3.824 3.5H20.29c1.528 0 2.767 1.296 2.767 2.896v11.209c0 1.599-1.239 2.895-2.767 2.895H3.824c-1.528 0-2.766-1.296-2.766-2.895V6.395c0-1.599 1.238-2.895 2.766-2.895Zm0 1.93c-.51 0-.922.432-.922.966v11.209c0 .532.413.965.922.965H20.29c.51 0 .922-.433.922-.965V6.395c0-.533-.412-.965-.922-.965H3.824Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3.926 14.315c0-.967.788-1.75 1.76-1.75h4.487c.973 0 1.76.783 1.76 1.75v3.113h-1.508v-3.114a.25.25 0 0 0-.252-.25H5.686a.25.25 0 0 0-.251.25v3.114h-1.51v-3.114Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M9.942 9.463c0 1.105-.901 2-2.012 2a2.006 2.006 0 0 1-2.012-2c0-1.105.9-2 2.012-2 1.11 0 2.012.895 2.012 2Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.918 8.221c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.517h-4.484a.758.758 0 0 1-.758-.759ZM13.918 11.687c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.516h-4.484a.758.758 0 0 1-.758-.758Z"
-  })]
-});
+}) => {
+  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",
+      clipRule: "evenodd",
+      d: "M3.824 3.5H20.29c1.528 0 2.767 1.296 2.767 2.896v11.209c0 1.599-1.239 2.895-2.767 2.895H3.824c-1.528 0-2.766-1.296-2.766-2.895V6.395c0-1.599 1.238-2.895 2.766-2.895Zm0 1.93c-.51 0-.922.432-.922.966v11.209c0 .532.413.965.922.965H20.29c.51 0 .922-.433.922-.965V6.395c0-.533-.412-.965-.922-.965H3.824Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3.926 14.315c0-.967.788-1.75 1.76-1.75h4.487c.973 0 1.76.783 1.76 1.75v3.113h-1.508v-3.114a.25.25 0 0 0-.252-.25H5.686a.25.25 0 0 0-.251.25v3.114h-1.51v-3.114Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M9.942 9.463c0 1.105-.901 2-2.012 2a2.006 2.006 0 0 1-2.012-2c0-1.105.9-2 2.012-2 1.11 0 2.012.895 2.012 2Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M13.918 8.221c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.517h-4.484a.758.758 0 0 1-.758-.759ZM13.918 11.687c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.516h-4.484a.758.758 0 0 1-.758-.758Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/IdTag.js

@@ -6,33 +6,49 @@ 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",
-    clipRule: "evenodd",
-    d: "M3.824 3.5H20.29c1.528 0 2.767 1.296 2.767 2.896v11.209c0 1.599-1.239 2.895-2.767 2.895H3.824c-1.528 0-2.766-1.296-2.766-2.895V6.395c0-1.599 1.238-2.895 2.766-2.895Zm0 1.93c-.51 0-.922.432-.922.966v11.209c0 .532.413.965.922.965H20.29c.51 0 .922-.433.922-.965V6.395c0-.533-.412-.965-.922-.965H3.824Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3.926 14.315c0-.967.788-1.75 1.76-1.75h4.487c.973 0 1.76.783 1.76 1.75v3.113h-1.508v-3.114a.25.25 0 0 0-.252-.25H5.686a.25.25 0 0 0-.251.25v3.114h-1.51v-3.114Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M9.942 9.463c0 1.105-.901 2-2.012 2a2.006 2.006 0 0 1-2.012-2c0-1.105.9-2 2.012-2 1.11 0 2.012.895 2.012 2Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.918 8.221c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.517h-4.484a.758.758 0 0 1-.758-.759ZM13.918 11.687c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.516h-4.484a.758.758 0 0 1-.758-.758Z"
-  })]
-});
+}) => {
+  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",
+      clipRule: "evenodd",
+      d: "M3.824 3.5H20.29c1.528 0 2.767 1.296 2.767 2.896v11.209c0 1.599-1.239 2.895-2.767 2.895H3.824c-1.528 0-2.766-1.296-2.766-2.895V6.395c0-1.599 1.238-2.895 2.766-2.895Zm0 1.93c-.51 0-.922.432-.922.966v11.209c0 .532.413.965.922.965H20.29c.51 0 .922-.433.922-.965V6.395c0-.533-.412-.965-.922-.965H3.824Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3.926 14.315c0-.967.788-1.75 1.76-1.75h4.487c.973 0 1.76.783 1.76 1.75v3.113h-1.508v-3.114a.25.25 0 0 0-.252-.25H5.686a.25.25 0 0 0-.251.25v3.114h-1.51v-3.114Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M9.942 9.463c0 1.105-.901 2-2.012 2a2.006 2.006 0 0 1-2.012-2c0-1.105.9-2 2.012-2 1.11 0 2.012.895 2.012 2Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M13.918 8.221c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.517h-4.484a.758.758 0 0 1-.758-.759ZM13.918 11.687c0-.419.34-.758.758-.758h4.484a.758.758 0 0 1 0 1.516h-4.484a.758.758 0 0 1-.758-.758Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Info.js

@@ -6,29 +6,45 @@ 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",
-      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",
+        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/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;
+};