@thecb/components 11.2.4 → 11.2.5-beta.1

package/dist/index.esm.js

@@ -49733,29 +49733,29 @@ var fallbackValues$U = {
 var BannerContainer = styled(Cluster).withConfig({
   displayName: "RegistrationBannerstyled__BannerContainer",
   componentId: "sc-1m1lm4y-0"
-})(["background:", ";padding:", ";"], function (_ref) {
+})(["background:", ";padding:2rem;"], function (_ref) {
   var themeValues = _ref.themeValues;
   return adjustHexColor(themeValues.background, 10, "lighten");
-}, function (_ref2) {
-  var isMobile = _ref2.isMobile;
-  return isMobile ? "1rem 2rem" : " 2rem 8.25rem";
 });
 var ContentContainer = styled(Cluster).withConfig({
   displayName: "RegistrationBannerstyled__ContentContainer",
   componentId: "sc-1m1lm4y-1"
-})(["padding:0;width:", ";> div{flex-direction:", ";}"], function (_ref3) {
+})(["padding:0;width:", ";> div{flex-direction:", ";}"], function (_ref2) {
+  var isMobile = _ref2.isMobile;
+  return isMobile ? "100%" : " 1224px";
+}, function (_ref3) {
   var isMobile = _ref3.isMobile;
-  return isMobile ? "296px" : " 1176px";
-}, function (_ref4) {
-  var isMobile = _ref4.isMobile;
   return isMobile ? "column" : "row";
 });
 var ButtonContainer = styled(Stack).withConfig({
   displayName: "RegistrationBannerstyled__ButtonContainer",
   componentId: "sc-1m1lm4y-2"
-})(["align-items:center;> a{width:", ";}"], function (_ref5) {
+})(["align-items:center;width:", ";padding-left:", ";> *{width:inherit;}"], function (_ref4) {
+  var isMobile = _ref4.isMobile;
+  return isMobile ? "100%" : "222px";
+}, function (_ref5) {
   var isMobile = _ref5.isMobile;
-  return isMobile ? "296px" : "222px";
+  return isMobile ? "0" : "2rem";
 });
 var RegisterLink = styled(ButtonWithLink).withConfig({
   displayName: "RegistrationBannerstyled__RegisterLink",
@@ -49788,7 +49788,8 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     align: "center",
     justify: "space-between",
     overflow: "visible",
-    isMobile: isMobile
+    isMobile: isMobile,
+    nowrap: true
   }, /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     textAlign: "left"
@@ -49800,9 +49801,9 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     weight: FONT_WEIGHT_SEMIBOLD
   }, "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,
+    fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG,
     color: themeValues.secondaryColor
-  }, "Save payment methods and information for fast, easy, and safe payments with ", clientName)), /*#__PURE__*/React.createElement(ButtonContainer, {
+  }, "Save payment methods and billing information for fast, easy, and safe payments with ", clientName)), /*#__PURE__*/React.createElement(ButtonContainer, {
     justify: "space-between",
     fullHeight: true,
     childGap: "0.5rem",
@@ -49815,7 +49816,8 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     url: registrationLink
   }, /*#__PURE__*/React.createElement(Cluster, {
     justify: "center",
-    align: "center"
+    align: "center",
+    extraStyles: "min-width: 100%"
   }, /*#__PURE__*/React.createElement(Text$1, {
     extraStyles: "margin-right: 0.5rem",
     fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG,