@telus-uds/palette-koodo 3.9.0 → 3.11.0

package/build/web/fonts/fonts-cdn.css

@@ -1,75 +1,75 @@
 @font-face {
   font-family: 'StagSans300normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Light-v3_9_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Light-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_9_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_9_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_9_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_9_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff300normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Light-v3_9_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Light-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff400normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_9_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff500normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_9_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff600normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_9_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff700normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_9_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2300normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Light2-v3_9_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Light2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2400normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Regular2-v3_9_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Regular2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2500normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Medium2-v3_9_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Medium2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2600normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Semibold2-v3_9_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Semibold2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2700normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Bold2-v3_9_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Bold2-v3_11_0.woff2');
   font-display: block;
 }

package/build/web/fonts/fonts-local-family.css

@@ -1,104 +1,104 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Light-v3_9_0.otf');
+  src: url('./StagSans-Light-v3_11_0.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Regular-v3_9_0.otf');
+  src: url('./StagSans-Regular-v3_11_0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Medium-v3_9_0.otf');
+  src: url('./StagSans-Medium-v3_11_0.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Semibold-v3_9_0.otf');
+  src: url('./StagSans-Semibold-v3_11_0.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Bold-v3_9_0.otf');
+  src: url('./StagSans-Bold-v3_11_0.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Light-v3_9_0.woff');
+  src: url('./StagSans-Light-v3_11_0.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Regular-v3_9_0.woff');
+  src: url('./StagSans-Regular-v3_11_0.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Medium-v3_9_0.woff');
+  src: url('./StagSans-Medium-v3_11_0.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Semibold-v3_9_0.woff');
+  src: url('./StagSans-Semibold-v3_11_0.woff');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Bold-v3_9_0.woff');
+  src: url('./StagSans-Bold-v3_11_0.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Light2-v3_9_0.woff2');
+  src: url('./StagSans-Light2-v3_11_0.woff2');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Regular2-v3_9_0.woff2');
+  src: url('./StagSans-Regular2-v3_11_0.woff2');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Medium2-v3_9_0.woff2');
+  src: url('./StagSans-Medium2-v3_11_0.woff2');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Semibold2-v3_9_0.woff2');
+  src: url('./StagSans-Semibold2-v3_11_0.woff2');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Bold2-v3_9_0.woff2');
+  src: url('./StagSans-Bold2-v3_11_0.woff2');
   font-weight: 700;
   font-style: normal;
   font-display: block;

package/build/web/fonts/fonts-local.css

