@telus-uds/palette-koodo 0.28.0 → 1.1.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 15 Nov 2023 18:41:29 GMT
+  Generated on Fri, 01 Dec 2023 21:05:47 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,62 +2,58 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 15 Nov 2023 18:41:29 GMT
+  Generated on Fri, 01 Dec 2023 21:05:47 GMT
 -->
 
 <resources>
   <color name="amaranth">#ffee2c74</color>
-  <color name="beeswax">#fffeeec7</color>
   <color name="bilbao">#ff258b0b</color>
   <color name="black">#ff000000</color>
-  <color name="blue">#ff00a1db</color>
-  <color name="burnt_sienna">#ffed6358</color>
-  <color name="cardinal_pink">#ff8c0448</color>
-  <color name="carousel_pink">#fffae6f4</color>
-  <color name="chathams_blue">#ff17367d</color>
-  <color name="chathams_blue_dark">#ff052158</color>
+  <color name="black_light">#ff404040</color>
+  <color name="blue">#ff2dccd3</color>
+  <color name="blue_dark">#ff15b8bf</color>
+  <color name="blue_light">#ffabebee</color>
+  <color name="caution">#fff8c100</color>
+  <color name="caution_light">#fffff5d2</color>
+  <color name="danger">#ffc9370b</color>
+  <color name="danger_light">#fffcd3c6</color>
+  <color name="danger_mid">#fff3592b</color>
   <color name="dark_10">#1a000000</color>
   <color name="dark_20">#33000000</color>
   <color name="dark_40">#66000000</color>
   <color name="dark_60">#99000000</color>
   <color name="dark_80">#cc000000</color>
   <color name="dark_97">#f7000000</color>
-  <color name="dark_blue">#ff0083b3</color>
-  <color name="dark_mosque">#ff014847</color>
   <color name="dove">#ff666666</color>
-  <color name="dove_dark">#ff5c5c5c</color>
   <color name="flirt">#ff7c1366</color>
   <color name="gallery">#ffefefef</color>
+  <color name="green">#ffa1ed00</color>
+  <color name="green_dark">#ff8ed000</color>
+  <color name="green_light">#ffdfff9a</color>
   <color name="grey_light">#fffafafa</color>
-  <color name="hibiscus">#ffc53a70</color>
-  <color name="iceberg">#ffcbf0e8</color>
-  <color name="icicle">#ffe5f7fb</color>
-  <color name="icicle_dark">#ffbbeaf5</color>
   <color name="light_10">#1affffff</color>
   <color name="light_20">#33ffffff</color>
   <color name="light_40">#66ffffff</color>
   <color name="light_60">#99ffffff</color>
   <color name="light_80">#ccffffff</color>
   <color name="light_97">#f7ffffff</color>
-  <color name="mint_tulip">#ffc1f2e8</color>
   <color name="mortar">#ff595959</color>
-  <color name="mortar_dark">#ff505050</color>
   <color name="mosque">#ff016b6a</color>
-  <color name="mosque_dark">#ff1b4746</color>
-  <color name="notification_error_bg">#fff8dde3</color>
-  <color name="onahau">#ffc3efff</color>
-  <color name="piggy_pink">#fff8dde3</color>
-  <color name="sea_buckthorn">#fffbaf34</color>
+  <color name="orange">#ffffad00</color>
+  <color name="orange_dark">#ffe49b00</color>
+  <color name="orange_light">#ffffd478</color>
+  <color name="pink">#ffff0076</color>
+  <color name="pink_dark">#ffdd0066</color>
+  <color name="pink_light">#ffffd1e6</color>
+  <color name="purple">#ff7a3dfc</color>
+  <color name="purple_dark">#ff5b2bc2</color>
+  <color name="purple_light">#ffe0d8fc</color>
   <color name="silver">#ffc9c8c8</color>
   <color name="silver_dark">#ffb5b4b4</color>
-  <color name="texas">#fff9f6a5</color>
+  <color name="success">#ff1c7b2b</color>
+  <color name="success_light">#ffc5f2cc</color>
   <color name="transparent">#00000000</color>
   <color name="trinidad">#ffdf3d0c</color>
-  <color name="trinidad_dark">#ffc9370b</color>
-  <color name="turquoise">#ff39cdc9</color>
-  <color name="wattle">#ffd5e04d</color>
-  <color name="well_read">#ffb8373e</color>
   <color name="white">#ffffffff</color>
-  <color name="white_dark">#ffe6e6e6</color>
 
 </resources>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 15 Nov 2023 18:41:29 GMT
+  Generated on Fri, 01 Dec 2023 21:05:47 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 15 Nov 2023 18:41:29 GMT
+  Generated on Fri, 01 Dec 2023 21:05:47 GMT
 -->
 
 <resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 15 Nov 2023 18:41:29 GMT
