@telus-uds/palette-koodo 0.6.0 → 0.8.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 20 Mar 2023 19:46:22 GMT
+  Generated on Mon, 03 Apr 2023 20:38:31 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 20 Mar 2023 19:46:22 GMT
+  Generated on Mon, 03 Apr 2023 20:38:31 GMT
 -->
 
 <resources>
@@ -15,6 +15,7 @@
   <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="dark_blue">#ff0083b3</color>
   <color name="dark_mosque">#ff014847</color>
   <color name="dove">#ff666666</color>
@@ -38,9 +39,11 @@
   <color name="texas">#fff9f6a5</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 Mon, 20 Mar 2023 19:46:22 GMT
+  Generated on Mon, 03 Apr 2023 20:38:31 GMT
 -->
 
 <resources>
@@ -10,6 +10,7 @@
   <dimen name="size_14">14.00sp</dimen>
   <dimen name="size_16">16.00sp</dimen>
   <dimen name="size_18">18.00sp</dimen>
+  <dimen name="size_2">2.00sp</dimen>
   <dimen name="size_20">20.00sp</dimen>
   <dimen name="size_24">24.00sp</dimen>
   <dimen name="size_28">28.00sp</dimen>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 20 Mar 2023 19:46:22 GMT
+  Generated on Mon, 03 Apr 2023 20:38:31 GMT
 -->
 
 <resources>
@@ -10,6 +10,7 @@
   <dimen name="pill_32">32.00dp</dimen>
   <dimen name="radius_12">12.00dp</dimen>
   <dimen name="radius_4">4.00dp</dimen>
+  <dimen name="radius_48">48.00dp</dimen>
   <dimen name="radius_8">8.00dp</dimen>
 
 </resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 20 Mar 2023 19:46:22 GMT
+  Generated on Mon, 03 Apr 2023 20:38:31 GMT
 -->
 
 <resources>
@@ -14,6 +14,7 @@
   <dimen name="size_128">128.00dp</dimen>
   <dimen name="size_14">14.00dp</dimen>
   <dimen name="size_140">140.00dp</dimen>
+  <dimen name="size_144">144.00dp</dimen>
   <dimen name="size_15">15.00dp</dimen>
   <dimen name="size_16">16.00dp</dimen>
   <dimen name="size_168">168.00dp</dimen>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 20 Mar 2023 19:46:22 GMT
+// Generated on Mon, 03 Apr 2023 20:38:31 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 20 Mar 2023 19:46:22 GMT
+// Generated on Mon, 03 Apr 2023 20:38:31 GMT
 
 
 import UIKit
@@ -19,6 +19,7 @@ public enum PaletteColor {
     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 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)
@@ -42,8 +43,10 @@ public enum PaletteColor {
     public static let texas = UIColor(red: 0.976, green: 0.965, blue: 0.647, 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 Mon, 20 Mar 2023 19:46:22 GMT
+// Generated on Mon, 03 Apr 2023 20:38:31 GMT
 
 
 import UIKit
@@ -14,6 +14,7 @@ public enum PaletteFontSize {
     public static let size14 = CGFloat(14)
     public static let size16 = CGFloat(16)
     public static let size18 = CGFloat(18)
+    public static let size2 = CGFloat(2)
     public static let size20 = CGFloat(20)
     public static let size24 = CGFloat(24)
     public static let size28 = CGFloat(28)

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 20 Mar 2023 19:46:22 GMT
+// Generated on Mon, 03 Apr 2023 20:38:31 GMT
 
 
 import UIKit
@@ -14,5 +14,6 @@ public enum PaletteRadius {
     public static let pill32 = CGFloat(32)
     public static let radius12 = CGFloat(12)
     public static let radius4 = CGFloat(4)
+    public static let radius48 = CGFloat(48)
     public static let radius8 = CGFloat(8)
 }

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 20 Mar 2023 19:46:22 GMT
+// Generated on Mon, 03 Apr 2023 20:38:31 GMT
 
 
 import UIKit
@@ -18,6 +18,7 @@ public enum PaletteSize {
     public static let size128 = CGFloat(128)
     public static let size14 = CGFloat(14)
     public static let size140 = CGFloat(140)
+    public static let size144 = CGFloat(144)
     public static let size15 = CGFloat(15)
     public static let size16 = CGFloat(16)
     public static let size168 = CGFloat(168)

package/build/rn/icons/Caution.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,
+  width: size,
+  height: size,
+  fill: color,
+  xmlns: "http://www.w3.org/2000/svg",
+  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: "M.971 17.584a.97.97 0 0 1-.835-1.463L9.165.827a.97.97 0 0 1 1.67 0l9.029 15.294a.97.97 0 0 1-.835 1.463H.97ZM9.273 15.4h1.454v-1.454H9.273V15.4Zm1.454-2.91H9.273V6.674h1.454v5.819Z",
+    fill: "#EE2C74"
+  })]
+});

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

@@ -0,0 +1,28 @@
+"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,
+  width: size,
+  height: size,
+  fill: color,
+  xmlns: "http://www.w3.org/2000/svg",
+  "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: "M.971 17.584a.97.97 0 0 1-.835-1.463L9.165.827a.97.97 0 0 1 1.67 0l9.029 15.294a.97.97 0 0 1-.835 1.463H.97ZM9.273 15.4h1.454v-1.454H9.273V15.4Zm1.454-2.91H9.273V6.674h1.454v5.819Z",
+    fill: "#EE2C74"
+  })]
+});

package/build/rn/icons/caution.icon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.971319 17.5836C0.22055 17.5836 -0.245517 16.7672 0.136149 16.1207L9.16483 0.826794C9.54012 0.191056 10.4599 0.191057 10.8351 0.826795L19.8638 16.1207C20.2455 16.7672 19.7795 17.5836 19.0287 17.5836H0.971319ZM9.27256 15.4014H10.7273V13.9466H9.27256V15.4014ZM10.7273 12.4918H9.27256V6.67278H10.7273V12.4918Z" fill="#EE2C74"/>
+</svg>

package/build/rn/icons/index.js

@@ -4,6 +4,7 @@ module.exports = {
   BoxOutlineChecked: require('./BoxOutlineChecked'),
   Bullet: require('./Bullet'),
   Cart: require('./Cart'),
+  Caution: require('./Caution'),
   Check: require('./Check'),
   CheckCircledFilled: require('./CheckCircledFilled'),
   CheckCircledNotFilled: require('./CheckCircledNotFilled'),

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 20 Mar 2023 19:46:23 GMT
+* Generated on Mon, 03 Apr 2023 20:38:32 GMT
 */
 module.exports = {
   border: {
@@ -20,6 +20,7 @@ module.exports = {
     cardinalPink: '#8c0448',
     carouselPink: '#fae6f4',
     chathamsBlue: '#17367d',
+    chathamsBlueDark: '#052158',
     darkBlue: '#0083b3',
     darkMosque: '#014847',
     dove: '#666666',
@@ -43,10 +44,12 @@ module.exports = {
     texas: '#f9f6a5',
     transparent: 'rgba(0, 0, 0, 0)',
     trinidad: '#df3d0c',
+    trinidadDark: '#c9370b',
     turquoise: '#39cdc9',
     wattle: '#d5e04d',
     wellRead: '#b8373e',
-    white: '#ffffff'
+    white: '#ffffff',
+    whiteDark: '#e6e6e6'
   },
   duration: {
     duration250: 250,
@@ -66,6 +69,7 @@ module.exports = {
     size14: 14,
     size16: 16,
     size18: 18,
+    size2: 2,
     size20: 20,
     size24: 24,
     size28: 28,
@@ -86,6 +90,7 @@ module.exports = {
     BoxOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/box-outline-checked.icon.svg',
     Bullet: '@telus-uds/palette-koodo/build/rn/icons/bullet.icon.svg',
     Cart: '@telus-uds/palette-koodo/build/rn/icons/cart.icon.svg',
+    Caution: '@telus-uds/palette-koodo/build/rn/icons/caution.icon.svg',
     Check: '@telus-uds/palette-koodo/build/rn/icons/check.icon.svg',
     CheckCircledFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-filled.icon.svg',
     CheckCircledNotFilled: '@telus-uds/palette-koodo/build/rn/icons/check-circled-not-filled.icon.svg',
@@ -146,6 +151,7 @@ module.exports = {
     pill32: 32,
     radius12: 12,
     radius4: 4,
+    radius48: 48,
     radius8: 8
   },
   shadow: {
@@ -167,6 +173,7 @@ module.exports = {
     size128: 128,
     size14: 14,
     size140: 140,
+    size144: 144,
     size15: 15,
     size16: 16,
     size168: 168,

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_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-300-v8O-nDU-W5GzcaJj2KRYn.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-400-S0u17gO_yPMVoNvlMuddf.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-500-VGxqvPf4b7DvnE4__0xBL.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-600-iAuKz2wi48c86pjaKqWKI.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-700-Uhe0jw9kEfeNVY_E0kghk.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_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-300-v8O-nDU-W5GzcaJj2KRYn.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-400-S0u17gO_yPMVoNvlMuddf.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-500-VGxqvPf4b7DvnE4__0xBL.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-600-iAuKz2wi48c86pjaKqWKI.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.otf');
+  src: url('https://cdn.telus.digital/uds/v0_8_0-StagSans-700-Uhe0jw9kEfeNVY_E0kghk.otf');
   font-display: block;
 }

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

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
+  src: url('./v0_8_0-StagSans-300-v8O-nDU-W5GzcaJj2KRYn.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
+  src: url('./v0_8_0-StagSans-400-S0u17gO_yPMVoNvlMuddf.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
+  src: url('./v0_8_0-StagSans-500-VGxqvPf4b7DvnE4__0xBL.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
+  src: url('./v0_8_0-StagSans-600-iAuKz2wi48c86pjaKqWKI.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.otf');
+  src: url('./v0_8_0-StagSans-700-Uhe0jw9kEfeNVY_E0kghk.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_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
+  src: url('./v0_8_0-StagSans-300-v8O-nDU-W5GzcaJj2KRYn.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
+  src: url('./v0_8_0-StagSans-400-S0u17gO_yPMVoNvlMuddf.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
+  src: url('./v0_8_0-StagSans-500-VGxqvPf4b7DvnE4__0xBL.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
+  src: url('./v0_8_0-StagSans-600-iAuKz2wi48c86pjaKqWKI.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.otf');
+  src: url('./v0_8_0-StagSans-700-Uhe0jw9kEfeNVY_E0kghk.otf');
   font-display: block;
 }

package/build/web/icons/Caution.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,
+  width: size,
+  height: size,
+  fill: color,
+  xmlns: "http://www.w3.org/2000/svg",
+  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: "M.971 17.584a.97.97 0 0 1-.835-1.463L9.165.827a.97.97 0 0 1 1.67 0l9.029 15.294a.97.97 0 0 1-.835 1.463H.97ZM9.273 15.4h1.454v-1.454H9.273V15.4Zm1.454-2.91H9.273V6.674h1.454v5.819Z",
+    fill: "#EE2C74"
+  })]
+});

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

@@ -0,0 +1,3 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.971319 17.5836C0.22055 17.5836 -0.245517 16.7672 0.136149 16.1207L9.16483 0.826794C9.54012 0.191056 10.4599 0.191057 10.8351 0.826795L19.8638 16.1207C20.2455 16.7672 19.7795 17.5836 19.0287 17.5836H0.971319ZM9.27256 15.4014H10.7273V13.9466H9.27256V15.4014ZM10.7273 12.4918H9.27256V6.67278H10.7273V12.4918Z" fill="#EE2C74"/>
+</svg>

package/build/web/icons/index.js

@@ -4,6 +4,7 @@ module.exports = {
   BoxOutlineChecked: require('./BoxOutlineChecked'),
   Bullet: require('./Bullet'),
   Cart: require('./Cart'),
+  Caution: require('./Caution'),
   Check: require('./Check'),
   CheckCircledFilled: require('./CheckCircledFilled'),
   CheckCircledNotFilled: require('./CheckCircledNotFilled'),

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 20 Mar 2023 19:46:22 GMT
+* Generated on Mon, 03 Apr 2023 20:38:31 GMT
 */
 module.exports = {
   border: {
@@ -20,6 +20,7 @@ module.exports = {
     cardinalPink: '#8c0448',
     carouselPink: '#fae6f4',
     chathamsBlue: '#17367d',
+    chathamsBlueDark: '#052158',
     darkBlue: '#0083b3',
     darkMosque: '#014847',
     dove: '#666666',
@@ -43,10 +44,12 @@ module.exports = {
     texas: '#f9f6a5',
     transparent: 'rgba(0, 0, 0, 0)',
     trinidad: '#df3d0c',
+    trinidadDark: '#c9370b',
     turquoise: '#39cdc9',
     wattle: '#d5e04d',
     wellRead: '#b8373e',
-    white: '#ffffff'
+    white: '#ffffff',
+    whiteDark: '#e6e6e6'
   },
   duration: {
     duration250: 250,
@@ -54,11 +57,11 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/v0_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf',
-      400: 'https://cdn.telus.digital/uds/v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf',
-      500: 'https://cdn.telus.digital/uds/v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf',
-      600: 'https://cdn.telus.digital/uds/v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf',
-      700: 'https://cdn.telus.digital/uds/v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.otf'
+      300: 'https://cdn.telus.digital/uds/v0_8_0-StagSans-300-v8O-nDU-W5GzcaJj2KRYn.otf',
+      400: 'https://cdn.telus.digital/uds/v0_8_0-StagSans-400-S0u17gO_yPMVoNvlMuddf.otf',
+      500: 'https://cdn.telus.digital/uds/v0_8_0-StagSans-500-VGxqvPf4b7DvnE4__0xBL.otf',
+      600: 'https://cdn.telus.digital/uds/v0_8_0-StagSans-600-iAuKz2wi48c86pjaKqWKI.otf',
+      700: 'https://cdn.telus.digital/uds/v0_8_0-StagSans-700-Uhe0jw9kEfeNVY_E0kghk.otf'
     }
   },
   fontSize: {
@@ -66,6 +69,7 @@ module.exports = {
     size14: '0.875rem',
     size16: '1rem',
     size18: '1.125rem',
+    size2: '0.125rem',
     size20: '1.25rem',
     size24: '1.5rem',
     size28: '1.75rem',
@@ -86,6 +90,7 @@ module.exports = {
     BoxOutlineChecked: '@telus-uds/palette-koodo/build/web/icons/box-outline-checked.icon.svg',
     Bullet: '@telus-uds/palette-koodo/build/web/icons/bullet.icon.svg',
     Cart: '@telus-uds/palette-koodo/build/web/icons/cart.icon.svg',
+    Caution: '@telus-uds/palette-koodo/build/web/icons/caution.icon.svg',
     Check: '@telus-uds/palette-koodo/build/web/icons/check.icon.svg',
     CheckCircledFilled: '@telus-uds/palette-koodo/build/web/icons/check-circled-filled.icon.svg',
     CheckCircledNotFilled: '@telus-uds/palette-koodo/build/web/icons/check-circled-not-filled.icon.svg',
@@ -146,6 +151,7 @@ module.exports = {
     pill32: '32px',
     radius12: '12px',
     radius4: '4px',
+    radius48: '48px',
     radius8: '8px'
   },
   shadow: {
@@ -160,6 +166,7 @@ module.exports = {
     size128: '128px',
     size14: '14px',
     size140: '140px',
+    size144: '144px',
     size15: '15px',
     size16: '16px',
     size168: '168px',

package/package.json

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

package/palette.json

@@ -65,6 +65,11 @@
         "tags": ["ui"],
         "value": "rgb(23, 54, 125)"
       },
+      "chathamsBlueDark": {
+        "description": "",
+        "tags": ["ui"],
+        "value": "rgb(5, 33, 88)"
+      },
       "darkBlue": {
         "description": "",
         "tags": [],
@@ -179,6 +184,11 @@
         "tags": ["ui"],
         "value": "rgb(223, 61, 12)"
       },
+      "trinidadDark": {
+        "description": "",
+        "tags": ["ui"],
+        "value": "rgb(201, 55, 11)"
+      },
       "turquoise": {
         "description": "",
         "tags": [],
@@ -198,6 +208,11 @@
         "description": "",
         "tags": [],
         "value": "rgb(255, 255, 255)"
+      },
+      "whiteDark": {
+        "description": "",
+        "tags": [],
+        "value": "rgb(230, 230, 230)"
       }
     }
   },
@@ -238,6 +253,9 @@
       "size18": {
         "value": 18
       },
+      "size2": {
+        "value": 2
+      },
       "size20": {
         "value": 20
       },
@@ -296,6 +314,9 @@
       "Cart": {
         "value": "icon/cart.svg"
       },
+      "Caution": {
+        "value": "icon/caution.svg"
+      },
       "Check": {
         "value": "icon/check.svg"
       },
@@ -469,6 +490,9 @@
       "radius4": {
         "value": 4
       },
+      "radius48": {
+        "value": 48
+      },
       "radius8": {
         "value": 8
       }
@@ -518,6 +542,10 @@
         "description": "140 is the image size for xs, sm, md and lg screen size on the QuickLinksFeature component when hovered",
         "value": 140
       },
+      "size144": {
+        "description": "24 x 6. Larger sizes for the widths/heights of blocks are based on multiples of 24.",
+        "value": 144
+      },
       "size15": {
         "description": "StepTracker knob diameter",
         "value": 15