@telus-uds/palette-koodo 0.22.0 → 0.24.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:23:22 GMT
+  Generated on Fri, 21 Jul 2023 00:47:29 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:23:22 GMT
+  Generated on Fri, 21 Jul 2023 00:47:29 GMT
 -->
 
 <resources>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:23:22 GMT
+  Generated on Fri, 21 Jul 2023 00:47:29 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:23:22 GMT
+  Generated on Fri, 21 Jul 2023 00:47:29 GMT
 -->
 
 <resources>
@@ -10,6 +10,8 @@
   <dimen name="pill_32">32.00dp</dimen>
   <dimen name="radius_1">1.00dp</dimen>
   <dimen name="radius_12">12.00dp</dimen>
+  <dimen name="radius_2">2.00dp</dimen>
+  <dimen name="radius_24">24.00dp</dimen>
   <dimen name="radius_4">4.00dp</dimen>
   <dimen name="radius_48">48.00dp</dimen>
   <dimen name="radius_6">6.00dp</dimen>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Fri, 07 Jul 2023 19:23:22 GMT
+  Generated on Fri, 21 Jul 2023 00:47:29 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:23:22 GMT
+// Generated on Fri, 21 Jul 2023 00:47:29 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:23:22 GMT
+// Generated on Fri, 21 Jul 2023 00:47:29 GMT
 
 
 import UIKit

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:23:22 GMT
+// Generated on Fri, 21 Jul 2023 00:47:29 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:23:22 GMT
+// Generated on Fri, 21 Jul 2023 00:47:29 GMT
 
 
 import UIKit
@@ -14,6 +14,8 @@ public enum PaletteRadius {
     public static let pill32 = CGFloat(32)
     public static let radius1 = CGFloat(1)
     public static let radius12 = CGFloat(12)
+    public static let radius2 = CGFloat(2)
+    public static let radius24 = CGFloat(24)
     public static let radius4 = CGFloat(4)
     public static let radius48 = CGFloat(48)
     public static let radius6 = CGFloat(6)

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Fri, 07 Jul 2023 19:23:22 GMT
+// Generated on Fri, 21 Jul 2023 00:47:29 GMT
 
 
 import UIKit

package/build/rn/icons/QuoteLeft.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  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: "M11.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
+    clipRule: "evenodd"
+  })]
+});

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _reactNativeSvg = require("react-native-svg");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
+  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: "M11.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
+    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/TooltipSymbol.js

@@ -0,0 +1,26 @@
+"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", {
+    d: "M13.274 19.182V12.03c0-1.52-.133-1.824-1.045-1.824H10.5v8.975h2.774ZM11.906 8.428c.836 0 1.501-.646 1.501-1.463 0-.817-.665-1.482-1.5-1.482-.837 0-1.52.665-1.52 1.482s.683 1.463 1.52 1.463Z"
+  })]
+});

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

@@ -0,0 +1,26 @@
+"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, {
+    d: "M13.274 19.182V12.03c0-1.52-.133-1.824-1.045-1.824H10.5v8.975h2.774ZM11.906 8.428c.836 0 1.501-.646 1.501-1.463 0-.817-.665-1.482-1.5-1.482-.837 0-1.52.665-1.52 1.482s.683 1.463 1.52 1.463Z"
+  })]
+});

package/build/rn/icons/index.js

