@telus-uds/palette-koodo 0.25.0 → 0.27.0

package/build/android/border.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 21 Aug 2023 19:05:29 GMT
+  Generated on Wed, 01 Nov 2023 01:01:01 GMT
 -->
 
 <resources>

package/build/android/color.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 21 Aug 2023 19:05:29 GMT
+  Generated on Wed, 01 Nov 2023 01:01:01 GMT
 -->
 
 <resources>

package/build/android/font_size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 21 Aug 2023 19:05:29 GMT
+  Generated on Wed, 01 Nov 2023 01:01:01 GMT
 -->
 
 <resources>

package/build/android/radius.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 21 Aug 2023 19:05:29 GMT
+  Generated on Wed, 01 Nov 2023 01:01:01 GMT
 -->
 
 <resources>

package/build/android/size.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 21 Aug 2023 19:05:29 GMT
+  Generated on Wed, 01 Nov 2023 01:01:01 GMT
 -->
 
 <resources>

package/build/ios/Border.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 21 Aug 2023 19:05:29 GMT
+// Generated on Wed, 01 Nov 2023 01:01:01 GMT
 
 
 import UIKit

package/build/ios/Color.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 21 Aug 2023 19:05:29 GMT
+// Generated on Wed, 01 Nov 2023 01:01:01 GMT
 
 
 import UIKit

package/build/ios/FontSize.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 21 Aug 2023 19:05:29 GMT
+// Generated on Wed, 01 Nov 2023 01:01:01 GMT
 
 
 import UIKit

package/build/ios/Radius.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 21 Aug 2023 19:05:29 GMT
+// Generated on Wed, 01 Nov 2023 01:01:01 GMT
 
 
 import UIKit

package/build/ios/Size.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 21 Aug 2023 19:05:29 GMT
+// Generated on Wed, 01 Nov 2023 01:01:01 GMT
 
 
 import UIKit

package/build/rn/icons/Amex.js

@@ -0,0 +1,29 @@
+"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", {
+    fill: "#016FD0",
+    fillRule: "evenodd",
+    d: "M2.709 8 0 14.991h3.243l.402-1.115h.918l.402 1.115h3.57v-.85l.318.85h1.846l.318-.869v.869h7.423l.902-1.086.846 1.086L24 15l-2.717-3.485L24 8h-3.753l-.879 1.066L18.549 8h-8.075l-.693 1.804L9.07 8H5.835v.822L5.475 8H2.71Zm.627.993h1.58l1.797 4.74v-4.74h1.732l1.387 3.399 1.28-3.4h1.722v5.017h-1.048l-.009-3.93-1.528 3.93h-.938l-1.537-3.93v3.93H5.618l-.41-1.124H3l-.408 1.123H1.437l1.9-5.015Zm14.72 0h-4.263v5.013h4.197l1.352-1.661 1.304 1.661h1.363l-1.98-2.492 1.98-2.521h-1.304l-1.345 1.642-1.304-1.642ZM4.105 9.84l-.728 2.004h1.455L4.105 9.84Zm10.74 1.106v-.916h2.66l1.161 1.464-1.212 1.473h-2.608v-1h2.325v-1.02h-2.325Z",
+    clipRule: "evenodd"
+  })]
+});

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

