@thecb/components 11.2.3-beta.2 → 11.2.3-beta.4

package/dist/index.esm.js

@@ -49743,7 +49743,7 @@ var fallbackValues$U = {
   background: CORNFLOWER_BLUE
 };
 
-var BannerContainer = styled(Box).withConfig({
+var BannerContainer = styled(Cluster).withConfig({
   displayName: "RegistrationBannerstyled__BannerContainer",
   componentId: "sc-1m1lm4y-0"
 })(["background:", ";padding:", ";"], function (_ref) {
@@ -49780,14 +49780,13 @@ var LoginLink = styled(ButtonWithLink).withConfig({
 })(["border-radius:100px;padding:0;margin:0;width:100%;min-height:2rem;margin-top:0px;border:none;&:hover{text-decoration:none;}"]);
 
 var RegistrationBanner = function RegistrationBanner(_ref) {
-  var description = _ref.description,
+  var clientName = _ref.clientName,
     extraStyles = _ref.extraStyles,
     _ref$loginLink = _ref.loginLink,
     loginLink = _ref$loginLink === void 0 ? "/login" : _ref$loginLink,
     _ref$registrationLink = _ref.registrationLink,
     registrationLink = _ref$registrationLink === void 0 ? "/registration" : _ref$registrationLink,
     themeValues = _ref.themeValues,
-    title = _ref.title,
     titleAs = _ref.titleAs,
     titleVariant = _ref.titleVariant;
   var themeContext = useContext(ThemeContext);
@@ -49797,7 +49796,8 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     themeValues: themeValues,
     isMobile: isMobile,
     role: "banner",
-    "aria-label": "Registration Banner"
+    "aria-label": "Registration Banner",
+    justify: "center"
   }, /*#__PURE__*/React.createElement(ContentContainer, {
     role: "main",
     align: "center",
@@ -49813,11 +49813,11 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     fontSize: isMobile ? FONT_SIZE.XL : "1.5rem",
     variant: titleVariant,
     weight: FONT_WEIGHT_SEMIBOLD
-  }, title), /*#__PURE__*/React.createElement(Text$1, {
+  }, "Register for a ", clientName, " Wallet Account"), /*#__PURE__*/React.createElement(Text$1, {
     extraStyles: "\n              display: block;\n              padding: ".concat(isMobile ? ".125rem 0 1rem" : "0", "\n            "),
     fontSize: isMobile ? FONT_SIZE.SM : FONT_SIZE.LG,
     color: themeValues.secondaryColor
-  }, description)), /*#__PURE__*/React.createElement(ButtonContainer, {
+  }, "Save payment methods and information for fast, easy, and safe payments with ", clientName)), /*#__PURE__*/React.createElement(ButtonContainer, {
     justify: "space-between",
     fullHeight: true,
     childGap: "0.5rem",