@telus-uds/palette-allium 2.10.2 → 2.12.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:30 GMT
+  Generated on Thu, 23 Mar 2023 20:51:30 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:30 GMT
+  Generated on Thu, 23 Mar 2023 20:51:30 GMT
 -->
 
 <resources>
@@ -28,6 +28,7 @@
   <color name="grey_athens">#fff4f4f7</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_thunder">#ff2c2e30</color>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:30 GMT
+  Generated on Thu, 23 Mar 2023 20:51:30 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:30 GMT
+  Generated on Thu, 23 Mar 2023 20:51:30 GMT
 -->
 
 <resources>
@@ -10,6 +10,7 @@
   <dimen name="pill_32">32.00dp</dimen>
   <dimen name="radius_1">1.00dp</dimen>
   <dimen name="radius_12">12.00dp</dimen>
+  <dimen name="radius_32">32.00dp</dimen>
   <dimen name="radius_4">4.00dp</dimen>
   <dimen name="radius_6">6.00dp</dimen>
   <dimen name="radius_8">8.00dp</dimen>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Tue, 07 Mar 2023 21:12:30 GMT
+  Generated on Thu, 23 Mar 2023 20:51:30 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:30 GMT
+// Generated on Thu, 23 Mar 2023 20:51:30 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:30 GMT
+// Generated on Thu, 23 Mar 2023 20:51:30 GMT
 
 
 import UIKit
@@ -32,6 +32,7 @@ public enum PaletteColor {
     public static let greyAthens = UIColor(red: 0.957, green: 0.957, blue: 0.969, 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 greyLight = UIColor(red: 0.980, green: 0.980, blue: 0.980, alpha: 1)
     public static let greyMystic = UIColor(red: 0.890, green: 0.902, blue: 0.910, alpha: 1)
     public static let greyShuttle = UIColor(red: 0.404, green: 0.431, blue: 0.451, alpha: 1)
     public static let greyThunder = UIColor(red: 0.173, green: 0.180, blue: 0.188, alpha: 1)

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:30 GMT
+// Generated on Thu, 23 Mar 2023 20:51:30 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Tue, 07 Mar 2023 21:12:30 GMT
+// Generated on Thu, 23 Mar 2023 20:51:30 GMT
 
 
 import UIKit
@@ -14,6 +14,7 @@ public enum PaletteRadius {
     public static let pill32 = CGFloat(32)
     public static let radius1 = CGFloat(1)
     public static let radius12 = CGFloat(12)
+    public static let radius32 = CGFloat(32)
     public static let radius4 = CGFloat(4)
     public static let radius6 = CGFloat(6)
     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:30 GMT
+// Generated on Thu, 23 Mar 2023 20:51:30 GMT
 
 
 import UIKit

package/build/rn/icons/EyeClosed.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  viewBox: "0 0 29 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.jsxs)("g", {
+    transform: "translate(2)",
+    stroke: "#016b6a",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M12.5 20c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 6.667 0 12c3.731 5.333 7.898 8 12.5 8Z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+      cx: 12,
+      cy: 12,
+      r: 4
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M1 23C16.611 7.667 23.944.333 23 1"
+    })]
+  })]
+});

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

@@ -0,0 +1,36 @@
+"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 29 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.jsxs)(_reactNativeSvg.G, {
+    transform: "translate(2)",
+    stroke: "#016b6a",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M12.5 20c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 6.667 0 12c3.731 5.333 7.898 8 12.5 8Z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: 12,
+      cy: 12,
+      r: 4
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M1 23C16.611 7.667 23.944.333 23 1"
+    })]
+  })]
+});

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/EyeOpened.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  viewBox: "0 0 29 18",
+  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.jsxs)("g", {
+    transform: "translate(2 1)",
+    stroke: "#016b6a",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+      cx: 12,
+      cy: 8,
+      r: 4
+    })]
+  })]
+});

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

@@ -0,0 +1,34 @@
+"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 29 18",
+  height: size,
+  width: size,
+  fill: color,
+  "aria-labelledby": titleId,
+  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
+    id: titleId,
+    children: title
+  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+    transform: "translate(2 1)",
+    stroke: "#016b6a",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: 12,
+      cy: 8,
+      r: 4
+    })]
+  })]
+});

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-closed.icon.svg

