@telus-uds/palettes-community.palette-casa 2.0.2 → 2.1.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 25 Sep 2024 17:04:08 GMT
+  Generated on Thu, 31 Oct 2024 05:08:03 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 25 Sep 2024 17:04:08 GMT
+  Generated on Thu, 31 Oct 2024 05:08:03 GMT
 -->
 
 <resources>
@@ -27,12 +27,12 @@
   <color name="green_tusk">#ffe3f6d1</color>
   <color name="green_yellow">#ffbfe797</color>
   <color name="grey_alabaster">#fffafafa</color>
-  <color name="grey_athens">#fff4f4f7</color>
+  <color name="grey_athens">#fff7f7f8</color>
   <color name="grey_charcoal">#ff414547</color>
   <color name="grey_cloud">#ffb2b9bf</color>
   <color name="grey_light">#fffafafa</color>
   <color name="grey_mystic">#ffe3e6e8</color>
-  <color name="grey_shuttle">#ff676e73</color>
+  <color name="grey_shuttle">#ff54595f</color>
   <color name="grey_thunder">#ff2c2e30</color>
   <color name="light_10">#1affffff</color>
   <color name="light_20">#33ffffff</color>
@@ -49,8 +49,11 @@
   <color name="red_dark">#ffc12335</color>
   <color name="red_darker">#ff560c0c</color>
   <color name="red_light">#fffff6f8</color>
-  <color name="transparent">#00000000</color>
+  <color name="transparent">#00ffffff</color>
   <color name="white">#ffffffff</color>
+  <color name="dark_50">#802a2c2e</color>
+  <color name="dark_90">#e62a2c2e</color>
+  <color name="dark_rajah">#ff8c5415</color>
   <color name="error_red_dark">#ffff2339</color>
   <color name="error_red_icon">#ffc12335</color>
   <color name="error_red_light">#fffff6f8</color>
@@ -60,6 +63,7 @@
   <color name="grey_shark">#ff2a2c2e</color>
   <color name="lavender_blush">#fffff6f8</color>
   <color name="light_rajah">#fffff9ee</color>
+  <color name="modal_overlay">#bf000000</color>
   <color name="rajah">#fffaca69</color>
   <color name="success_green_light">#fff4f9f2</color>
   <color name="telus_purple">#ff4b286d</color>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 25 Sep 2024 17:04:08 GMT
+  Generated on Thu, 31 Oct 2024 05:08:03 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 25 Sep 2024 17:04:08 GMT
+  Generated on Thu, 31 Oct 2024 05:08:03 GMT
 -->
 
 <resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 25 Sep 2024 17:04:08 GMT
+  Generated on Thu, 31 Oct 2024 05:08:03 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 25 Sep 2024 17:04:08 GMT
+// Generated on Thu, 31 Oct 2024 05:08:03 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 25 Sep 2024 17:04:08 GMT
+// Generated on Thu, 31 Oct 2024 05:08:03 GMT
 
 
 import UIKit
@@ -20,9 +20,12 @@ public enum PaletteColor {
     public static let dark20 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
     public static let dark40 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.4)
     public static let dark5 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.05)
+    public static let dark50 = UIColor(red: 0.165, green: 0.173, blue: 0.180, alpha: 0.5)
     public static let dark60 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.6)
     public static let dark80 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.8)
+    public static let dark90 = UIColor(red: 0.165, green: 0.173, blue: 0.180, alpha: 0.9)
     public static let dark97 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.97)
+    public static let darkRajah = UIColor(red: 0.549, green: 0.329, blue: 0.082, alpha: 1)
     public static let errorRedDark = UIColor(red: 1.000, green: 0.137, blue: 0.224, alpha: 1)
     public static let errorRedIcon = UIColor(red: 0.757, green: 0.137, blue: 0.208, alpha: 1)
     public static let errorRedLight = UIColor(red: 1.000, green: 0.965, blue: 0.973, alpha: 1)