@@ -0,0 +1,29 @@
+"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, {
+    fill: "#016FD0",
+    fillRule: "evenodd",
+    d: "M2.709 8 0 14.991h3.243l.402-1.115h.918l.402 1.115h3.57v-.85l.318.85h1.846l.318-.869v.869h7.423l.902-1.086.846 1.086L24 15l-2.717-3.485L24 8h-3.753l-.879 1.066L18.549 8h-8.075l-.693 1.804L9.07 8H5.835v.822L5.475 8H2.71Zm.627.993h1.58l1.797 4.74v-4.74h1.732l1.387 3.399 1.28-3.4h1.722v5.017h-1.048l-.009-3.93-1.528 3.93h-.938l-1.537-3.93v3.93H5.618l-.41-1.124H3l-.408 1.123H1.437l1.9-5.015Zm14.72 0h-4.263v5.013h4.197l1.352-1.661 1.304 1.661h1.363l-1.98-2.492 1.98-2.521h-1.304l-1.345 1.642-1.304-1.642ZM4.105 9.84l-.728 2.004h1.455L4.105 9.84Zm10.74 1.106v-.916h2.66l1.161 1.464-1.212 1.473h-2.608v-1h2.325v-1.02h-2.325Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/CreditCard.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: "M21.5 4C22.878 4 24 5.122 24 6.5v11c0 1.378-1.122 2.5-2.5 2.5h-19A2.503 2.503 0 0 1 0 17.5v-11C0 5.122 1.122 4 2.5 4h19Zm1.5 7H1v6.5c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5V11ZM9.5 16a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-2a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM23 8H1v2h22V8Zm-1.5-3h-19C1.673 5 1 5.673 1 6.5V7h22v-.5c0-.827-.673-1.5-1.5-1.5Zm-2 12h-1c-.827 0-1.5-.673-1.5-1.5v-1c0-.827.673-1.5 1.5-1.5h1c.827 0 1.5.673 1.5 1.5v1c0 .827-.673 1.5-1.5 1.5Zm-1-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/CreditCard.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: "M21.5 4C22.878 4 24 5.122 24 6.5v11c0 1.378-1.122 2.5-2.5 2.5h-19A2.503 2.503 0 0 1 0 17.5v-11C0 5.122 1.122 4 2.5 4h19Zm1.5 7H1v6.5c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5V11ZM9.5 16a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-2a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM23 8H1v2h22V8Zm-1.5-3h-19C1.673 5 1 5.673 1 6.5V7h22v-.5c0-.827-.673-1.5-1.5-1.5Zm-2 12h-1c-.827 0-1.5-.673-1.5-1.5v-1c0-.827.673-1.5 1.5-1.5h1c.827 0 1.5.673 1.5 1.5v1c0 .827-.673 1.5-1.5 1.5Zm-1-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/rn/icons/MasterCard.js

@@ -0,0 +1,33 @@
+"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", {
+    fill: "#ED0006",
+    d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#F9A000",
+    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#FF5E00",
+    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
+  })]
+});

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

@@ -0,0 +1,33 @@
+"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, {
+    fill: "#ED0006",
+    d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: "#F9A000",
+    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: "#FF5E00",
+    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
+  })]
+});

package/build/rn/icons/Visa.js

@@ -0,0 +1,38 @@
+"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", {
+    fill: "#00579F",
+    d: "M15.704 8c.752 0 1.36.151 1.744.288l-.265 1.464-.175-.072a3.615 3.615 0 0 0-1.449-.26c-.767 0-1.111.296-1.12.584 0 .317.417.526 1.097.836 1.12.483 1.64 1.075 1.632 1.846C17.152 14.092 15.824 15 13.784 15c-.872-.007-1.712-.173-2.168-.36l.272-1.522.256.108c.632.253 1.048.361 1.824.361.56 0 1.16-.21 1.168-.663 0-.296-.256-.512-1.008-.844-.736-.324-1.72-.865-1.704-1.838.008-1.32 1.36-2.242 3.28-2.242Zm-7.248 6.899H10.4l1.216-6.776H9.672l-1.216 6.776Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#00579F",
+    fillRule: "evenodd",
+    d: "M22.432 8.123h-1.504c-.464 0-.816.122-1.016.562L17.024 14.9h2.04l.408-1.016h2.496c.056.237.232 1.016.232 1.016H24l-1.568-6.776Zm-2.4 4.376a2035.23 2035.23 0 0 0 .836-2.049c.056-.14.139-.346.196-.496l.136.584s.368 1.622.448 1.96h-1.616Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#00579F",
+    d: "m4.928 12.743 1.904-4.62h2.056l-3.056 6.769H3.776L2.032 8.966c1.232.584 2.336 1.76 2.688 2.84l.208.938Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#FAA61A",
+    d: "M3.16 8.123H.032L0 8.26c2.44.562 4.056 1.918 4.72 3.547l-.68-3.115c-.112-.432-.456-.555-.88-.57Z"
+  })]
+});

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

