@thecb/components 11.2.3-beta.1 → 11.2.3-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "11.2.3-beta.1",
+  "version": "11.2.3-beta.3",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/index.js

@@ -29,6 +29,7 @@ export { default as PhoneForm } from "./phone-form";
 export { default as Popover } from "./popover";
 export { default as RadioGroup } from "./radio-group";
 export { default as RadioSection } from "./radio-section";
+export { default as RegistrationBanner } from "./registration-banner";
 export { default as RegistrationForm } from "./registration-form";
 export { default as ResetConfirmationForm } from "./reset-confirmation-form";
 export { default as ResetPasswordForm } from "./reset-password-form";

package/src/components/molecules/registration-banner/RegistrationBanner.js

@@ -32,6 +32,7 @@ const RegistrationBanner = ({
       isMobile={isMobile}
       role="banner"
       aria-label="Registration Banner"
+      justify="center"
     >
       <Styled.ContentContainer
         role="main"

package/src/components/molecules/registration-banner/RegistrationBanner.styled.js

@@ -3,7 +3,7 @@ import { Box, Cluster, Stack } from "../../atoms/layouts";
 import ButtonWithLink from "../../atoms/button-with-link/ButtonWithLink";
 import { hexToRGBA } from "../../../util/general";
 
-export const BannerContainer = styled(Box)`
+export const BannerContainer = styled(Cluster)`
   background: ${({ themeValues }) => hexToRGBA(themeValues.background, 0.9)};
   padding: ${({ isMobile }) => (isMobile ? "1rem 2rem" : " 2rem 8.25rem")};
 `;