+  Generated on Fri, 01 Dec 2023 21:05:47 GMT
 -->
 
 <resources>
@@ -42,10 +42,13 @@
   <dimen name="size_5">5.00dp</dimen>
   <dimen name="size_544">544.00dp</dimen>
   <dimen name="size_56">56.00dp</dimen>
+  <dimen name="size_576">576.00dp</dimen>
   <dimen name="size_6">6.00dp</dimen>
+  <dimen name="size_630">630.00dp</dimen>
   <dimen name="size_64">64.00dp</dimen>
   <dimen name="size_640">640.00dp</dimen>
   <dimen name="size_72">72.00dp</dimen>
+  <dimen name="size_768">768.00dp</dimen>
   <dimen name="size_8">8.00dp</dimen>
   <dimen name="size_80">80.00dp</dimen>
   <dimen name="size_96">96.00dp</dimen>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 15 Nov 2023 18:41:29 GMT
+// Generated on Fri, 01 Dec 2023 21:05:47 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,63 +4,59 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 15 Nov 2023 18:41:29 GMT
+// Generated on Fri, 01 Dec 2023 21:05:47 GMT
 
 
 import UIKit
 
 public enum PaletteColor {
     public static let amaranth = UIColor(red: 0.933, green: 0.173, blue: 0.455, alpha: 1)
-    public static let beeswax = UIColor(red: 0.996, green: 0.933, blue: 0.780, alpha: 1)
     public static let bilbao = UIColor(red: 0.145, green: 0.545, blue: 0.043, alpha: 1)
     public static let black = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
-    public static let blue = UIColor(red: 0.000, green: 0.631, blue: 0.859, alpha: 1)
-    public static let burntSienna = UIColor(red: 0.929, green: 0.388, blue: 0.345, alpha: 1)
-    public static let cardinalPink = UIColor(red: 0.549, green: 0.016, blue: 0.282, alpha: 1)
-    public static let carouselPink = UIColor(red: 0.980, green: 0.902, blue: 0.957, alpha: 1)
-    public static let chathamsBlue = UIColor(red: 0.090, green: 0.212, blue: 0.490, alpha: 1)
-    public static let chathamsBlueDark = UIColor(red: 0.020, green: 0.129, blue: 0.345, alpha: 1)
+    public static let blackLight = UIColor(red: 0.251, green: 0.251, blue: 0.251, alpha: 1)
+    public static let blue = UIColor(red: 0.176, green: 0.800, blue: 0.827, alpha: 1)
+    public static let blueDark = UIColor(red: 0.082, green: 0.722, blue: 0.749, alpha: 1)
+    public static let blueLight = UIColor(red: 0.671, green: 0.922, blue: 0.933, alpha: 1)
+    public static let caution = UIColor(red: 0.973, green: 0.757, blue: 0.000, alpha: 1)
+    public static let cautionLight = UIColor(red: 1.000, green: 0.961, blue: 0.824, alpha: 1)
+    public static let danger = UIColor(red: 0.788, green: 0.216, blue: 0.043, alpha: 1)
+    public static let dangerLight = UIColor(red: 0.988, green: 0.827, blue: 0.776, alpha: 1)
+    public static let dangerMid = UIColor(red: 0.953, green: 0.349, blue: 0.169, alpha: 1)
     public static let dark10 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1)
     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 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 dark97 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.97)
-    public static let darkBlue = UIColor(red: 0.000, green: 0.514, blue: 0.702, alpha: 1)
-    public static let darkMosque = UIColor(red: 0.004, green: 0.282, blue: 0.278, alpha: 1)
     public static let dove = UIColor(red: 0.400, green: 0.400, blue: 0.400, alpha: 1)
-    public static let doveDark = UIColor(red: 0.361, green: 0.361, blue: 0.361, alpha: 1)
     public static let flirt = UIColor(red: 0.486, green: 0.075, blue: 0.400, alpha: 1)
     public static let gallery = UIColor(red: 0.937, green: 0.937, blue: 0.937, alpha: 1)
+    public static let green = UIColor(red: 0.631, green: 0.929, blue: 0.000, alpha: 1)
+    public static let greenDark = UIColor(red: 0.557, green: 0.816, blue: 0.000, alpha: 1)
+    public static let greenLight = UIColor(red: 0.875, green: 1.000, blue: 0.604, alpha: 1)
     public static let greyLight = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
