@telus-uds/palette-koodo 0.21.0 → 0.23.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 21 Jun 2023 20:37:37 GMT
+  Generated on Fri, 14 Jul 2023 19:43:46 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 21 Jun 2023 20:37:37 GMT
+  Generated on Fri, 14 Jul 2023 19:43:46 GMT
 -->
 
 <resources>
@@ -16,6 +16,12 @@
   <color name="carousel_pink">#fffae6f4</color>
   <color name="chathams_blue">#ff17367d</color>
   <color name="chathams_blue_dark">#ff052158</color>
+  <color name="dark_10">#1a000000</color>
+  <color name="dark_20">#33000000</color>
+  <color name="dark_40">#66000000</color>
+  <color name="dark_60">#99000000</color>
+  <color name="dark_80">#cc000000</color>
+  <color name="dark_97">#f7000000</color>
   <color name="dark_blue">#ff0083b3</color>
   <color name="dark_mosque">#ff014847</color>
   <color name="dove">#ff666666</color>
@@ -27,6 +33,12 @@
   <color name="iceberg">#ffcbf0e8</color>
   <color name="icicle">#ffe5f7fb</color>
   <color name="icicle_dark">#ffbbeaf5</color>
+  <color name="light_10">#1affffff</color>
+  <color name="light_20">#33ffffff</color>
+  <color name="light_40">#66ffffff</color>
+  <color name="light_60">#99ffffff</color>
+  <color name="light_80">#ccffffff</color>
+  <color name="light_97">#f7ffffff</color>
   <color name="mint_tulip">#ffc1f2e8</color>
   <color name="mortar">#ff595959</color>
   <color name="mortar_dark">#ff505050</color>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 21 Jun 2023 20:37:37 GMT
+  Generated on Fri, 14 Jul 2023 19:43:46 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Wed, 21 Jun 2023 20:37:37 GMT
+  Generated on Fri, 14 Jul 2023 19:43:46 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_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 Wed, 21 Jun 2023 20:37:37 GMT
+  Generated on Fri, 14 Jul 2023 19:43:46 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 21 Jun 2023 20:37:37 GMT
+// Generated on Fri, 14 Jul 2023 19:43:46 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 21 Jun 2023 20:37:37 GMT
+// Generated on Fri, 14 Jul 2023 19:43:46 GMT
 
 
 import UIKit
@@ -20,6 +20,12 @@ public enum PaletteColor {
     public static let carouselPink = UIColor(red: 0.980, green: 0.902, blue: 0.957, alpha: 1)
     public static let chathamsBlue = UIColor(red: 0.090, green: 0.212, blue: 0.490, alpha: 1)
     public static let chathamsBlueDark = UIColor(red: 0.020, green: 0.129, blue: 0.345, alpha: 1)
+    public static let dark10 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.1)
+    public static let dark20 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.2)
+    public static let dark40 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.4)
+    public static let dark60 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.6)
+    public static let dark80 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.8)
+    public static let dark97 = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.97)
     public static let darkBlue = UIColor(red: 0.000, green: 0.514, blue: 0.702, alpha: 1)
     public static let darkMosque = UIColor(red: 0.004, green: 0.282, blue: 0.278, alpha: 1)
     public static let dove = UIColor(red: 0.400, green: 0.400, blue: 0.400, alpha: 1)
@@ -31,6 +37,12 @@ public enum PaletteColor {
     public static let iceberg = UIColor(red: 0.796, green: 0.941, blue: 0.910, alpha: 1)
     public static let icicle = UIColor(red: 0.898, green: 0.969, blue: 0.984, alpha: 1)
     public static let icicleDark = UIColor(red: 0.733, green: 0.918, blue: 0.961, alpha: 1)
+    public static let light10 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.1)
+    public static let light20 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.2)
+    public static let light40 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.4)
+    public static let light60 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.6)
+    public static let light80 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.8)
+    public static let light97 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 0.97)
     public static let mintTulip = UIColor(red: 0.757, green: 0.949, blue: 0.910, alpha: 1)
     public static let mortar = UIColor(red: 0.349, green: 0.349, blue: 0.349, alpha: 1)
     public static let mortarDark = UIColor(red: 0.314, green: 0.314, blue: 0.314, alpha: 1)

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 21 Jun 2023 20:37:37 GMT
+// Generated on Fri, 14 Jul 2023 19:43:46 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 21 Jun 2023 20:37:37 GMT
+// Generated on Fri, 14 Jul 2023 19:43:46 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 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 Wed, 21 Jun 2023 20:37:37 GMT
+// Generated on Fri, 14 Jul 2023 19:43:46 GMT
 
 
 import UIKit