@@ -1,75 +1,75 @@
 @font-face {
   font-family: 'StagSans300normal';
-  src: url('./StagSans-Light-v3_9_0.otf');
+  src: url('./StagSans-Light-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./StagSans-Regular-v3_9_0.otf');
+  src: url('./StagSans-Regular-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./StagSans-Medium-v3_9_0.otf');
+  src: url('./StagSans-Medium-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./StagSans-Semibold-v3_9_0.otf');
+  src: url('./StagSans-Semibold-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./StagSans-Bold-v3_9_0.otf');
+  src: url('./StagSans-Bold-v3_11_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff300normal';
-  src: url('./StagSans-Light-v3_9_0.woff');
+  src: url('./StagSans-Light-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff400normal';
-  src: url('./StagSans-Regular-v3_9_0.woff');
+  src: url('./StagSans-Regular-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff500normal';
-  src: url('./StagSans-Medium-v3_9_0.woff');
+  src: url('./StagSans-Medium-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff600normal';
-  src: url('./StagSans-Semibold-v3_9_0.woff');
+  src: url('./StagSans-Semibold-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff700normal';
-  src: url('./StagSans-Bold-v3_9_0.woff');
+  src: url('./StagSans-Bold-v3_11_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2300normal';
-  src: url('./StagSans-Light2-v3_9_0.woff2');
+  src: url('./StagSans-Light2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2400normal';
-  src: url('./StagSans-Regular2-v3_9_0.woff2');
+  src: url('./StagSans-Regular2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2500normal';
-  src: url('./StagSans-Medium2-v3_9_0.woff2');
+  src: url('./StagSans-Medium2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2600normal';
-  src: url('./StagSans-Semibold2-v3_9_0.woff2');
+  src: url('./StagSans-Semibold2-v3_11_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2700normal';
-  src: url('./StagSans-Bold2-v3_9_0.woff2');
+  src: url('./StagSans-Bold2-v3_11_0.woff2');
   font-display: block;
 }

package/build/web/icons/BankCycle.js

@@ -0,0 +1,48 @@
+"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: "M21.406 11.994c.17 0 .32.064.445.189.125.124.19.275.19.445v2.453a.677.677 0 0 1-.682.683l-2.52-.003-.124-.012a.624.624 0 0 1-.321-.176.614.614 0 0 1 0-.89.615.615 0 0 1 .445-.188h.632a3.531 3.531 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .884.884 0 1 1 1.765 0 5.299 5.299 0 1 1-2.225-4.318v-.61c0-.17.066-.32.19-.444a.61.61 0 0 1 .441-.187Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M11.71 17.818a5.69 5.69 0 0 0 .441 1.952H1.977a.946.946 0 0 1-.694-.283.944.944 0 0 1-.283-.693c0-.274.094-.505.283-.694a.945.945 0 0 1 .694-.282h9.732Zm-6.33-9.49a.73.73 0 0 1 .182 1.437v5.863a.92.92 0 0 1-.016.167.73.73 0 0 1-.166 1.441H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.731.731 0 0 1 .182 1.437l.001.023v5.84a.917.917 0 0 1-.015.167.731.731 0 0 1-.168 1.441h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.015-.168V9.765a.731.731 0 0 1 .183-1.437h1.459Zm5.111 0a.73.73 0 0 1 .181 1.437v2.25a6.034 6.034 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M9.378 1.254a.744.744 0 0 1 .763 0l7.956 4.697c.732.433.45 1.647-.382 1.647H1.805C.97 7.598.69 6.384 1.421 5.95l7.956-4.697Zm-4.065 4.52h8.892L9.76 3.147 5.313 5.773Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BankCycleFilled.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", {
+      d: "M11.709 17.817a5.69 5.69 0 0 0 .44 1.952H1.978a.945.945 0 0 1-.694-.282.945.945 0 0 1-.283-.695.94.94 0 0 1 .283-.693.945.945 0 0 1 .694-.282h9.732ZM5.38 8.328a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.016.168.73.73 0 0 1-.166 1.44H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.015.168.73.73 0 0 1-.167 1.44h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .183-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v2.249a6.036 6.036 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46ZM9.376 1.255a.745.745 0 0 1 .765 0l7.954 4.698c.733.432.451 1.645-.382 1.645H1.804c-.833 0-1.114-1.213-.382-1.645l7.954-4.698Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M19.47 14.494a3.53 3.53 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .883.883 0 1 1 1.766 0 5.299 5.299 0 1 1-2.225-4.317v-.61c0-.17.065-.32.189-.444a.614.614 0 0 1 .887 0 .613.613 0 0 1 .189.446v2.454a.676.676 0 0 1-.682.682l-2.52-.002-.123-.012a.624.624 0 0 1-.321-.177.613.613 0 0 1 0-.888.613.613 0 0 1 .444-.19h.633Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Calendar.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.529 12c1.18 0 1.97.454 1.97 1.499 0 .725-.407 1.092-1.045 1.275v.032c.733.112 1.139.518 1.14 1.259.007 1.068-.925 1.658-2.304 1.658-.813 0-1.3-.159-1.682-.398v-.997h.566c.183.175.518.335.98.335.518 0 .91-.23.91-.685 0-.446-.272-.646-.87-.646H9.74v-.997h.398c.606 0 .901-.223.901-.63 0-.39-.24-.605-.702-.605-.438 0-.796.16-1.003.31h-.535v-.948c.422-.263.997-.462 1.73-.462Zm4.864 5.652h-1.531V13.57l-.614.327h-.32v-1.06l1.38-.765h1.085v5.58Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M16.605 2c.578 0 1.083.389 1.083.907v.95h2.234c.597 0 1.08.484 1.08 1.082v15.979c0 .597-.483 1.081-1.08 1.082H4.079a1.082 1.082 0 0 1-1.082-1.082V4.938c0-.597.485-1.081 1.082-1.081h2.305v-.95c0-.518.503-.907 1.082-.907.578 0 1.082.389 1.083.907v.95h6.975v-.95c0-.518.503-.907 1.081-.907ZM5.161 19.836H18.84V10.36H5.16v9.476Zm0-11.64H18.84V6.02H5.16v2.174Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/CalendarEvent.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: "M8.036 11.938a1.001 1.001 0 1 1 0 2.002 1.001 1.001 0 0 1 0-2.002Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M16.657 2c.55 0 .996.366.996.816v1.059h2.358c.548 0 .994.445.994.993v16.139a.995.995 0 0 1-.994.993H3.99a.995.995 0 0 1-.995-.993V4.868c0-.548.446-.993.995-.993h2.43V2.816c0-.45.445-.816.994-.816.55 0 .995.366.996.816v1.059h7.254V2.816c0-.45.444-.816.993-.816ZM4.984 20.014h14.032v-9.77H4.984v9.77Zm0-11.757h14.032V5.86H4.984v2.397Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Delete.js

@@ -0,0 +1,48 @@
+"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.328 10.023c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Zm3.419 0c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M18.727 6.15v.004h.024v14.409h-.035c.006.052.011.107.011.162 0 .704-.559 1.275-1.248 1.275H6.399c-.69 0-1.248-.571-1.249-1.275 0-.055.005-.11.011-.163h-.01V6.15l13.576.001Zm-11.08 13.3h8.605V8.47H7.647v10.98Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M14.294 2c.509 0 .94.336 1.083.798h3.487c.626 0 1.134.508 1.134 1.134v.226c0 .626-.508 1.134-1.134 1.134H5.136a1.134 1.134 0 0 1-1.134-1.134v-.226c0-.626.508-1.134 1.134-1.134h3.488A1.135 1.135 0 0 1 9.707 2h4.587Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Edit.js

@@ -0,0 +1,42 @@
+"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: "M17.21 7.04c.242.14.325.448.186.69L9.518 21.374a.505.505 0 0 1-.297.233l-3.02.873a.505.505 0 0 1-.63-.356l-.816-3.094a.505.505 0 0 1 .051-.382l7.875-13.64a.505.505 0 0 1 .69-.185l3.84 2.217ZM7.236 18.99a.459.459 0 0 0-.046.346l.006.023a.436.436 0 0 0 .799.107l6.324-10.954a.447.447 0 1 0-.775-.447L7.235 18.99Zm7.172-16.973a1.034 1.034 0 0 1 1.413-.378l2.923 1.688c.495.285.664.918.379 1.412l-1.026 1.776-4.714-2.722 1.025-1.776Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Home.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: "M11.424 2.535a1.128 1.128 0 0 1 1.192.094l9.929 7.368a1.128 1.128 0 0 1-1.344 1.81l-.813-.603v9.26a1.128 1.128 0 0 1-1.126 1.128h-5.41a1.128 1.128 0 0 1-1.126-1.128v-5.372h-1.324v5.372c0 .623-.504 1.128-1.127 1.128H4.74a1.127 1.127 0 0 1-1.127-1.128v-9.268l-.808.607a1.127 1.127 0 1 1-1.353-1.802l9.817-7.368.156-.098Zm-5.558 6.97v9.832h3.283v-5.372c0-.623.504-1.128 1.127-1.128h3.577c.622 0 1.128.505 1.128 1.128v5.372h3.153V9.531l-6.186-4.59-6.082 4.564Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};