-    public static let hibiscus = UIColor(red: 0.773, green: 0.227, blue: 0.439, alpha: 1)
-    public static let iceberg = UIColor(red: 0.796, green: 0.941, blue: 0.910, alpha: 1)
-    public static let icicle = UIColor(red: 0.898, green: 0.969, blue: 0.984, alpha: 1)
-    public static let icicleDark = UIColor(red: 0.733, green: 0.918, blue: 0.961, alpha: 1)
     public static let light10 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1)
     public static let light20 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.2)
     public static let light40 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.4)
     public static let light60 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.6)
     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 mintTulip = UIColor(red: 0.757, green: 0.949, blue: 0.910, alpha: 1)
     public static let mortar = UIColor(red: 0.349, green: 0.349, blue: 0.349, alpha: 1)
-    public static let mortarDark = UIColor(red: 0.314, green: 0.314, blue: 0.314, alpha: 1)
     public static let mosque = UIColor(red: 0.004, green: 0.420, blue: 0.416, alpha: 1)
-    public static let mosqueDark = UIColor(red: 0.106, green: 0.278, blue: 0.275, alpha: 1)
-    public static let notificationErrorBg = UIColor(red: 0.973, green: 0.867, blue: 0.890, alpha: 1)
-    public static let onahau = UIColor(red: 0.765, green: 0.937, blue: 1.000, alpha: 1)
-    public static let piggyPink = UIColor(red: 0.973, green: 0.867, blue: 0.890, alpha: 1)
-    public static let seaBuckthorn = UIColor(red: 0.984, green: 0.686, blue: 0.204, alpha: 1)
+    public static let orange = UIColor(red: 1.000, green: 0.678, blue: 0.000, alpha: 1)
+    public static let orangeDark = UIColor(red: 0.894, green: 0.608, blue: 0.000, alpha: 1)
+    public static let orangeLight = UIColor(red: 1.000, green: 0.831, blue: 0.471, alpha: 1)
+    public static let pink = UIColor(red: 1.000, green: 0.000, blue: 0.463, alpha: 1)
+    public static let pinkDark = UIColor(red: 0.867, green: 0.000, blue: 0.400, alpha: 1)
+    public static let pinkLight = UIColor(red: 1.000, green: 0.820, blue: 0.902, alpha: 1)
+    public static let purple = UIColor(red: 0.478, green: 0.239, blue: 0.988, alpha: 1)
+    public static let purpleDark = UIColor(red: 0.357, green: 0.169, blue: 0.761, alpha: 1)
+    public static let purpleLight = UIColor(red: 0.878, green: 0.847, blue: 0.988, alpha: 1)
     public static let silver = UIColor(red: 0.788, green: 0.784, blue: 0.784, alpha: 1)
     public static let silverDark = UIColor(red: 0.710, green: 0.706, blue: 0.706, alpha: 1)
-    public static let texas = UIColor(red: 0.976, green: 0.965, blue: 0.647, alpha: 1)
+    public static let success = UIColor(red: 0.110, green: 0.482, blue: 0.169, alpha: 1)
+    public static let successLight = UIColor(red: 0.773, green: 0.949, blue: 0.800, alpha: 1)
     public static let transparent = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
     public static let trinidad = UIColor(red: 0.875, green: 0.239, blue: 0.047, alpha: 1)
-    public static let trinidadDark = UIColor(red: 0.788, green: 0.216, blue: 0.043, alpha: 1)
-    public static let turquoise = UIColor(red: 0.224, green: 0.804, blue: 0.788, alpha: 1)
-    public static let wattle = UIColor(red: 0.835, green: 0.878, blue: 0.302, alpha: 1)
-    public static let wellRead = UIColor(red: 0.722, green: 0.216, blue: 0.243, alpha: 1)
     public static let white = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let whiteDark = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
 }

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 15 Nov 2023 18:41:29 GMT
+// Generated on Fri, 01 Dec 2023 21:05:47 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 15 Nov 2023 18:41:29 GMT
+// Generated on Fri, 01 Dec 2023 21:05:47 GMT
 
 
 import UIKit

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 15 Nov 2023 18:41:29 GMT
+// Generated on Fri, 01 Dec 2023 21:05:47 GMT
 
 
 import UIKit