package/build/rn/icons/Coaxial.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: "M10.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/Coaxial.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: "M10.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/DSL.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: "M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/DSL.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: "M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z",
+    clipRule: "evenodd"
+  })]
+});

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/coaxial.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M10.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z" clip-rule="evenodd"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/icons/index.js

@@ -21,6 +21,8 @@ module.exports = {
   CircledLine: require('./CircledLine'),
   Close: require('./Close'),
   ClosedCaptions: require('./ClosedCaptions'),
+  Coaxial: require('./Coaxial'),
+  DSL: require('./DSL'),
   Devices: require('./Devices'),
   Download: require('./Download'),
   ExclamationOctagon: require('./ExclamationOctagon'),
@@ -53,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'),

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 21 Jun 2023 20:37:39 GMT
+* Generated on Fri, 14 Jul 2023 19:43:49 GMT
 */
 module.exports = {
   border: {
@@ -21,6 +21,12 @@ module.exports = {
     carouselPink: '#fae6f4',
     chathamsBlue: '#17367d',
     chathamsBlueDark: '#052158',
+    dark10: 'rgba(0, 0, 0, 0.1)',
+    dark20: 'rgba(0, 0, 0, 0.2)',
+    dark40: 'rgba(0, 0, 0, 0.4)',
+    dark60: 'rgba(0, 0, 0, 0.6)',
+    dark80: 'rgba(0, 0, 0, 0.8)',
+    dark97: 'rgba(0, 0, 0, 0.97)',
     darkBlue: '#0083b3',
     darkMosque: '#014847',
     dove: '#666666',
@@ -32,6 +38,12 @@ module.exports = {
     iceberg: '#cbf0e8',
     icicle: '#e5f7fb',
     icicleDark: '#bbeaf5',
+    light10: 'rgba(255, 255, 255, 0.1)',
+    light20: 'rgba(255, 255, 255, 0.2)',
+    light40: 'rgba(255, 255, 255, 0.4)',
+    light60: 'rgba(255, 255, 255, 0.6)',
+    light80: 'rgba(255, 255, 255, 0.8)',
+    light97: 'rgba(255, 255, 255, 0.97)',
     mintTulip: '#c1f2e8',
     mortar: '#595959',
     mortarDark: '#505050',
@@ -128,6 +140,8 @@ module.exports = {
     CircledLine: '@telus-uds/palette-koodo/build/rn/icons/circled-line.icon.svg',
     Close: '@telus-uds/palette-koodo/build/rn/icons/close.icon.svg',
     ClosedCaptions: '@telus-uds/palette-koodo/build/rn/icons/closed-captions.icon.svg',
+    Coaxial: '@telus-uds/palette-koodo/build/rn/icons/coaxial.icon.svg',
+    DSL: '@telus-uds/palette-koodo/build/rn/icons/dsl.icon.svg',
     Devices: '@telus-uds/palette-koodo/build/rn/icons/devices.icon.svg',
     Download: '@telus-uds/palette-koodo/build/rn/icons/download.icon.svg',
     ExclamationOctagon: '@telus-uds/palette-koodo/build/rn/icons/exclamation-octagon.icon.svg',
@@ -160,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',
@@ -221,6 +238,7 @@ module.exports = {
     pill32: 32,
     radius1: 1,
     radius12: 12,
+    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_21_0-StagSans-300-rVI4gbrK-3qe5AHC6SrQx.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-300-sCMaZHMHAe27vDQRAOeN1.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-400-J-bspJc8abPuQxn-m1jSv.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-400-WJNU98crO9tJYJeH-bBG5.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-500-WxlkZ6pZgPm0tk7O8ZTkk.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-500-XWsooPlmA2mFU9GmLrD98.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-600-6EVvl_bhCLzqO-hJKoe-6.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-600-t9gJiMPEczUrSjrwNPYlr.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-700-HAN5d1DELNPoEDF3R7Fgv.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-700-DpcxNhX64bhMZK30cFmMA.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_21_0-StagSans-300-rVI4gbrK-3qe5AHC6SrQx.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-300-sCMaZHMHAe27vDQRAOeN1.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-400-J-bspJc8abPuQxn-m1jSv.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-400-WJNU98crO9tJYJeH-bBG5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-500-WxlkZ6pZgPm0tk7O8ZTkk.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-500-XWsooPlmA2mFU9GmLrD98.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-600-6EVvl_bhCLzqO-hJKoe-6.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-600-t9gJiMPEczUrSjrwNPYlr.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/v0_21_0-StagSans-700-HAN5d1DELNPoEDF3R7Fgv.otf');
+  src: url('https://cdn.telus.digital/uds/v0_23_0-StagSans-700-DpcxNhX64bhMZK30cFmMA.otf');
   font-display: block;
 }

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

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_21_0-StagSans-300-rVI4gbrK-3qe5AHC6SrQx.otf');
+  src: url('./v0_23_0-StagSans-300-sCMaZHMHAe27vDQRAOeN1.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_21_0-StagSans-400-J-bspJc8abPuQxn-m1jSv.otf');
+  src: url('./v0_23_0-StagSans-400-WJNU98crO9tJYJeH-bBG5.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_21_0-StagSans-500-WxlkZ6pZgPm0tk7O8ZTkk.otf');
+  src: url('./v0_23_0-StagSans-500-XWsooPlmA2mFU9GmLrD98.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_21_0-StagSans-600-6EVvl_bhCLzqO-hJKoe-6.otf');
+  src: url('./v0_23_0-StagSans-600-t9gJiMPEczUrSjrwNPYlr.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_21_0-StagSans-700-HAN5d1DELNPoEDF3R7Fgv.otf');
+  src: url('./v0_23_0-StagSans-700-DpcxNhX64bhMZK30cFmMA.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_21_0-StagSans-300-rVI4gbrK-3qe5AHC6SrQx.otf');
+  src: url('./v0_23_0-StagSans-300-sCMaZHMHAe27vDQRAOeN1.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./v0_21_0-StagSans-400-J-bspJc8abPuQxn-m1jSv.otf');
+  src: url('./v0_23_0-StagSans-400-WJNU98crO9tJYJeH-bBG5.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./v0_21_0-StagSans-500-WxlkZ6pZgPm0tk7O8ZTkk.otf');
+  src: url('./v0_23_0-StagSans-500-XWsooPlmA2mFU9GmLrD98.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./v0_21_0-StagSans-600-6EVvl_bhCLzqO-hJKoe-6.otf');
+  src: url('./v0_23_0-StagSans-600-t9gJiMPEczUrSjrwNPYlr.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./v0_21_0-StagSans-700-HAN5d1DELNPoEDF3R7Fgv.otf');
+  src: url('./v0_23_0-StagSans-700-DpcxNhX64bhMZK30cFmMA.otf');
   font-display: block;
 }

package/build/web/icons/Coaxial.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: "M10.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/web/icons/DSL.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: "M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z",
+    clipRule: "evenodd"
+  })]
+});

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/coaxial.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M10.412 1.589v4.59H4.855c-.77 0-1.394.624-1.394 1.394V14c0 .55.318 1.024.78 1.252v3.429c0 .493.398.753.604.849l2.35 1.098.011.005.063.025v1.653a1.69 1.69 0 0 0 1.689 1.69h5.665a1.69 1.69 0 0 0 1.691-1.69v-1.655a1.81 1.81 0 0 0 .059-.023l.01-.005 2.354-1.091c.204-.096.605-.353.605-.85V15.38A1.394 1.394 0 0 0 20.54 14V7.573c0-.77-.624-1.394-1.394-1.394h-5.557v-4.59a1.588 1.588 0 0 0-3.176 0ZM7.938 7.502h3.401v6.569H7.938v-6.57Zm-1.323 0h-1.76a.071.071 0 0 0-.071.071V14c0 .04.032.071.071.071h1.76v-6.57Zm6.047 6.569h3.427v-6.57h-3.286l-.025.001h-.116v6.569Zm6.483 0h-1.733v-6.57h1.733c.04 0 .072.033.072.072V14a.07.07 0 0 1-.072.071ZM7.952 19.464h7.674a.66.66 0 0 0 .225-.047l2.168-1.006V15.4a.967.967 0 0 0-.098-.005H5.66a.968.968 0 0 0-.097.005v3.005l2.167 1.013a.65.65 0 0 0 .222.046Zm.64 2.847v-1.524h6.4v1.524a.367.367 0 0 1-.368.367H8.958a.366.366 0 0 1-.367-.367Z" clip-rule="evenodd"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M16.181 0H7.818a3.307 3.307 0 0 0-3.307 3.307v8.959a2.195 2.195 0 0 0-.728.184c-.222.103-.715.403-.715 1.004v4.253c0 .584.472.891.715 1.005l2.78 1.298.013.006.074.03v1.956A1.999 1.999 0 0 0 8.648 24h6.701a1.999 1.999 0 0 0 2.001-1.998v-1.958l.069-.027.013-.006 2.783-1.291.002-.001c.24-.112.715-.416.715-1.004v-4.26c0-.603-.494-.902-.716-1.005a2.2 2.2 0 0 0-.727-.184V3.307A3.307 3.307 0 0 0 16.18 0Zm-5.4 12.255H5.928v-6.46h12.143v6.46h-4.853V8.268H10.78v3.987Zm0 1.565H4.747a.982.982 0 0 0-.114.006v3.555l2.562 1.198a.77.77 0 0 0 .263.055h9.077a.778.778 0 0 0 .267-.056l2.565-1.19v-3.562a1.127 1.127 0 0 0-.116-.006h-6.033v1.151c0 .701-1.219 1.271-1.219 1.271s-1.218-.57-1.218-1.271v-1.15Zm.497-9.207h-2.2V1.417h2.2v3.196Zm6.793 0h-2.125V1.417h.235a1.89 1.89 0 0 1 1.89 1.89v1.306Zm-3.308-3.196v3.196h-2.302V1.417h2.303Zm-6.868 0v3.196H5.928V3.307a1.89 1.89 0 0 1 1.89-1.89h.077Zm.32 18.782h7.57v1.803a.432.432 0 0 1-.434.433H8.648a.434.434 0 0 1-.434-.433v-1.803Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/index.js