@@ -0,0 +1,38 @@
+"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, {
+    fill: "#00579F",
+    d: "M15.704 8c.752 0 1.36.151 1.744.288l-.265 1.464-.175-.072a3.615 3.615 0 0 0-1.449-.26c-.767 0-1.111.296-1.12.584 0 .317.417.526 1.097.836 1.12.483 1.64 1.075 1.632 1.846C17.152 14.092 15.824 15 13.784 15c-.872-.007-1.712-.173-2.168-.36l.272-1.522.256.108c.632.253 1.048.361 1.824.361.56 0 1.16-.21 1.168-.663 0-.296-.256-.512-1.008-.844-.736-.324-1.72-.865-1.704-1.838.008-1.32 1.36-2.242 3.28-2.242Zm-7.248 6.899H10.4l1.216-6.776H9.672l-1.216 6.776Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: "#00579F",
+    fillRule: "evenodd",
+    d: "M22.432 8.123h-1.504c-.464 0-.816.122-1.016.562L17.024 14.9h2.04l.408-1.016h2.496c.056.237.232 1.016.232 1.016H24l-1.568-6.776Zm-2.4 4.376a2035.23 2035.23 0 0 0 .836-2.049c.056-.14.139-.346.196-.496l.136.584s.368 1.622.448 1.96h-1.616Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: "#00579F",
+    d: "m4.928 12.743 1.904-4.62h2.056l-3.056 6.769H3.776L2.032 8.966c1.232.584 2.336 1.76 2.688 2.84l.208.938Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    fill: "#FAA61A",
+    d: "M3.16 8.123H.032L0 8.26c2.44.562 4.056 1.918 4.72 3.547l-.68-3.115c-.112-.432-.456-.555-.88-.57Z"
+  })]
+});

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

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="#016FD0" fill-rule="evenodd" d="M2.709 8 0 14.991h3.243l.402-1.115h.918l.402 1.115h3.57v-.85l.318.85h1.846l.318-.869v.869h7.423l.902-1.086.846 1.086L24 15l-2.717-3.485L24 8h-3.753l-.879 1.066L18.549 8h-8.075l-.693 1.804L9.07 8H5.835v.822L5.475 8H2.71Zm.627.993h1.58l1.797 4.74v-4.74h1.732l1.387 3.399 1.28-3.4h1.722v5.017h-1.048l-.009-3.93-1.528 3.93h-.938l-1.537-3.93v3.93H5.618l-.41-1.124H3l-.408 1.123H1.437l1.9-5.015Zm14.72 0h-4.263v5.013h4.197l1.352-1.661 1.304 1.661h1.363l-1.98-2.492 1.98-2.521h-1.304l-1.345 1.642-1.304-1.642ZM4.105 9.84l-.728 2.004h1.455L4.105 9.84Zm10.74 1.106v-.916h2.66l1.161 1.464-1.212 1.473h-2.608v-1h2.325v-1.02h-2.325Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/icons/credit-card.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.5 4C22.878 4 24 5.122 24 6.5v11c0 1.378-1.122 2.5-2.5 2.5h-19A2.503 2.503 0 0 1 0 17.5v-11C0 5.122 1.122 4 2.5 4h19Zm1.5 7H1v6.5c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5V11ZM9.5 16a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-2a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM23 8H1v2h22V8Zm-1.5-3h-19C1.673 5 1 5.673 1 6.5V7h22v-.5c0-.827-.673-1.5-1.5-1.5Zm-2 12h-1c-.827 0-1.5-.673-1.5-1.5v-1c0-.827.673-1.5 1.5-1.5h1c.827 0 1.5.673 1.5 1.5v1c0 .827-.673 1.5-1.5 1.5Zm-1-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z" clip-rule="evenodd"/>
+</svg>

package/build/rn/icons/index.js

