@telus-uds/palette-koodo 0.4.0 → 0.6.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:11 GMT
+  Generated on Mon, 20 Mar 2023 19:46:22 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:11 GMT
+  Generated on Mon, 20 Mar 2023 19:46:22 GMT
 -->
 
 <resources>
@@ -16,6 +16,7 @@
   <color name="carousel_pink">#fffae6f4</color>
   <color name="chathams_blue">#ff17367d</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>

package/build/android/font_size.xml

@@ -2,20 +2,26 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:11 GMT
+  Generated on Mon, 20 Mar 2023 19:46:22 GMT
 -->
 
 <resources>
   <dimen name="size_12">12.00sp</dimen>
   <dimen name="size_14">14.00sp</dimen>
   <dimen name="size_16">16.00sp</dimen>
+  <dimen name="size_18">18.00sp</dimen>
   <dimen name="size_20">20.00sp</dimen>
   <dimen name="size_24">24.00sp</dimen>
   <dimen name="size_28">28.00sp</dimen>
+  <dimen name="size_32">32.00sp</dimen>
+  <dimen name="size_34">34.00sp</dimen>
+  <dimen name="size_36">36.00sp</dimen>
   <dimen name="size_40">40.00sp</dimen>
   <dimen name="size_44">44.00sp</dimen>
   <dimen name="size_48">48.00sp</dimen>
+  <dimen name="size_54">54.00sp</dimen>
   <dimen name="size_56">56.00sp</dimen>
   <dimen name="size_64">64.00sp</dimen>
+  <dimen name="size_70">70.00sp</dimen>
 
 </resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:11 GMT
+  Generated on Mon, 20 Mar 2023 19:46:22 GMT
 -->
 
 <resources>
@@ -10,5 +10,6 @@
   <dimen name="pill_32">32.00dp</dimen>
   <dimen name="radius_12">12.00dp</dimen>
   <dimen name="radius_4">4.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 Tue, 07 Mar 2023 21:12:11 GMT
+  Generated on Mon, 20 Mar 2023 19:46:22 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:11 GMT
+// Generated on Mon, 20 Mar 2023 19:46:22 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:11 GMT
+// Generated on Mon, 20 Mar 2023 19:46:22 GMT
 
 
 import UIKit
@@ -20,6 +20,7 @@ public enum PaletteColor {
     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 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)

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:11 GMT
+// Generated on Mon, 20 Mar 2023 19:46:22 GMT
 
 
 import UIKit
@@ -13,12 +13,18 @@ public enum PaletteFontSize {
     public static let size12 = CGFloat(12)
     public static let size14 = CGFloat(14)
     public static let size16 = CGFloat(16)
+    public static let size18 = CGFloat(18)
     public static let size20 = CGFloat(20)
     public static let size24 = CGFloat(24)
     public static let size28 = CGFloat(28)
+    public static let size32 = CGFloat(32)
+    public static let size34 = CGFloat(34)
+    public static let size36 = CGFloat(36)
     public static let size40 = CGFloat(40)
     public static let size44 = CGFloat(44)
     public static let size48 = CGFloat(48)
+    public static let size54 = CGFloat(54)
     public static let size56 = CGFloat(56)
     public static let size64 = CGFloat(64)
+    public static let size70 = CGFloat(70)
 }

package/build/ios/Radius.swift

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

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:11 GMT
+// Generated on Mon, 20 Mar 2023 19:46:22 GMT
 
 
 import UIKit

package/build/rn/icons/EyeMasked.js

@@ -0,0 +1,27 @@
+"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",
+  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",
+    d: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/EyeMasked.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",
+  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",
+    d: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/EyeUnmasked.js

@@ -0,0 +1,31 @@
+"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",
+  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",
+    d: "M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
+    clipRule: "evenodd"
+  })]
+});

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

@@ -0,0 +1,31 @@
+"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",
+  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",
+    d: "M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fillRule: "evenodd",
+    d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/eye-masked.icon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/icons/eye-unmasked.icon.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/icons/index.js

