@thecb/components 11.2.5-beta.0 → 11.2.5-beta.2

package/dist/index.esm.js

@@ -49733,32 +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 1rem";
 });
 var ContentContainer = styled(Cluster).withConfig({
   displayName: "RegistrationBannerstyled__ContentContainer",
   componentId: "sc-1m1lm4y-1"
-})(["padding:0;width:", ";> div{flex-direction:", ";}"], function (_ref3) {
-  var isMobile = _ref3.isMobile;
+})(["padding:0;width:", ";> div{flex-direction:", ";}"], function (_ref2) {
+  var isMobile = _ref2.isMobile;
   return isMobile ? "100%" : " 1224px";
-}, function (_ref4) {
-  var isMobile = _ref4.isMobile;
+}, function (_ref3) {
+  var isMobile = _ref3.isMobile;
   return isMobile ? "column" : "row";
 });
 var ButtonContainer = styled(Stack).withConfig({
   displayName: "RegistrationBannerstyled__ButtonContainer",
   componentId: "sc-1m1lm4y-2"
-})(["align-items:center;> a{width:", ";}padding-left:", ";"], function (_ref5) {
-  var isMobile = _ref5.isMobile;
+})(["align-items:center;width:", ";padding-left:", ";> *{width:inherit;}"], function (_ref4) {
+  var isMobile = _ref4.isMobile;
   return isMobile ? "100%" : "222px";
-}, function (_ref6) {
-  var isMobile = _ref6.isMobile;
-  return isMobile ? "0" : " 2rem";
+}, function (_ref5) {
+  var isMobile = _ref5.isMobile;
+  return isMobile ? "0" : "2rem";
 });
 var RegisterLink = styled(ButtonWithLink).withConfig({
   displayName: "RegistrationBannerstyled__RegisterLink",
@@ -49802,11 +49799,11 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     fontSize: isMobile ? FONT_SIZE.XL : "1.5rem",
     variant: titleVariant,
     weight: FONT_WEIGHT_SEMIBOLD
-  }, "Register for a ", clientName, " Wallet Account"), /*#__PURE__*/React.createElement(Text$1, {
+  }, "Register for a ", clientName, " Wallet"), /*#__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",
@@ -49819,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,