@@ -1,5 +1,6 @@
 module.exports = {
   Add: require('./Add'),
+  Amex: require('./Amex'),
   ArrowDownCircled: require('./ArrowDownCircled'),
   ArrowLeft: require('./ArrowLeft'),
   ArrowRight: require('./ArrowRight'),
@@ -22,6 +23,7 @@ module.exports = {
   Close: require('./Close'),
   ClosedCaptions: require('./ClosedCaptions'),
   Coaxial: require('./Coaxial'),
+  CreditCard: require('./CreditCard'),
   DSL: require('./DSL'),
   Devices: require('./Devices'),
   Download: require('./Download'),
@@ -46,6 +48,7 @@ module.exports = {
   LockFilled: require('./LockFilled'),
   Maintenance: require('./Maintenance'),
   MaintenanceFilled: require('./MaintenanceFilled'),
+  MasterCard: require('./MasterCard'),
   Muted: require('./Muted'),
   OfferStarFilled: require('./OfferStarFilled'),
   Pause: require('./Pause'),
@@ -82,5 +85,6 @@ module.exports = {
   ToolTipFilled: require('./ToolTipFilled'),
   Tooltip: require('./Tooltip'),
   TooltipSymbol: require('./TooltipSymbol'),
-  Unmuted: require('./Unmuted')
+  Unmuted: require('./Unmuted'),
+  Visa: require('./Visa')
 }

package/build/rn/icons/master-card.icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="#ED0006" d="M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"/>
+  <path fill="#F9A000" d="M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"/>
+  <path fill="#FF5E00" d="M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"/>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="#00579F" d="M15.704 8c.752 0 1.36.151 1.744.288l-.265 1.464-.175-.072a3.615 3.615 0 0 0-1.449-.26c-.767 0-1.111.296-1.12.584 0 .317.417.526 1.097.836 1.12.483 1.64 1.075 1.632 1.846C17.152 14.092 15.824 15 13.784 15c-.872-.007-1.712-.173-2.168-.36l.272-1.522.256.108c.632.253 1.048.361 1.824.361.56 0 1.16-.21 1.168-.663 0-.296-.256-.512-1.008-.844-.736-.324-1.72-.865-1.704-1.838.008-1.32 1.36-2.242 3.28-2.242Zm-7.248 6.899H10.4l1.216-6.776H9.672l-1.216 6.776Z"/>
+  <path fill="#00579F" fill-rule="evenodd" d="M22.432 8.123h-1.504c-.464 0-.816.122-1.016.562L17.024 14.9h2.04l.408-1.016h2.496c.056.237.232 1.016.232 1.016H24l-1.568-6.776Zm-2.4 4.376a2035.23 2035.23 0 0 0 .836-2.049c.056-.14.139-.346.196-.496l.136.584s.368 1.622.448 1.96h-1.616Z" clip-rule="evenodd"/>
+  <path fill="#00579F" d="m4.928 12.743 1.904-4.62h2.056l-3.056 6.769H3.776L2.032 8.966c1.232.584 2.336 1.76 2.688 2.84l.208.938Z"/>
+  <path fill="#FAA61A" d="M3.16 8.123H.032L0 8.26c2.44.562 4.056 1.918 4.72 3.547l-.68-3.115c-.112-.432-.456-.555-.88-.57Z"/>
+</svg>

package/build/rn/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 21 Aug 2023 19:05:31 GMT
+* Generated on Wed, 01 Nov 2023 01:01:03 GMT
 */
 module.exports = {
   border: {
@@ -119,6 +119,7 @@ module.exports = {
   },
   icon: {
     Add: '@telus-uds/palette-koodo/build/rn/icons/add.icon.svg',
+    Amex: '@telus-uds/palette-koodo/build/rn/icons/amex.icon.svg',
     ArrowDownCircled: '@telus-uds/palette-koodo/build/rn/icons/arrow-down-circled.icon.svg',
     ArrowLeft: '@telus-uds/palette-koodo/build/rn/icons/arrow-left.icon.svg',
     ArrowRight: '@telus-uds/palette-koodo/build/rn/icons/arrow-right.icon.svg',
@@ -141,6 +142,7 @@ module.exports = {
     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',
+    CreditCard: '@telus-uds/palette-koodo/build/rn/icons/credit-card.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',
@@ -165,6 +167,7 @@ module.exports = {
     LockFilled: '@telus-uds/palette-koodo/build/rn/icons/lock-filled.icon.svg',
     Maintenance: '@telus-uds/palette-koodo/build/rn/icons/maintenance.icon.svg',
     MaintenanceFilled: '@telus-uds/palette-koodo/build/rn/icons/maintenance-filled.icon.svg',
+    MasterCard: '@telus-uds/palette-koodo/build/rn/icons/master-card.icon.svg',
     Muted: '@telus-uds/palette-koodo/build/rn/icons/muted.icon.svg',
     OfferStarFilled: '@telus-uds/palette-koodo/build/rn/icons/offer-star-filled.icon.svg',
     Pause: '@telus-uds/palette-koodo/build/rn/icons/pause.icon.svg',
@@ -201,7 +204,8 @@ module.exports = {
     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'
+    Unmuted: '@telus-uds/palette-koodo/build/rn/icons/unmuted.icon.svg',
+    Visa: '@telus-uds/palette-koodo/build/rn/icons/visa.icon.svg'
   },
   letterSpacing: {
     default: 0

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_25_0-StagSans-300-yVaPFQDsEyXAo7UBXAR8p.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-300-jhfxElT6mefYfvL9SVmGm.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-400-EZp1mZhxdncKXh4jBTWz5.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-400-PoDJo9-Xn5m8zqjTu9gwt.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-500-FbEq680Hb2zAmKka60BSo.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-500-YljXNAIj7pTI-1-PDNYPV.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-600-r8RqS7nsZdS59CEx4OSyQ.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-600-73u4bbBYRtdvAwrq-ojDL.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-700-zUoMjevXoJEhXl7xpeiI6.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-700-Fb7OGgHnJGrgM3ZRh_lnI.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_25_0-StagSans-300-yVaPFQDsEyXAo7UBXAR8p.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-300-jhfxElT6mefYfvL9SVmGm.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-400-EZp1mZhxdncKXh4jBTWz5.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-400-PoDJo9-Xn5m8zqjTu9gwt.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-500-FbEq680Hb2zAmKka60BSo.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-500-YljXNAIj7pTI-1-PDNYPV.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-600-r8RqS7nsZdS59CEx4OSyQ.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-600-73u4bbBYRtdvAwrq-ojDL.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('https://cdn.telus.digital/uds/v0_25_0-StagSans-700-zUoMjevXoJEhXl7xpeiI6.otf');
+  src: url('https://cdn.telus.digital/uds/v0_27_0-StagSans-700-Fb7OGgHnJGrgM3ZRh_lnI.otf');
   font-display: block;
 }

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

@@ -1,34 +1,34 @@
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_25_0-StagSans-300-yVaPFQDsEyXAo7UBXAR8p.otf');
+  src: url('./v0_27_0-StagSans-300-jhfxElT6mefYfvL9SVmGm.otf');
   font-weight: 300;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_25_0-StagSans-400-EZp1mZhxdncKXh4jBTWz5.otf');
+  src: url('./v0_27_0-StagSans-400-PoDJo9-Xn5m8zqjTu9gwt.otf');
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_25_0-StagSans-500-FbEq680Hb2zAmKka60BSo.otf');
+  src: url('./v0_27_0-StagSans-500-YljXNAIj7pTI-1-PDNYPV.otf');
   font-weight: 500;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_25_0-StagSans-600-r8RqS7nsZdS59CEx4OSyQ.otf');
+  src: url('./v0_27_0-StagSans-600-73u4bbBYRtdvAwrq-ojDL.otf');
   font-weight: 600;
   font-style: normal;
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans';
-  src: url('./v0_25_0-StagSans-700-zUoMjevXoJEhXl7xpeiI6.otf');
+  src: url('./v0_27_0-StagSans-700-Fb7OGgHnJGrgM3ZRh_lnI.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_25_0-StagSans-300-yVaPFQDsEyXAo7UBXAR8p.otf');
+  src: url('./v0_27_0-StagSans-300-jhfxElT6mefYfvL9SVmGm.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans400normal';
-  src: url('./v0_25_0-StagSans-400-EZp1mZhxdncKXh4jBTWz5.otf');
+  src: url('./v0_27_0-StagSans-400-PoDJo9-Xn5m8zqjTu9gwt.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans500normal';
-  src: url('./v0_25_0-StagSans-500-FbEq680Hb2zAmKka60BSo.otf');
+  src: url('./v0_27_0-StagSans-500-YljXNAIj7pTI-1-PDNYPV.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans600normal';
-  src: url('./v0_25_0-StagSans-600-r8RqS7nsZdS59CEx4OSyQ.otf');
+  src: url('./v0_27_0-StagSans-600-73u4bbBYRtdvAwrq-ojDL.otf');
   font-display: block;
 }
 @font-face {
   font-family: 'StagSans700normal';
-  src: url('./v0_25_0-StagSans-700-zUoMjevXoJEhXl7xpeiI6.otf');
+  src: url('./v0_27_0-StagSans-700-Fb7OGgHnJGrgM3ZRh_lnI.otf');
   font-display: block;
 }

package/build/web/icons/Amex.js

@@ -0,0 +1,29 @@
+"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", {
+    fill: "#016FD0",
+    fillRule: "evenodd",
+    d: "M2.709 8 0 14.991h3.243l.402-1.115h.918l.402 1.115h3.57v-.85l.318.85h1.846l.318-.869v.869h7.423l.902-1.086.846 1.086L24 15l-2.717-3.485L24 8h-3.753l-.879 1.066L18.549 8h-8.075l-.693 1.804L9.07 8H5.835v.822L5.475 8H2.71Zm.627.993h1.58l1.797 4.74v-4.74h1.732l1.387 3.399 1.28-3.4h1.722v5.017h-1.048l-.009-3.93-1.528 3.93h-.938l-1.537-3.93v3.93H5.618l-.41-1.124H3l-.408 1.123H1.437l1.9-5.015Zm14.72 0h-4.263v5.013h4.197l1.352-1.661 1.304 1.661h1.363l-1.98-2.492 1.98-2.521h-1.304l-1.345 1.642-1.304-1.642ZM4.105 9.84l-.728 2.004h1.455L4.105 9.84Zm10.74 1.106v-.916h2.66l1.161 1.464-1.212 1.473h-2.608v-1h2.325v-1.02h-2.325Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/web/icons/CreditCard.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: "M21.5 4C22.878 4 24 5.122 24 6.5v11c0 1.378-1.122 2.5-2.5 2.5h-19A2.503 2.503 0 0 1 0 17.5v-11C0 5.122 1.122 4 2.5 4h19Zm1.5 7H1v6.5c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5V11ZM9.5 16a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-2a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM23 8H1v2h22V8Zm-1.5-3h-19C1.673 5 1 5.673 1 6.5V7h22v-.5c0-.827-.673-1.5-1.5-1.5Zm-2 12h-1c-.827 0-1.5-.673-1.5-1.5v-1c0-.827.673-1.5 1.5-1.5h1c.827 0 1.5.673 1.5 1.5v1c0 .827-.673 1.5-1.5 1.5Zm-1-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z",
+    clipRule: "evenodd"
+  })]
+});

package/build/web/icons/MasterCard.js

@@ -0,0 +1,33 @@
+"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", {
+    fill: "#ED0006",
+    d: "M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#F9A000",
+    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#FF5E00",
+    d: "M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"
+  })]
+});

package/build/web/icons/Visa.js

@@ -0,0 +1,38 @@
+"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", {
+    fill: "#00579F",
+    d: "M15.704 8c.752 0 1.36.151 1.744.288l-.265 1.464-.175-.072a3.615 3.615 0 0 0-1.449-.26c-.767 0-1.111.296-1.12.584 0 .317.417.526 1.097.836 1.12.483 1.64 1.075 1.632 1.846C17.152 14.092 15.824 15 13.784 15c-.872-.007-1.712-.173-2.168-.36l.272-1.522.256.108c.632.253 1.048.361 1.824.361.56 0 1.16-.21 1.168-.663 0-.296-.256-.512-1.008-.844-.736-.324-1.72-.865-1.704-1.838.008-1.32 1.36-2.242 3.28-2.242Zm-7.248 6.899H10.4l1.216-6.776H9.672l-1.216 6.776Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#00579F",
+    fillRule: "evenodd",
+    d: "M22.432 8.123h-1.504c-.464 0-.816.122-1.016.562L17.024 14.9h2.04l.408-1.016h2.496c.056.237.232 1.016.232 1.016H24l-1.568-6.776Zm-2.4 4.376a2035.23 2035.23 0 0 0 .836-2.049c.056-.14.139-.346.196-.496l.136.584s.368 1.622.448 1.96h-1.616Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#00579F",
+    d: "m4.928 12.743 1.904-4.62h2.056l-3.056 6.769H3.776L2.032 8.966c1.232.584 2.336 1.76 2.688 2.84l.208.938Z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: "#FAA61A",
+    d: "M3.16 8.123H.032L0 8.26c2.44.562 4.056 1.918 4.72 3.547l-.68-3.115c-.112-.432-.456-.555-.88-.57Z"
+  })]
+});

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

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="#016FD0" fill-rule="evenodd" d="M2.709 8 0 14.991h3.243l.402-1.115h.918l.402 1.115h3.57v-.85l.318.85h1.846l.318-.869v.869h7.423l.902-1.086.846 1.086L24 15l-2.717-3.485L24 8h-3.753l-.879 1.066L18.549 8h-8.075l-.693 1.804L9.07 8H5.835v.822L5.475 8H2.71Zm.627.993h1.58l1.797 4.74v-4.74h1.732l1.387 3.399 1.28-3.4h1.722v5.017h-1.048l-.009-3.93-1.528 3.93h-.938l-1.537-3.93v3.93H5.618l-.41-1.124H3l-.408 1.123H1.437l1.9-5.015Zm14.72 0h-4.263v5.013h4.197l1.352-1.661 1.304 1.661h1.363l-1.98-2.492 1.98-2.521h-1.304l-1.345 1.642-1.304-1.642ZM4.105 9.84l-.728 2.004h1.455L4.105 9.84Zm10.74 1.106v-.916h2.66l1.161 1.464-1.212 1.473h-2.608v-1h2.325v-1.02h-2.325Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/credit-card.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.5 4C22.878 4 24 5.122 24 6.5v11c0 1.378-1.122 2.5-2.5 2.5h-19A2.503 2.503 0 0 1 0 17.5v-11C0 5.122 1.122 4 2.5 4h19Zm1.5 7H1v6.5c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5V11ZM9.5 16a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6Zm0-2a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6ZM23 8H1v2h22V8Zm-1.5-3h-19C1.673 5 1 5.673 1 6.5V7h22v-.5c0-.827-.673-1.5-1.5-1.5Zm-2 12h-1c-.827 0-1.5-.673-1.5-1.5v-1c0-.827.673-1.5 1.5-1.5h1c.827 0 1.5.673 1.5 1.5v1c0 .827-.673 1.5-1.5 1.5Zm-1-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/index.js