@@ -46,10 +46,13 @@ public enum PaletteSize {
     public static let size5 = CGFloat(5)
     public static let size544 = CGFloat(544)
     public static let size56 = CGFloat(56)
+    public static let size576 = CGFloat(576)
     public static let size6 = CGFloat(6)
+    public static let size630 = CGFloat(630)
     public static let size64 = CGFloat(64)
     public static let size640 = CGFloat(640)
     public static let size72 = CGFloat(72)
+    public static let size768 = CGFloat(768)
     public static let size8 = CGFloat(8)
     public static let size80 = CGFloat(80)
     public static let size96 = CGFloat(96)

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 15 Nov 2023 18:41:31 GMT
+* Generated on Fri, 01 Dec 2023 21:05:50 GMT
 */
 module.exports = {
   border: {
@@ -12,58 +12,54 @@ module.exports = {
   },
   color: {
     amaranth: '#ee2c74',
-    beeswax: '#feeec7',
     bilbao: '#258b0b',
     black: '#000000',
-    blue: '#00a1db',
-    burntSienna: '#ed6358',
-    cardinalPink: '#8c0448',
-    carouselPink: '#fae6f4',
-    chathamsBlue: '#17367d',
-    chathamsBlueDark: '#052158',
+    blackLight: '#404040',
+    blue: '#2dccd3',
+    blueDark: '#15b8bf',
+    blueLight: '#abebee',
+    caution: '#f8c100',
+    cautionLight: '#fff5d2',
+    danger: '#c9370b',
+    dangerLight: '#fcd3c6',
+    dangerMid: '#f3592b',
     dark10: 'rgba(0, 0, 0, 0.1)',
     dark20: 'rgba(0, 0, 0, 0.2)',
     dark40: 'rgba(0, 0, 0, 0.4)',
     dark60: 'rgba(0, 0, 0, 0.6)',
     dark80: 'rgba(0, 0, 0, 0.8)',
     dark97: 'rgba(0, 0, 0, 0.97)',
-    darkBlue: '#0083b3',
-    darkMosque: '#014847',
     dove: '#666666',
-    doveDark: '#5c5c5c',
     flirt: '#7c1366',
     gallery: '#efefef',
+    green: '#a1ed00',
+    greenDark: '#8ed000',
+    greenLight: '#dfff9a',
     greyLight: '#fafafa',
-    hibiscus: '#c53a70',
-    iceberg: '#cbf0e8',
-    icicle: '#e5f7fb',
-    icicleDark: '#bbeaf5',
     light10: 'rgba(255, 255, 255, 0.1)',
     light20: 'rgba(255, 255, 255, 0.2)',
     light40: 'rgba(255, 255, 255, 0.4)',
     light60: 'rgba(255, 255, 255, 0.6)',
     light80: 'rgba(255, 255, 255, 0.8)',
     light97: 'rgba(255, 255, 255, 0.97)',
-    mintTulip: '#c1f2e8',
     mortar: '#595959',
-    mortarDark: '#505050',
     mosque: '#016b6a',
-    mosqueDark: '#1b4746',
-    notificationErrorBg: '#f8dde3',
-    onahau: '#c3efff',
-    piggyPink: '#f8dde3',
-    seaBuckthorn: '#fbaf34',
+    orange: '#ffad00',
+    orangeDark: '#e49b00',
+    orangeLight: '#ffd478',
+    pink: '#ff0076',
+    pinkDark: '#dd0066',
+    pinkLight: '#ffd1e6',
+    purple: '#7a3dfc',
+    purpleDark: '#5b2bc2',
+    purpleLight: '#e0d8fc',
     silver: '#c9c8c8',
     silverDark: '#b5b4b4',
-    texas: '#f9f6a5',
+    success: '#1c7b2b',
+    successLight: '#c5f2cc',
     transparent: 'rgba(0, 0, 0, 0)',
     trinidad: '#df3d0c',
-    trinidadDark: '#c9370b',
-    turquoise: '#39cdc9',
-    wattle: '#d5e04d',
-    wellRead: '#b8373e',
-    white: '#ffffff',
-    whiteDark: '#e6e6e6'
+    white: '#ffffff'
   },
   duration: {
     duration250: 250,
@@ -102,16 +98,16 @@ module.exports = {
     size72: 72
   },
   gradient: {
-    mosque: {
+    blackSolid: {
       type: 'linear',
       stops: [
         {
           stop: 0,
-          color: '#016b6a'
+          color: '#000000'
         },
         {
           stop: 1,
-          color: '#016b6a'
+          color: '#000000'
         }
       ],
       angle: 0
@@ -287,29 +283,13 @@ 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,
-      offsetY: 2,
-      blur: 2,
-      spread: 0,
-      color: 'rgba(0, 0, 0, 0.1)'
-    },
     surfaceRaised: {
       inset: false,
       offsetX: 0,
       offsetY: 2,
       blur: 2,
       spread: 0,
-      color: 'rgba(0, 0, 0, 0.1)'
+      color: 'rgba(0, 0, 0, 0.2)'
     }
   },
   size: {
@@ -349,10 +329,13 @@ module.exports = {
     size5: 5,
     size544: 544,
     size56: 56,
+    size576: 576,
     size6: 6,
+    size630: 630,
     size64: 64,
     size640: 640,
     size72: 72,
+    size768: 768,
     size8: 8,
     size80: 80,
     size96: 96

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

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-300-KRe4PBHvkLe-33j4P2sx5.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-300-4BdJgiOOkjoVWXCVqhvJ1.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-400-W1N5Q3gyDy0QdjSo4aGgG.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-400-ArV-U7cLMeFcU6ehYKduu.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-500-whUEIjBn84Hce8mzTlv_t.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-500-8C2GnatgIsqI6_eqt7sQo.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-600-KLYVEx8MCkt5CYTQAse5u.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-600-edqqOJ3192K9-u6leh_4M.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-700-MUa8zIhpyt5L6Wz4lixDT.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-700-5V-tyBe84YiaOnIjNKu9f.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,25 +1,25 @@
 @font-face {
   font-family: 'StagSans300normal';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-300-KRe4PBHvkLe-33j4P2sx5.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-300-4BdJgiOOkjoVWXCVqhvJ1.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-400-W1N5Q3gyDy0QdjSo4aGgG.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-400-ArV-U7cLMeFcU6ehYKduu.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-500-whUEIjBn84Hce8mzTlv_t.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-500-8C2GnatgIsqI6_eqt7sQo.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-600-KLYVEx8MCkt5CYTQAse5u.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-600-edqqOJ3192K9-u6leh_4M.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/v0_28_0-StagSans-700-MUa8zIhpyt5L6Wz4lixDT.otf');
+  src: url('https://cdn.telus.digital/uds/v1_1_0-StagSans-700-5V-tyBe84YiaOnIjNKu9f.otf');
   font-display: block;
 }

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

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_28_0-StagSans-300-KRe4PBHvkLe-33j4P2sx5.otf');
+  src: url('./v1_1_0-StagSans-300-4BdJgiOOkjoVWXCVqhvJ1.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_28_0-StagSans-400-W1N5Q3gyDy0QdjSo4aGgG.otf');
+  src: url('./v1_1_0-StagSans-400-ArV-U7cLMeFcU6ehYKduu.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_28_0-StagSans-500-whUEIjBn84Hce8mzTlv_t.otf');
+  src: url('./v1_1_0-StagSans-500-8C2GnatgIsqI6_eqt7sQo.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_28_0-StagSans-600-KLYVEx8MCkt5CYTQAse5u.otf');
+  src: url('./v1_1_0-StagSans-600-edqqOJ3192K9-u6leh_4M.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_28_0-StagSans-700-MUa8zIhpyt5L6Wz4lixDT.otf');
+  src: url('./v1_1_0-StagSans-700-5V-tyBe84YiaOnIjNKu9f.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,25 +1,25 @@
 @font-face {
   font-family: 'StagSans300normal';
-  src: url('./v0_28_0-StagSans-300-KRe4PBHvkLe-33j4P2sx5.otf');
+  src: url('./v1_1_0-StagSans-300-4BdJgiOOkjoVWXCVqhvJ1.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./v0_28_0-StagSans-400-W1N5Q3gyDy0QdjSo4aGgG.otf');
+  src: url('./v1_1_0-StagSans-400-ArV-U7cLMeFcU6ehYKduu.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./v0_28_0-StagSans-500-whUEIjBn84Hce8mzTlv_t.otf');
+  src: url('./v1_1_0-StagSans-500-8C2GnatgIsqI6_eqt7sQo.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./v0_28_0-StagSans-600-KLYVEx8MCkt5CYTQAse5u.otf');
+  src: url('./v1_1_0-StagSans-600-edqqOJ3192K9-u6leh_4M.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./v0_28_0-StagSans-700-MUa8zIhpyt5L6Wz4lixDT.otf');
+  src: url('./v1_1_0-StagSans-700-5V-tyBe84YiaOnIjNKu9f.otf');
   font-display: block;
 }

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 15 Nov 2023 18:41:29 GMT
+* Generated on Fri, 01 Dec 2023 21:05:47 GMT
 */
 module.exports = {
   border: {
@@ -12,58 +12,54 @@ module.exports = {
   },
   color: {
     amaranth: '#ee2c74',
-    beeswax: '#feeec7',
     bilbao: '#258b0b',
     black: '#000000',
-    blue: '#00a1db',
-    burntSienna: '#ed6358',
-    cardinalPink: '#8c0448',
-    carouselPink: '#fae6f4',
-    chathamsBlue: '#17367d',
-    chathamsBlueDark: '#052158',
+    blackLight: '#404040',
+    blue: '#2dccd3',
+    blueDark: '#15b8bf',
+    blueLight: '#abebee',
+    caution: '#f8c100',
+    cautionLight: '#fff5d2',
+    danger: '#c9370b',
+    dangerLight: '#fcd3c6',
+    dangerMid: '#f3592b',
     dark10: 'rgba(0, 0, 0, 0.1)',
     dark20: 'rgba(0, 0, 0, 0.2)',
     dark40: 'rgba(0, 0, 0, 0.4)',
     dark60: 'rgba(0, 0, 0, 0.6)',
     dark80: 'rgba(0, 0, 0, 0.8)',
     dark97: 'rgba(0, 0, 0, 0.97)',
-    darkBlue: '#0083b3',
-    darkMosque: '#014847',
     dove: '#666666',
-    doveDark: '#5c5c5c',
     flirt: '#7c1366',
     gallery: '#efefef',
+    green: '#a1ed00',
+    greenDark: '#8ed000',
+    greenLight: '#dfff9a',
     greyLight: '#fafafa',
-    hibiscus: '#c53a70',
-    iceberg: '#cbf0e8',
-    icicle: '#e5f7fb',
-    icicleDark: '#bbeaf5',
     light10: 'rgba(255, 255, 255, 0.1)',
     light20: 'rgba(255, 255, 255, 0.2)',
     light40: 'rgba(255, 255, 255, 0.4)',
     light60: 'rgba(255, 255, 255, 0.6)',
     light80: 'rgba(255, 255, 255, 0.8)',
     light97: 'rgba(255, 255, 255, 0.97)',
-    mintTulip: '#c1f2e8',
     mortar: '#595959',
-    mortarDark: '#505050',
     mosque: '#016b6a',
-    mosqueDark: '#1b4746',
-    notificationErrorBg: '#f8dde3',
-    onahau: '#c3efff',
-    piggyPink: '#f8dde3',
-    seaBuckthorn: '#fbaf34',
+    orange: '#ffad00',
+    orangeDark: '#e49b00',
+    orangeLight: '#ffd478',
+    pink: '#ff0076',
+    pinkDark: '#dd0066',
+    pinkLight: '#ffd1e6',
+    purple: '#7a3dfc',
+    purpleDark: '#5b2bc2',
+    purpleLight: '#e0d8fc',
     silver: '#c9c8c8',
     silverDark: '#b5b4b4',
-    texas: '#f9f6a5',
+    success: '#1c7b2b',
+    successLight: '#c5f2cc',
     transparent: 'rgba(0, 0, 0, 0)',
     trinidad: '#df3d0c',
-    trinidadDark: '#c9370b',
-    turquoise: '#39cdc9',
-    wattle: '#d5e04d',
-    wellRead: '#b8373e',
-    white: '#ffffff',
-    whiteDark: '#e6e6e6'
+    white: '#ffffff'
   },
   duration: {
     duration250: 250,
@@ -71,11 +67,11 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/v0_28_0-StagSans-300-KRe4PBHvkLe-33j4P2sx5.otf',
-      400: 'https://cdn.telus.digital/uds/v0_28_0-StagSans-400-W1N5Q3gyDy0QdjSo4aGgG.otf',
-      500: 'https://cdn.telus.digital/uds/v0_28_0-StagSans-500-whUEIjBn84Hce8mzTlv_t.otf',
-      600: 'https://cdn.telus.digital/uds/v0_28_0-StagSans-600-KLYVEx8MCkt5CYTQAse5u.otf',
-      700: 'https://cdn.telus.digital/uds/v0_28_0-StagSans-700-MUa8zIhpyt5L6Wz4lixDT.otf'
+      300: 'https://cdn.telus.digital/uds/v1_1_0-StagSans-300-4BdJgiOOkjoVWXCVqhvJ1.otf',
+      400: 'https://cdn.telus.digital/uds/v1_1_0-StagSans-400-ArV-U7cLMeFcU6ehYKduu.otf',
+      500: 'https://cdn.telus.digital/uds/v1_1_0-StagSans-500-8C2GnatgIsqI6_eqt7sQo.otf',
+      600: 'https://cdn.telus.digital/uds/v1_1_0-StagSans-600-edqqOJ3192K9-u6leh_4M.otf',
+      700: 'https://cdn.telus.digital/uds/v1_1_0-StagSans-700-5V-tyBe84YiaOnIjNKu9f.otf'
     }
   },
   fontSize: {
@@ -102,7 +98,7 @@ module.exports = {
     size72: '4.5rem'
   },
   gradient: {
-    mosque: 'linear-gradient(0deg, #016b6a, #016b6a)'
+    blackSolid: 'linear-gradient(0deg, #000000, #000000)'
   },
   icon: {
     Add: '@telus-uds/palette-koodo/build/web/icons/add.icon.svg',
@@ -246,9 +242,7 @@ module.exports = {
     elevation2: '0px 12px 12px 0px rgba(0, 0, 0, 0.03)',
     elevation3: '0px 32px 32px 0px rgba(0, 0, 0, 0.03)',
     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.1)'
+    surfaceRaised: '0px 2px 2px 0px rgba(0, 0, 0, 0.2)'
   },
   size: {
     size0: '0px',
@@ -287,10 +281,13 @@ module.exports = {
     size5: '5px',
     size544: '544px',
     size56: '56px',
+    size576: '576px',
     size6: '6px',
+    size630: '630px',
     size64: '64px',
     size640: '640px',
     size72: '72px',
+    size768: '768px',
     size8: '8px',
     size80: '80px',
     size96: '96px'

package/package.json

@@ -25,5 +25,5 @@
     "prepublishOnly": "npm run build"
   },
   "sideEffects": false,
-  "version": "0.28.0"
+  "version": "1.1.0"
 }

package/palette.json

@@ -25,50 +25,60 @@
         "tags": ["brand", "ui"],
         "value": "rgb(238, 44, 116)"
       },
-      "beeswax": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(254, 238, 199)"
-      },
       "bilbao": {
         "description": "",
         "tags": [],
         "value": "rgb(37, 139, 11)"
       },
       "black": {
-        "description": "",
-        "tags": [],
+        "description": "Black",
+        "tags": ["global"],
         "value": "rgb(0, 0, 0)"
       },
-      "blue": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(0, 161, 219)"
-      },
-      "burntSienna": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(237, 99, 88)"
-      },
-      "cardinalPink": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(140, 4, 72)"
-      },
-      "carouselPink": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(250, 230, 244)"
+      "blackLight": {
+        "description": "Black Light",
+        "tags": ["global", "light"],
+        "value": "#404040"
       },
-      "chathamsBlue": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(23, 54, 125)"
-      },
-      "chathamsBlueDark": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(5, 33, 88)"
+      "blue": {
+        "description": "Blue",
+        "tags": ["brand"],
+        "value": "#2DCCD3"
+      },
+      "blueDark": {
+        "description": "Blue Dark",
+        "tags": ["brand", "dark"],
+        "value": "#15B8BF"
+      },
+      "blueLight": {
+        "description": "Blue Light",
+        "tags": ["brand", "light"],
+        "value": "#ABEBEE"
+      },
+      "caution": {
+        "description": "Caution",
+        "tags": ["global"],
+        "value": "#F8C100"
+      },
+      "cautionLight": {
+        "description": "Caution Light",
+        "tags": ["global", "light"],
+        "value": "#FFF5D2"
+      },
+      "danger": {
+        "description": "Danger",
+        "tags": ["global"],
+        "value": "#C9370B"
+      },
+      "dangerLight": {
+        "description": "Danger Light",
+        "tags": ["global", "light"],
+        "value": "#FCD3C6"
+      },
+      "dangerMid": {
+        "description": "Danger Mid",
+        "tags": ["global"],
+        "value": "#F3592B"
       },
       "dark10": {
         "description": "Dark 10%",
@@ -100,60 +110,40 @@
         "tags": ["Opacity"],
         "value": "rgba(0, 0, 0, 0.97)"
       },
-      "darkBlue": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(0, 131, 179)"
-      },
-      "darkMosque": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(1, 72, 71)"
-      },
       "dove": {
-        "description": "",
-        "tags": [],
+        "description": "Dove",
+        "tags": ["global"],
         "value": "rgb(102, 102, 102)"
       },
-      "doveDark": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(92, 92, 92)"
-      },
       "flirt": {
         "description": "",
         "tags": ["brand"],
         "value": "rgb(124, 19, 102)"
       },
       "gallery": {
-        "description": "",
-        "tags": [],
+        "description": "Gallery",
+        "tags": ["global"],
         "value": "rgb(239, 239, 239)"
       },
-      "greyLight": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(250, 250, 250)"
+      "green": {
+        "description": "Green",
+        "tags": ["global"],
+        "value": "#A1ED00"
       },
-      "hibiscus": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(197, 58, 112)"
+      "greenDark": {
+        "description": "Green Dark",
+        "tags": ["global", "dark"],
+        "value": "#8ED000"
       },
-      "iceberg": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(203, 240, 232)"
+      "greenLight": {
+        "description": "Green Light",
+        "tags": ["global", "light"],
+        "value": "#DFFF9A"
       },
-      "icicle": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(229, 247, 251)"
-      },
-      "icicleDark": {
+      "greyLight": {
         "description": "",
-        "tags": [],
-        "value": "rgb(187, 234, 245)"
+        "tags": ["global", "light"],
+        "value": "#FAFAFA"
       },
       "light10": {
         "description": "Light 10%",
@@ -185,54 +175,64 @@
         "tags": ["Opacity"],
         "value": "rgba(255, 255, 255, 0.97)"
       },
-      "mintTulip": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(193, 242, 232)"
-      },
       "mortar": {
-        "description": "",
-        "tags": [],
+        "description": "Mortar",
+        "tags": ["global"],
         "value": "rgb(89, 89, 89)"
       },