@@ -21,6 +21,8 @@ module.exports = {
   CircledLine: require('./CircledLine'),
   Close: require('./Close'),
   ClosedCaptions: require('./ClosedCaptions'),
+  Coaxial: require('./Coaxial'),
+  DSL: require('./DSL'),
   Devices: require('./Devices'),
   Download: require('./Download'),
   ExclamationOctagon: require('./ExclamationOctagon'),
@@ -53,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'),

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

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Wed, 21 Jun 2023 20:37:37 GMT
+* Generated on Fri, 14 Jul 2023 19:43:47 GMT
 */
 module.exports = {
   border: {
@@ -21,6 +21,12 @@ module.exports = {
     carouselPink: '#fae6f4',
     chathamsBlue: '#17367d',
     chathamsBlueDark: '#052158',
+    dark10: 'rgba(0, 0, 0, 0.1)',
+    dark20: 'rgba(0, 0, 0, 0.2)',
+    dark40: 'rgba(0, 0, 0, 0.4)',
+    dark60: 'rgba(0, 0, 0, 0.6)',
+    dark80: 'rgba(0, 0, 0, 0.8)',
+    dark97: 'rgba(0, 0, 0, 0.97)',
     darkBlue: '#0083b3',
     darkMosque: '#014847',
     dove: '#666666',
@@ -32,6 +38,12 @@ module.exports = {
     iceberg: '#cbf0e8',
     icicle: '#e5f7fb',
     icicleDark: '#bbeaf5',
+    light10: 'rgba(255, 255, 255, 0.1)',
+    light20: 'rgba(255, 255, 255, 0.2)',
+    light40: 'rgba(255, 255, 255, 0.4)',
+    light60: 'rgba(255, 255, 255, 0.6)',
+    light80: 'rgba(255, 255, 255, 0.8)',
+    light97: 'rgba(255, 255, 255, 0.97)',
     mintTulip: '#c1f2e8',
     mortar: '#595959',
     mortarDark: '#505050',
@@ -59,11 +71,11 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/v0_21_0-StagSans-300-rVI4gbrK-3qe5AHC6SrQx.otf',
-      400: 'https://cdn.telus.digital/uds/v0_21_0-StagSans-400-J-bspJc8abPuQxn-m1jSv.otf',
-      500: 'https://cdn.telus.digital/uds/v0_21_0-StagSans-500-WxlkZ6pZgPm0tk7O8ZTkk.otf',
-      600: 'https://cdn.telus.digital/uds/v0_21_0-StagSans-600-6EVvl_bhCLzqO-hJKoe-6.otf',
-      700: 'https://cdn.telus.digital/uds/v0_21_0-StagSans-700-HAN5d1DELNPoEDF3R7Fgv.otf'
+      300: 'https://cdn.telus.digital/uds/v0_23_0-StagSans-300-sCMaZHMHAe27vDQRAOeN1.otf',
+      400: 'https://cdn.telus.digital/uds/v0_23_0-StagSans-400-WJNU98crO9tJYJeH-bBG5.otf',
+      500: 'https://cdn.telus.digital/uds/v0_23_0-StagSans-500-XWsooPlmA2mFU9GmLrD98.otf',
+      600: 'https://cdn.telus.digital/uds/v0_23_0-StagSans-600-t9gJiMPEczUrSjrwNPYlr.otf',
+      700: 'https://cdn.telus.digital/uds/v0_23_0-StagSans-700-DpcxNhX64bhMZK30cFmMA.otf'
     }
   },
   fontSize: {
@@ -115,6 +127,8 @@ module.exports = {
     CircledLine: '@telus-uds/palette-koodo/build/web/icons/circled-line.icon.svg',
     Close: '@telus-uds/palette-koodo/build/web/icons/close.icon.svg',
     ClosedCaptions: '@telus-uds/palette-koodo/build/web/icons/closed-captions.icon.svg',
+    Coaxial: '@telus-uds/palette-koodo/build/web/icons/coaxial.icon.svg',
+    DSL: '@telus-uds/palette-koodo/build/web/icons/dsl.icon.svg',
     Devices: '@telus-uds/palette-koodo/build/web/icons/devices.icon.svg',
     Download: '@telus-uds/palette-koodo/build/web/icons/download.icon.svg',
     ExclamationOctagon: '@telus-uds/palette-koodo/build/web/icons/exclamation-octagon.icon.svg',
@@ -147,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',
@@ -208,6 +225,7 @@ module.exports = {
     pill32: '32px',
     radius1: '1px',
     radius12: '12px',
+    radius24: '24px',
     radius4: '4px',
     radius48: '48px',
     radius6: '6px',

package/package.json

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

package/palette.json

@@ -70,6 +70,36 @@
         "tags": ["ui"],
         "value": "rgb(5, 33, 88)"
       },
+      "dark10": {
+        "description": "Dark 10%",
+        "tags": ["Opacity"],
+        "value": "rgba(0, 0, 0, 0.1)"
+      },
+      "dark20": {
+        "description": "Dark 20%",
+        "tags": ["Opacity"],
+        "value": "rgba(0, 0, 0, 0.2)"
+      },
+      "dark40": {
+        "description": "Dark 40%",
+        "tags": ["Opacity"],
+        "value": "rgba(0, 0, 0, 0.4)"
+      },
+      "dark60": {
+        "description": "Dark 60%",
+        "tags": ["Opacity"],
+        "value": "rgba(0, 0, 0, 0.6)"
+      },
+      "dark80": {
+        "description": "Dark 80%",
+        "tags": ["Opacity"],
+        "value": "rgba(0, 0, 0, 0.8)"
+      },
+      "dark97": {
+        "description": "Dark 97%",
+        "tags": ["Opacity"],
+        "value": "rgba(0, 0, 0, 0.97)"
+      },
       "darkBlue": {
         "description": "",
         "tags": [],
@@ -125,6 +155,36 @@
         "tags": [],
         "value": "rgb(187, 234, 245)"
       },
+      "light10": {
+        "description": "Light 10%",
+        "tags": ["Opacity"],
+        "value": "rgba(255, 255, 255, 0.1)"
+      },
+      "light20": {
+        "description": "Light 20%",
+        "tags": ["Opacity"],
+        "value": "rgba(255, 255, 255, 0.2)"
+      },
+      "light40": {
+        "description": "Light 40%",
+        "tags": ["Opacity"],
+        "value": "rgba(255, 255, 255, 0.4)"
+      },
+      "light60": {
+        "description": "Light 60%",
+        "tags": ["Opacity"],
+        "value": "rgba(255, 255, 255, 0.6)"
+      },
+      "light80": {
+        "description": "Light 80%",
+        "tags": ["Opacity"],
+        "value": "rgba(255, 255, 255, 0.8)"
+      },
+      "light97": {
+        "description": "Light 97%",
+        "tags": ["Opacity"],
+        "value": "rgba(255, 255, 255, 0.97)"
+      },
       "mintTulip": {
         "description": "",
         "tags": [],
@@ -424,6 +484,14 @@
         "tags": ["Interface", "VideoPlayer"],
         "value": "icon/closed-captions.svg"
       },
+      "Coaxial": {
+        "tags": ["General"],
+        "value": "icon/coaxial.svg"
+      },
+      "DSL": {
+        "tags": ["General"],
+        "value": "icon/dsl.svg"
+      },
       "Devices": {
         "tags": ["General"],
         "value": "icon/devices.svg"
@@ -551,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"
@@ -748,6 +826,9 @@
       "radius12": {
         "value": 12
       },
+      "radius24": {
+        "value": 24
+      },
       "radius4": {
         "value": 4
       },