@telus-uds/palette-koodo 3.1.0 → 3.3.0

package/build/web/icons/MaintenanceFilled.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "m20.716 22.364-10.95-10.8a.77.77 0 0 1-.28-.66.49.49 0 0 0-.11-.33l-2.18-2.3c-.11-.12-.21-.15-.33 0a.89.89 0 0 1-1.27-.17 1 1 0 0 0-1.4.17 1 1 0 0 1-.14.17 1.24 1.24 0 0 0-.4 1.17.51.51 0 0 1-.17.43c-.06.063-.122.142-.19.226-.364.455-.86 1.074-1.62.424a12.168 12.168 0 0 0-.643-.53c-.101-.077-.193-.147-.648-.54C-.329 9.006.11 8.51.44 8.137c.081-.092.156-.176.205-.253a1.1 1.1 0 0 1 1-.45.44.44 0 0 0 .44-.16 1.62 1.62 0 0 1 .19-.18 1.23 1.23 0 0 0 .54-1.08.54.54 0 0 1 .18-.34l3.21-3.62a.54.54 0 0 1 .21-.16 5.45 5.45 0 0 1 5.79.47l.07.044c.125.076.269.164.21.356a.47.47 0 0 1-.47.32h-.94a4.86 4.86 0 0 0-2.4.46 5.891 5.891 0 0 0-.54.32.48.48 0 0 0-.21.62c.046.13.107.254.18.37a1 1 0 0 0 .14.17 1 1 0 0 1 .29 1.25.5.5 0 0 0 .14.64c.401.413.795.83 1.183 1.241.241.256.48.51.718.759a.43.43 0 0 0 .43.13.62.62 0 0 1 .53.22l11 10.84c1.13 1.17-.54 3.52-1.82 2.26Zm-6.447-12.09c.409-.504.814-1.005 1.207-1.52a2 2 0 0 0 .34-1.48v-2a2.55 2.55 0 0 1 .75-1.62 5.92 5.92 0 0 1 3-1.77 1.31 1.31 0 0 1 .65 0c.25.07.31.28.19.52-.37.76-.74 1.52-1.12 2.28a1.22 1.22 0 0 0 .35 1.68 1.48 1.48 0 0 0 1.64.25.61.61 0 0 0 .27-.28c.234-.533.458-1.07.682-1.605.158-.38.316-.758.478-1.135.076-.174.177-.335.3-.48a.33.33 0 0 1 .56.15 11.9 11.9 0 0 1 .32 4.82 2.5 2.5 0 0 1-2.47 2.35c-.404.032-.805.047-1.206.062-.334.013-.668.025-1.004.048a7.009 7.009 0 0 0-.78.12 1.56 1.56 0 0 0-1 .62c-.27.36-.74.92-1.4 1.69l-2.21-2.15.18-.21c.09-.114.182-.226.273-.34Zm-.954 5.72a725.132 725.132 0 0 1-4.18 5.28l-.02.06c-.37.48-1.71 2.19-3.28.94-1.564-1.246-.279-2.65.156-3.125l.004-.005v-.06l4.92-5.4 2.4 2.31Zm-6.18 5.63h-.04.04Zm-.454-.126a.81.81 0 0 0 .415.126.8.8 0 0 0 .83-.82.81.81 0 1 0-1.245.694Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "m20.716 22.364-10.95-10.8a.77.77 0 0 1-.28-.66.49.49 0 0 0-.11-.33l-2.18-2.3c-.11-.12-.21-.15-.33 0a.89.89 0 0 1-1.27-.17 1 1 0 0 0-1.4.17 1 1 0 0 1-.14.17 1.24 1.24 0 0 0-.4 1.17.51.51 0 0 1-.17.43c-.06.063-.122.142-.19.226-.364.455-.86 1.074-1.62.424a12.168 12.168 0 0 0-.643-.53c-.101-.077-.193-.147-.648-.54C-.329 9.006.11 8.51.44 8.137c.081-.092.156-.176.205-.253a1.1 1.1 0 0 1 1-.45.44.44 0 0 0 .44-.16 1.62 1.62 0 0 1 .19-.18 1.23 1.23 0 0 0 .54-1.08.54.54 0 0 1 .18-.34l3.21-3.62a.54.54 0 0 1 .21-.16 5.45 5.45 0 0 1 5.79.47l.07.044c.125.076.269.164.21.356a.47.47 0 0 1-.47.32h-.94a4.86 4.86 0 0 0-2.4.46 5.891 5.891 0 0 0-.54.32.48.48 0 0 0-.21.62c.046.13.107.254.18.37a1 1 0 0 0 .14.17 1 1 0 0 1 .29 1.25.5.5 0 0 0 .14.64c.401.413.795.83 1.183 1.241.241.256.48.51.718.759a.43.43 0 0 0 .43.13.62.62 0 0 1 .53.22l11 10.84c1.13 1.17-.54 3.52-1.82 2.26Zm-6.447-12.09c.409-.504.814-1.005 1.207-1.52a2 2 0 0 0 .34-1.48v-2a2.55 2.55 0 0 1 .75-1.62 5.92 5.92 0 0 1 3-1.77 1.31 1.31 0 0 1 .65 0c.25.07.31.28.19.52-.37.76-.74 1.52-1.12 2.28a1.22 1.22 0 0 0 .35 1.68 1.48 1.48 0 0 0 1.64.25.61.61 0 0 0 .27-.28c.234-.533.458-1.07.682-1.605.158-.38.316-.758.478-1.135.076-.174.177-.335.3-.48a.33.33 0 0 1 .56.15 11.9 11.9 0 0 1 .32 4.82 2.5 2.5 0 0 1-2.47 2.35c-.404.032-.805.047-1.206.062-.334.013-.668.025-1.004.048a7.009 7.009 0 0 0-.78.12 1.56 1.56 0 0 0-1 .62c-.27.36-.74.92-1.4 1.69l-2.21-2.15.18-.21c.09-.114.182-.226.273-.34Zm-.954 5.72a725.132 725.132 0 0 1-4.18 5.28l-.02.06c-.37.48-1.71 2.19-3.28.94-1.564-1.246-.279-2.65.156-3.125l.004-.005v-.06l4.92-5.4 2.4 2.31Zm-6.18 5.63h-.04.04Zm-.454-.126a.81.81 0 0 0 .415.126.8.8 0 0 0 .83-.82.81.81 0 1 0-1.245.694Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/MasterCard.js

