@telus-uds/palettes-community.palette-casa 1.2.2 → 1.3.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:24:10 GMT
+  Generated on Fri, 14 Jul 2023 19:44:23 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:24:10 GMT
+  Generated on Fri, 14 Jul 2023 19:44:23 GMT
 -->
 
 <resources>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:24:10 GMT
+  Generated on Fri, 14 Jul 2023 19:44:23 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:24:10 GMT
+  Generated on Fri, 14 Jul 2023 19:44:23 GMT
 -->
 
 <resources>
@@ -16,5 +16,6 @@
   <dimen name="radius_4">4.00dp</dimen>
   <dimen name="radius_6">6.00dp</dimen>
   <dimen name="radius_8">8.00dp</dimen>
+  <dimen name="radius_20">20.00dp</dimen>
 
 </resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:24:10 GMT
+  Generated on Fri, 14 Jul 2023 19:44:23 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:24:10 GMT
+// Generated on Fri, 14 Jul 2023 19:44:23 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:24:10 GMT
+// Generated on Fri, 14 Jul 2023 19:44:23 GMT
 
 
 import UIKit

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:24:10 GMT
+// Generated on Fri, 14 Jul 2023 19:44:23 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:24:10 GMT
+// Generated on Fri, 14 Jul 2023 19:44:23 GMT
 
 
 import UIKit
@@ -15,6 +15,7 @@ public enum PaletteRadius {
     public static let radius1 = CGFloat(1)
     public static let radius12 = CGFloat(12)
     public static let radius16 = CGFloat(16)
+    public static let radius20 = CGFloat(20)
     public static let radius24 = CGFloat(24)
     public static let radius32 = CGFloat(32)
     public static let radius4 = CGFloat(4)

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:24:10 GMT
+// Generated on Fri, 14 Jul 2023 19:44:23 GMT
 
 
 import UIKit

package/build/rn/icons/ArrowLeft.js

@@ -22,7 +22,7 @@ module.exports = ({
     children: title
   }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     fillRule: "evenodd",
-    d: "M13.006 18.516c.267.27.484.74.083 1.21-.401.468-1.002.246-1.196 0L4.165 12.38a.653.653 0 0 1 0-.867l7.728-7.189c.219-.237.712-.537 1.196-.104.484.434.136 1.031-.083 1.27L7.93 11H21a1 1 0 1 1 0 2H7.936l5.07 5.516Z",
+    d: "M15.725 20.691c-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334c.3.304.544.834.093 1.361Z",
     clipRule: "evenodd"
   })]
 });

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

@@ -22,7 +22,7 @@ module.exports = ({
     children: title
   }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
     fillRule: "evenodd",
-    d: "M13.006 18.516c.267.27.484.74.083 1.21-.401.468-1.002.246-1.196 0L4.165 12.38a.653.653 0 0 1 0-.867l7.728-7.189c.219-.237.712-.537 1.196-.104.484.434.136 1.031-.083 1.27L7.93 11H21a1 1 0 1 1 0 2H7.936l5.07 5.516Z",
+    d: "M15.725 20.691c-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334c.3.304.544.834.093 1.361Z",
     clipRule: "evenodd"
   })]
 });

package/build/rn/icons/ArrowRight.js

@@ -22,7 +22,7 @@ module.exports = ({
     children: title
   }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     fillRule: "evenodd",
-    d: "M10.994 5.484c-.267-.27-.484-.74-.083-1.21.401-.468 1.002-.246 1.196 0l7.729 7.346a.654.654 0 0 1 0 .867l-7.73 7.189c-.218.237-.71.537-1.195.104-.484-.434-.136-1.031.083-1.27L16.07 13H3a1 1 0 1 1 0-2h13.064l-5.07-5.516Z",
+    d: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z",
     clipRule: "evenodd"
   })]
 });

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

