@pelcro/react-pelcro-js 4.0.0-alpha.30 → 4.0.0-alpha.32

package/dist/index.cjs.js

@@ -3870,7 +3870,7 @@ var labels$U = {
 		canceled: "Canceled"
 	},
 	manageMembers: "Manage Members",
-	shipments: "Shipments remaining",
+	shipments: "Shipments Remaining",
 	logout: "Logout",
 	dashboard: "Dashboard",
 	unsubscribe: "Cancel",
@@ -3880,6 +3880,7 @@ var labels$U = {
 	unsuspend: "Unsuspend",
 	support: "Support",
 	account: "Account",
+	mySettings: "My Settings",
 	accountSettings: "Account Settings",
 	purchases: "Purchases",
 	subscriptions: "Subscriptions",
@@ -3898,10 +3899,10 @@ var labels$U = {
 	pastDue: "Past due",
 	updatePaymentSource: "Update",
 	profile: "Profile",
-	updateProfile: "Edit profile",
-	changePassword: "Change password",
-	editNewsletters: "Edit newsletters",
-	myQRCode: "My QR code",
+	updateProfile: "Edit Profile",
+	changePassword: "Change Password",
+	editNewsletters: "Edit Newsletters",
+	myQRCode: "QR Code",
 	shipping: "Shipping",
 	billing: "Billing",
 	Newsletters: "Newsletters",
@@ -3910,9 +3911,9 @@ var labels$U = {
 	redeemGift: "Redeem gift",
 	address: "Address",
 	addresses: "Addresses",
-	myProfile: "My profile",
+	myProfile: "My Profile",
 	basicData: "Basic Data",
-	paymentSource: "Payment cards",
+	paymentSource: "Payment Cards",
 	addCard: "Add Card",
 	actions: "Actions",
 	expiresOn: "Ends",
@@ -4824,6 +4825,7 @@ var labels$z = {
 	unsuspend: "Annuler la suspension",
 	support: "Soutien",
 	account: "Compte",
+	mySettings: "Mes paramètres",
 	accountSettings: "Paramètres du compte",
 	purchases: "Achats",
 	subscriptions: "Abonnements",
@@ -5714,6 +5716,7 @@ var labels$k = {
 	unsuspend: "일시 중단 해제",
 	support: "지원",
 	account: "계정",
+	mySettings: "내 설정",
 	accountSettings: "계정 설정",
 	purchases: "구매",
 	subscriptions: "유료 멤버십",
@@ -6648,6 +6651,7 @@ var labels$5 = {
 	unsuspend: "Reanudar",
 	support: "Soporte",
 	account: "Cuenta",
+	mySettings: "Mi configuración",
 	purchases: "Compras",
 	subscriptions: "Suscripciones",
 	donations: "Donaciones",
@@ -12666,7 +12670,7 @@ const LoginRequestLoginToken = ({
   return /*#__PURE__*/React__default['default'].createElement("button", {
     type: "button",
     onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
-    className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent ${className}`
+    className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
   }, /*#__PURE__*/React__default['default'].createElement(SvgEmailVerify, {
     className: `plc-w-6 plc-h-auto pelcro-paswordless-login-icon" ${iconClassName}`
   }), /*#__PURE__*/React__default['default'].createElement("p", {
@@ -13097,7 +13101,7 @@ const FacebookLoginButton = ({
     render: renderProps => /*#__PURE__*/React__default['default'].createElement("button", {
       type: "button",
       onClick: renderProps.onClick,
-      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark shadow plc-flex-1 plc-bg-white hover:plc-bg-transparent ${className}`
+      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
     }, /*#__PURE__*/React__default['default'].createElement(SvgFacebookLogo, {
       className: `plc-w-3 plc-h-auto pelcro-facebook-login-icon ${iconClassName}`
     }), /*#__PURE__*/React__default['default'].createElement("p", {
@@ -13275,7 +13279,7 @@ const GoogleLoginButton = ({
     render: renderProps => /*#__PURE__*/React__default['default'].createElement("button", {
       type: "button",
       onClick: renderProps.onClick,
-      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent ${className}`
+      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
     }, /*#__PURE__*/React__default['default'].createElement(SvgGoogleLogo, {
       className: `plc-w-6 plc-h-auto pelcro-google-login-icon" ${iconClassName}`
     }), /*#__PURE__*/React__default['default'].createElement("p", {
@@ -13414,9 +13418,9 @@ const Auth0LoginButton = ({
     return /*#__PURE__*/React__default['default'].createElement("button", {
       type: "button",
       onClick: handleClick,
-      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-bg-white hover:plc-bg-transparent ${className}`
+      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
     }, /*#__PURE__*/React__default['default'].createElement(SvgAuth0Logo, {
-      className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
+      className: `plc-w-5 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
     }), /*#__PURE__*/React__default['default'].createElement("p", {
       className: `pelcro-auth0-login-label plc-ml-2 ${labelClassName}`
     }, label));
@@ -13450,7 +13454,7 @@ function LoginView(props) {
   }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
   }), /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
+    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
   }), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
   })), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -13458,10 +13462,10 @@ function LoginView(props) {
   }, /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, {
     className: `plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0 ${passwordlessEnabled ? "plc-flex-1" : "plc-w-1/2"}`
   }), passwordlessEnabled && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
+    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
   }), /*#__PURE__*/React__default['default'].createElement(LoginRequestLoginToken, {
     onClick: props.onPasswordlessRequest,
-    className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
+    className: "paswordlessButton plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
   })))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-center plc-justify-between plc-mt-5"
   }, /*#__PURE__*/React__default['default'].createElement("hr", {
@@ -13704,7 +13708,7 @@ function LoginModal({
     onSuccess: onSuccess,
     onPasswordlessRequest: onPasswordlessRequest
   }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement("p", {
-    className: "plc-mb-9"
+    className: "plc-mb-4"
   }, /*#__PURE__*/React__default['default'].createElement("span", {
     className: "plc-font-medium"
   }, t("messages.dontHaveAccount") + " "), /*#__PURE__*/React__default['default'].createElement(Link, {
@@ -13936,7 +13940,7 @@ function RegisterView(props) {
   }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
   }), /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
+    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
   }), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
   })), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -14140,7 +14144,7 @@ function RegisterModal(props) {
   }, title), /*#__PURE__*/React__default['default'].createElement("p", null, subtitle))), /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(RegisterView, Object.assign({}, props, {
     onSuccess: onSuccess
   }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement("p", {
-    className: "plc-mb-9"
+    className: "plc-mb-4"
   }, /*#__PURE__*/React__default['default'].createElement("span", {
     className: "plc-font-medium"
   }, t("messages.alreadyHaveAccount") + " "), /*#__PURE__*/React__default['default'].createElement(Link, {
@@ -18908,7 +18912,7 @@ function Carousel({
     prevArrow: /*#__PURE__*/React__default['default'].createElement(PrevArrow, null),
     initialSlide: 0,
     customPaging: i => /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "plc-w-3 plc-h-3 plc-rounded-full plc-transition-all plc-bg-primary plc-inline-flex plc-cursor-pointer hover:plc-opacity-30"
+      className: "plc-w-3 plc-h-3 plc-rounded-full plc-transition-all plc-bg-gray-400 plc-inline-flex plc-cursor-pointer hover:plc-opacity-30"
     }),
     responsive: [{
       breakpoint: 1280,
@@ -19121,7 +19125,7 @@ class SelectModal extends React.Component {
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "plc-mt-3 plc-mb-6"
       }, product.plans && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("p", {
-        className: "plc-mb-2"
+        className: "plc-mb-2 plc-text-sm plc-text-gray-400"
       }, this.locale("labels.startingAt")), this.countStartPrice(product.plans))), isPlanMode || /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
         onClick: productButtonCallback,
         "data-key": product.id,
@@ -19236,7 +19240,7 @@ class SelectModal extends React.Component {
         }, /*#__PURE__*/React__default['default'].createElement("h4", {
           className: "pelcro-select-plan-title plc-font-medium plc-text-xl plc-break-all"
         }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
-          className: "plc-text-sm plc-mt-1 pelcro-select-plan-description"
+          className: "plc-text-sm plc-mt-1 pelcro-select-plan-description plc-text-gray-400"
         }, plan.description)), /*#__PURE__*/React__default['default'].createElement("div", {
           className: "plc-mt-auto plc-px-4 plc-mb-4"
         }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -27611,7 +27615,9 @@ const AddressCreateModal = ({
     onClose: onClose
   }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
-  }, /*#__PURE__*/React__default['default'].createElement("h4", null, giftRecipient ? t("titleGifting") : t("title")))), /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(AddressCreateView, Object.assign({}, otherProps, {
+  }, /*#__PURE__*/React__default['default'].createElement("h4", {
+    className: "plc-text-2xl plc-font-semibold"
+  }, giftRecipient ? t("titleGifting") : t("title")))), /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(AddressCreateView, Object.assign({}, otherProps, {
     onSuccess: onSuccess,
     onGiftRedemptionSuccess: onGiftRedemptionSuccess,
     onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
@@ -35159,7 +35165,7 @@ const ProfileMenu = props => {
   return /*#__PURE__*/React__default['default'].createElement(Card, {
     id: "pelcro-dashboard-profile-menu",
     className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
-    title: t("labels.basicData")
+    title: t("labels.profile")
   }, /*#__PURE__*/React__default['default'].createElement(UserUpdateView, {
     onPictureClick: onPictureClick
   }));
@@ -35774,12 +35780,12 @@ class Dashboard extends React.Component {
       className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
     }, /*#__PURE__*/React__default['default'].createElement("p", {
       className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.profile"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
+    }, this.locale("labels.mySettings"))), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
       name: SUB_MENUS.PROFILE,
       icon: /*#__PURE__*/React__default['default'].createElement(SvgUser, {
         className: "plc-w-6 plc-h-6 plc-mr-2"
       }),
-      title: this.locale("labels.basicData"),
+      title: this.locale("labels.profile"),
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {
@@ -35795,7 +35801,7 @@ class Dashboard extends React.Component {
       icon: /*#__PURE__*/React__default['default'].createElement(SvgKey, {
         className: "plc-w-6 plc-h-6 plc-mr-2"
       }),
-      title: "Change password",
+      title: this.locale("labels.changePassword"),
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {

package/dist/index.esm.js

@@ -3840,7 +3840,7 @@ var labels$U = {
 		canceled: "Canceled"
 	},
 	manageMembers: "Manage Members",
-	shipments: "Shipments remaining",
+	shipments: "Shipments Remaining",
 	logout: "Logout",
 	dashboard: "Dashboard",
 	unsubscribe: "Cancel",
@@ -3850,6 +3850,7 @@ var labels$U = {
 	unsuspend: "Unsuspend",
 	support: "Support",
 	account: "Account",
+	mySettings: "My Settings",
 	accountSettings: "Account Settings",
 	purchases: "Purchases",
 	subscriptions: "Subscriptions",
@@ -3868,10 +3869,10 @@ var labels$U = {
 	pastDue: "Past due",
 	updatePaymentSource: "Update",
 	profile: "Profile",
-	updateProfile: "Edit profile",
-	changePassword: "Change password",
-	editNewsletters: "Edit newsletters",
-	myQRCode: "My QR code",
+	updateProfile: "Edit Profile",
+	changePassword: "Change Password",
+	editNewsletters: "Edit Newsletters",
+	myQRCode: "QR Code",
 	shipping: "Shipping",
 	billing: "Billing",
 	Newsletters: "Newsletters",
@@ -3880,9 +3881,9 @@ var labels$U = {
 	redeemGift: "Redeem gift",
 	address: "Address",
 	addresses: "Addresses",
-	myProfile: "My profile",
+	myProfile: "My Profile",
 	basicData: "Basic Data",
-	paymentSource: "Payment cards",
+	paymentSource: "Payment Cards",
 	addCard: "Add Card",
 	actions: "Actions",
 	expiresOn: "Ends",
@@ -4794,6 +4795,7 @@ var labels$z = {
 	unsuspend: "Annuler la suspension",
 	support: "Soutien",
 	account: "Compte",
+	mySettings: "Mes paramètres",
 	accountSettings: "Paramètres du compte",
 	purchases: "Achats",
 	subscriptions: "Abonnements",
@@ -5684,6 +5686,7 @@ var labels$k = {
 	unsuspend: "일시 중단 해제",
 	support: "지원",
 	account: "계정",
+	mySettings: "내 설정",
 	accountSettings: "계정 설정",
 	purchases: "구매",
 	subscriptions: "유료 멤버십",
@@ -6618,6 +6621,7 @@ var labels$5 = {
 	unsuspend: "Reanudar",
 	support: "Soporte",
 	account: "Cuenta",
+	mySettings: "Mi configuración",
 	purchases: "Compras",
 	subscriptions: "Suscripciones",
 	donations: "Donaciones",
@@ -12636,7 +12640,7 @@ const LoginRequestLoginToken = ({
   return /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
-    className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent ${className}`
+    className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
   }, /*#__PURE__*/React__default.createElement(SvgEmailVerify, {
     className: `plc-w-6 plc-h-auto pelcro-paswordless-login-icon" ${iconClassName}`
   }), /*#__PURE__*/React__default.createElement("p", {
@@ -13067,7 +13071,7 @@ const FacebookLoginButton = ({
     render: renderProps => /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       onClick: renderProps.onClick,
-      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark shadow plc-flex-1 plc-bg-white hover:plc-bg-transparent ${className}`
+      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
     }, /*#__PURE__*/React__default.createElement(SvgFacebookLogo, {
       className: `plc-w-3 plc-h-auto pelcro-facebook-login-icon ${iconClassName}`
     }), /*#__PURE__*/React__default.createElement("p", {
@@ -13245,7 +13249,7 @@ const GoogleLoginButton = ({
     render: renderProps => /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       onClick: renderProps.onClick,
-      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent ${className}`
+      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-flex-1 plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
     }, /*#__PURE__*/React__default.createElement(SvgGoogleLogo, {
       className: `plc-w-6 plc-h-auto pelcro-google-login-icon" ${iconClassName}`
     }), /*#__PURE__*/React__default.createElement("p", {
@@ -13384,9 +13388,9 @@ const Auth0LoginButton = ({
     return /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       onClick: handleClick,
-      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-5 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-bg-white hover:plc-bg-transparent ${className}`
+      className: `plc-flex plc-items-center plc-justify-center plc-h-12 plc-px-1 plc-text-gray-700 plc-rounded-md pelcro-google-login plc-shadow-md_dark plc-bg-white hover:plc-bg-transparent plc-text-sm ${className}`
     }, /*#__PURE__*/React__default.createElement(SvgAuth0Logo, {
-      className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
+      className: `plc-w-5 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
     }), /*#__PURE__*/React__default.createElement("p", {
       className: `pelcro-auth0-login-label plc-ml-2 ${labelClassName}`
     }, label));
@@ -13420,7 +13424,7 @@ function LoginView(props) {
   }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
   }), /*#__PURE__*/React__default.createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
+    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
   }), /*#__PURE__*/React__default.createElement(FacebookLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
   })), /*#__PURE__*/React__default.createElement("div", {
@@ -13428,10 +13432,10 @@ function LoginView(props) {
   }, /*#__PURE__*/React__default.createElement(Auth0LoginButton, {
     className: `plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0 ${passwordlessEnabled ? "plc-flex-1" : "plc-w-1/2"}`
   }), passwordlessEnabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
+    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
   }), /*#__PURE__*/React__default.createElement(LoginRequestLoginToken, {
     onClick: props.onPasswordlessRequest,
-    className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
+    className: "paswordlessButton plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
   })))), /*#__PURE__*/React__default.createElement("div", {
     className: "plc-flex plc-items-center plc-justify-between plc-mt-5"
   }, /*#__PURE__*/React__default.createElement("hr", {
@@ -13674,7 +13678,7 @@ function LoginModal({
     onSuccess: onSuccess,
     onPasswordlessRequest: onPasswordlessRequest
   }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement("p", {
-    className: "plc-mb-9"
+    className: "plc-mb-4"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "plc-font-medium"
   }, t("messages.dontHaveAccount") + " "), /*#__PURE__*/React__default.createElement(Link, {
@@ -13906,7 +13910,7 @@ function RegisterView(props) {
   }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
   }), /*#__PURE__*/React__default.createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
+    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
   }), /*#__PURE__*/React__default.createElement(FacebookLoginButton, {
     className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
   })), /*#__PURE__*/React__default.createElement("div", {
@@ -14110,7 +14114,7 @@ function RegisterModal(props) {
   }, title), /*#__PURE__*/React__default.createElement("p", null, subtitle))), /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(RegisterView, Object.assign({}, props, {
     onSuccess: onSuccess
   }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement("p", {
-    className: "plc-mb-9"
+    className: "plc-mb-4"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "plc-font-medium"
   }, t("messages.alreadyHaveAccount") + " "), /*#__PURE__*/React__default.createElement(Link, {
@@ -18878,7 +18882,7 @@ function Carousel({
     prevArrow: /*#__PURE__*/React__default.createElement(PrevArrow, null),
     initialSlide: 0,
     customPaging: i => /*#__PURE__*/React__default.createElement("span", {
-      className: "plc-w-3 plc-h-3 plc-rounded-full plc-transition-all plc-bg-primary plc-inline-flex plc-cursor-pointer hover:plc-opacity-30"
+      className: "plc-w-3 plc-h-3 plc-rounded-full plc-transition-all plc-bg-gray-400 plc-inline-flex plc-cursor-pointer hover:plc-opacity-30"
     }),
     responsive: [{
       breakpoint: 1280,
@@ -19091,7 +19095,7 @@ class SelectModal extends Component {
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "plc-mt-3 plc-mb-6"
       }, product.plans && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("p", {
-        className: "plc-mb-2"
+        className: "plc-mb-2 plc-text-sm plc-text-gray-400"
       }, this.locale("labels.startingAt")), this.countStartPrice(product.plans))), isPlanMode || /*#__PURE__*/React__default.createElement(Button, Object.assign({
         onClick: productButtonCallback,
         "data-key": product.id,
@@ -19206,7 +19210,7 @@ class SelectModal extends Component {
         }, /*#__PURE__*/React__default.createElement("h4", {
           className: "pelcro-select-plan-title plc-font-medium plc-text-xl plc-break-all"
         }, plan.nickname), /*#__PURE__*/React__default.createElement("p", {
-          className: "plc-text-sm plc-mt-1 pelcro-select-plan-description"
+          className: "plc-text-sm plc-mt-1 pelcro-select-plan-description plc-text-gray-400"
         }, plan.description)), /*#__PURE__*/React__default.createElement("div", {
           className: "plc-mt-auto plc-px-4 plc-mb-4"
         }, /*#__PURE__*/React__default.createElement("div", {
@@ -27581,7 +27585,9 @@ const AddressCreateModal = ({
     onClose: onClose
   }, /*#__PURE__*/React__default.createElement(ModalHeader, null, /*#__PURE__*/React__default.createElement("div", {
     className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
-  }, /*#__PURE__*/React__default.createElement("h4", null, giftRecipient ? t("titleGifting") : t("title")))), /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(AddressCreateView, Object.assign({}, otherProps, {
+  }, /*#__PURE__*/React__default.createElement("h4", {
+    className: "plc-text-2xl plc-font-semibold"
+  }, giftRecipient ? t("titleGifting") : t("title")))), /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(AddressCreateView, Object.assign({}, otherProps, {
     onSuccess: onSuccess,
     onGiftRedemptionSuccess: onGiftRedemptionSuccess,
     onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
@@ -35129,7 +35135,7 @@ const ProfileMenu = props => {
   return /*#__PURE__*/React__default.createElement(Card, {
     id: "pelcro-dashboard-profile-menu",
     className: "plc-max-w-100% md:plc-max-w-80% plc-m-auto",
-    title: t("labels.basicData")
+    title: t("labels.profile")
   }, /*#__PURE__*/React__default.createElement(UserUpdateView, {
     onPictureClick: onPictureClick
   }));
@@ -35744,12 +35750,12 @@ class Dashboard extends Component {
       className: "plc-pl-4 plc-mb-2 sm:plc-pl-8"
     }, /*#__PURE__*/React__default.createElement("p", {
       className: "plc-font-bold plc-tracking-widest plc-text-gray-500"
-    }, this.locale("labels.profile"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
+    }, this.locale("labels.mySettings"))), /*#__PURE__*/React__default.createElement(DashboardLink, {
       name: SUB_MENUS.PROFILE,
       icon: /*#__PURE__*/React__default.createElement(SvgUser, {
         className: "plc-w-6 plc-h-6 plc-mr-2"
       }),
-      title: this.locale("labels.basicData"),
+      title: this.locale("labels.profile"),
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default.createElement(DashboardLink, {
@@ -35765,7 +35771,7 @@ class Dashboard extends Component {
       icon: /*#__PURE__*/React__default.createElement(SvgKey, {
         className: "plc-w-6 plc-h-6 plc-mr-2"
       }),
-      title: "Change password",
+      title: this.locale("labels.changePassword"),
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default.createElement(DashboardLink, {

package/dist/pelcro.css

@@ -743,7 +743,7 @@ Add the correct display in Chrome and Safari.
   position: absolute;
   top: 0px;
   display: flex;
-  max-width: 36rem;
+  max-width: 32rem;
   flex-direction: column;
   align-items: center;
   overflow: hidden;
@@ -1719,6 +1719,10 @@ Add the correct display in Chrome and Safari.
   height: auto;
 }
 
+.pelcro-root .paswordlessButton:nth-child(2) {
+  max-width: 50%;
+}
+
 .pelcro-user-profile-picture:hover {
   filter: brightness(0.8);
 }
@@ -2077,9 +2081,9 @@ in order to scope selectors under pelcro-root
   margin-right: 0.25rem;
 }
 
-.pelcro-root .plc-mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
+.pelcro-root .plc-mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
 }
 
 .pelcro-root .plc-mx-auto {
@@ -2923,6 +2927,11 @@ in order to scope selectors under pelcro-root
   background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
 }
 
+.pelcro-root .plc-bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+
 .pelcro-root .plc-bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
@@ -3085,11 +3094,6 @@ in order to scope selectors under pelcro-root
   padding-right: 1rem;
 }
 
-.pelcro-root .plc-px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-
 .pelcro-root .plc-px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "4.0.0-alpha.30",
+  "version": "4.0.0-alpha.32",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",