@@ -0,0 +1,21 @@
+<svg viewBox="0 0 29 24">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g
+      transform="translate(-824.000000, -438.000000)"
+      fillRule="nonzero"
+      stroke="#016b6a"
+      strokeWidth="2"
+    >
+      <g transform="translate(826.000000, 438.000000)">
+        <g>
+          <path d="M12.5,20 C17.1023729,20 21.2690396,17.3333333 25,12 C21.2690396,6.66666667 17.1023729,4 12.5,4 C7.89762709,4 3.73096042,6.66666667 0,12 C3.73096042,17.3333333 7.89762709,20 12.5,20 Z" />
+          <circle cx="12" cy="12" r="4" />
+          <path
+            d="M1,23 C16.6110454,7.66666667 23.9443787,0.333333333 23,1"
+            strokeLinecap="round"
+          />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

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-opened.icon.svg

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 29 18">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g
+      transform="translate(-842.000000, -448.000000)"
+      fillRule="nonzero"
+      stroke="#016b6a"
+      strokeWidth="2"
+    >
+      <g transform="translate(844.000000, 449.000000)">
+        <g>
+          <path d="M12.5,16 C17.1023729,16 21.2690396,13.3333333 25,8 C21.2690396,2.66666667 17.1023729,0 12.5,0 C7.89762709,0 3.73096042,2.66666667 0,8 C3.73096042,13.3333333 7.89762709,16 12.5,16 Z" />
+          <circle cx="12" cy="8" r="4" />
+        </g>
+      </g>
+    </g>
+  </g>
+</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