@@ -22,7 +22,7 @@ module.exports = ({
     children: title
   }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
     fillRule: "evenodd",
-    d: "M10.994 5.484c-.267-.27-.484-.74-.083-1.21.401-.468 1.002-.246 1.196 0l7.729 7.346a.654.654 0 0 1 0 .867l-7.73 7.189c-.218.237-.71.537-1.195.104-.484-.434-.136-1.031.083-1.27L16.07 13H3a1 1 0 1 1 0-2h13.064l-5.07-5.516Z",
+    d: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z",
     clipRule: "evenodd"
   })]
 });

package/build/rn/icons/QuoteLeftArrow.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  xmlns: "http://www.w3.org/2000/svg",
+  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: "M12.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+    clipRule: "evenodd"
+  })]
+});

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

@@ -0,0 +1,32 @@
+"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,
+  xmlns: "http://www.w3.org/2000/svg",
+  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: "M12.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fillRule: "evenodd",
+    d: "M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/QuoteRightArrow.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  xmlns: "http://www.w3.org/2000/svg",
+  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.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L3.62 20.691c-.217.278-.894.527-1.345 0Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M11.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975l-8.695 8.264c-.217.278-.894.527-1.345 0Z",
+    clipRule: "evenodd"
+  })]
+});

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

@@ -0,0 +1,32 @@
+"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,
+  xmlns: "http://www.w3.org/2000/svg",
+  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.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L3.62 20.691c-.217.278-.894.527-1.345 0Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fillRule: "evenodd",
+    d: "M11.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975l-8.695 8.264c-.217.278-.894.527-1.345 0Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/arrow-left.icon.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M13.006 18.516c.267.27.484.74.083 1.21-.401.468-1.002.246-1.196 0L4.165 12.38a.653.653 0 0 1 0-.867l7.728-7.189c.219-.237.712-.537 1.196-.104.484.434.136 1.031-.083 1.27L7.93 11H21a1 1 0 1 1 0 2H7.936l5.07 5.516Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M15.725 20.691c-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334c.3.304.544.834.093 1.361Z" clip-rule="evenodd"/>
 </svg>

package/build/rn/icons/arrow-right.icon.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M10.994 5.484c-.267-.27-.484-.74-.083-1.21.401-.468 1.002-.246 1.196 0l7.729 7.346a.654.654 0 0 1 0 .867l-7.73 7.189c-.218.237-.71.537-1.195.104-.484-.434-.136-1.031.083-1.27L16.07 13H3a1 1 0 1 1 0-2h13.064l-5.07-5.516Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z" clip-rule="evenodd"/>
 </svg>

package/build/rn/icons/index.js