-      "mortarDark": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(80, 80, 80)"
-      },
       "mosque": {
         "description": "",
         "tags": ["brand"],
         "value": "rgb(1, 107, 106)"
       },
-      "mosqueDark": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(27, 71, 70)"
-      },
-      "notificationErrorBg": {
-        "description": "Used for error notifications, tbc if should be in palette",
-        "tags": [],
-        "value": "rgb(248, 221, 227)"
-      },
-      "onahau": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(195, 239, 255)"
-      },
-      "piggyPink": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(248, 221, 227)"
-      },
-      "seaBuckthorn": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(251, 175, 52)"
+      "orange": {
+        "description": "Orange",
+        "tags": ["global"],
+        "value": "#FFAD00"
+      },
+      "orangeDark": {
+        "description": "Orange Dark",
+        "tags": ["global", "dark"],
+        "value": "#E49B00"
+      },
+      "orangeLight": {
+        "description": "Orange Light",
+        "tags": ["global", "light"],
+        "value": "#FFD478"
+      },
+      "pink": {
+        "description": "Pink",
+        "tags": ["global"],
+        "value": "#FF0076"
+      },
+      "pinkDark": {
+        "description": "Pink Dark",
+        "tags": ["global", "dark"],
+        "value": "#DD0066"
+      },
+      "pinkLight": {
+        "description": "Pink Light",
+        "tags": ["global", "light"],
+        "value": "#FFD1E6"
+      },
+      "purple": {
+        "description": "Purple",
+        "tags": ["global"],
+        "value": "#7A3DFC"
+      },
+      "purpleDark": {
+        "description": "Purple Dark",
+        "tags": ["global", "dark"],
+        "value": "#5B2BC2"
+      },
+      "purpleLight": {
+        "description": "Purple Light",
+        "tags": ["global", "light"],
+        "value": "#E0D8FC"
       },
       "silver": {
-        "description": "",
-        "tags": [],
+        "description": "Silver",
+        "tags": ["global"],
         "value": "rgb(201, 200, 200)"
       },
       "silverDark": {
@@ -240,10 +240,15 @@
         "tags": [],
         "value": "rgb(181, 180, 180)"
       },