@@ -15,7 +15,9 @@ module.exports = {
   ExclamationOctagon: require('./ExclamationOctagon'),
   ExclamationTriangle: require('./ExclamationTriangle'),
   EyeClosed: require('./EyeClosed'),
+  EyeMasked: require('./EyeMasked'),
   EyeOpened: require('./EyeOpened'),
+  EyeUnmasked: require('./EyeUnmasked'),
   Hamburger: require('./Hamburger'),
   Info: require('./Info'),
   InfoSelected: require('./InfoSelected'),

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 07 Mar 2023 21:12:12 GMT
+* Generated on Mon, 20 Mar 2023 19:46:23 GMT
 */
 module.exports = {
   border: {
@@ -21,6 +21,7 @@ module.exports = {
     carouselPink: '#fae6f4',
     chathamsBlue: '#17367d',
     darkBlue: '#0083b3',
+    darkMosque: '#014847',
     dove: '#666666',
     doveDark: '#5c5c5c',
     flirt: '#7c1366',
@@ -64,14 +65,20 @@ module.exports = {
     size12: 12,
     size14: 14,
     size16: 16,
+    size18: 18,
     size20: 20,
     size24: 24,
     size28: 28,
+    size32: 32,
+    size34: 34,
+    size36: 36,
     size40: 40,
     size44: 44,
     size48: 48,
+    size54: 54,
     size56: 56,
-    size64: 64
+    size64: 64,
+    size70: 70
   },
   icon: {
     ArrowDownCircled: '@telus-uds/palette-koodo/build/rn/icons/arrow-down-circled.icon.svg',
@@ -90,7 +97,9 @@ module.exports = {
     ExclamationOctagon: '@telus-uds/palette-koodo/build/rn/icons/exclamation-octagon.icon.svg',
     ExclamationTriangle: '@telus-uds/palette-koodo/build/rn/icons/exclamation-triangle.icon.svg',
     EyeClosed: '@telus-uds/palette-koodo/build/rn/icons/eye-closed.icon.svg',
+    EyeMasked: '@telus-uds/palette-koodo/build/rn/icons/eye-masked.icon.svg',
     EyeOpened: '@telus-uds/palette-koodo/build/rn/icons/eye-opened.icon.svg',
+    EyeUnmasked: '@telus-uds/palette-koodo/build/rn/icons/eye-unmasked.icon.svg',
     Hamburger: '@telus-uds/palette-koodo/build/rn/icons/hamburger.icon.svg',
     Info: '@telus-uds/palette-koodo/build/rn/icons/info.icon.svg',
     InfoSelected: '@telus-uds/palette-koodo/build/rn/icons/info-selected.icon.svg',
@@ -112,7 +121,20 @@ module.exports = {
     multiply130: 1.3,
     multiply140: 1.4,
     multiply150: 1.5,
-    multiply160: 1.6
+    multiply160: 1.6,
+    ratio10to7: 1.42857142857,
+    ratio11to9: 1.22222222222,
+    ratio14to9: 1.55555555,
+    ratio1to1: 1,
+    ratio3to2: 1.5,
+    ratio4to3: 1.33333333333,
+    ratio5to4: 1.25,
+    ratio6to5: 1.2,
+    ratio7to5: 1.4,
+    ratio8to5: 1.6,
+    ratio8to7: 1.14285714286,
+    ratio9to7: 1.28571428571,
+    ratio9to8: 1.125
   },
   opacity: {
     opacity3: 0.3,
@@ -123,7 +145,8 @@ module.exports = {
     none: 0,
     pill32: 32,
     radius12: 12,
-    radius4: 4
+    radius4: 4,
+    radius8: 8
   },
   shadow: {
     none: {

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_4_0-StagSans-300-NRo_hiPR2EXGYkbmrdJKf.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-400-6ZZSY_6ZSiIkIp7Llj7Oo.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-500-gz47s7yWS811NH61kHvi-.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-600-68bAmgUYjgbm-wqjuuyJn.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-700-oZrk62FCHtxay2ZCsw_It.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.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_4_0-StagSans-300-NRo_hiPR2EXGYkbmrdJKf.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-400-6ZZSY_6ZSiIkIp7Llj7Oo.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-500-gz47s7yWS811NH61kHvi-.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-600-68bAmgUYjgbm-wqjuuyJn.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/v0_4_0-StagSans-700-oZrk62FCHtxay2ZCsw_It.otf');
+  src: url('https://cdn.telus.digital/uds/v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.otf');
   font-display: block;
 }

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

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_4_0-StagSans-300-NRo_hiPR2EXGYkbmrdJKf.otf');
+  src: url('./v0_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_4_0-StagSans-400-6ZZSY_6ZSiIkIp7Llj7Oo.otf');
+  src: url('./v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_4_0-StagSans-500-gz47s7yWS811NH61kHvi-.otf');
+  src: url('./v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_4_0-StagSans-600-68bAmgUYjgbm-wqjuuyJn.otf');
+  src: url('./v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_4_0-StagSans-700-oZrk62FCHtxay2ZCsw_It.otf');
+  src: url('./v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.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_4_0-StagSans-300-NRo_hiPR2EXGYkbmrdJKf.otf');
+  src: url('./v0_6_0-StagSans-300-uCFhO-K5urS7ghfX_tBiT.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./v0_4_0-StagSans-400-6ZZSY_6ZSiIkIp7Llj7Oo.otf');
+  src: url('./v0_6_0-StagSans-400-sqCkMomnGjk5K_kCEkmDd.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./v0_4_0-StagSans-500-gz47s7yWS811NH61kHvi-.otf');
+  src: url('./v0_6_0-StagSans-500-2RAthF3PS2pAdgsvcw_Yq.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./v0_4_0-StagSans-600-68bAmgUYjgbm-wqjuuyJn.otf');
+  src: url('./v0_6_0-StagSans-600-fSFrFEyLyrr2k0TCuFL8_.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./v0_4_0-StagSans-700-oZrk62FCHtxay2ZCsw_It.otf');
+  src: url('./v0_6_0-StagSans-700-UJK34bB2Z7Xp8A6ZA6hdr.otf');
   font-display: block;
 }

package/build/web/icons/EyeMasked.js

@@ -0,0 +1,27 @@
+"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",
+  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",
+    d: "M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/web/icons/EyeUnmasked.js

@@ -0,0 +1,31 @@
+"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",
+  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",
+    d: "M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/web/icons/eye-masked.icon.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M2.563 22.066c-.31.395-.211.992.223 1.334.434.341 1.037.299 1.348-.096l2.548-3.234c1.603.595 3.408.93 5.318.93 6.628 0 12-4.03 12-9 0-3.058-2.034-5.76-5.142-7.387l2.096-2.661c.31-.395.21-.991-.223-1.333-.434-.342-1.037-.3-1.348.095L16.953 3.8A15.407 15.407 0 0 0 12 3C5.373 3 0 7.03 0 12c0 2.95 1.892 5.567 4.814 7.209l-2.251 2.857Zm5.43-3.661c1.298.399 2.649.6 4.007.595 2.923 0 5.492-.891 7.285-2.236C21.078 15.419 22 13.714 22 12c0-1.715-.922-3.42-2.715-4.764a10.116 10.116 0 0 0-1.69-1.019l-2.53 3.212a4 4 0 0 1-4.847 6.153l-2.225 2.823Zm.712-4.136L6.07 17.614a9.95 9.95 0 0 1-1.355-.85C2.922 15.419 2 13.714 2 12c0-1.715.922-3.42 2.715-4.764C6.508 5.891 9.077 5 12 5c1.29 0 2.51.173 3.626.483l-2.191 2.782a4 4 0 0 0-4.73 6.004Zm2.806-.33A2.006 2.006 0 0 0 14 12c0-.336-.083-.652-.23-.93l-2.26 2.87.001-.001Zm.556-3.938-1.995 2.533A2.003 2.003 0 0 1 12.067 10v.001Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/eye-unmasked.icon.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M14.828 14.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656Zm-1.414-1.414a2 2 0 1 0-2.828-2.828 2 2 0 0 0 2.828 2.828Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M24 12c0 4.97-5.372 9-12 9-6.627 0-12-4.03-12-9s5.373-9 12-9c6.628 0 12 4.03 12 9Zm-4.715 4.764C21.078 15.42 22 13.715 22 12c0-1.714-.922-3.419-2.715-4.764C17.492 5.891 14.923 5 12 5s-5.492.891-7.285 2.236C2.922 8.58 2 10.285 2 12c0 1.714.922 3.419 2.715 4.764C6.508 18.109 9.077 19 12 19s5.492-.891 7.285-2.236Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/index.js

@@ -15,7 +15,9 @@ module.exports = {
   ExclamationOctagon: require('./ExclamationOctagon'),
   ExclamationTriangle: require('./ExclamationTriangle'),
   EyeClosed: require('./EyeClosed'),
+  EyeMasked: require('./EyeMasked'),
   EyeOpened: require('./EyeOpened'),
+  EyeUnmasked: require('./EyeUnmasked'),
   Hamburger: require('./Hamburger'),
   Info: require('./Info'),
   InfoSelected: require('./InfoSelected'),

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 07 Mar 2023 21:12:11 GMT
+* Generated on Mon, 20 Mar 2023 19:46:22 GMT
 */
 module.exports = {
   border: {
@@ -21,6 +21,7 @@ module.exports = {
     carouselPink: '#fae6f4',
     chathamsBlue: '#17367d',
     darkBlue: '#0083b3',
+    darkMosque: '#014847',
     dove: '#666666',
     doveDark: '#5c5c5c',
     flirt: '#7c1366',
@@ -53,25 +54,31 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/v0_4_0-StagSans-300-NRo_hiPR2EXGYkbmrdJKf.otf',
-      400: 'https://cdn.telus.digital/uds/v0_4_0-StagSans-400-6ZZSY_6ZSiIkIp7Llj7Oo.otf',
-      500: 'https://cdn.telus.digital/uds/v0_4_0-StagSans-500-gz47s7yWS811NH61kHvi-.otf',
-      600: 'https://cdn.telus.digital/uds/v0_4_0-StagSans-600-68bAmgUYjgbm-wqjuuyJn.otf',
-      700: 'https://cdn.telus.digital/uds/v0_4_0-StagSans-700-oZrk62FCHtxay2ZCsw_It.otf'
+      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'
     }
   },
   fontSize: {
     size12: '0.75rem',
     size14: '0.875rem',
     size16: '1rem',
+    size18: '1.125rem',
     size20: '1.25rem',
     size24: '1.5rem',
     size28: '1.75rem',
+    size32: '2rem',
+    size34: '2.125rem',
+    size36: '2.25rem',
     size40: '2.5rem',
     size44: '2.75rem',
     size48: '3rem',
+    size54: '3.375rem',
     size56: '3.5rem',
-    size64: '4rem'
+    size64: '4rem',
+    size70: '4.375rem'
   },
   icon: {
     ArrowDownCircled: '@telus-uds/palette-koodo/build/web/icons/arrow-down-circled.icon.svg',
@@ -90,7 +97,9 @@ module.exports = {
     ExclamationOctagon: '@telus-uds/palette-koodo/build/web/icons/exclamation-octagon.icon.svg',
     ExclamationTriangle: '@telus-uds/palette-koodo/build/web/icons/exclamation-triangle.icon.svg',
     EyeClosed: '@telus-uds/palette-koodo/build/web/icons/eye-closed.icon.svg',
+    EyeMasked: '@telus-uds/palette-koodo/build/web/icons/eye-masked.icon.svg',
     EyeOpened: '@telus-uds/palette-koodo/build/web/icons/eye-opened.icon.svg',
+    EyeUnmasked: '@telus-uds/palette-koodo/build/web/icons/eye-unmasked.icon.svg',
     Hamburger: '@telus-uds/palette-koodo/build/web/icons/hamburger.icon.svg',
     Info: '@telus-uds/palette-koodo/build/web/icons/info.icon.svg',
     InfoSelected: '@telus-uds/palette-koodo/build/web/icons/info-selected.icon.svg',
@@ -112,7 +121,20 @@ module.exports = {
     multiply130: 1.3,
     multiply140: 1.4,
     multiply150: 1.5,
-    multiply160: 1.6
+    multiply160: 1.6,
+    ratio10to7: 1.42857142857,
+    ratio11to9: 1.22222222222,
+    ratio14to9: 1.55555555,
+    ratio1to1: 1,
+    ratio3to2: 1.5,
+    ratio4to3: 1.33333333333,
+    ratio5to4: 1.25,
+    ratio6to5: 1.2,
+    ratio7to5: 1.4,
+    ratio8to5: 1.6,
+    ratio8to7: 1.14285714286,
+    ratio9to7: 1.28571428571,
+    ratio9to8: 1.125
   },
   opacity: {
     opacity3: 0.3,
@@ -123,7 +145,8 @@ module.exports = {
     none: '0px',
     pill32: '32px',
     radius12: '12px',
-    radius4: '4px'
+    radius4: '4px',
+    radius8: '8px'
   },
   shadow: {
     none: '0px 0px 0px 0px rgba(0, 0, 0, 0)'

package/package.json

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

package/palette.json

@@ -70,6 +70,11 @@
         "tags": [],
         "value": "rgb(0, 131, 179)"
       },
+      "darkMosque": {
+        "description": "",
+        "tags": [],
+        "value": "rgb(1, 72, 71)"
+      },
       "dove": {
         "description": "",
         "tags": [],
@@ -230,6 +235,9 @@
       "size16": {
         "value": 16
       },
+      "size18": {
+        "value": 18
+      },
       "size20": {
         "value": 20
       },
@@ -239,6 +247,15 @@
       "size28": {
         "value": 28
       },
+      "size32": {
+        "value": 32
+      },
+      "size34": {
+        "value": 34
+      },
+      "size36": {
+        "value": 36
+      },
       "size40": {
         "value": 40
       },
@@ -248,11 +265,17 @@
       "size48": {
         "value": 48
       },
+      "size54": {
+        "value": 54
+      },
       "size56": {
         "value": 56
       },
       "size64": {
         "value": 64
+      },
+      "size70": {
+        "value": 70
       }
     }
   },
@@ -306,9 +329,15 @@
       "EyeClosed": {
         "value": "icon/eye-closed.svg"
       },
+      "EyeMasked": {
+        "value": "icon/eye-masked.svg"
+      },
       "EyeOpened": {
         "value": "icon/eye-opened.svg"
       },
+      "EyeUnmasked": {
+        "value": "icon/eye-unmasked.svg"
+      },
       "Hamburger": {
         "value": "icon/hamburger.svg"
       },
@@ -370,6 +399,45 @@
       },
       "multiply160": {
         "value": 1.6
+      },
+      "ratio10to7": {
+        "value": 1.42857142857
+      },
+      "ratio11to9": {
+        "value": 1.22222222222
+      },
+      "ratio14to9": {
+        "value": 1.55555555
+      },
+      "ratio1to1": {
+        "value": 1
+      },
+      "ratio3to2": {
+        "value": 1.5
+      },
+      "ratio4to3": {
+        "value": 1.33333333333
+      },
+      "ratio5to4": {
+        "value": 1.25
+      },
+      "ratio6to5": {
+        "value": 1.2
+      },
+      "ratio7to5": {
+        "value": 1.4
+      },
+      "ratio8to5": {
+        "value": 1.6
+      },
+      "ratio8to7": {
+        "value": 1.14285714286
+      },
+      "ratio9to7": {
+        "value": 1.28571428571
+      },
+      "ratio9to8": {
+        "value": 1.125
       }
     }
   },
@@ -400,6 +468,9 @@
       },
       "radius4": {
         "value": 4
+      },
+      "radius8": {
+        "value": 8
       }
     }
   },