@@ -173,6 +173,8 @@ module.exports = {
   ProfileBold: require('./ProfileBold'),
   Question: require('./Question'),
   QuoteLeft: require('./QuoteLeft'),
+  QuoteLeftArrow: require('./QuoteLeftArrow'),
+  QuoteRightArrow: require('./QuoteRightArrow'),
   Radar: require('./Radar'),
   Receipt: require('./Receipt'),
   Record: require('./Record'),

package/build/rn/icons/quote-left-arrow.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M12.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/icons/quote-right-arrow.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M2.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L3.62 20.691c-.217.278-.894.527-1.345 0Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M11.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975l-8.695 8.264c-.217.278-.894.527-1.345 0Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 07 Jul 2023 19:24:15 GMT
+* Generated on Fri, 14 Jul 2023 19:44:27 GMT
 */
 module.exports = {
   border: {
@@ -335,6 +335,8 @@ module.exports = {
     ProfileBold: '@telus-uds/palettes-community.palette-casa/build/rn/icons/profile-bold.icon.svg',
     Question: '@telus-uds/palettes-community.palette-casa/build/rn/icons/question.icon.svg',
     QuoteLeft: '@telus-uds/palettes-community.palette-casa/build/rn/icons/quote-left.icon.svg',
+    QuoteLeftArrow: '@telus-uds/palettes-community.palette-casa/build/rn/icons/quote-left-arrow.icon.svg',
+    QuoteRightArrow: '@telus-uds/palettes-community.palette-casa/build/rn/icons/quote-right-arrow.icon.svg',
     Radar: '@telus-uds/palettes-community.palette-casa/build/rn/icons/radar.icon.svg',
     Receipt: '@telus-uds/palettes-community.palette-casa/build/rn/icons/receipt.icon.svg',
     Record: '@telus-uds/palettes-community.palette-casa/build/rn/icons/record.icon.svg',
@@ -406,7 +408,8 @@ module.exports = {
   letterSpacing: {
     condensed: -0.039,
     loose: -0.017,
-    medium: -0.035
+    medium: -0.035,
+    default: 0
   },
   lineHeight: {
     ratio10to5: 1.95,
@@ -443,7 +446,8 @@ module.exports = {
     radius32: 32,
     radius4: 4,
     radius6: 6,
-    radius8: 8
+    radius8: 8,
+    radius20: 20
   },
   shadow: {
     elevation1: {

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

@@ -1,48 +1,48 @@
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-300-qbskIM1v3udKhnRPI4drO.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-300-oKFF_EcW7RfHO4EHGuo2d.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-400-IW1hXBQ5jTEh8bbnn-Ql5.woff');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-400-zN8wd_5H8cu-adIVq3bI-.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-500-hUuStJ1keTQ9-kOBIRli-.woff');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-500-To8DxssGwP9z65r3x8lOz.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-700-TgEqwv6yftHuAnE9478st.woff');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-700-QRfi6q9vz8djckWxUUHas.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-400-NT5yGpQ2gr9J_UrlpV-WU.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-400-mnb-waIjMscXbSjUILSWj.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-500-plHErsdye-upOJgbERM3I.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-500-AxCA_YJPB6aHdtfD_yLKA.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-700-fBJ6oPLDsNMriSRZapR39.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-700-12bSsEbrzYp5kCiikJ4mZ.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/v1_2_2-HelveticaNow-300-qbskIM1v3udKhnRPI4drO.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-300-oKFF_EcW7RfHO4EHGuo2d.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow400normal';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-400-IW1hXBQ5jTEh8bbnn-Ql5.woff');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-400-zN8wd_5H8cu-adIVq3bI-.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow500normal';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-500-hUuStJ1keTQ9-kOBIRli-.woff');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-500-To8DxssGwP9z65r3x8lOz.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow700normal';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-700-TgEqwv6yftHuAnE9478st.woff');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-700-QRfi6q9vz8djckWxUUHas.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF400normal';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-400-NT5yGpQ2gr9J_UrlpV-WU.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-400-mnb-waIjMscXbSjUILSWj.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF500normal';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-500-plHErsdye-upOJgbERM3I.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-500-AxCA_YJPB6aHdtfD_yLKA.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF700normal';
-  src: url('https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-700-fBJ6oPLDsNMriSRZapR39.otf');
+  src: url('https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-700-12bSsEbrzYp5kCiikJ4mZ.otf');
   font-display: block;
 }

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

@@ -1,48 +1,48 @@
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v1_2_2-HelveticaNow-300-qbskIM1v3udKhnRPI4drO.otf');
+  src: url('./v1_3_0-HelveticaNow-300-oKFF_EcW7RfHO4EHGuo2d.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v1_2_2-HelveticaNow-400-IW1hXBQ5jTEh8bbnn-Ql5.woff');
+  src: url('./v1_3_0-HelveticaNow-400-zN8wd_5H8cu-adIVq3bI-.woff');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v1_2_2-HelveticaNow-500-hUuStJ1keTQ9-kOBIRli-.woff');
+  src: url('./v1_3_0-HelveticaNow-500-To8DxssGwP9z65r3x8lOz.woff');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow';
-  src: url('./v1_2_2-HelveticaNow-700-TgEqwv6yftHuAnE9478st.woff');
+  src: url('./v1_3_0-HelveticaNow-700-QRfi6q9vz8djckWxUUHas.woff');
   font-weight: 700;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('./v1_2_2-HelveticaNowOTF-400-NT5yGpQ2gr9J_UrlpV-WU.otf');
+  src: url('./v1_3_0-HelveticaNowOTF-400-mnb-waIjMscXbSjUILSWj.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('./v1_2_2-HelveticaNowOTF-500-plHErsdye-upOJgbERM3I.otf');
+  src: url('./v1_3_0-HelveticaNowOTF-500-AxCA_YJPB6aHdtfD_yLKA.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF';
-  src: url('./v1_2_2-HelveticaNowOTF-700-fBJ6oPLDsNMriSRZapR39.otf');
+  src: url('./v1_3_0-HelveticaNowOTF-700-12bSsEbrzYp5kCiikJ4mZ.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('./v1_2_2-HelveticaNow-300-qbskIM1v3udKhnRPI4drO.otf');
+  src: url('./v1_3_0-HelveticaNow-300-oKFF_EcW7RfHO4EHGuo2d.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow400normal';
-  src: url('./v1_2_2-HelveticaNow-400-IW1hXBQ5jTEh8bbnn-Ql5.woff');
+  src: url('./v1_3_0-HelveticaNow-400-zN8wd_5H8cu-adIVq3bI-.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow500normal';
-  src: url('./v1_2_2-HelveticaNow-500-hUuStJ1keTQ9-kOBIRli-.woff');
+  src: url('./v1_3_0-HelveticaNow-500-To8DxssGwP9z65r3x8lOz.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNow700normal';
-  src: url('./v1_2_2-HelveticaNow-700-TgEqwv6yftHuAnE9478st.woff');
+  src: url('./v1_3_0-HelveticaNow-700-QRfi6q9vz8djckWxUUHas.woff');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF400normal';
-  src: url('./v1_2_2-HelveticaNowOTF-400-NT5yGpQ2gr9J_UrlpV-WU.otf');
+  src: url('./v1_3_0-HelveticaNowOTF-400-mnb-waIjMscXbSjUILSWj.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF500normal';
-  src: url('./v1_2_2-HelveticaNowOTF-500-plHErsdye-upOJgbERM3I.otf');
+  src: url('./v1_3_0-HelveticaNowOTF-500-AxCA_YJPB6aHdtfD_yLKA.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'HelveticaNowOTF700normal';
-  src: url('./v1_2_2-HelveticaNowOTF-700-fBJ6oPLDsNMriSRZapR39.otf');
+  src: url('./v1_3_0-HelveticaNowOTF-700-12bSsEbrzYp5kCiikJ4mZ.otf');
   font-display: block;
 }

package/build/web/icons/ArrowLeft.js

@@ -22,7 +22,7 @@ module.exports = ({
     children: title
   }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     fillRule: "evenodd",
-    d: "M13.006 18.516c.267.27.484.74.083 1.21-.401.468-1.002.246-1.196 0L4.165 12.38a.653.653 0 0 1 0-.867l7.728-7.189c.219-.237.712-.537 1.196-.104.484.434.136 1.031-.083 1.27L7.93 11H21a1 1 0 1 1 0 2H7.936l5.07 5.516Z",
+    d: "M15.725 20.691c-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334c.3.304.544.834.093 1.361Z",
     clipRule: "evenodd"
   })]
 });

package/build/web/icons/ArrowRight.js

@@ -22,7 +22,7 @@ module.exports = ({
     children: title
   }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     fillRule: "evenodd",
-    d: "M10.994 5.484c-.267-.27-.484-.74-.083-1.21.401-.468 1.002-.246 1.196 0l7.729 7.346a.654.654 0 0 1 0 .867l-7.73 7.189c-.218.237-.71.537-1.195.104-.484-.434-.136-1.031.083-1.27L16.07 13H3a1 1 0 1 1 0-2h13.064l-5.07-5.516Z",
+    d: "M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z",
     clipRule: "evenodd"
   })]
 });

package/build/web/icons/QuoteLeftArrow.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  xmlns: "http://www.w3.org/2000/svg",
+  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: "M12.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/web/icons/QuoteRightArrow.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  xmlns: "http://www.w3.org/2000/svg",
+  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.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L3.62 20.691c-.217.278-.894.527-1.345 0Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M11.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975l-8.695 8.264c-.217.278-.894.527-1.345 0Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/web/icons/arrow-left.icon.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M13.006 18.516c.267.27.484.74.083 1.21-.401.468-1.002.246-1.196 0L4.165 12.38a.653.653 0 0 1 0-.867l7.728-7.189c.219-.237.712-.537 1.196-.104.484.434.136 1.031-.083 1.27L7.93 11H21a1 1 0 1 1 0 2H7.936l5.07 5.516Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M15.725 20.691c-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334c.3.304.544.834.093 1.361Z" clip-rule="evenodd"/>
 </svg>

package/build/web/icons/arrow-right.icon.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M10.994 5.484c-.267-.27-.484-.74-.083-1.21.401-.468 1.002-.246 1.196 0l7.729 7.346a.654.654 0 0 1 0 .867l-7.73 7.189c-.218.237-.71.537-1.195.104-.484-.434-.136-1.031.083-1.27L16.07 13H3a1 1 0 1 1 0-2h13.064l-5.07-5.516Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M8.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L9.62 20.691c-.217.278-.894.527-1.345 0Z" clip-rule="evenodd"/>
 </svg>

package/build/web/icons/index.js

@@ -173,6 +173,8 @@ module.exports = {
   ProfileBold: require('./ProfileBold'),
   Question: require('./Question'),
   QuoteLeft: require('./QuoteLeft'),
+  QuoteLeftArrow: require('./QuoteLeftArrow'),
+  QuoteRightArrow: require('./QuoteRightArrow'),
   Radar: require('./Radar'),
   Receipt: require('./Receipt'),
   Record: require('./Record'),

package/build/web/icons/quote-left-arrow.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M12.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M21.632 19.33c.3.304.544.834.093 1.361-.45.527-1.128.278-1.345 0l-8.695-8.264a.735.735 0 0 1 0-.975l8.695-8.087c.246-.267.8-.605 1.345-.117.545.488.153 1.16-.093 1.428l-6.743 7.32 6.743 7.334Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/quote-right-arrow.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M2.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975L3.62 20.691c-.217.278-.894.527-1.345 0Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M11.275 20.691c-.451-.527-.207-1.057.093-1.36l6.743-7.336-6.743-7.32c-.246-.267-.638-.94-.093-1.427.545-.488 1.1-.15 1.345.117l8.695 8.087a.735.735 0 0 1 0 .975l-8.695 8.264c-.217.278-.894.527-1.345 0Z" clip-rule="evenodd"/>
+</svg>

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 07 Jul 2023 19:24:10 GMT
+* Generated on Fri, 14 Jul 2023 19:44:23 GMT
 */
 module.exports = {
   border: {
@@ -61,15 +61,15 @@ module.exports = {
   },
   font: {
     HelveticaNow: {
-      300: 'https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-300-qbskIM1v3udKhnRPI4drO.otf',
-      400: 'https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-400-IW1hXBQ5jTEh8bbnn-Ql5.woff',
-      500: 'https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-500-hUuStJ1keTQ9-kOBIRli-.woff',
-      700: 'https://cdn.telus.digital/uds/v1_2_2-HelveticaNow-700-TgEqwv6yftHuAnE9478st.woff'
+      300: 'https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-300-oKFF_EcW7RfHO4EHGuo2d.otf',
+      400: 'https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-400-zN8wd_5H8cu-adIVq3bI-.woff',
+      500: 'https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-500-To8DxssGwP9z65r3x8lOz.woff',
+      700: 'https://cdn.telus.digital/uds/v1_3_0-HelveticaNow-700-QRfi6q9vz8djckWxUUHas.woff'
     },
     HelveticaNowOTF: {
-      400: 'https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-400-NT5yGpQ2gr9J_UrlpV-WU.otf',
-      500: 'https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-500-plHErsdye-upOJgbERM3I.otf',
-      700: 'https://cdn.telus.digital/uds/v1_2_2-HelveticaNowOTF-700-fBJ6oPLDsNMriSRZapR39.otf'
+      400: 'https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-400-mnb-waIjMscXbSjUILSWj.otf',
+      500: 'https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-500-AxCA_YJPB6aHdtfD_yLKA.otf',
+      700: 'https://cdn.telus.digital/uds/v1_3_0-HelveticaNowOTF-700-12bSsEbrzYp5kCiikJ4mZ.otf'
     }
   },
   fontSize: {
@@ -270,6 +270,8 @@ module.exports = {
     ProfileBold: '@telus-uds/palettes-community.palette-casa/build/web/icons/profile-bold.icon.svg',
     Question: '@telus-uds/palettes-community.palette-casa/build/web/icons/question.icon.svg',
     QuoteLeft: '@telus-uds/palettes-community.palette-casa/build/web/icons/quote-left.icon.svg',
+    QuoteLeftArrow: '@telus-uds/palettes-community.palette-casa/build/web/icons/quote-left-arrow.icon.svg',
+    QuoteRightArrow: '@telus-uds/palettes-community.palette-casa/build/web/icons/quote-right-arrow.icon.svg',
     Radar: '@telus-uds/palettes-community.palette-casa/build/web/icons/radar.icon.svg',
     Receipt: '@telus-uds/palettes-community.palette-casa/build/web/icons/receipt.icon.svg',
     Record: '@telus-uds/palettes-community.palette-casa/build/web/icons/record.icon.svg',
@@ -341,7 +343,8 @@ module.exports = {
   letterSpacing: {
     condensed: -0.039,
     loose: -0.017,
-    medium: -0.035
+    medium: -0.035,
+    default: 0
   },
   lineHeight: {
     ratio10to5: 1.95,
@@ -378,7 +381,8 @@ module.exports = {
     radius32: '32px',
     radius4: '4px',
     radius6: '6px',
-    radius8: '8px'
+    radius8: '8px',
+    radius20: '20px'
   },
   shadow: {
     elevation1: '0px 4px 8px 0px rgba(0, 0, 0, 0.1)',

package/package.json

@@ -22,9 +22,9 @@
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@telus-uds/system-tokens": "^0.7.17",
+    "@telus-uds/system-tokens": "^0.7.18",
     "@telus-uds/palette-allium": "*"
   },
   "sideEffects": false,
-  "version": "1.2.2"
+  "version": "1.3.0"
 }

package/palette.json

@@ -7,8 +7,14 @@
       "greyCharcoal": {
         "value": "rgb(65, 69, 71)"
       },
+      "greyMystic": {
+        "value": "rgb(227, 230, 232)"
+      },
       "greyShuttle": {
         "value": "rgb(84, 89, 95)"
+      },
+      "greyThunder": {
+        "value": "rgb(44, 46, 48)"
       }
     }
   },
@@ -37,6 +43,26 @@
       }
     }
   },
+  "icon": {
+    "values": {
+      "ArrowLeft": {
+        "value": "icon/chevron-left.svg"
+      },
+      "ArrowRight": {
+        "value": "icon/chevron-right.svg"
+      }
+    }
+  },
+  "letterSpacing": {
+    "values": {
+      "default": {
+        "value": 0
+      },
+      "loose": {
+        "value": -0.017
+      }
+    }
+  },
   "lineHeight": {
     "values": {
       "multiply150": {
@@ -74,13 +100,38 @@
       }
     }
   },
+  "radius": {
+    "values": {
+      "radius20": {
+        "value": 20
+      },
+      "radius4": {
+        "value": 4
+      }
+    }
+  },
   "size": {
     "values": {
       "size14": {
         "value": 14
       },
+      "size16": {
+        "value": 16
+      },
+      "size2": {
+        "value": 2
+      },
+      "size28": {
+        "value": 28
+      },
+      "size48": {
+        "value": 48
+      },
       "size6": {
         "value": 6
+      },
+      "size8": {
+        "value": 8
       }
     }
   }