@@ -80,6 +80,10 @@ module.exports = {
   Email: require('./Email'),
   Escalations: require('./Escalations'),
   Expand: require('./Expand'),
+  EyeClosed: require('./EyeClosed'),
+  EyeMasked: require('./EyeMasked'),
+  EyeOpened: require('./EyeOpened'),
+  EyeUnmasked: require('./EyeUnmasked'),
   FavouriteNetwork: require('./FavouriteNetwork'),
   Files: require('./Files'),
   Fingerprint: require('./Fingerprint'),

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 07 Mar 2023 21:12:35 GMT
+* Generated on Thu, 23 Mar 2023 20:51:35 GMT
 */
 module.exports = {
   border: {
@@ -33,6 +33,7 @@ module.exports = {
     greyAthens: '#f4f4f7',
     greyCharcoal: '#414547',
     greyCloud: '#b2b9bf',
+    greyLight: '#fafafa',
     greyMystic: '#e3e6e8',
     greyShuttle: '#676e73',
     greyThunder: '#2c2e30',
@@ -236,6 +237,10 @@ module.exports = {
     Email: '@telus-uds/palette-allium/build/rn/icons/email.icon.svg',
     Escalations: '@telus-uds/palette-allium/build/rn/icons/escalations.icon.svg',
     Expand: '@telus-uds/palette-allium/build/rn/icons/expand.icon.svg',
+    EyeClosed: '@telus-uds/palette-allium/build/rn/icons/eye-closed.icon.svg',
+    EyeMasked: '@telus-uds/palette-allium/build/rn/icons/eye-masked.icon.svg',
+    EyeOpened: '@telus-uds/palette-allium/build/rn/icons/eye-opened.icon.svg',
+    EyeUnmasked: '@telus-uds/palette-allium/build/rn/icons/eye-unmasked.icon.svg',
     FavouriteNetwork: '@telus-uds/palette-allium/build/rn/icons/favourite-network.icon.svg',
     Files: '@telus-uds/palette-allium/build/rn/icons/files.icon.svg',
     Fingerprint: '@telus-uds/palette-allium/build/rn/icons/fingerprint.icon.svg',
@@ -414,6 +419,7 @@ module.exports = {
     pill32: 32,
     radius1: 1,
     radius12: 12,
+    radius32: 32,
     radius4: 4,
     radius6: 6,
     radius8: 8

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

@@ -1,48 +1,48 @@
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-300-E65qVPHqfhk7jEWTt1-rT.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-300-GQTIJcNzeiMNFVqQdQyE8.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-400-DqEP-5idjXU455iYctstD.woff');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-400-X18I7rU_--7V60krgWAKa.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-500-xetdeHSAs4hD62HsL0VGl.woff');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-500-7etJ9l306SoPEv2w9oRB-.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-700-ZxCNcWTs1HaUg1Hq_K_bk.woff');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-700-Nvy90sHfDCcKjrG33KX5-.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-400-RXtNDoPJq_nZMF9wLIdwV.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-400-3721htDUQXXiEtBCdE9_8.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-500-3WcxhcFhlCHHKjjuNWtvH.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-500-JGmBuN2hF8iBsqYhCvPmP.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-700-ZVV5tKoXoPKOxOPHgikfM.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-700-G47ofSN_VmjbPLPszevNE.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,35 +1,35 @@
 @font-face {
   font-family: 'HelveticaNow300normal';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-300-E65qVPHqfhk7jEWTt1-rT.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-300-GQTIJcNzeiMNFVqQdQyE8.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow400normal';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-400-DqEP-5idjXU455iYctstD.woff');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-400-X18I7rU_--7V60krgWAKa.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow500normal';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-500-xetdeHSAs4hD62HsL0VGl.woff');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-500-7etJ9l306SoPEv2w9oRB-.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow700normal';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-700-ZxCNcWTs1HaUg1Hq_K_bk.woff');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-700-Nvy90sHfDCcKjrG33KX5-.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF400normal';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-400-RXtNDoPJq_nZMF9wLIdwV.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-400-3721htDUQXXiEtBCdE9_8.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF500normal';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-500-3WcxhcFhlCHHKjjuNWtvH.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-500-JGmBuN2hF8iBsqYhCvPmP.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF700normal';
-  src: url('https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-700-ZVV5tKoXoPKOxOPHgikfM.otf');
+  src: url('https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-700-G47ofSN_VmjbPLPszevNE.otf');
   font-display: block;
 }

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

@@ -1,48 +1,48 @@
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v2_10_2-HelveticaNow-300-E65qVPHqfhk7jEWTt1-rT.otf');
+  src: url('./v2_12_0-HelveticaNow-300-GQTIJcNzeiMNFVqQdQyE8.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v2_10_2-HelveticaNow-400-DqEP-5idjXU455iYctstD.woff');
+  src: url('./v2_12_0-HelveticaNow-400-X18I7rU_--7V60krgWAKa.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v2_10_2-HelveticaNow-500-xetdeHSAs4hD62HsL0VGl.woff');
+  src: url('./v2_12_0-HelveticaNow-500-7etJ9l306SoPEv2w9oRB-.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v2_10_2-HelveticaNow-700-ZxCNcWTs1HaUg1Hq_K_bk.woff');
+  src: url('./v2_12_0-HelveticaNow-700-Nvy90sHfDCcKjrG33KX5-.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('./v2_10_2-HelveticaNowOTF-400-RXtNDoPJq_nZMF9wLIdwV.otf');
+  src: url('./v2_12_0-HelveticaNowOTF-400-3721htDUQXXiEtBCdE9_8.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('./v2_10_2-HelveticaNowOTF-500-3WcxhcFhlCHHKjjuNWtvH.otf');
+  src: url('./v2_12_0-HelveticaNowOTF-500-JGmBuN2hF8iBsqYhCvPmP.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('./v2_10_2-HelveticaNowOTF-700-ZVV5tKoXoPKOxOPHgikfM.otf');
+  src: url('./v2_12_0-HelveticaNowOTF-700-G47ofSN_VmjbPLPszevNE.otf');
   font-weight: 700;
   font-style: normal;
   font-display: block;

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

@@ -1,35 +1,35 @@
 @font-face {
   font-family: 'HelveticaNow300normal';
-  src: url('./v2_10_2-HelveticaNow-300-E65qVPHqfhk7jEWTt1-rT.otf');
+  src: url('./v2_12_0-HelveticaNow-300-GQTIJcNzeiMNFVqQdQyE8.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow400normal';
-  src: url('./v2_10_2-HelveticaNow-400-DqEP-5idjXU455iYctstD.woff');
+  src: url('./v2_12_0-HelveticaNow-400-X18I7rU_--7V60krgWAKa.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow500normal';
-  src: url('./v2_10_2-HelveticaNow-500-xetdeHSAs4hD62HsL0VGl.woff');
+  src: url('./v2_12_0-HelveticaNow-500-7etJ9l306SoPEv2w9oRB-.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow700normal';
-  src: url('./v2_10_2-HelveticaNow-700-ZxCNcWTs1HaUg1Hq_K_bk.woff');
+  src: url('./v2_12_0-HelveticaNow-700-Nvy90sHfDCcKjrG33KX5-.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF400normal';
-  src: url('./v2_10_2-HelveticaNowOTF-400-RXtNDoPJq_nZMF9wLIdwV.otf');
+  src: url('./v2_12_0-HelveticaNowOTF-400-3721htDUQXXiEtBCdE9_8.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF500normal';
-  src: url('./v2_10_2-HelveticaNowOTF-500-3WcxhcFhlCHHKjjuNWtvH.otf');
+  src: url('./v2_12_0-HelveticaNowOTF-500-JGmBuN2hF8iBsqYhCvPmP.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF700normal';
-  src: url('./v2_10_2-HelveticaNowOTF-700-ZVV5tKoXoPKOxOPHgikfM.otf');
+  src: url('./v2_12_0-HelveticaNowOTF-700-G47ofSN_VmjbPLPszevNE.otf');
   font-display: block;
 }

package/build/web/icons/EyeClosed.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  viewBox: "0 0 29 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.jsxs)("g", {
+    transform: "translate(2)",
+    stroke: "#016b6a",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M12.5 20c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 6.667 0 12c3.731 5.333 7.898 8 12.5 8Z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+      cx: 12,
+      cy: 12,
+      r: 4
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M1 23C16.611 7.667 23.944.333 23 1"
+    })]
+  })]
+});

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/EyeOpened.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  viewBox: "0 0 29 18",
+  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.jsxs)("g", {
+    transform: "translate(2 1)",
+    stroke: "#016b6a",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M12.5 16c4.602 0 8.769-2.667 12.5-8-3.731-5.333-7.898-8-12.5-8S3.731 2.667 0 8c3.731 5.333 7.898 8 12.5 8Z"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+      cx: 12,
+      cy: 8,
+      r: 4
+    })]
+  })]
+});

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-closed.icon.svg