@@ -6,28 +6,44 @@ 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", {
-    fill: "#ED0006",
-    d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#F9A000",
-    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fill: "#FF5E00",
-    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
-  })]
-});
+}) => {
+  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", {
+      fill: "#ED0006",
+      d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#F9A000",
+      d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#FF5E00",
+      d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Muted.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: "M16.85 9.17a4.29 4.29 0 0 1 1.265 3.054c0 1.153-.45 2.238-1.265 3.052a.48.48 0 1 1-.68-.678 3.332 3.332 0 0 0 .985-2.374c0-.898-.35-1.741-.984-2.375a.48.48 0 0 1 .679-.678Zm2.043-2.042A7.15 7.15 0 0 1 21 12.216c0 1.923-.75 3.729-2.107 5.089a.482.482 0 0 1-.68 0 .481.481 0 0 1 0-.68 6.195 6.195 0 0 0 1.827-4.41 6.193 6.193 0 0 0-1.826-4.408.481.481 0 0 1 .679-.68Zm.145 12.188a.51.51 0 1 1-.722.723l-4.266-4.267v3.008c0 .263-.129.474-.346.562a.521.521 0 0 1-.207.042.622.622 0 0 1-.436-.194l-4.458-4.459a.298.298 0 0 0-.079-.029l-3.349.001a.721.721 0 0 1-.72-.72V9.665a.72.72 0 0 1 .72-.719h2.05L3.148 4.872a.512.512 0 0 1 .723-.723l4.75 4.75 4.44-4.44c.185-.186.425-.244.642-.154.217.09.346.3.346.563v9.46l4.988 4.988Z"
-  })]
-});
+}) => {
+  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: "M16.85 9.17a4.29 4.29 0 0 1 1.265 3.054c0 1.153-.45 2.238-1.265 3.052a.48.48 0 1 1-.68-.678 3.332 3.332 0 0 0 .985-2.374c0-.898-.35-1.741-.984-2.375a.48.48 0 0 1 .679-.678Zm2.043-2.042A7.15 7.15 0 0 1 21 12.216c0 1.923-.75 3.729-2.107 5.089a.482.482 0 0 1-.68 0 .481.481 0 0 1 0-.68 6.195 6.195 0 0 0 1.827-4.41 6.193 6.193 0 0 0-1.826-4.408.481.481 0 0 1 .679-.68Zm.145 12.188a.51.51 0 1 1-.722.723l-4.266-4.267v3.008c0 .263-.129.474-.346.562a.521.521 0 0 1-.207.042.622.622 0 0 1-.436-.194l-4.458-4.459a.298.298 0 0 0-.079-.029l-3.349.001a.721.721 0 0 1-.72-.72V9.665a.72.72 0 0 1 .72-.719h2.05L3.148 4.872a.512.512 0 0 1 .723-.723l4.75 4.75 4.44-4.44c.185-.186.425-.244.642-.154.217.09.346.3.346.563v9.46l4.988 4.988Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number1FilledMono.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.762-7.8h2.856V7.8H11.97L9.906 8.82v2.052h.48l.852-.456V16.2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number1FilledMulti.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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)("defs", {
+      children: (0, _jsxRuntime.jsx)("clipPath", {
+        id: "prefix__a",
+        children: (0, _jsxRuntime.jsx)("path", {
+          fill: "#fff",
+          d: "M0 0h24v24H0z"
+        })
+      })
+    }), (0, _jsxRuntime.jsxs)("g", {
+      clipPath: "url(#prefix__a)",
+      children: [(0, _jsxRuntime.jsx)("path", {
+        fill: "#FF0076",
+        d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+      }), (0, _jsxRuntime.jsx)("path", {
+        fill: "#fff",
+        d: "M14.094 16.2h-2.856v-5.784l-.852.456h-.48V8.82L11.97 7.8h2.124v8.4Z"
+      })]
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number2FilledMono.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm3.066-7.734v-2.064h-2.988l1.176-.96c1.188-.972 1.896-1.74 1.896-2.916 0-1.8-1.188-2.592-3.24-2.592-1.272 0-2.232.336-2.88.696v1.884h1.128a1.859 1.859 0 0 1 1.26-.468c.576 0 .852.252.852.648 0 .468-.348.888-1.128 1.608L8.85 14.166v2.1h6.216Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number2FilledMulti.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M15.066 14.202v2.064H8.85v-2.1l2.292-2.064c.78-.72 1.128-1.14 1.128-1.608 0-.396-.276-.648-.852-.648-.564 0-.972.216-1.26.468H9.03V8.43c.648-.36 1.608-.696 2.88-.696 2.052 0 3.24.792 3.24 2.592 0 1.176-.708 1.944-1.896 2.916l-1.176.96h2.988Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number3FilledMono.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-3.186-8.232c.588.312 1.344.564 2.688.564 2.304 0 3.696-.912 3.684-2.484 0-1.128-.6-1.752-1.8-1.92v-.048c1.044-.252 1.644-.84 1.644-1.968 0-1.548-1.32-2.244-3.18-2.244-1.176 0-2.124.276-2.796.672v1.68h1.02c.288-.168.756-.324 1.32-.324.576 0 .9.264.9.708 0 .456-.348.732-1.092.732h-.684v1.728h.756c.732 0 1.056.24 1.056.768s-.48.78-1.116.78c-.624 0-1.092-.168-1.356-.372H8.814v1.728Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number3FilledMulti.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M11.502 16.332c-1.344 0-2.1-.252-2.688-.564V14.04h1.044c.264.204.732.372 1.356.372.636 0 1.116-.252 1.116-.78s-.324-.768-1.056-.768h-.756v-1.728h.684c.744 0 1.092-.276 1.092-.732 0-.444-.324-.708-.9-.708-.564 0-1.032.156-1.32.324h-1.02V8.34c.672-.396 1.62-.672 2.796-.672 1.86 0 3.18.696 3.18 2.244 0 1.128-.6 1.716-1.644 1.968v.048c1.2.168 1.8.792 1.8 1.92.012 1.572-1.38 2.484-3.684 2.484Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number4FilledMono.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M10.404 12.72v-.048L12 10.548h.048v2.172h-1.644Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.048-7.8h2.808v-1.716h.78V12.72h-.78V7.8h-2.676L8.46 12.468v2.016h3.492V16.2Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number4FilledMulti.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M14.76 16.2h-2.808v-1.716H8.46v-2.016L12.084 7.8h2.676v4.92h.78v1.764h-.78V16.2Zm-4.356-3.528v.048h1.644v-2.172H12l-1.596 2.124Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number5FilledMono.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm-.576-7.734c2.388 0 3.78-1.092 3.78-2.892 0-1.824-1.128-2.616-2.616-2.616-.816 0-1.26.192-1.548.444h-.036V9.786h3.72V7.734H9.012v5.16h1.56c.168-.18.444-.372.936-.372.516 0 .864.252.864.84 0 .6-.396.948-1.188.948-.636 0-1.056-.192-1.344-.408H8.796v1.8c.66.348 1.404.564 2.628.564Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Number5FilledMulti.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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", {
+      fill: "#FF0076",
+      d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fill: "#fff",
+      d: "M15.204 13.374c0 1.8-1.392 2.892-3.78 2.892-1.224 0-1.968-.216-2.628-.564v-1.8H9.84c.288.216.708.408 1.344.408.792 0 1.188-.348 1.188-.948 0-.588-.348-.84-.864-.84-.492 0-.768.192-.936.372h-1.56v-5.16h5.712v2.052h-3.72v1.416h.036c.288-.252.732-.444 1.548-.444 1.488 0 2.616.792 2.616 2.616Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};