@telus-uds/palette-allium 5.12.0 → 5.13.0

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

@@ -1,83 +1,83 @@
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_13_0.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_13_0.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_13_0.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_13_0.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_13_0.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v5_13_0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_13_0.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_13_0.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_13_0.woff2');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_13_0.woff2');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_13_0.woff2');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_13_0.woff2');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,60 +1,60 @@
 @font-face {
   font-family: 'HNforTELUSSA300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_12_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_12_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_12_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }

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

@@ -1,83 +1,83 @@
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSADisplay_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v5_13_0.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSARegular_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v5_13_0.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSAMedium_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v5_13_0.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSABold_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v5_13_0.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Display-v5_12_0.otf');
+  src: url('./HNforTELUSSA-Display-v5_13_0.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-v5_12_0.otf');
+  src: url('./HNforTELUSSA-v5_13_0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Md-v5_12_0.otf');
+  src: url('./HNforTELUSSA-Md-v5_13_0.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Bd-v5_12_0.otf');
+  src: url('./HNforTELUSSA-Bd-v5_13_0.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSADisplay_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSADisplay_normal_normal2-v5_13_0.woff2');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSARegular_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSARegular_normal_normal2-v5_13_0.woff2');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSAMedium_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSAMedium_normal_normal2-v5_13_0.woff2');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSABold_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSABold_normal_normal2-v5_13_0.woff2');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,60 +1,60 @@
 @font-face {
   font-family: 'HNforTELUSSA300normal';
-  src: url('./HNforTELUSSADisplay_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('./HNforTELUSSARegular_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('./HNforTELUSSAMedium_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('./HNforTELUSSABold_normal_normal-v5_12_0.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v5_13_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('./HNforTELUSSA-Display-v5_12_0.otf');
+  src: url('./HNforTELUSSA-Display-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('./HNforTELUSSA-v5_12_0.otf');
+  src: url('./HNforTELUSSA-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('./HNforTELUSSA-Md-v5_12_0.otf');
+  src: url('./HNforTELUSSA-Md-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('./HNforTELUSSA-Bd-v5_12_0.otf');
+  src: url('./HNforTELUSSA-Bd-v5_13_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2300normal';
-  src: url('./HNforTELUSSADisplay_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSADisplay_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2400normal';
-  src: url('./HNforTELUSSARegular_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSARegular_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2500normal';
-  src: url('./HNforTELUSSAMedium_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSAMedium_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2700normal';
-  src: url('./HNforTELUSSABold_normal_normal2-v5_12_0.woff2');
+  src: url('./HNforTELUSSABold_normal_normal2-v5_13_0.woff2');
   font-display: block;
 }

package/build/web/icons/CartEmpty.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: "M8.526 18.125c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm9 0c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm-9 1.29c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089Zm9 0c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089ZM4.652 2.25c.337 0 .63.213.735.513l.026.092.401 1.945h16.341a.79.79 0 0 1 .588.26l.084.113a.73.73 0 0 1 .105.392l-.01.112-.778 5.452a1.627 1.627 0 0 1-1.294 1.342l-.153.025-12.985 1.6.22.337c.304.466.783.783 1.318.841l.014.001.152.01h10.99c.433 0 .776.343.776.753a.762.762 0 0 1-.69.748l-.1.006H9.43c-1.418 0-2.73-.97-3.211-2.324l-.085-.276-.043-.18L4.057 3.958l-.04-.2H2.025a.766.766 0 0 1-.775-.754c0-.382.298-.707.688-.75l.1-.004h2.614Zm1.532 4.358 1.145 5.712.045.226.23-.026 12.995-1.53.027-.191.635-4.49H6.124l.06.3Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ChevronDown.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: "M20.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ChevronUp.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: "M3.628 16.944a2.143 2.143 0 0 1 0-3.03l6.857-6.858a2.143 2.143 0 0 1 3.03 0l6.857 6.857a2.143 2.143 0 0 1-3.03 3.03l-5.039-5.038a.429.429 0 0 0-.606 0l-5.039 5.039a2.143 2.143 0 0 1-3.03 0Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/MenuHamburger.js

@@ -36,7 +36,7 @@ module.exports = ({
       children: title
     }) : null, (0, _jsxRuntime.jsx)("path", {
       fillRule: "evenodd",
-      d: "M23 20c.512 0 .936.383.993.883L24 21a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h22Zm0-9c.512 0 .936.383.993.883L24 12a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h22Zm0-9c.512 0 .936.383.993.883L24 3a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h22Z",
+      d: "M21.166 18c.428 0 .78.383.828.883L22 19c0 .552-.373 1-.834 1H2.834C2.374 20 2 19.556 2 19c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 12c0 .552-.373 1-.834 1H2.834C2.374 13 2 12.556 2 12c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 5c0 .552-.373 1-.834 1H2.834C2.374 6 2 5.556 2 5c0-.552.373-1 .834-1h18.332Z",
       clipRule: "evenodd"
     })]
   });

package/build/web/icons/UserSingle.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: "M12 13.81c4.879 0 9.138 3.275 10.565 7.784.145.46-.212.906-.694.906a.793.793 0 0 1-.743-.557c-1.266-3.86-4.933-6.653-9.128-6.653-4.197 0-7.862 2.792-9.127 6.653a.793.793 0 0 1-.744.557c-.481 0-.84-.447-.694-.906C2.864 17.086 7.12 13.811 12 13.811Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 1.5a5.18 5.18 0 0 1 5.173 5.174A5.18 5.18 0 0 1 12 11.847a5.18 5.18 0 0 1-5.173-5.173A5.18 5.18 0 0 1 12 1.5Zm0 1.479a3.7 3.7 0 0 0-3.696 3.695A3.7 3.7 0 0 0 12 10.37a3.699 3.699 0 0 0 3.694-3.695A3.7 3.7 0 0 0 12 2.98Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/cart-empty.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M8.526 18.125c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm9 0c1.326 0 2.402 1.068 2.402 2.379 0 1.309-1.076 2.378-2.402 2.378-1.325 0-2.401-1.07-2.401-2.378 0-1.311 1.076-2.379 2.401-2.379Zm-9 1.29c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089Zm9 0c-.604 0-1.1.485-1.1 1.089 0 .601.496 1.089 1.1 1.089.606 0 1.1-.488 1.1-1.09 0-.603-.494-1.089-1.1-1.089ZM4.652 2.25c.337 0 .63.213.735.513l.026.092.401 1.945h16.341a.79.79 0 0 1 .588.26l.084.113a.73.73 0 0 1 .105.392l-.01.112-.778 5.452a1.627 1.627 0 0 1-1.294 1.342l-.153.025-12.985 1.6.22.337c.304.466.783.783 1.318.841l.014.001.152.01h10.99c.433 0 .776.343.776.753a.762.762 0 0 1-.69.748l-.1.006H9.43c-1.418 0-2.73-.97-3.211-2.324l-.085-.276-.043-.18L4.057 3.958l-.04-.2H2.025a.766.766 0 0 1-.775-.754c0-.382.298-.707.688-.75l.1-.004h2.614Zm1.532 4.358 1.145 5.712.045.226.23-.026 12.995-1.53.027-.191.635-4.49H6.124l.06.3Z"/>
+</svg>

package/build/web/icons/chevron-down.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M20.372 7.056a2.143 2.143 0 0 1 0 3.03l-6.857 6.858a2.143 2.143 0 0 1-3.03 0l-6.857-6.857a2.143 2.143 0 0 1 3.03-3.03l5.039 5.038a.428.428 0 0 0 .606 0l5.039-5.039a2.143 2.143 0 0 1 3.03 0Z"/>
+</svg>

package/build/web/icons/chevron-up.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M3.628 16.944a2.143 2.143 0 0 1 0-3.03l6.857-6.858a2.143 2.143 0 0 1 3.03 0l6.857 6.857a2.143 2.143 0 0 1-3.03 3.03l-5.039-5.038a.429.429 0 0 0-.606 0l-5.039 5.039a2.143 2.143 0 0 1-3.03 0Z"/>
+</svg>

package/build/web/icons/index.js

@@ -50,6 +50,7 @@ module.exports = {
   CardLightningBold: require('./CardLightningBold'),
   CaretDown: require('./CaretDown'),
   CaretUp: require('./CaretUp'),
+  CartEmpty: require('./CartEmpty'),
   CartEmptyBold: require('./CartEmptyBold'),
   CartFilledBold: require('./CartFilledBold'),
   Channels: require('./Channels'),
@@ -66,8 +67,10 @@ module.exports = {
   Check: require('./Check'),
   Checkbold: require('./Checkbold'),
   Checkmark: require('./Checkmark'),
+  ChevronDown: require('./ChevronDown'),
   ChevronLeft: require('./ChevronLeft'),
   ChevronRight: require('./ChevronRight'),
+  ChevronUp: require('./ChevronUp'),
   Clipboard: require('./Clipboard'),
   Close: require('./Close'),
   ClosedCaptions: require('./ClosedCaptions'),
@@ -286,6 +289,7 @@ module.exports = {
   User: require('./User'),
   UserAdd: require('./UserAdd'),
   UserAddBold: require('./UserAddBold'),
+  UserSingle: require('./UserSingle'),
   Users: require('./Users'),
   VideoCall: require('./VideoCall'),
   VideoChat: require('./VideoChat'),

package/build/web/icons/menu-hamburger.icon.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M23 20c.512 0 .936.383.993.883L24 21a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h22Zm0-9c.512 0 .936.383.993.883L24 12a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h22Zm0-9c.512 0 .936.383.993.883L24 3a1 1 0 0 1-1 1H1a1 1 0 1 1 0-2h22Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M21.166 18c.428 0 .78.383.828.883L22 19c0 .552-.373 1-.834 1H2.834C2.374 20 2 19.556 2 19c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 12c0 .552-.373 1-.834 1H2.834C2.374 13 2 12.556 2 12c0-.552.373-1 .834-1h18.332Zm0-7c.428 0 .78.383.828.883L22 5c0 .552-.373 1-.834 1H2.834C2.374 6 2 5.556 2 5c0-.552.373-1 .834-1h18.332Z" clip-rule="evenodd"/>
 </svg>

package/build/web/icons/user-single.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M12 13.81c4.879 0 9.138 3.275 10.565 7.784.145.46-.212.906-.694.906a.793.793 0 0 1-.743-.557c-1.266-3.86-4.933-6.653-9.128-6.653-4.197 0-7.862 2.792-9.127 6.653a.793.793 0 0 1-.744.557c-.481 0-.84-.447-.694-.906C2.864 17.086 7.12 13.811 12 13.811Z"/>
+  <path fill-rule="evenodd" d="M12 1.5a5.18 5.18 0 0 1 5.173 5.174A5.18 5.18 0 0 1 12 11.847a5.18 5.18 0 0 1-5.173-5.173A5.18 5.18 0 0 1 12 1.5Zm0 1.479a3.7 3.7 0 0 0-3.696 3.695A3.7 3.7 0 0 0 12 10.37a3.699 3.699 0 0 0 3.694-3.695A3.7 3.7 0 0 0 12 2.98Z" clip-rule="evenodd"/>
+</svg>