@@ -35,7 +38,7 @@ public enum PaletteColor {
     public static let greenTusk = UIColor(red: 0.890, green: 0.965, blue: 0.820, alpha: 1)
     public static let greenYellow = UIColor(red: 0.749, green: 0.906, blue: 0.592, alpha: 1)
     public static let greyAlabaster = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
-    public static let greyAthens = UIColor(red: 0.957, green: 0.957, blue: 0.969, alpha: 1)
+    public static let greyAthens = UIColor(red: 0.969, green: 0.969, blue: 0.973, alpha: 1)
     public static let greyCharcoal = UIColor(red: 0.255, green: 0.271, blue: 0.278, alpha: 1)
     public static let greyCloud = UIColor(red: 0.698, green: 0.725, blue: 0.749, alpha: 1)
     public static let greyGainsboro = UIColor(red: 0.847, green: 0.847, blue: 0.847, alpha: 1)
@@ -43,7 +46,7 @@ public enum PaletteColor {
     public static let greyMystic = UIColor(red: 0.890, green: 0.902, blue: 0.910, alpha: 1)
     public static let greyRaven = UIColor(red: 0.443, green: 0.459, blue: 0.482, alpha: 1)
     public static let greyShark = UIColor(red: 0.165, green: 0.173, blue: 0.180, alpha: 1)
-    public static let greyShuttle = UIColor(red: 0.404, green: 0.431, blue: 0.451, alpha: 1)
+    public static let greyShuttle = UIColor(red: 0.329, green: 0.349, blue: 0.373, alpha: 1)
     public static let greyThunder = UIColor(red: 0.173, green: 0.180, blue: 0.188, alpha: 1)
     public static let lavenderBlush = UIColor(red: 1.000, green: 0.965, blue: 0.973, alpha: 1)
     public static let light10 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1)
@@ -53,6 +56,7 @@ public enum PaletteColor {
     public static let light80 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.8)
     public static let light97 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.97)
     public static let lightRajah = UIColor(red: 1.000, green: 0.976, blue: 0.933, alpha: 1)
+    public static let modalOverlay = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.75)
     public static let purpleDark = UIColor(red: 0.247, green: 0.165, blue: 0.329, alpha: 1)
     public static let purpleDeluge = UIColor(red: 0.486, green: 0.325, blue: 0.647, alpha: 1)
     public static let purpleEminence = UIColor(red: 0.380, green: 0.220, blue: 0.537, alpha: 1)
@@ -65,7 +69,7 @@ public enum PaletteColor {
     public static let redLight = UIColor(red: 1.000, green: 0.965, blue: 0.973, alpha: 1)
     public static let successGreenLight = UIColor(red: 0.957, green: 0.976, blue: 0.949, alpha: 1)
     public static let telusPurple = UIColor(red: 0.294, green: 0.157, blue: 0.427, alpha: 1)
-    public static let transparent = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
+    public static let transparent = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0)
     public static let white = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
     public static let whiteLilac = UIColor(red: 0.949, green: 0.937, blue: 0.957, alpha: 1)
     public static let whiteOverlay = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.97)

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 25 Sep 2024 17:04:08 GMT
+// Generated on Thu, 31 Oct 2024 05:08:03 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 25 Sep 2024 17:04:08 GMT
+// Generated on Thu, 31 Oct 2024 05:08:03 GMT
 
 
 import UIKit

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 25 Sep 2024 17:04:08 GMT
+// Generated on Thu, 31 Oct 2024 05:08:03 GMT
 
 
 import UIKit

package/build/rn/icons/BulletCircle.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  ...props,
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  height: size,
+  width: size,
+  fill: color,
+  role: title ? 'img' : undefined,
+  "aria-hidden": !title,
+  "aria-labelledby": titleId,
+  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
+    id: titleId,
+    children: title
+  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+  })]
+});

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+  ...props,
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  height: size,
+  width: size,
+  fill: color,
+  "aria-labelledby": titleId,
+  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
+    id: titleId,
+    children: title
+  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+  })]
+});

package/build/rn/icons/bullet-circle.icon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" />
+</svg>

package/build/rn/icons/index.js

