@telus-uds/palette-koodo 3.7.0 → 3.9.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_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Light-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff300normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Light-v3_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Light-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff400normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Regular-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff500normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Medium-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff600normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Semibold-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff700normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/StagSans-Bold-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2300normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Light2-v3_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Light2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2400normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Regular2-v3_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Regular2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2500normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Medium2-v3_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Medium2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2600normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Semibold2-v3_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Semibold2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2700normal';
-  src: url('https://cdn.telus.digital/uds/StagSans-Bold2-v3_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/StagSans-Bold2-v3_9_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_7_0.otf');
+  src: url('./StagSans-Light-v3_9_0.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Regular-v3_7_0.otf');
+  src: url('./StagSans-Regular-v3_9_0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Medium-v3_7_0.otf');
+  src: url('./StagSans-Medium-v3_9_0.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Semibold-v3_7_0.otf');
+  src: url('./StagSans-Semibold-v3_9_0.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./StagSans-Bold-v3_7_0.otf');
+  src: url('./StagSans-Bold-v3_9_0.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Light-v3_7_0.woff');
+  src: url('./StagSans-Light-v3_9_0.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Regular-v3_7_0.woff');
+  src: url('./StagSans-Regular-v3_9_0.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Medium-v3_7_0.woff');
+  src: url('./StagSans-Medium-v3_9_0.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Semibold-v3_7_0.woff');
+  src: url('./StagSans-Semibold-v3_9_0.woff');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  src: url('./StagSans-Bold-v3_7_0.woff');
+  src: url('./StagSans-Bold-v3_9_0.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Light2-v3_7_0.woff2');
+  src: url('./StagSans-Light2-v3_9_0.woff2');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Regular2-v3_7_0.woff2');
+  src: url('./StagSans-Regular2-v3_9_0.woff2');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Medium2-v3_7_0.woff2');
+  src: url('./StagSans-Medium2-v3_9_0.woff2');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Semibold2-v3_7_0.woff2');
+  src: url('./StagSans-Semibold2-v3_9_0.woff2');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  src: url('./StagSans-Bold2-v3_7_0.woff2');
+  src: url('./StagSans-Bold2-v3_9_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_7_0.otf');
+  src: url('./StagSans-Light-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./StagSans-Regular-v3_7_0.otf');
+  src: url('./StagSans-Regular-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./StagSans-Medium-v3_7_0.otf');
+  src: url('./StagSans-Medium-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./StagSans-Semibold-v3_7_0.otf');
+  src: url('./StagSans-Semibold-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./StagSans-Bold-v3_7_0.otf');
+  src: url('./StagSans-Bold-v3_9_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff300normal';
-  src: url('./StagSans-Light-v3_7_0.woff');
+  src: url('./StagSans-Light-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff400normal';
-  src: url('./StagSans-Regular-v3_7_0.woff');
+  src: url('./StagSans-Regular-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff500normal';
-  src: url('./StagSans-Medium-v3_7_0.woff');
+  src: url('./StagSans-Medium-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff600normal';
-  src: url('./StagSans-Semibold-v3_7_0.woff');
+  src: url('./StagSans-Semibold-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff700normal';
-  src: url('./StagSans-Bold-v3_7_0.woff');
+  src: url('./StagSans-Bold-v3_9_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2300normal';
-  src: url('./StagSans-Light2-v3_7_0.woff2');
+  src: url('./StagSans-Light2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2400normal';
-  src: url('./StagSans-Regular2-v3_7_0.woff2');
+  src: url('./StagSans-Regular2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2500normal';
-  src: url('./StagSans-Medium2-v3_7_0.woff2');
+  src: url('./StagSans-Medium2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2600normal';
-  src: url('./StagSans-Semibold2-v3_7_0.woff2');
+  src: url('./StagSans-Semibold2-v3_9_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2700normal';
-  src: url('./StagSans-Bold2-v3_7_0.woff2');
+  src: url('./StagSans-Bold2-v3_9_0.woff2');
   font-display: block;
 }

package/build/web/icons/Profile.js

@@ -35,8 +35,10 @@ module.exports = ({
       id: titleId,
       children: title
     }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M12 5.754a2.667 2.667 0 1 1 0 5.333 2.667 2.667 0 0 1 0-5.333Z"
+    }), (0, _jsxRuntime.jsx)("path", {
       fillRule: "evenodd",
-      d: "M12 20.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z",
+      d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm.126 12a5.244 5.244 0 0 0-5.145 4.229A7.964 7.964 0 0 0 12 20c2 0 3.827-.737 5.23-1.95A5.243 5.243 0 0 0 12.126 14ZM12 4a8 8 0 0 0-6.592 12.531A7.245 7.245 0 0 1 12.126 12l.373.01a7.244 7.244 0 0 1 6.245 4.29A8 8 0 0 0 12 4Z",
       clipRule: "evenodd"
     })]
   });

package/build/web/icons/ProfileFilled.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", {
+      fillRule: "evenodd",
+      d: "M21.989 12.48c.007-.155.008-.162 0 0Zm-7.767 9.282a9.04 9.04 0 0 0 .103-.024c.002 0-.003 0 0 0l-.103.024Zm7.717-8.644Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M14.638 21.658a10.001 10.001 0 0 0 7.348-9.13l.001-.015.002-.034C22.25 6.861 17.635 2 12 2 6.353 2 1.733 6.893 2.013 12.51a9.986 9.986 0 0 0 2.705 6.348c2.502 2.662 6.398 3.759 9.92 2.8Zm-9.517-4.657A8.487 8.487 0 0 0 12 20.509a8.492 8.492 0 0 0 7.13-3.872 7.506 7.506 0 0 0-14.01.364Zm4.387-8.604a2.69 2.69 0 1 1 5.378-.002 2.69 2.69 0 0 1-5.378.002Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/UserFilled.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", {
+      fillRule: "evenodd",
+      d: "M21.989 12.48c.007-.155.007-.162 0 0Zm-7.767 9.282a9.04 9.04 0 0 0 .103-.024c.002 0-.003 0 0 0l-.103.024Zm7.717-8.644Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M14.638 21.658a10.001 10.001 0 0 0 7.348-9.13l.001-.015.002-.034C22.25 6.861 17.635 2 11.999 2 6.354 2 1.734 6.893 2.014 12.51a9.986 9.986 0 0 0 2.705 6.348c2.502 2.662 6.398 3.759 9.92 2.8Zm-9.517-4.657A8.487 8.487 0 0 0 12 20.509a8.492 8.492 0 0 0 7.13-3.872 7.506 7.506 0 0 0-14.01.364Zm4.387-8.604a2.69 2.69 0 1 1 5.378-.002 2.69 2.69 0 0 1-5.378.002Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/index.js

@@ -93,6 +93,7 @@ module.exports = {
   Preference: require('./Preference'),
   Price: require('./Price'),
   Profile: require('./Profile'),
+  ProfileFilled: require('./ProfileFilled'),
   Question: require('./Question'),
   QuestionFilled: require('./QuestionFilled'),
   QuoteLeft: require('./QuoteLeft'),
@@ -128,5 +129,6 @@ module.exports = {
   Unmuted: require('./Unmuted'),
   User: require('./User'),
   UserAdd: require('./UserAdd'),
+  UserFilled: require('./UserFilled'),
   Visa: require('./Visa')
 }

package/build/web/icons/profile-filled.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.989 12.48c.007-.155.008-.162 0 0Zm-7.767 9.282a9.04 9.04 0 0 0 .103-.024c.002 0-.003 0 0 0l-.103.024Zm7.717-8.644Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M14.638 21.658a10.001 10.001 0 0 0 7.348-9.13l.001-.015.002-.034C22.25 6.861 17.635 2 12 2 6.353 2 1.733 6.893 2.013 12.51a9.986 9.986 0 0 0 2.705 6.348c2.502 2.662 6.398 3.759 9.92 2.8Zm-9.517-4.657A8.487 8.487 0 0 0 12 20.509a8.492 8.492 0 0 0 7.13-3.872 7.506 7.506 0 0 0-14.01.364Zm4.387-8.604a2.69 2.69 0 1 1 5.378-.002 2.69 2.69 0 0 1-5.378.002Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/profile.icon.svg

@@ -1,3 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M12 20.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z" clip-rule="evenodd"/>
+  <path d="M12 5.754a2.667 2.667 0 1 1 0 5.333 2.667 2.667 0 0 1 0-5.333Z"/>
+  <path fill-rule="evenodd" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm.126 12a5.244 5.244 0 0 0-5.145 4.229A7.964 7.964 0 0 0 12 20c2 0 3.827-.737 5.23-1.95A5.243 5.243 0 0 0 12.126 14ZM12 4a8 8 0 0 0-6.592 12.531A7.245 7.245 0 0 1 12.126 12l.373.01a7.244 7.244 0 0 1 6.245 4.29A8 8 0 0 0 12 4Z" clip-rule="evenodd"/>
 </svg>

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

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.989 12.48c.007-.155.007-.162 0 0Zm-7.767 9.282a9.04 9.04 0 0 0 .103-.024c.002 0-.003 0 0 0l-.103.024Zm7.717-8.644Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M14.638 21.658a10.001 10.001 0 0 0 7.348-9.13l.001-.015.002-.034C22.25 6.861 17.635 2 11.999 2 6.354 2 1.734 6.893 2.014 12.51a9.986 9.986 0 0 0 2.705 6.348c2.502 2.662 6.398 3.759 9.92 2.8Zm-9.517-4.657A8.487 8.487 0 0 0 12 20.509a8.492 8.492 0 0 0 7.13-3.872 7.506 7.506 0 0 0-14.01.364Zm4.387-8.604a2.69 2.69 0 1 1 5.378-.002 2.69 2.69 0 0 1-5.378.002Z" clip-rule="evenodd"/>
+</svg>

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 16 Sep 2025 21:21:14 GMT
+* Generated on Wed, 29 Oct 2025 07:42:42 GMT
 */
 module.exports = {
   border: {
@@ -69,25 +69,25 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/StagSans-Light-v3_7_0.otf',
-      400: 'https://cdn.telus.digital/uds/StagSans-Regular-v3_7_0.otf',
-      500: 'https://cdn.telus.digital/uds/StagSans-Medium-v3_7_0.otf',
-      600: 'https://cdn.telus.digital/uds/StagSans-Semibold-v3_7_0.otf',
-      700: 'https://cdn.telus.digital/uds/StagSans-Bold-v3_7_0.otf'
+      300: 'https://cdn.telus.digital/uds/StagSans-Light-v3_9_0.otf',
+      400: 'https://cdn.telus.digital/uds/StagSans-Regular-v3_9_0.otf',
+      500: 'https://cdn.telus.digital/uds/StagSans-Medium-v3_9_0.otf',
+      600: 'https://cdn.telus.digital/uds/StagSans-Semibold-v3_9_0.otf',
+      700: 'https://cdn.telus.digital/uds/StagSans-Bold-v3_9_0.otf'
     },
     StagSansWoff: {
-      300: 'https://cdn.telus.digital/uds/StagSans-Light-v3_7_0.woff',
-      400: 'https://cdn.telus.digital/uds/StagSans-Regular-v3_7_0.woff',
-      500: 'https://cdn.telus.digital/uds/StagSans-Medium-v3_7_0.woff',
-      600: 'https://cdn.telus.digital/uds/StagSans-Semibold-v3_7_0.woff',
-      700: 'https://cdn.telus.digital/uds/StagSans-Bold-v3_7_0.woff'
+      300: 'https://cdn.telus.digital/uds/StagSans-Light-v3_9_0.woff',
+      400: 'https://cdn.telus.digital/uds/StagSans-Regular-v3_9_0.woff',
+      500: 'https://cdn.telus.digital/uds/StagSans-Medium-v3_9_0.woff',
+      600: 'https://cdn.telus.digital/uds/StagSans-Semibold-v3_9_0.woff',
+      700: 'https://cdn.telus.digital/uds/StagSans-Bold-v3_9_0.woff'
     },
     StagSansWoff2: {
-      300: 'https://cdn.telus.digital/uds/StagSans-Light2-v3_7_0.woff2',
-      400: 'https://cdn.telus.digital/uds/StagSans-Regular2-v3_7_0.woff2',
-      500: 'https://cdn.telus.digital/uds/StagSans-Medium2-v3_7_0.woff2',
-      600: 'https://cdn.telus.digital/uds/StagSans-Semibold2-v3_7_0.woff2',
-      700: 'https://cdn.telus.digital/uds/StagSans-Bold2-v3_7_0.woff2'
+      300: 'https://cdn.telus.digital/uds/StagSans-Light2-v3_9_0.woff2',
+      400: 'https://cdn.telus.digital/uds/StagSans-Regular2-v3_9_0.woff2',
+      500: 'https://cdn.telus.digital/uds/StagSans-Medium2-v3_9_0.woff2',
+      600: 'https://cdn.telus.digital/uds/StagSans-Semibold2-v3_9_0.woff2',
+      700: 'https://cdn.telus.digital/uds/StagSans-Bold2-v3_9_0.woff2'
     }
   },
   fontSize: {
@@ -211,6 +211,7 @@ module.exports = {
     Preference: '@telus-uds/palette-koodo/build/web/icons/preference.icon.svg',
     Price: '@telus-uds/palette-koodo/build/web/icons/price.icon.svg',
     Profile: '@telus-uds/palette-koodo/build/web/icons/profile.icon.svg',
+    ProfileFilled: '@telus-uds/palette-koodo/build/web/icons/profile-filled.icon.svg',
     Question: '@telus-uds/palette-koodo/build/web/icons/question.icon.svg',
     QuestionFilled: '@telus-uds/palette-koodo/build/web/icons/question-filled.icon.svg',
     QuoteLeft: '@telus-uds/palette-koodo/build/web/icons/quote-left.icon.svg',
@@ -246,6 +247,7 @@ module.exports = {
     Unmuted: '@telus-uds/palette-koodo/build/web/icons/unmuted.icon.svg',
     User: '@telus-uds/palette-koodo/build/web/icons/user.icon.svg',
     UserAdd: '@telus-uds/palette-koodo/build/web/icons/user-add.icon.svg',
+    UserFilled: '@telus-uds/palette-koodo/build/web/icons/user-filled.icon.svg',
     Visa: '@telus-uds/palette-koodo/build/web/icons/visa.icon.svg'
   },
   letterSpacing: {
@@ -300,8 +302,9 @@ module.exports = {
   shadow: {
     elevation1: '0px 4px 8px 0px rgba(0, 0, 0, 0.1)',
     elevation2: '0px 12px 12px 0px rgba(0, 0, 0, 0.03)',
-    elevation3: '0px 32px 32px 0px rgba(0, 0, 0, 0.03)',
+    elevation3: '2px 4px 10px 0px rgba(0, 0, 0, 0.6)',
     none: '0px 0px 0px 0px rgba(0, 0, 0, 0)',
+    surfaceEmboss: '0px 1px 1px 0px inset rgba(255, 255, 255, 0.8)',
     surfaceInset: '0px 2px 2px 0px inset rgba(0, 0, 0, 0.1)',
     surfaceRaised: '0px 2px 2px 0px rgba(0, 0, 0, 0.2)'
   },

package/icon/profile-filled.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.989 12.48c.007-.155.008-.162 0 0Zm-7.767 9.282a9.04 9.04 0 0 0 .103-.024c.002 0-.003 0 0 0l-.103.024Zm7.717-8.644Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M14.638 21.658a10.001 10.001 0 0 0 7.348-9.13l.001-.015.002-.034C22.25 6.861 17.635 2 12 2 6.353 2 1.733 6.893 2.013 12.51a9.986 9.986 0 0 0 2.705 6.348c2.502 2.662 6.398 3.759 9.92 2.8Zm-9.517-4.657A8.487 8.487 0 0 0 12 20.509a8.492 8.492 0 0 0 7.13-3.872 7.506 7.506 0 0 0-14.01.364Zm4.387-8.604a2.69 2.69 0 1 1 5.378-.002 2.69 2.69 0 0 1-5.378.002Z" clip-rule="evenodd"/>
+</svg>

package/icon/profile.svg

@@ -1,3 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M12 20.5c2.06 0 3.948-.732 5.419-1.951a5.469 5.469 0 0 0-10.608.184A8.463 8.463 0 0 0 12 20.5Zm.138-8.5a7.966 7.966 0 0 1 7.13 4.41 8.5 8.5 0 1 0-14.38.249A7.968 7.968 0 0 1 12.139 12ZM12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm0-12.004a2.933 2.933 0 1 0 0-5.867 2.933 2.933 0 0 0 0 5.867Z" clip-rule="evenodd"/>
+  <path d="M12 5.754a2.667 2.667 0 1 1 0 5.333 2.667 2.667 0 0 1 0-5.333Z"/>
+  <path fill-rule="evenodd" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm.126 12a5.244 5.244 0 0 0-5.145 4.229A7.964 7.964 0 0 0 12 20c2 0 3.827-.737 5.23-1.95A5.243 5.243 0 0 0 12.126 14ZM12 4a8 8 0 0 0-6.592 12.531A7.245 7.245 0 0 1 12.126 12l.373.01a7.244 7.244 0 0 1 6.245 4.29A8 8 0 0 0 12 4Z" clip-rule="evenodd"/>
 </svg>

package/icon/user-filled.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.989 12.48c.007-.155.007-.162 0 0Zm-7.767 9.282a9.04 9.04 0 0 0 .103-.024c.002 0-.003 0 0 0l-.103.024Zm7.717-8.644Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M14.638 21.658a10.001 10.001 0 0 0 7.348-9.13l.001-.015.002-.034C22.25 6.861 17.635 2 11.999 2 6.354 2 1.734 6.893 2.014 12.51a9.986 9.986 0 0 0 2.705 6.348c2.502 2.662 6.398 3.759 9.92 2.8Zm-9.517-4.657A8.487 8.487 0 0 0 12 20.509a8.492 8.492 0 0 0 7.13-3.872 7.506 7.506 0 0 0-14.01.364Zm4.387-8.604a2.69 2.69 0 1 1 5.378-.002 2.69 2.69 0 0 1-5.378.002Z" clip-rule="evenodd"/>
+</svg>

package/package.json

@@ -21,5 +21,5 @@
     "prepublishOnly": "npm run build"
   },
   "sideEffects": false,
-  "version": "3.7.0"
+  "version": "3.9.0"
 }

package/palette.json

@@ -778,6 +778,10 @@
         "tags": ["General"],
         "value": "icon/profile.svg"
       },
+      "ProfileFilled": {
+        "tags": ["General"],
+        "value": "icon/profile-filled.svg"
+      },
       "Question": {
         "tags": ["General"],
         "value": "icon/question.svg"
@@ -919,6 +923,10 @@
         "tags": ["Decorative", "General"],
         "value": "icon/user-add.svg"
       },
+      "UserFilled": {
+        "tags": ["Decorative", "General"],
+        "value": "icon/user-filled.svg"
+      },
       "Visa": {
         "tags": ["Decorative", "General"],
         "value": "icon/visa.svg"
@@ -1093,11 +1101,11 @@
       "elevation3": {
         "description": "Raise the element to the highest level from the surface, such as mega-nav",
         "value": {
-          "blur": 32,
-          "color": "rgba(0, 0, 0, 0.03)",
+          "blur": 10,
+          "color": "rgba(0, 0, 0, 0.6)",
           "inset": false,
-          "offsetX": 0,
-          "offsetY": 32,
+          "offsetX": 2,
+          "offsetY": 4,
           "spread": 0
         }
       },
@@ -1111,8 +1119,19 @@
           "spread": 0
         }
       },
+      "surfaceEmboss": {
+        "description": "Add a subtle highlight on elements to shows that it’s lifted from the surface such as the Progress Bar",
+        "value": {
+          "blur": 1,
+          "color": "rgba(255, 255, 255, 0.8)",
+          "inset": true,
+          "offsetX": 0,
+          "offsetY": 1,
+          "spread": 0
+        }
+      },
       "surfaceInset": {
-        "description": "Use inset shadow to drop the element below the surface for interactive elements such as UI meters, card call-outs, and ToggleSwitch",
+        "description": "Drop the element below the surface for interactive elements such as UI meters, card call-outs, and ToggleSwitch",
         "value": {
           "blur": 2,
           "color": "rgba(0, 0, 0, 0.1)",
@@ -1123,7 +1142,7 @@
         }
       },
       "surfaceRaised": {
-        "description": "Use raised shadow to raise the element for interactive elements within an inset interface such as the knob in the ToggleSwitch",
+        "description": "Raise the element for interactive elements within an inset interface such as the knob in the ToggleSwitch",
         "value": {
           "blur": 2,
           "color": "rgba(0, 0, 0, 0.2)",