@@ -55,6 +55,9 @@ module.exports = {
   PlayVideo: require('./PlayVideo'),
   Question: require('./Question'),
   QuestionFilled: require('./QuestionFilled'),
+  QuoteLeft: require('./QuoteLeft'),
+  QuoteLeftArrow: require('./QuoteLeftArrow'),
+  QuoteRightArrow: require('./QuoteRightArrow'),
   RadialOutline: require('./RadialOutline'),
   RadialOutlineChecked: require('./RadialOutlineChecked'),
   Receipt: require('./Receipt'),
@@ -75,5 +78,6 @@ module.exports = {
   TimesCircled: require('./TimesCircled'),
   ToolTipFilled: require('./ToolTipFilled'),
   Tooltip: require('./Tooltip'),
+  TooltipSymbol: require('./TooltipSymbol'),
   Unmuted: require('./Unmuted')
 }

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

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M11.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z" 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/icons/tooltip-symbol.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M13.274 19.182V12.03c0-1.52-.133-1.824-1.045-1.824H10.5v8.975h2.774ZM11.906 8.428c.836 0 1.501-.646 1.501-1.463 0-.817-.665-1.482-1.5-1.482-.837 0-1.52.665-1.52 1.482s.683 1.463 1.52 1.463Z"/>
+</svg>

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 07 Jul 2023 19:23:24 GMT
+* Generated on Fri, 21 Jul 2023 00:47:31 GMT
 */
 module.exports = {
   border: {
@@ -174,6 +174,9 @@ module.exports = {
     PlayVideo: '@telus-uds/palette-koodo/build/rn/icons/play-video.icon.svg',
     Question: '@telus-uds/palette-koodo/build/rn/icons/question.icon.svg',
     QuestionFilled: '@telus-uds/palette-koodo/build/rn/icons/question-filled.icon.svg',
+    QuoteLeft: '@telus-uds/palette-koodo/build/rn/icons/quote-left.icon.svg',
+    QuoteLeftArrow: '@telus-uds/palette-koodo/build/rn/icons/quote-left-arrow.icon.svg',
+    QuoteRightArrow: '@telus-uds/palette-koodo/build/rn/icons/quote-right-arrow.icon.svg',
     RadialOutline: '@telus-uds/palette-koodo/build/rn/icons/radial-outline.icon.svg',
     RadialOutlineChecked: '@telus-uds/palette-koodo/build/rn/icons/radial-outline-checked.icon.svg',
     Receipt: '@telus-uds/palette-koodo/build/rn/icons/receipt.icon.svg',
@@ -194,6 +197,7 @@ module.exports = {
     TimesCircled: '@telus-uds/palette-koodo/build/rn/icons/times-circled.icon.svg',
     ToolTipFilled: '@telus-uds/palette-koodo/build/rn/icons/tool-tip-filled.icon.svg',
     Tooltip: '@telus-uds/palette-koodo/build/rn/icons/tooltip.icon.svg',
+    TooltipSymbol: '@telus-uds/palette-koodo/build/rn/icons/tooltip-symbol.icon.svg',
     Unmuted: '@telus-uds/palette-koodo/build/rn/icons/unmuted.icon.svg'
   },
   letterSpacing: {
@@ -235,6 +239,8 @@ module.exports = {
     pill32: 32,
     radius1: 1,
     radius12: 12,
+    radius2: 2,
+    radius24: 24,
     radius4: 4,
     radius48: 48,
     radius6: 6,

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_22_0-StagSans-300-kcSnDtK9Pe5PTv1b58ofc.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-300-W1SG_axgCmVDImjuZdsJM.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-400-ya6GUrqGrUJlQVzduxJaA.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-400-5QvzXovEsClwJ-xOPPpWh.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-500-xoEZhk2SHaFivVrCq6fkF.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-500-3YFrSAUsmiwoBNtVYs1b7.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-600-sfBKrEkirjv11nHXNm0ZV.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-600-DCbBrtLTL4Ra9UOnfxJPB.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-700-GuHOgtVwAGsnsZG8D-ZOk.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-700-X6RX2UqTlguD2E-qLi_8V.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_22_0-StagSans-300-kcSnDtK9Pe5PTv1b58ofc.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-300-W1SG_axgCmVDImjuZdsJM.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-400-ya6GUrqGrUJlQVzduxJaA.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-400-5QvzXovEsClwJ-xOPPpWh.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-500-xoEZhk2SHaFivVrCq6fkF.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-500-3YFrSAUsmiwoBNtVYs1b7.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-600-sfBKrEkirjv11nHXNm0ZV.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-600-DCbBrtLTL4Ra9UOnfxJPB.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/v0_22_0-StagSans-700-GuHOgtVwAGsnsZG8D-ZOk.otf');
+  src: url('https://cdn.telus.digital/uds/v0_24_0-StagSans-700-X6RX2UqTlguD2E-qLi_8V.otf');
   font-display: block;
 }

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

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_22_0-StagSans-300-kcSnDtK9Pe5PTv1b58ofc.otf');
+  src: url('./v0_24_0-StagSans-300-W1SG_axgCmVDImjuZdsJM.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_22_0-StagSans-400-ya6GUrqGrUJlQVzduxJaA.otf');
+  src: url('./v0_24_0-StagSans-400-5QvzXovEsClwJ-xOPPpWh.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_22_0-StagSans-500-xoEZhk2SHaFivVrCq6fkF.otf');
+  src: url('./v0_24_0-StagSans-500-3YFrSAUsmiwoBNtVYs1b7.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_22_0-StagSans-600-sfBKrEkirjv11nHXNm0ZV.otf');
+  src: url('./v0_24_0-StagSans-600-DCbBrtLTL4Ra9UOnfxJPB.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_22_0-StagSans-700-GuHOgtVwAGsnsZG8D-ZOk.otf');
+  src: url('./v0_24_0-StagSans-700-X6RX2UqTlguD2E-qLi_8V.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_22_0-StagSans-300-kcSnDtK9Pe5PTv1b58ofc.otf');
+  src: url('./v0_24_0-StagSans-300-W1SG_axgCmVDImjuZdsJM.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./v0_22_0-StagSans-400-ya6GUrqGrUJlQVzduxJaA.otf');
+  src: url('./v0_24_0-StagSans-400-5QvzXovEsClwJ-xOPPpWh.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./v0_22_0-StagSans-500-xoEZhk2SHaFivVrCq6fkF.otf');
+  src: url('./v0_24_0-StagSans-500-3YFrSAUsmiwoBNtVYs1b7.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./v0_22_0-StagSans-600-sfBKrEkirjv11nHXNm0ZV.otf');
+  src: url('./v0_24_0-StagSans-600-DCbBrtLTL4Ra9UOnfxJPB.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./v0_22_0-StagSans-700-GuHOgtVwAGsnsZG8D-ZOk.otf');
+  src: url('./v0_24_0-StagSans-700-X6RX2UqTlguD2E-qLi_8V.otf');
   font-display: block;
 }

package/build/web/icons/QuoteLeft.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
+  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: "M11.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z",
+    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/TooltipSymbol.js

@@ -0,0 +1,26 @@
+"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", {
+    d: "M13.274 19.182V12.03c0-1.52-.133-1.824-1.045-1.824H10.5v8.975h2.774ZM11.906 8.428c.836 0 1.501-.646 1.501-1.463 0-.817-.665-1.482-1.5-1.482-.837 0-1.52.665-1.52 1.482s.683 1.463 1.52 1.463Z"
+  })]
+});

