@telus-uds/palette-allium 5.7.0 → 5.8.0

package/CHANGELOG.json

@@ -2,7 +2,49 @@
   "name": "@telus-uds/palette-allium",
   "entries": [
     {
-      "date": "Thu, 26 Jun 2025 23:47:29 GMT",
+      "date": "Fri, 25 Jul 2025 04:09:38 GMT",
+      "tag": "@telus-uds/palette-allium_v5.8.0",
+      "version": "5.8.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "guillermo.peitzner@telus.com",
+            "package": "@telus-uds/palette-allium",
+            "commit": "677baf797232a4fc792ab1a3de6fe2f6b07ab699",
+            "comment": "`Icon`: add web-store icon to telus palette"
+          },
+          {
+            "author": "beachball",
+            "package": "@telus-uds/palette-allium",
+            "comment": "Bump @telus-uds/system-tokens to v1.4.4",
+            "commit": "677baf797232a4fc792ab1a3de6fe2f6b07ab699"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 11 Jul 2025 22:22:37 GMT",
+      "tag": "@telus-uds/palette-allium_v5.7.1",
+      "version": "5.7.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "guillermo.peitzner@telus.com",
+            "package": "@telus-uds/palette-allium",
+            "commit": "8500fc4c83369a8f17918a852fd963adcfba86d0",
+            "comment": "`Card`: add new sizes"
+          },
+          {
+            "author": "beachball",
+            "package": "@telus-uds/palette-allium",
+            "comment": "Bump @telus-uds/system-tokens to v1.4.3",
+            "commit": "8500fc4c83369a8f17918a852fd963adcfba86d0"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 26 Jun 2025 23:54:42 GMT",
       "tag": "@telus-uds/palette-allium_v5.7.0",
       "version": "5.7.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @telus-uds/palette-allium
 
-This log was last generated on Thu, 26 Jun 2025 23:47:29 GMT and should not be manually modified.
+This log was last generated on Fri, 25 Jul 2025 04:09:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 5.8.0
+
+Fri, 25 Jul 2025 04:09:38 GMT
+
+### Minor changes
+
+- `Icon`: add web-store icon to telus palette (guillermo.peitzner@telus.com)
+- Bump @telus-uds/system-tokens to v1.4.4
+
+## 5.7.1
+
+Fri, 11 Jul 2025 22:22:37 GMT
+
+### Patches
+
+- `Card`: add new sizes (guillermo.peitzner@telus.com)
+- Bump @telus-uds/system-tokens to v1.4.3
+
 ## 5.7.0
 
-Thu, 26 Jun 2025 23:47:29 GMT
+Thu, 26 Jun 2025 23:54:42 GMT
 
 ### Minor changes
 

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Thu, 26 Jun 2025 23:50:27 GMT
+  Generated on Fri, 25 Jul 2025 04:12:27 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Thu, 26 Jun 2025 23:50:27 GMT
+  Generated on Fri, 25 Jul 2025 04:12:27 GMT
 -->
 
 <resources>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Thu, 26 Jun 2025 23:50:27 GMT
+  Generated on Fri, 25 Jul 2025 04:12:27 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Thu, 26 Jun 2025 23:50:27 GMT
+  Generated on Fri, 25 Jul 2025 04:12:27 GMT
 -->
 
 <resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Thu, 26 Jun 2025 23:50:27 GMT
+  Generated on Fri, 25 Jul 2025 04:12:27 GMT
 -->
 
 <resources>
@@ -12,6 +12,7 @@
   <dimen name="size_12">12.00dp</dimen>
   <dimen name="size_120">120.00dp</dimen>
   <dimen name="size_128">128.00dp</dimen>
+  <dimen name="size_13">13.00dp</dimen>
   <dimen name="size_14">14.00dp</dimen>
   <dimen name="size_140">140.00dp</dimen>
   <dimen name="size_144">144.00dp</dimen>
@@ -24,12 +25,14 @@
   <dimen name="size_192">192.00dp</dimen>
   <dimen name="size_2">2.00dp</dimen>
   <dimen name="size_20">20.00dp</dimen>
+  <dimen name="size_21">21.00dp</dimen>
   <dimen name="size_22">22.00dp</dimen>
   <dimen name="size_24">24.00dp</dimen>
   <dimen name="size_26">26.00dp</dimen>
   <dimen name="size_264">264.00dp</dimen>
   <dimen name="size_28">28.00dp</dimen>
   <dimen name="size_288">288.00dp</dimen>
+  <dimen name="size_29">29.00dp</dimen>
   <dimen name="size_3">3.00dp</dimen>
   <dimen name="size_32">32.00dp</dimen>
   <dimen name="size_320">320.00dp</dimen>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Thu, 26 Jun 2025 23:50:27 GMT
+// Generated on Fri, 25 Jul 2025 04:12:27 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Thu, 26 Jun 2025 23:50:27 GMT
+// Generated on Fri, 25 Jul 2025 04:12:27 GMT
 
 
 import UIKit

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Thu, 26 Jun 2025 23:50:27 GMT
+// Generated on Fri, 25 Jul 2025 04:12:27 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Thu, 26 Jun 2025 23:50:27 GMT
+// Generated on Fri, 25 Jul 2025 04:12:27 GMT
 
 
 import UIKit

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Thu, 26 Jun 2025 23:50:27 GMT
+// Generated on Fri, 25 Jul 2025 04:12:27 GMT
 
 
 import UIKit
@@ -16,6 +16,7 @@ public enum PaletteSize {
     public static let size12 = CGFloat(12)
     public static let size120 = CGFloat(120)
     public static let size128 = CGFloat(128)
+    public static let size13 = CGFloat(13)
     public static let size14 = CGFloat(14)
     public static let size140 = CGFloat(140)
     public static let size144 = CGFloat(144)
@@ -28,12 +29,14 @@ public enum PaletteSize {
     public static let size192 = CGFloat(192)
     public static let size2 = CGFloat(2)
     public static let size20 = CGFloat(20)
+    public static let size21 = CGFloat(21)
     public static let size22 = CGFloat(22)
     public static let size24 = CGFloat(24)
     public static let size26 = CGFloat(26)
     public static let size264 = CGFloat(264)
     public static let size28 = CGFloat(28)
     public static let size288 = CGFloat(288)
+    public static let size29 = CGFloat(29)
     public static let size3 = CGFloat(3)
     public static let size32 = CGFloat(32)
     public static let size320 = CGFloat(320)

package/build/rn/icons/WebStore.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: "M21.5 0C22.9 0 24 1.1 24 2.5v19a2.477 2.477 0 0 1-2.5 2.5h-19A2.477 2.477 0 0 1 0 21.5v-19C0 1.1 1.1 0 2.5 0h19ZM23 5H1v16.5c0 .8.7 1.5 1.5 1.5h19c.8 0 1.5-.7 1.5-1.5V5ZM10.5 17c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S9 19.3 9 18.5s.7-1.5 1.5-1.5Zm4 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5Zm-4 1c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5Zm4 0c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5ZM6.3 9.1c.2 0 .4.2.5.4l.2.6h10.4c.2 0 .3.1.4.2.1.1.1.3.1.4l-1 4a.43.43 0 0 1-.4.4l-7.9.9.4 1.4c0 .3-.1.5-.4.6h-.1c-.2 0-.4-.2-.5-.4L6.1 10H4.5c-.3 0-.7-.1-.7-.4 0-.3.2-.5.5-.5h2Zm1.1 1.8 1 4 7.7-.9.8-3-9.5-.1ZM21.5 1h-19C1.7 1 1 1.7 1 2.5V4h22V2.5c0-.8-.7-1.5-1.5-1.5Zm-17 1a.5.5 0 1 1 .049 1A.5.5 0 0 1 4.5 2Zm-2 0a.5.5 0 1 1 .049 1 .5.5 0 0 1-.05-1Zm4 0a.5.5 0 1 1 .05 1 .5.5 0 0 1-.05-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/WebStore.native.js

@@ -0,0 +1,41 @@
+"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, {
+      d: "M21.5 0C22.9 0 24 1.1 24 2.5v19a2.477 2.477 0 0 1-2.5 2.5h-19A2.477 2.477 0 0 1 0 21.5v-19C0 1.1 1.1 0 2.5 0h19ZM23 5H1v16.5c0 .8.7 1.5 1.5 1.5h19c.8 0 1.5-.7 1.5-1.5V5ZM10.5 17c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S9 19.3 9 18.5s.7-1.5 1.5-1.5Zm4 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5Zm-4 1c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5Zm4 0c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5ZM6.3 9.1c.2 0 .4.2.5.4l.2.6h10.4c.2 0 .3.1.4.2.1.1.1.3.1.4l-1 4a.43.43 0 0 1-.4.4l-7.9.9.4 1.4c0 .3-.1.5-.4.6h-.1c-.2 0-.4-.2-.5-.4L6.1 10H4.5c-.3 0-.7-.1-.7-.4 0-.3.2-.5.5-.5h2Zm1.1 1.8 1 4 7.7-.9.8-3-9.5-.1ZM21.5 1h-19C1.7 1 1 1.7 1 2.5V4h22V2.5c0-.8-.7-1.5-1.5-1.5Zm-17 1a.5.5 0 1 1 .049 1A.5.5 0 0 1 4.5 2Zm-2 0a.5.5 0 1 1 .049 1 .5.5 0 0 1-.05-1Zm4 0a.5.5 0 1 1 .05 1 .5.5 0 0 1-.05-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/index.js

@@ -282,6 +282,7 @@ module.exports = {
   Warranty: require('./Warranty'),
   Watch: require('./Watch'),
   WaterProhibited: require('./WaterProhibited'),
+  WebStore: require('./WebStore'),
   WifiBoost: require('./WifiBoost'),
   WifiCloud: require('./WifiCloud')
 }

package/build/rn/icons/web-store.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M21.5 0C22.9 0 24 1.1 24 2.5v19a2.477 2.477 0 0 1-2.5 2.5h-19A2.477 2.477 0 0 1 0 21.5v-19C0 1.1 1.1 0 2.5 0h19ZM23 5H1v16.5c0 .8.7 1.5 1.5 1.5h19c.8 0 1.5-.7 1.5-1.5V5ZM10.5 17c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S9 19.3 9 18.5s.7-1.5 1.5-1.5Zm4 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5Zm-4 1c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5Zm4 0c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5ZM6.3 9.1c.2 0 .4.2.5.4l.2.6h10.4c.2 0 .3.1.4.2.1.1.1.3.1.4l-1 4a.43.43 0 0 1-.4.4l-7.9.9.4 1.4c0 .3-.1.5-.4.6h-.1c-.2 0-.4-.2-.5-.4L6.1 10H4.5c-.3 0-.7-.1-.7-.4 0-.3.2-.5.5-.5h2Zm1.1 1.8 1 4 7.7-.9.8-3-9.5-.1ZM21.5 1h-19C1.7 1 1 1.7 1 2.5V4h22V2.5c0-.8-.7-1.5-1.5-1.5Zm-17 1a.5.5 0 1 1 .049 1A.5.5 0 0 1 4.5 2Zm-2 0a.5.5 0 1 1 .049 1 .5.5 0 0 1-.05-1Zm4 0a.5.5 0 1 1 .05 1 .5.5 0 0 1-.05-1Z"/>
+</svg>

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Thu, 26 Jun 2025 23:50:32 GMT
+* Generated on Fri, 25 Jul 2025 04:12:32 GMT
 */
 module.exports = {
   border: {
@@ -453,6 +453,7 @@ module.exports = {
     Warranty: '@telus-uds/palette-allium/build/rn/icons/warranty.icon.svg',
     Watch: '@telus-uds/palette-allium/build/rn/icons/watch.icon.svg',
     WaterProhibited: '@telus-uds/palette-allium/build/rn/icons/water-prohibited.icon.svg',
+    WebStore: '@telus-uds/palette-allium/build/rn/icons/web-store.icon.svg',
     WifiBoost: '@telus-uds/palette-allium/build/rn/icons/wifi-boost.icon.svg',
     WifiCloud: '@telus-uds/palette-allium/build/rn/icons/wifi-cloud.icon.svg'
   },
@@ -555,6 +556,7 @@ module.exports = {
     size12: 12,
     size120: 120,
     size128: 128,
+    size13: 13,
     size14: 14,
     size140: 140,
     size144: 144,
@@ -567,12 +569,14 @@ module.exports = {
     size192: 192,
     size2: 2,
     size20: 20,
+    size21: 21,
     size22: 22,
     size24: 24,
     size26: 26,
     size264: 264,
     size28: 28,
     size288: 288,
+    size29: 29,
     size3: 3,
     size32: 32,
     size320: 320,

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_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_8_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_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_8_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_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_8_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_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_8_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_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_8_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_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v5_8_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_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_8_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_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_8_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_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_8_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_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_8_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_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_8_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_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_8_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_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_7_0.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v5_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_7_0.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_8_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_8_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_8_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_7_0.woff2');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_8_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_7_0.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v5_8_0.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSARegular_normal_normal-v5_7_0.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v5_8_0.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSAMedium_normal_normal-v5_7_0.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v5_8_0.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSABold_normal_normal-v5_7_0.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v5_8_0.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Display-v5_7_0.otf');
+  src: url('./HNforTELUSSA-Display-v5_8_0.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-v5_7_0.otf');
+  src: url('./HNforTELUSSA-v5_8_0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Md-v5_7_0.otf');
+  src: url('./HNforTELUSSA-Md-v5_8_0.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Bd-v5_7_0.otf');
+  src: url('./HNforTELUSSA-Bd-v5_8_0.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSADisplay_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSADisplay_normal_normal2-v5_8_0.woff2');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSARegular_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSARegular_normal_normal2-v5_8_0.woff2');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSAMedium_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSAMedium_normal_normal2-v5_8_0.woff2');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2';
-  src: url('./HNforTELUSSABold_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSABold_normal_normal2-v5_8_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_7_0.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('./HNforTELUSSARegular_normal_normal-v5_7_0.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('./HNforTELUSSAMedium_normal_normal-v5_7_0.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('./HNforTELUSSABold_normal_normal-v5_7_0.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v5_8_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('./HNforTELUSSA-Display-v5_7_0.otf');
+  src: url('./HNforTELUSSA-Display-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('./HNforTELUSSA-v5_7_0.otf');
+  src: url('./HNforTELUSSA-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('./HNforTELUSSA-Md-v5_7_0.otf');
+  src: url('./HNforTELUSSA-Md-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('./HNforTELUSSA-Bd-v5_7_0.otf');
+  src: url('./HNforTELUSSA-Bd-v5_8_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2300normal';
-  src: url('./HNforTELUSSADisplay_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSADisplay_normal_normal2-v5_8_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2400normal';
-  src: url('./HNforTELUSSARegular_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSARegular_normal_normal2-v5_8_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2500normal';
-  src: url('./HNforTELUSSAMedium_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSAMedium_normal_normal2-v5_8_0.woff2');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAWoff2700normal';
-  src: url('./HNforTELUSSABold_normal_normal2-v5_7_0.woff2');
+  src: url('./HNforTELUSSABold_normal_normal2-v5_8_0.woff2');
   font-display: block;
 }

package/build/web/icons/WebStore.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: "M21.5 0C22.9 0 24 1.1 24 2.5v19a2.477 2.477 0 0 1-2.5 2.5h-19A2.477 2.477 0 0 1 0 21.5v-19C0 1.1 1.1 0 2.5 0h19ZM23 5H1v16.5c0 .8.7 1.5 1.5 1.5h19c.8 0 1.5-.7 1.5-1.5V5ZM10.5 17c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S9 19.3 9 18.5s.7-1.5 1.5-1.5Zm4 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5Zm-4 1c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5Zm4 0c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5ZM6.3 9.1c.2 0 .4.2.5.4l.2.6h10.4c.2 0 .3.1.4.2.1.1.1.3.1.4l-1 4a.43.43 0 0 1-.4.4l-7.9.9.4 1.4c0 .3-.1.5-.4.6h-.1c-.2 0-.4-.2-.5-.4L6.1 10H4.5c-.3 0-.7-.1-.7-.4 0-.3.2-.5.5-.5h2Zm1.1 1.8 1 4 7.7-.9.8-3-9.5-.1ZM21.5 1h-19C1.7 1 1 1.7 1 2.5V4h22V2.5c0-.8-.7-1.5-1.5-1.5Zm-17 1a.5.5 0 1 1 .049 1A.5.5 0 0 1 4.5 2Zm-2 0a.5.5 0 1 1 .049 1 .5.5 0 0 1-.05-1Zm4 0a.5.5 0 1 1 .05 1 .5.5 0 0 1-.05-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/index.js

@@ -282,6 +282,7 @@ module.exports = {
   Warranty: require('./Warranty'),
   Watch: require('./Watch'),
   WaterProhibited: require('./WaterProhibited'),
+  WebStore: require('./WebStore'),
   WifiBoost: require('./WifiBoost'),
   WifiCloud: require('./WifiCloud')
 }

package/build/web/icons/web-store.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M21.5 0C22.9 0 24 1.1 24 2.5v19a2.477 2.477 0 0 1-2.5 2.5h-19A2.477 2.477 0 0 1 0 21.5v-19C0 1.1 1.1 0 2.5 0h19ZM23 5H1v16.5c0 .8.7 1.5 1.5 1.5h19c.8 0 1.5-.7 1.5-1.5V5ZM10.5 17c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S9 19.3 9 18.5s.7-1.5 1.5-1.5Zm4 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5Zm-4 1c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5Zm4 0c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5ZM6.3 9.1c.2 0 .4.2.5.4l.2.6h10.4c.2 0 .3.1.4.2.1.1.1.3.1.4l-1 4a.43.43 0 0 1-.4.4l-7.9.9.4 1.4c0 .3-.1.5-.4.6h-.1c-.2 0-.4-.2-.5-.4L6.1 10H4.5c-.3 0-.7-.1-.7-.4 0-.3.2-.5.5-.5h2Zm1.1 1.8 1 4 7.7-.9.8-3-9.5-.1ZM21.5 1h-19C1.7 1 1 1.7 1 2.5V4h22V2.5c0-.8-.7-1.5-1.5-1.5Zm-17 1a.5.5 0 1 1 .049 1A.5.5 0 0 1 4.5 2Zm-2 0a.5.5 0 1 1 .049 1 .5.5 0 0 1-.05-1Zm4 0a.5.5 0 1 1 .05 1 .5.5 0 0 1-.05-1Z"/>
+</svg>

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Thu, 26 Jun 2025 23:50:28 GMT
+* Generated on Fri, 25 Jul 2025 04:12:27 GMT
 */
 module.exports = {
   border: {
@@ -63,22 +63,22 @@ module.exports = {
   },
   font: {
     HNforTELUSSA: {
-      300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_7_0.woff',
-      400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_7_0.woff',
-      500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_7_0.woff',
-      700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_7_0.woff'
+      300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v5_8_0.woff',
+      400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v5_8_0.woff',
+      500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v5_8_0.woff',
+      700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v5_8_0.woff'
     },
     HNforTELUSSAOTF: {
-      300: 'https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_7_0.otf',
-      400: 'https://cdn.telus.digital/uds/HNforTELUSSA-v5_7_0.otf',
-      500: 'https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_7_0.otf',
-      700: 'https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_7_0.otf'
+      300: 'https://cdn.telus.digital/uds/HNforTELUSSA-Display-v5_8_0.otf',
+      400: 'https://cdn.telus.digital/uds/HNforTELUSSA-v5_8_0.otf',
+      500: 'https://cdn.telus.digital/uds/HNforTELUSSA-Md-v5_8_0.otf',
+      700: 'https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v5_8_0.otf'
     },
     HNforTELUSSAWoff2: {
-      300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_7_0.woff2',
-      400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_7_0.woff2',
-      500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_7_0.woff2',
-      700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_7_0.woff2'
+      300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal2-v5_8_0.woff2',
+      400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal2-v5_8_0.woff2',
+      500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal2-v5_8_0.woff2',
+      700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal2-v5_8_0.woff2'
     }
   },
   fontSize: {
@@ -385,6 +385,7 @@ module.exports = {
     Warranty: '@telus-uds/palette-allium/build/web/icons/warranty.icon.svg',
     Watch: '@telus-uds/palette-allium/build/web/icons/watch.icon.svg',
     WaterProhibited: '@telus-uds/palette-allium/build/web/icons/water-prohibited.icon.svg',
+    WebStore: '@telus-uds/palette-allium/build/web/icons/web-store.icon.svg',
     WifiBoost: '@telus-uds/palette-allium/build/web/icons/wifi-boost.icon.svg',
     WifiCloud: '@telus-uds/palette-allium/build/web/icons/wifi-cloud.icon.svg'
   },
@@ -445,6 +446,7 @@ module.exports = {
     size12: '12px',
     size120: '120px',
     size128: '128px',
+    size13: '13px',
     size14: '14px',
     size140: '140px',
     size144: '144px',
@@ -457,12 +459,14 @@ module.exports = {
     size192: '192px',
     size2: '2px',
     size20: '20px',
+    size21: '21px',
     size22: '22px',
     size24: '24px',
     size26: '26px',
     size264: '264px',
     size28: '28px',
     size288: '288px',
+    size29: '29px',
     size3: '3px',
     size32: '32px',
     size320: '320px',

package/icon/web-store.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M21.5 0C22.9 0 24 1.1 24 2.5v19a2.477 2.477 0 0 1-2.5 2.5h-19A2.477 2.477 0 0 1 0 21.5v-19C0 1.1 1.1 0 2.5 0h19ZM23 5H1v16.5c0 .8.7 1.5 1.5 1.5h19c.8 0 1.5-.7 1.5-1.5V5ZM10.5 17c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5S9 19.3 9 18.5s.7-1.5 1.5-1.5Zm4 0c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5Zm-4 1c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5Zm4 0c-.3 0-.5.2-.5.5s.2.5.5.5.5-.2.5-.5-.2-.5-.5-.5ZM6.3 9.1c.2 0 .4.2.5.4l.2.6h10.4c.2 0 .3.1.4.2.1.1.1.3.1.4l-1 4a.43.43 0 0 1-.4.4l-7.9.9.4 1.4c0 .3-.1.5-.4.6h-.1c-.2 0-.4-.2-.5-.4L6.1 10H4.5c-.3 0-.7-.1-.7-.4 0-.3.2-.5.5-.5h2Zm1.1 1.8 1 4 7.7-.9.8-3-9.5-.1ZM21.5 1h-19C1.7 1 1 1.7 1 2.5V4h22V2.5c0-.8-.7-1.5-1.5-1.5Zm-17 1a.5.5 0 1 1 .049 1A.5.5 0 0 1 4.5 2Zm-2 0a.5.5 0 1 1 .049 1 .5.5 0 0 1-.05-1Zm4 0a.5.5 0 1 1 .05 1 .5.5 0 0 1-.05-1Z"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/palette-allium",
-  "version": "5.7.0",
+  "version": "5.8.0",
   "description": "Telus(Allium) palette",
   "sideEffects": false,
   "keywords": [
@@ -23,6 +23,6 @@
     "url": "https://github.com/telus/allium-design-system/issues"
   },
   "devDependencies": {
-    "@telus-uds/system-tokens": "^1.4.2"
+    "@telus-uds/system-tokens": "^1.4.4"
   }
 }

package/palette.json

@@ -1534,6 +1534,10 @@
         "tags": ["Decorative", "General"],
         "value": "icon/water-prohibited.svg"
       },
+      "WebStore": {
+        "tags": ["Decorative", "General"],
+        "value": "icon/web-store.svg"
+      },
       "WifiBoost": {
         "tags": ["Decorative", "Internet"],
         "value": "icon/wifi-boost.svg"
@@ -1766,6 +1770,9 @@
         "description": "128 is the image size for xs, sm, md and lg screen size on the QuickLinksFeature component",
         "value": 128
       },
+      "size13": {
+        "value": 13
+      },
       "size14": {
         "description": "14 is the icon size for the small variant of the list component",
         "value": 14
@@ -1811,6 +1818,9 @@
       "size20": {
         "value": 20
       },
+      "size21": {
+        "value": 21
+      },
       "size22": {
         "description": "For special top property for strike through used in PriceLockup",
         "value": 22
@@ -1832,6 +1842,9 @@
         "description": "24 x 12. This matches 320 (the narrowest supported viewport) minus two 16px margins. Larger sizes for the widths/heights of blocks are based on multiples of 24).",
         "value": 288
       },
+      "size29": {
+        "value": 29
+      },
       "size3": {
         "description": "For special gap and size cases. This is not part of the allium sizing scale.",
         "value": 3