@@ -32,6 +32,7 @@ module.exports = {
   Bookmark: require('./Bookmark'),
   Braille: require('./Braille'),
   Briefcase: require('./Briefcase'),
+  BulletCircle: require('./BulletCircle'),
   BulletFill: require('./BulletFill'),
   Calendar: require('./Calendar'),
   Call: require('./Call'),

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 25 Sep 2024 17:04:13 GMT
+* Generated on Thu, 31 Oct 2024 05:08:07 GMT
 */
 module.exports = {
   border: {
@@ -32,12 +32,12 @@ module.exports = {
     greenTusk: '#e3f6d1',
     greenYellow: '#bfe797',
     greyAlabaster: '#fafafa',
-    greyAthens: '#f4f4f7',
+    greyAthens: '#f7f7f8',
     greyCharcoal: '#414547',
     greyCloud: '#b2b9bf',
     greyLight: '#fafafa',
     greyMystic: '#e3e6e8',
-    greyShuttle: '#676e73',
+    greyShuttle: '#54595f',
     greyThunder: '#2c2e30',
     light10: 'rgba(255, 255, 255, 0.1)',
     light20: 'rgba(255, 255, 255, 0.2)',
@@ -54,8 +54,11 @@ module.exports = {
     redDark: '#c12335',
     redDarker: '#560c0c',
     redLight: '#fff6f8',
-    transparent: 'rgba(0, 0, 0, 0)',
+    transparent: 'rgba(255, 255, 255, 0)',
     white: '#ffffff',
+    dark50: 'rgba(42, 44, 46, 0.5)',
+    dark90: 'rgba(42, 44, 46, 0.9)',
+    darkRajah: '#8c5415',
     errorRedDark: '#ff2339',
     errorRedIcon: '#c12335',
     errorRedLight: '#fff6f8',
@@ -65,6 +68,7 @@ module.exports = {
     greyShark: '#2a2c2e',
     lavenderBlush: '#fff6f8',
     lightRajah: '#fff9ee',
+    modalOverlay: 'rgba(0, 0, 0, 0.75)',
     rajah: '#faca69',
     successGreenLight: '#f4f9f2',
     telusPurple: '#4b286d',
@@ -211,6 +215,7 @@ module.exports = {
     Bookmark: '@telus-uds/palettes-community.palette-casa/build/rn/icons/bookmark.icon.svg',
     Braille: '@telus-uds/palettes-community.palette-casa/build/rn/icons/braille.icon.svg',
     Briefcase: '@telus-uds/palettes-community.palette-casa/build/rn/icons/briefcase.icon.svg',
+    BulletCircle: '@telus-uds/palettes-community.palette-casa/build/rn/icons/bullet-circle.icon.svg',
     BulletFill: '@telus-uds/palettes-community.palette-casa/build/rn/icons/bullet-fill.icon.svg',
     Calendar: '@telus-uds/palettes-community.palette-casa/build/rn/icons/calendar.icon.svg',
     Call: '@telus-uds/palettes-community.palette-casa/build/rn/icons/call.icon.svg',

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

@@ -1,55 +1,55 @@
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v2_1_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-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v2_1_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-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v2_1_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-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v2_1_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-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v2_1_0.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v2_1_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-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v2_1_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-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v2_1_0.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,40 +1,40 @@
 @font-face {
   font-family: 'HNforTELUSSA300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v2_0_2.woff');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Display-v2_1_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-v2_1_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Md-v2_1_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v2_0_2.otf');
+  src: url('https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v2_1_0.otf');
   font-display: block;
 }

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

@@ -1,55 +1,55 @@
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSADisplay_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v2_1_0.woff');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSARegular_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v2_1_0.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSAMedium_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v2_1_0.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA';
-  src: url('./HNforTELUSSABold_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v2_1_0.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Display-v2_0_2.otf');
+  src: url('./HNforTELUSSA-Display-v2_1_0.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-v2_0_2.otf');
+  src: url('./HNforTELUSSA-v2_1_0.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Md-v2_0_2.otf');
+  src: url('./HNforTELUSSA-Md-v2_1_0.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF';
-  src: url('./HNforTELUSSA-Bd-v2_0_2.otf');
+  src: url('./HNforTELUSSA-Bd-v2_1_0.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,40 +1,40 @@
 @font-face {
   font-family: 'HNforTELUSSA300normal';
-  src: url('./HNforTELUSSADisplay_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSADisplay_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA400normal';
-  src: url('./HNforTELUSSARegular_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSARegular_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA500normal';
-  src: url('./HNforTELUSSAMedium_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSAMedium_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSA700normal';
-  src: url('./HNforTELUSSABold_normal_normal-v2_0_2.woff');
+  src: url('./HNforTELUSSABold_normal_normal-v2_1_0.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF300normal';
-  src: url('./HNforTELUSSA-Display-v2_0_2.otf');
+  src: url('./HNforTELUSSA-Display-v2_1_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF400normal';
-  src: url('./HNforTELUSSA-v2_0_2.otf');
+  src: url('./HNforTELUSSA-v2_1_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF500normal';
-  src: url('./HNforTELUSSA-Md-v2_0_2.otf');
+  src: url('./HNforTELUSSA-Md-v2_1_0.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HNforTELUSSAOTF700normal';
-  src: url('./HNforTELUSSA-Bd-v2_0_2.otf');
+  src: url('./HNforTELUSSA-Bd-v2_1_0.otf');
   font-display: block;
 }

package/build/web/icons/BulletCircle.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  ...props,
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  height: size,
+  width: size,
+  fill: color,
+  role: title ? 'img' : undefined,
+  "aria-hidden": !title,
+  "aria-labelledby": titleId,
+  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
+    id: titleId,
+    children: title
+  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+  })]
+});

package/build/web/icons/bullet-circle.icon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" />
+</svg>

package/build/web/icons/index.js

@@ -32,6 +32,7 @@ module.exports = {
   Bookmark: require('./Bookmark'),
   Braille: require('./Braille'),
   Briefcase: require('./Briefcase'),
+  BulletCircle: require('./BulletCircle'),
   BulletFill: require('./BulletFill'),
   Calendar: require('./Calendar'),
   Call: require('./Call'),

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 25 Sep 2024 17:04:09 GMT
+* Generated on Thu, 31 Oct 2024 05:08:03 GMT
 */
 module.exports = {
   border: {
@@ -32,12 +32,12 @@ module.exports = {
     greenTusk: '#e3f6d1',
     greenYellow: '#bfe797',
     greyAlabaster: '#fafafa',
-    greyAthens: '#f4f4f7',
+    greyAthens: '#f7f7f8',
     greyCharcoal: '#414547',
     greyCloud: '#b2b9bf',
     greyLight: '#fafafa',
     greyMystic: '#e3e6e8',
-    greyShuttle: '#676e73',
+    greyShuttle: '#54595f',
     greyThunder: '#2c2e30',
     light10: 'rgba(255, 255, 255, 0.1)',
     light20: 'rgba(255, 255, 255, 0.2)',
@@ -54,8 +54,11 @@ module.exports = {
     redDark: '#c12335',
     redDarker: '#560c0c',
     redLight: '#fff6f8',
-    transparent: 'rgba(0, 0, 0, 0)',
+    transparent: 'rgba(255, 255, 255, 0)',
     white: '#ffffff',
+    dark50: 'rgba(42, 44, 46, 0.5)',
+    dark90: 'rgba(42, 44, 46, 0.9)',
+    darkRajah: '#8c5415',
     errorRedDark: '#ff2339',
     errorRedIcon: '#c12335',
     errorRedLight: '#fff6f8',
@@ -65,6 +68,7 @@ module.exports = {
     greyShark: '#2a2c2e',
     lavenderBlush: '#fff6f8',
     lightRajah: '#fff9ee',
+    modalOverlay: 'rgba(0, 0, 0, 0.75)',
     rajah: '#faca69',
     successGreenLight: '#f4f9f2',
     telusPurple: '#4b286d',
@@ -77,16 +81,16 @@ module.exports = {
   },
   font: {
     HNforTELUSSA: {
-      300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v2_0_2.woff',
-      400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v2_0_2.woff',
-      500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v2_0_2.woff',
-      700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v2_0_2.woff'
+      300: 'https://cdn.telus.digital/uds/HNforTELUSSADisplay_normal_normal-v2_1_0.woff',
+      400: 'https://cdn.telus.digital/uds/HNforTELUSSARegular_normal_normal-v2_1_0.woff',
+      500: 'https://cdn.telus.digital/uds/HNforTELUSSAMedium_normal_normal-v2_1_0.woff',
+      700: 'https://cdn.telus.digital/uds/HNforTELUSSABold_normal_normal-v2_1_0.woff'
     },
     HNforTELUSSAOTF: {
-      300: 'https://cdn.telus.digital/uds/HNforTELUSSA-Display-v2_0_2.otf',
-      400: 'https://cdn.telus.digital/uds/HNforTELUSSA-v2_0_2.otf',
-      500: 'https://cdn.telus.digital/uds/HNforTELUSSA-Md-v2_0_2.otf',
-      700: 'https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v2_0_2.otf'
+      300: 'https://cdn.telus.digital/uds/HNforTELUSSA-Display-v2_1_0.otf',
+      400: 'https://cdn.telus.digital/uds/HNforTELUSSA-v2_1_0.otf',
+      500: 'https://cdn.telus.digital/uds/HNforTELUSSA-Md-v2_1_0.otf',
+      700: 'https://cdn.telus.digital/uds/HNforTELUSSA-Bd-v2_1_0.otf'
     }
   },
   fontSize: {
@@ -146,6 +150,7 @@ module.exports = {
     Bookmark: '@telus-uds/palettes-community.palette-casa/build/web/icons/bookmark.icon.svg',
     Braille: '@telus-uds/palettes-community.palette-casa/build/web/icons/braille.icon.svg',
     Briefcase: '@telus-uds/palettes-community.palette-casa/build/web/icons/briefcase.icon.svg',
+    BulletCircle: '@telus-uds/palettes-community.palette-casa/build/web/icons/bullet-circle.icon.svg',
     BulletFill: '@telus-uds/palettes-community.palette-casa/build/web/icons/bullet-fill.icon.svg',
     Calendar: '@telus-uds/palettes-community.palette-casa/build/web/icons/calendar.icon.svg',
     Call: '@telus-uds/palettes-community.palette-casa/build/web/icons/call.icon.svg',

package/package.json

@@ -22,9 +22,9 @@
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@telus-uds/system-tokens": "^0.9.2",
+    "@telus-uds/system-tokens": "^0.10.0",
     "@telus-uds/palette-allium": "*"
   },
   "sideEffects": false,
-  "version": "2.0.2"
+  "version": "2.1.0"
 }

package/palette.json

@@ -15,49 +15,72 @@
   "color": {
     "values": {
       "amberDark": {
+        "description": "Dark Amber",
         "value": "rgb(180, 135, 44)"
       },
       "amberLight": {
+        "description": "Light Amber",
         "value": "rgb(255, 249, 238)"
       },
+      "dark50": {
+        "description": "Dark 50%",
+        "value": "rgba(42, 44, 46, 0.50)"
+      },
+      "dark90": {
+        "description": "Dark 90%",
+        "value": "rgba(42, 44, 46, 0.90)"
+      },
+      "darkRajah": {
+        "description": "Dark Rajah",
+        "value": "rgb(140, 84, 21)"
+      },
       "errorRedDark": {
         "value": "rgb(255, 35, 57)"
       },
       "errorRedIcon": {
+        "description": "Cardinal",
         "value": "rgb(193, 35, 53)"
       },
       "errorRedLight": {
+        "description": "Lavendar Blush",
         "value": "rgb(255, 246, 248)"
       },
       "focusBlue": {
+        "description": "Focus",
         "value": "rgb(39, 93, 197)"
       },
       "greenAccessible": {
+        "description": "Accessible Green",
         "value": "rgb(43, 128, 0)"
       },
       "greenDarkFern": {
         "value": "rgb(22, 62, 6)"
       },
       "greyAthens": {
-        "value": "rgb(244, 244, 247)"
+        "description": "Athens Grey",
+        "value": "rgb(247, 247, 248)"
       },
       "greyCharcoal": {
         "value": "rgb(65, 69, 71)"
       },
       "greyGainsboro": {
+        "description": "Gainsboro Grey",
         "value": "rgb(216, 216, 216)"
       },
       "greyMystic": {
         "value": "rgb(227, 230, 232)"
       },
       "greyRaven": {
+        "description": "Raven Grey",
         "value": "rgb(113, 117, 123)"
       },
       "greyShark": {
+        "description": "Shark Grey",
         "value": "rgb(42, 44, 46)"
       },
       "greyShuttle": {
-        "value": "rgb(103, 110, 115)"
+        "description": "Shuttle Grey",
+        "value": "rgb(84, 89, 95)"
       },
       "greyThunder": {
         "value": "rgb(44, 46, 48)"
@@ -66,18 +89,31 @@
         "value": "rgb(255, 246, 248)"
       },
       "lightRajah": {
+        "description": "Light Rajah",
         "value": "rgb(255, 249, 238)"
       },
+      "modalOverlay": {
+        "description": "Modal overlay",
+        "value": "rgba(0, 0, 0, 0.75)"
+      },
       "rajah": {
+        "description": "Rajah",
         "value": "rgb(250, 202, 105)"
       },
       "successGreenLight": {
+        "description": "Panache",
         "value": "rgb(244, 249, 242)"
       },
       "telusPurple": {
+        "description": "Brand Purple",
         "value": "rgb(75, 40, 109)"
       },
+      "transparent": {
+        "description": "Transparent",
+        "value": "rgba(255, 255, 255, 0)"
+      },
       "whiteLilac": {
+        "description": "White Lilac",
         "value": "rgb(242, 239, 244)"
       },
       "whiteOverlay": {