@@ -0,0 +1,21 @@
+<svg viewBox="0 0 29 24">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g
+      transform="translate(-824.000000, -438.000000)"
+      fillRule="nonzero"
+      stroke="#016b6a"
+      strokeWidth="2"
+    >
+      <g transform="translate(826.000000, 438.000000)">
+        <g>
+          <path d="M12.5,20 C17.1023729,20 21.2690396,17.3333333 25,12 C21.2690396,6.66666667 17.1023729,4 12.5,4 C7.89762709,4 3.73096042,6.66666667 0,12 C3.73096042,17.3333333 7.89762709,20 12.5,20 Z" />
+          <circle cx="12" cy="12" r="4" />
+          <path
+            d="M1,23 C16.6110454,7.66666667 23.9443787,0.333333333 23,1"
+            strokeLinecap="round"
+          />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

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-opened.icon.svg

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 29 18">
+  <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+    <g
+      transform="translate(-842.000000, -448.000000)"
+      fillRule="nonzero"
+      stroke="#016b6a"
+      strokeWidth="2"
+    >
+      <g transform="translate(844.000000, 449.000000)">
+        <g>
+          <path d="M12.5,16 C17.1023729,16 21.2690396,13.3333333 25,8 C21.2690396,2.66666667 17.1023729,0 12.5,0 C7.89762709,0 3.73096042,2.66666667 0,8 C3.73096042,13.3333333 7.89762709,16 12.5,16 Z" />
+          <circle cx="12" cy="8" r="4" />
+        </g>
+      </g>
+    </g>
+  </g>
+</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