-      "texas": {
-        "description": "",
-        "tags": ["brand", "ui"],
-        "value": "rgb(249, 246, 165)"
+      "success": {
+        "description": "Success",
+        "tags": ["global"],
+        "value": "#1C7B2B"
+      },
+      "successLight": {
+        "description": "Success Light",
+        "tags": ["global", "light"],
+        "value": "#C5F2CC"
       },
       "transparent": {
         "tags": ["miscellaneous", "opacity"],
@@ -254,35 +259,10 @@
         "tags": ["ui"],
         "value": "rgb(223, 61, 12)"
       },
-      "trinidadDark": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(201, 55, 11)"
-      },
-      "turquoise": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(57, 205, 201)"
-      },
-      "wattle": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(213, 224, 77)"
-      },
-      "wellRead": {
-        "description": "",
-        "tags": ["ui"],
-        "value": "rgb(184, 55, 62)"
-      },
       "white": {
         "description": "",
-        "tags": [],
+        "tags": ["global"],
         "value": "rgb(255, 255, 255)"
-      },
-      "whiteDark": {
-        "description": "",
-        "tags": [],
-        "value": "rgb(230, 230, 230)"
       }
     }
   },
@@ -378,16 +358,16 @@
   },
   "gradient": {
     "values": {
-      "mosque": {
-        "description": "Mosque Gradient",
+      "blackSolid": {
+        "description": "Black solid Gradient",
         "value": {
           "angle": 0,
           "stops": [
             {
-              "color": "rgb(1, 107, 106)"
+              "color": "rgb(0, 0, 0)"
             },
             {
-              "color": "rgb(1, 107, 106)"
+              "color": "rgb(0, 0, 0)"
             }
           ],
           "type": "linear"
@@ -927,33 +907,11 @@
           "spread": 0
         }
       },
-      "surfaceEmboss": {
-        "description": "Use emboss to 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",
-        "value": {
-          "blur": 2,
-          "color": "rgba(0, 0, 0, 0.1)",
-          "inset": true,
-          "offsetX": 0,
-          "offsetY": 2,
-          "spread": 0
-        }
-      },
       "surfaceRaised": {
         "description": "Use raised shadow to 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.1)",
+          "color": "rgba(0, 0, 0, 0.2)",
           "inset": false,
           "offsetX": 0,
           "offsetY": 2,
@@ -1086,9 +1044,15 @@
       "size56": {
         "value": 56
       },
+      "size576": {
+        "value": 576
+      },
       "size6": {
         "value": 6
       },
+      "size630": {
+        "value": 630
+      },
       "size64": {
         "value": 64
       },
@@ -1099,6 +1063,9 @@
       "size72": {
         "value": 72
       },
+      "size768": {
+        "value": 768
+      },
       "size8": {
         "value": 8
       },