@@ -1,5 +1,6 @@
 module.exports = {
   Add: require('./Add'),
+  Amex: require('./Amex'),
   ArrowDownCircled: require('./ArrowDownCircled'),
   ArrowLeft: require('./ArrowLeft'),
   ArrowRight: require('./ArrowRight'),
@@ -22,6 +23,7 @@ module.exports = {
   Close: require('./Close'),
   ClosedCaptions: require('./ClosedCaptions'),
   Coaxial: require('./Coaxial'),
+  CreditCard: require('./CreditCard'),
   DSL: require('./DSL'),
   Devices: require('./Devices'),
   Download: require('./Download'),
@@ -46,6 +48,7 @@ module.exports = {
   LockFilled: require('./LockFilled'),
   Maintenance: require('./Maintenance'),
   MaintenanceFilled: require('./MaintenanceFilled'),
+  MasterCard: require('./MasterCard'),
   Muted: require('./Muted'),
   OfferStarFilled: require('./OfferStarFilled'),
   Pause: require('./Pause'),
@@ -82,5 +85,6 @@ module.exports = {
   ToolTipFilled: require('./ToolTipFilled'),
   Tooltip: require('./Tooltip'),
   TooltipSymbol: require('./TooltipSymbol'),
-  Unmuted: require('./Unmuted')
+  Unmuted: require('./Unmuted'),
+  Visa: require('./Visa')
 }

package/build/web/icons/master-card.icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="#ED0006" d="M12 15.044A4.386 4.386 0 0 1 9.246 16C6.9 16 5 14.21 5 12s1.901-4 4.246-4c1.05 0 2.013.36 2.754.956A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.901 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"/>
+  <path fill="#F9A000" d="M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.58-2.31-1.492-3.044A4.386 4.386 0 0 1 14.754 8C17.1 8 19 9.79 19 12s-1.9 4-4.246 4c-1.05 0-2.013-.36-2.754-.956Z"/>
+  <path fill="#FF5E00" d="M12 15.044c.913-.733 1.492-1.825 1.492-3.044 0-1.22-.579-2.31-1.492-3.044-.913.733-1.492 1.825-1.492 3.044 0 1.22.58 2.31 1.492 3.044Z"/>
+</svg>

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

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="#00579F" d="M15.704 8c.752 0 1.36.151 1.744.288l-.265 1.464-.175-.072a3.615 3.615 0 0 0-1.449-.26c-.767 0-1.111.296-1.12.584 0 .317.417.526 1.097.836 1.12.483 1.64 1.075 1.632 1.846C17.152 14.092 15.824 15 13.784 15c-.872-.007-1.712-.173-2.168-.36l.272-1.522.256.108c.632.253 1.048.361 1.824.361.56 0 1.16-.21 1.168-.663 0-.296-.256-.512-1.008-.844-.736-.324-1.72-.865-1.704-1.838.008-1.32 1.36-2.242 3.28-2.242Zm-7.248 6.899H10.4l1.216-6.776H9.672l-1.216 6.776Z"/>
+  <path fill="#00579F" fill-rule="evenodd" d="M22.432 8.123h-1.504c-.464 0-.816.122-1.016.562L17.024 14.9h2.04l.408-1.016h2.496c.056.237.232 1.016.232 1.016H24l-1.568-6.776Zm-2.4 4.376a2035.23 2035.23 0 0 0 .836-2.049c.056-.14.139-.346.196-.496l.136.584s.368 1.622.448 1.96h-1.616Z" clip-rule="evenodd"/>
+  <path fill="#00579F" d="m4.928 12.743 1.904-4.62h2.056l-3.056 6.769H3.776L2.032 8.966c1.232.584 2.336 1.76 2.688 2.84l.208.938Z"/>
+  <path fill="#FAA61A" d="M3.16 8.123H.032L0 8.26c2.44.562 4.056 1.918 4.72 3.547l-.68-3.115c-.112-.432-.456-.555-.88-.57Z"/>
+</svg>

package/build/web/palette.js

@@ -1,6 +1,6 @@
 /**
 * Do not edit directly
-* Generated on Mon, 21 Aug 2023 19:05:29 GMT
+* Generated on Wed, 01 Nov 2023 01:01:01 GMT
 */
 module.exports = {
   border: {
@@ -71,11 +71,11 @@ module.exports = {
   },
   font: {
     StagSans: {
-      300: 'https://cdn.telus.digital/uds/v0_25_0-StagSans-300-yVaPFQDsEyXAo7UBXAR8p.otf',
-      400: 'https://cdn.telus.digital/uds/v0_25_0-StagSans-400-EZp1mZhxdncKXh4jBTWz5.otf',
-      500: 'https://cdn.telus.digital/uds/v0_25_0-StagSans-500-FbEq680Hb2zAmKka60BSo.otf',
-      600: 'https://cdn.telus.digital/uds/v0_25_0-StagSans-600-r8RqS7nsZdS59CEx4OSyQ.otf',
-      700: 'https://cdn.telus.digital/uds/v0_25_0-StagSans-700-zUoMjevXoJEhXl7xpeiI6.otf'
+      300: 'https://cdn.telus.digital/uds/v0_27_0-StagSans-300-jhfxElT6mefYfvL9SVmGm.otf',
+      400: 'https://cdn.telus.digital/uds/v0_27_0-StagSans-400-PoDJo9-Xn5m8zqjTu9gwt.otf',
+      500: 'https://cdn.telus.digital/uds/v0_27_0-StagSans-500-YljXNAIj7pTI-1-PDNYPV.otf',
+      600: 'https://cdn.telus.digital/uds/v0_27_0-StagSans-600-73u4bbBYRtdvAwrq-ojDL.otf',
+      700: 'https://cdn.telus.digital/uds/v0_27_0-StagSans-700-Fb7OGgHnJGrgM3ZRh_lnI.otf'
     }
   },
   fontSize: {
@@ -106,6 +106,7 @@ module.exports = {
   },
   icon: {
     Add: '@telus-uds/palette-koodo/build/web/icons/add.icon.svg',
+    Amex: '@telus-uds/palette-koodo/build/web/icons/amex.icon.svg',
     ArrowDownCircled: '@telus-uds/palette-koodo/build/web/icons/arrow-down-circled.icon.svg',
     ArrowLeft: '@telus-uds/palette-koodo/build/web/icons/arrow-left.icon.svg',
     ArrowRight: '@telus-uds/palette-koodo/build/web/icons/arrow-right.icon.svg',
@@ -128,6 +129,7 @@ module.exports = {
     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',
+    CreditCard: '@telus-uds/palette-koodo/build/web/icons/credit-card.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',
@@ -152,6 +154,7 @@ module.exports = {
     LockFilled: '@telus-uds/palette-koodo/build/web/icons/lock-filled.icon.svg',
     Maintenance: '@telus-uds/palette-koodo/build/web/icons/maintenance.icon.svg',
     MaintenanceFilled: '@telus-uds/palette-koodo/build/web/icons/maintenance-filled.icon.svg',
+    MasterCard: '@telus-uds/palette-koodo/build/web/icons/master-card.icon.svg',
     Muted: '@telus-uds/palette-koodo/build/web/icons/muted.icon.svg',
     OfferStarFilled: '@telus-uds/palette-koodo/build/web/icons/offer-star-filled.icon.svg',
     Pause: '@telus-uds/palette-koodo/build/web/icons/pause.icon.svg',
@@ -188,7 +191,8 @@ module.exports = {
     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'
+    Unmuted: '@telus-uds/palette-koodo/build/web/icons/unmuted.icon.svg',
+    Visa: '@telus-uds/palette-koodo/build/web/icons/visa.icon.svg'
   },
   letterSpacing: {
     default: 0

package/package.json

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

package/palette.json

@@ -400,6 +400,10 @@
       "Add": {
         "value": "icon/add.svg"
       },
+      "Amex": {
+        "tags": ["Decorative", "General"],
+        "value": "icon/amex.svg"
+      },
       "ArrowDownCircled": {
         "tags": ["Legacy"],
         "value": "icon/arrow-down-circled.svg"
@@ -488,6 +492,10 @@
         "tags": ["General"],
         "value": "icon/coaxial.svg"
       },
+      "CreditCard": {
+        "tags": ["Decorative", "General"],
+        "value": "icon/credit-card.svg"
+      },
       "DSL": {
         "tags": ["General"],
         "value": "icon/dsl.svg"
@@ -583,6 +591,10 @@
         "tags": ["General"],
         "value": "icon/maintenance-filled.svg"
       },
+      "MasterCard": {
+        "tags": ["Decorative", "General"],
+        "value": "icon/mastercard.svg"
+      },
       "Muted": {
         "tags": ["Interface", "VideoPlayer"],
         "value": "icon/muted.svg"
@@ -728,6 +740,10 @@
       "Unmuted": {
         "tags": ["Interface", "VideoPlayer"],
         "value": "icon/unmuted.svg"
+      },
+      "Visa": {
+        "tags": ["Decorative", "General"],
+        "value": "icon/visa.svg"
       }
     }
   },