@telus-uds/palette-koodo 3.7.0 → 3.9.0

package/CHANGELOG.json

@@ -1,6 +1,36 @@
 {
   "name": "@telus-uds/palette-koodo",
   "entries": [
+    {
+      "date": "Wed, 29 Oct 2025 07:40:46 GMT",
+      "tag": "@telus-uds/palette-koodo_v3.9.0",
+      "version": "3.9.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "35577399+JoshHC@users.noreply.github.com",
+            "package": "@telus-uds/palette-koodo",
+            "commit": "e2bb7680189f88b50a23f70c17323471a256e051",
+            "comment": "`Shadows`: styles and descriptions updated"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Oct 2025 20:34:05 GMT",
+      "tag": "@telus-uds/palette-koodo_v3.8.0",
+      "version": "3.8.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "oscar.palencia@telus.com",
+            "package": "@telus-uds/palette-koodo",
+            "commit": "0ad7e47adcef08bf1813d4805655c05f51b6a7f2",
+            "comment": "`Icons`: Add profile and user filled variant icons"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 16 Sep 2025 21:19:36 GMT",
       "tag": "@telus-uds/palette-koodo_v3.7.0",

package/CHANGELOG.md

@@ -1,9 +1,25 @@
 # Change Log - @telus-uds/palette-koodo
 
-This log was last generated on Tue, 16 Sep 2025 21:19:36 GMT and should not be manually modified.
+This log was last generated on Wed, 29 Oct 2025 07:40:46 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 3.9.0
+
+Wed, 29 Oct 2025 07:40:46 GMT
+
+### Minor changes
+
+- `Shadows`: styles and descriptions updated (35577399+JoshHC@users.noreply.github.com)
+
+## 3.8.0
+
+Fri, 03 Oct 2025 20:34:05 GMT
+
+### Minor changes
+
+- `Icons`: Add profile and user filled variant icons (oscar.palencia@telus.com)
+
 ## 3.7.0
 
 Tue, 16 Sep 2025 21:19:36 GMT

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 16 Sep 2025 21:21:14 GMT
+  Generated on Wed, 29 Oct 2025 07:42:41 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 16 Sep 2025 21:21:14 GMT
+  Generated on Wed, 29 Oct 2025 07:42:41 GMT
 -->
 
 <resources>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 16 Sep 2025 21:21:14 GMT
+  Generated on Wed, 29 Oct 2025 07:42:41 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 16 Sep 2025 21:21:14 GMT
+  Generated on Wed, 29 Oct 2025 07:42:41 GMT
 -->
 
 <resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 16 Sep 2025 21:21:14 GMT
+  Generated on Wed, 29 Oct 2025 07:42:41 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 16 Sep 2025 21:21:14 GMT
+// Generated on Wed, 29 Oct 2025 07:42:41 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 16 Sep 2025 21:21:14 GMT
+// Generated on Wed, 29 Oct 2025 07:42:41 GMT
 
 
 import UIKit

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 16 Sep 2025 21:21:14 GMT
+// Generated on Wed, 29 Oct 2025 07:42:41 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 16 Sep 2025 21:21:14 GMT
+// Generated on Wed, 29 Oct 2025 07:42:41 GMT
 
 
 import UIKit

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 16 Sep 2025 21:21:14 GMT
+// Generated on Wed, 29 Oct 2025 07:42:41 GMT
 
 
 import UIKit

package/build/rn/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/rn/icons/Profile.native.js

@@ -34,8 +34,10 @@ module.exports = ({
       id: titleId,
       children: title
     }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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)(_reactNativeSvg.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/rn/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/rn/icons/ProfileFilled.native.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _reactNativeSvg = require("react-native-svg");
+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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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)(_reactNativeSvg.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/rn/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/rn/icons/UserFilled.native.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _reactNativeSvg = require("react-native-svg");
+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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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)(_reactNativeSvg.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/rn/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/rn/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/rn/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/rn/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/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 16 Sep 2025 21:21:17 GMT
+* Generated on Wed, 29 Oct 2025 07:42:44 GMT
 */
 module.exports = {
   border: {
@@ -224,6 +224,7 @@ module.exports = {
     Preference: '@telus-uds/palette-koodo/build/rn/icons/preference.icon.svg',
     Price: '@telus-uds/palette-koodo/build/rn/icons/price.icon.svg',
     Profile: '@telus-uds/palette-koodo/build/rn/icons/profile.icon.svg',
+    ProfileFilled: '@telus-uds/palette-koodo/build/rn/icons/profile-filled.icon.svg',
     Question: '@telus-uds/palette-koodo/build/rn/icons/question.icon.svg',
     QuestionFilled: '@telus-uds/palette-koodo/build/rn/icons/question-filled.icon.svg',
     QuoteLeft: '@telus-uds/palette-koodo/build/rn/icons/quote-left.icon.svg',
@@ -259,6 +260,7 @@ module.exports = {
     Unmuted: '@telus-uds/palette-koodo/build/rn/icons/unmuted.icon.svg',
     User: '@telus-uds/palette-koodo/build/rn/icons/user.icon.svg',
     UserAdd: '@telus-uds/palette-koodo/build/rn/icons/user-add.icon.svg',
+    UserFilled: '@telus-uds/palette-koodo/build/rn/icons/user-filled.icon.svg',
     Visa: '@telus-uds/palette-koodo/build/rn/icons/visa.icon.svg'
   },
   letterSpacing: {
@@ -329,11 +331,11 @@ module.exports = {
     },
     elevation3: {
       inset: false,
-      offsetX: 0,
-      offsetY: 32,
-      blur: 32,
+      offsetX: 2,
+      offsetY: 4,
+      blur: 10,
       spread: 0,
-      color: 'rgba(0, 0, 0, 0.03)'
+      color: 'rgba(0, 0, 0, 0.6)'
     },
     none: {
       inset: false,
@@ -343,6 +345,14 @@ module.exports = {
       spread: 0,
       color: 'rgba(0, 0, 0, 0)'
     },
+    surfaceEmboss: {
+      inset: true,
+      offsetX: 0,
+      offsetY: 1,
+      blur: 1,
+      spread: 0,
+      color: 'rgba(255, 255, 255, 0.8)'
+    },
     surfaceInset: {
       inset: true,
       offsetX: 0,

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

@@ -1,104 +1,104 @@
 @font-face {
   font-family: 'StagSans';
-  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-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  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-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  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-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  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-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  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-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  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-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  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-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  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-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  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-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff';
-  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-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  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-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  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-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  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-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  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-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSansWoff2';
-  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-weight: 700;
   font-style: normal;
   font-display: block;