@@ -80,6 +80,10 @@ module.exports = {
   Email: require('./Email'),
   Escalations: require('./Escalations'),
   Expand: require('./Expand'),
+  EyeClosed: require('./EyeClosed'),
+  EyeMasked: require('./EyeMasked'),
+  EyeOpened: require('./EyeOpened'),
+  EyeUnmasked: require('./EyeUnmasked'),
   FavouriteNetwork: require('./FavouriteNetwork'),
   Files: require('./Files'),
   Fingerprint: require('./Fingerprint'),

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Tue, 07 Mar 2023 21:12:30 GMT
+* Generated on Thu, 23 Mar 2023 20:51:30 GMT
 */
 module.exports = {
   border: {
@@ -33,6 +33,7 @@ module.exports = {
     greyAthens: '#f4f4f7',
     greyCharcoal: '#414547',
     greyCloud: '#b2b9bf',
+    greyLight: '#fafafa',
     greyMystic: '#e3e6e8',
     greyShuttle: '#676e73',
     greyThunder: '#2c2e30',
@@ -59,15 +60,15 @@ module.exports = {
   },
   font: {
     HelveticaNow: {
-      300: 'https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-300-E65qVPHqfhk7jEWTt1-rT.otf',
-      400: 'https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-400-DqEP-5idjXU455iYctstD.woff',
-      500: 'https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-500-xetdeHSAs4hD62HsL0VGl.woff',
-      700: 'https://cdn.telus.digital/uds/v2_10_2-HelveticaNow-700-ZxCNcWTs1HaUg1Hq_K_bk.woff'
+      300: 'https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-300-GQTIJcNzeiMNFVqQdQyE8.otf',
+      400: 'https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-400-X18I7rU_--7V60krgWAKa.woff',
+      500: 'https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-500-7etJ9l306SoPEv2w9oRB-.woff',
+      700: 'https://cdn.telus.digital/uds/v2_12_0-HelveticaNow-700-Nvy90sHfDCcKjrG33KX5-.woff'
     },
     HelveticaNowOTF: {
-      400: 'https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-400-RXtNDoPJq_nZMF9wLIdwV.otf',
-      500: 'https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-500-3WcxhcFhlCHHKjjuNWtvH.otf',
-      700: 'https://cdn.telus.digital/uds/v2_10_2-HelveticaNowOTF-700-ZVV5tKoXoPKOxOPHgikfM.otf'
+      400: 'https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-400-3721htDUQXXiEtBCdE9_8.otf',
+      500: 'https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-500-JGmBuN2hF8iBsqYhCvPmP.otf',
+      700: 'https://cdn.telus.digital/uds/v2_12_0-HelveticaNowOTF-700-G47ofSN_VmjbPLPszevNE.otf'
     }
   },
   fontSize: {
@@ -171,6 +172,10 @@ module.exports = {
     Email: '@telus-uds/palette-allium/build/web/icons/email.icon.svg',
     Escalations: '@telus-uds/palette-allium/build/web/icons/escalations.icon.svg',
     Expand: '@telus-uds/palette-allium/build/web/icons/expand.icon.svg',
+    EyeClosed: '@telus-uds/palette-allium/build/web/icons/eye-closed.icon.svg',
+    EyeMasked: '@telus-uds/palette-allium/build/web/icons/eye-masked.icon.svg',
+    EyeOpened: '@telus-uds/palette-allium/build/web/icons/eye-opened.icon.svg',
+    EyeUnmasked: '@telus-uds/palette-allium/build/web/icons/eye-unmasked.icon.svg',
     FavouriteNetwork: '@telus-uds/palette-allium/build/web/icons/favourite-network.icon.svg',
     Files: '@telus-uds/palette-allium/build/web/icons/files.icon.svg',
     Fingerprint: '@telus-uds/palette-allium/build/web/icons/fingerprint.icon.svg',
@@ -349,6 +354,7 @@ module.exports = {
     pill32: '32px',
     radius1: '1px',
     radius12: '12px',
+    radius32: '32px',
     radius4: '4px',
     radius6: '6px',
     radius8: '8px'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/palette-allium",
-  "version": "2.10.2",
+  "version": "2.12.0",
   "description": "Telus(Allium) palette",
   "sideEffects": false,
   "keywords": [
@@ -27,6 +27,6 @@
     "url": "https://github.com/telus/allium-design-system/issues"
   },
   "devDependencies": {
-    "@telus-uds/system-tokens": "^0.6.4"
+    "@telus-uds/system-tokens": "^0.6.6"
   }
 }

package/palette.json

@@ -130,6 +130,11 @@
         "tags": ["Neutral", "Border"],
         "value": "#B2B9BF"
       },
+      "greyLight": {
+        "description": "",
+        "tags": [],
+        "value": "rgb(250, 250, 250)"
+      },
       "greyMystic": {
         "description": "Mystic Grey",
         "tags": ["Neutral", "Border"],
@@ -700,6 +705,18 @@
         "tags": ["Interface", "Links"],
         "value": "icon/expand.svg"
       },
+      "EyeClosed": {
+        "value": "icon/eye-closed.svg"
+      },
+      "EyeMasked": {
+        "value": "icon/eye-masked.svg"
+      },
+      "EyeOpened": {
+        "value": "icon/eye-opened.svg"
+      },
+      "EyeUnmasked": {
+        "value": "icon/eye-unmasked.svg"
+      },
       "FavouriteNetwork": {
         "tags": ["Decorative", "OptikPik"],
         "value": "icon/favourite-network.svg"
@@ -1372,7 +1389,7 @@
         "value": 0
       },
       "pill32": {
-        "description": "For 'pill' designs with circular sides, which become rounded rectangles of radius 32 if forced to have height greater than 64 (for example, if user's accessibility settings increase text size)",
+        "description": "For 'pill' designs with circular sides, which become rounded rectangles of radius 32 if forced to have height greater than 64 (for example, if user's accessibility settings increase text size). Note this will be come deprecated in the future. Please use radius32 instead.",
         "value": 32
       },
       "radius1": {
@@ -1383,6 +1400,9 @@
         "description": "Use for ProgressBar",
         "value": 12
       },
+      "radius32": {
+        "value": 32
+      },
       "radius4": {
         "value": 4
       },