package/build/web/icons/index.js

@@ -55,6 +55,9 @@ module.exports = {
   PlayVideo: require('./PlayVideo'),
   Question: require('./Question'),
   QuestionFilled: require('./QuestionFilled'),
+  QuoteLeft: require('./QuoteLeft'),
+  QuoteLeftArrow: require('./QuoteLeftArrow'),
+  QuoteRightArrow: require('./QuoteRightArrow'),
   RadialOutline: require('./RadialOutline'),
   RadialOutlineChecked: require('./RadialOutlineChecked'),
   Receipt: require('./Receipt'),
@@ -75,5 +78,6 @@ module.exports = {
   TimesCircled: require('./TimesCircled'),
   ToolTipFilled: require('./ToolTipFilled'),
   Tooltip: require('./Tooltip'),
+  TooltipSymbol: require('./TooltipSymbol'),
   Unmuted: require('./Unmuted')
 }

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

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M11.066 13.653c.6 2.604-.867 5.432-3.314 6.133-2.538.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082C4.454 6.54 3.905 7.887 3.905 9.673v.233c.016.594.536.981.995.744.219-.114.447-.21.681-.285 2.43-.785 4.885.685 5.485 3.288Zm12.8 0c.6 2.604-.867 5.432-3.314 6.133-2.54.727-7.748-.084-7.752-7.384 0-4.183 1.953-6.73 4.113-8.245a.927.927 0 0 1 1.31.29.911.911 0 0 1-.106 1.082c-.863 1.011-1.412 2.358-1.412 4.144v.233c.016.594.537.981.995.744a4.4 4.4 0 0 1 .681-.285c2.43-.785 4.885.685 5.485 3.288Z" 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/icons/tooltip-symbol.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M13.274 19.182V12.03c0-1.52-.133-1.824-1.045-1.824H10.5v8.975h2.774ZM11.906 8.428c.836 0 1.501-.646 1.501-1.463 0-.817-.665-1.482-1.5-1.482-.837 0-1.52.665-1.52 1.482s.683 1.463 1.52 1.463Z"/>
+</svg>

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Fri, 07 Jul 2023 19:23:22 GMT
+* Generated on Fri, 21 Jul 2023 00:47:29 GMT
 */
 module.exports = {
   border: {
@@ -71,11 +71,11 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/v0_22_0-StagSans-300-kcSnDtK9Pe5PTv1b58ofc.otf',
-      400: 'https://cdn.telus.digital/uds/v0_22_0-StagSans-400-ya6GUrqGrUJlQVzduxJaA.otf',
-      500: 'https://cdn.telus.digital/uds/v0_22_0-StagSans-500-xoEZhk2SHaFivVrCq6fkF.otf',
-      600: 'https://cdn.telus.digital/uds/v0_22_0-StagSans-600-sfBKrEkirjv11nHXNm0ZV.otf',
-      700: 'https://cdn.telus.digital/uds/v0_22_0-StagSans-700-GuHOgtVwAGsnsZG8D-ZOk.otf'
+      300: 'https://cdn.telus.digital/uds/v0_24_0-StagSans-300-W1SG_axgCmVDImjuZdsJM.otf',
+      400: 'https://cdn.telus.digital/uds/v0_24_0-StagSans-400-5QvzXovEsClwJ-xOPPpWh.otf',
+      500: 'https://cdn.telus.digital/uds/v0_24_0-StagSans-500-3YFrSAUsmiwoBNtVYs1b7.otf',
+      600: 'https://cdn.telus.digital/uds/v0_24_0-StagSans-600-DCbBrtLTL4Ra9UOnfxJPB.otf',
+      700: 'https://cdn.telus.digital/uds/v0_24_0-StagSans-700-X6RX2UqTlguD2E-qLi_8V.otf'
     }
   },
   fontSize: {
@@ -161,6 +161,9 @@ module.exports = {
     PlayVideo: '@telus-uds/palette-koodo/build/web/icons/play-video.icon.svg',
     Question: '@telus-uds/palette-koodo/build/web/icons/question.icon.svg',
     QuestionFilled: '@telus-uds/palette-koodo/build/web/icons/question-filled.icon.svg',
+    QuoteLeft: '@telus-uds/palette-koodo/build/web/icons/quote-left.icon.svg',
+    QuoteLeftArrow: '@telus-uds/palette-koodo/build/web/icons/quote-left-arrow.icon.svg',
+    QuoteRightArrow: '@telus-uds/palette-koodo/build/web/icons/quote-right-arrow.icon.svg',
     RadialOutline: '@telus-uds/palette-koodo/build/web/icons/radial-outline.icon.svg',
     RadialOutlineChecked: '@telus-uds/palette-koodo/build/web/icons/radial-outline-checked.icon.svg',
     Receipt: '@telus-uds/palette-koodo/build/web/icons/receipt.icon.svg',
@@ -181,6 +184,7 @@ module.exports = {
     TimesCircled: '@telus-uds/palette-koodo/build/web/icons/times-circled.icon.svg',
     ToolTipFilled: '@telus-uds/palette-koodo/build/web/icons/tool-tip-filled.icon.svg',
     Tooltip: '@telus-uds/palette-koodo/build/web/icons/tooltip.icon.svg',
+    TooltipSymbol: '@telus-uds/palette-koodo/build/web/icons/tooltip-symbol.icon.svg',
     Unmuted: '@telus-uds/palette-koodo/build/web/icons/unmuted.icon.svg'
   },
   letterSpacing: {
@@ -222,6 +226,8 @@ module.exports = {
     pill32: '32px',
     radius1: '1px',
     radius12: '12px',
+    radius2: '2px',
+    radius24: '24px',
     radius4: '4px',
     radius48: '48px',
     radius6: '6px',

package/package.json

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

package/palette.json

@@ -619,6 +619,16 @@
         "tags": ["General"],
         "value": "icon/question-filled.svg"
       },
+      "QuoteLeft": {
+        "tags": ["General"],
+        "value": "icon/quote-left.svg"
+      },
+      "QuoteLeftArrow": {
+        "value": "icon/quote-left-fr.svg"
+      },
+      "QuoteRightArrow": {
+        "value": "icon/quote-right-fr.svg"
+      },
       "RadialOutline": {
         "tags": ["Legacy"],
         "value": "icon/radial-outline.svg"
@@ -699,6 +709,10 @@
         "tags": ["General"],
         "value": "icon/tooltip.svg"
       },
+      "TooltipSymbol": {
+        "tags": ["General"],
+        "value": "icon/tooltip-symbol.svg"
+      },
       "Unmuted": {
         "tags": ["Interface", "VideoPlayer"],
         "value": "icon/unmuted.svg"
@@ -816,6 +830,12 @@
       "radius12": {
         "value": 12
       },
+      "radius2": {
+        "value": 2
+      },
+      "radius24": {
+        "value": 24
+      },
       "radius4": {
         "value": 4
       },