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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -12666,7 +12666,7 @@ const LoginRequestLoginToken = ({
12666
12666
  return /*#__PURE__*/React__default['default'].createElement("button", {
12667
12667
  type: "button",
12668
12668
  onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
12669
- 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}`
12669
+ 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}`
12670
12670
  }, /*#__PURE__*/React__default['default'].createElement(SvgEmailVerify, {
12671
12671
  className: `plc-w-6 plc-h-auto pelcro-paswordless-login-icon" ${iconClassName}`
12672
12672
  }), /*#__PURE__*/React__default['default'].createElement("p", {
@@ -13097,7 +13097,7 @@ const FacebookLoginButton = ({
13097
13097
  render: renderProps => /*#__PURE__*/React__default['default'].createElement("button", {
13098
13098
  type: "button",
13099
13099
  onClick: renderProps.onClick,
13100
- 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}`
13100
+ 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}`
13101
13101
  }, /*#__PURE__*/React__default['default'].createElement(SvgFacebookLogo, {
13102
13102
  className: `plc-w-3 plc-h-auto pelcro-facebook-login-icon ${iconClassName}`
13103
13103
  }), /*#__PURE__*/React__default['default'].createElement("p", {
@@ -13275,7 +13275,7 @@ const GoogleLoginButton = ({
13275
13275
  render: renderProps => /*#__PURE__*/React__default['default'].createElement("button", {
13276
13276
  type: "button",
13277
13277
  onClick: renderProps.onClick,
13278
- 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}`
13278
+ 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}`
13279
13279
  }, /*#__PURE__*/React__default['default'].createElement(SvgGoogleLogo, {
13280
13280
  className: `plc-w-6 plc-h-auto pelcro-google-login-icon" ${iconClassName}`
13281
13281
  }), /*#__PURE__*/React__default['default'].createElement("p", {
@@ -13414,9 +13414,9 @@ const Auth0LoginButton = ({
13414
13414
  return /*#__PURE__*/React__default['default'].createElement("button", {
13415
13415
  type: "button",
13416
13416
  onClick: handleClick,
13417
- 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}`
13417
+ 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}`
13418
13418
  }, /*#__PURE__*/React__default['default'].createElement(SvgAuth0Logo, {
13419
- className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
13419
+ className: `plc-w-5 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
13420
13420
  }), /*#__PURE__*/React__default['default'].createElement("p", {
13421
13421
  className: `pelcro-auth0-login-label plc-ml-2 ${labelClassName}`
13422
13422
  }, label));
@@ -13450,7 +13450,7 @@ function LoginView(props) {
13450
13450
  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
13451
13451
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
13452
13452
  }), /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
13453
- className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
13453
+ className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
13454
13454
  }), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
13455
13455
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13456
13456
  })), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -13458,10 +13458,10 @@ function LoginView(props) {
13458
13458
  }, /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, {
13459
13459
  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"}`
13460
13460
  }), passwordlessEnabled && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
13461
- className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
13461
+ className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
13462
13462
  }), /*#__PURE__*/React__default['default'].createElement(LoginRequestLoginToken, {
13463
13463
  onClick: props.onPasswordlessRequest,
13464
- className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13464
+ className: "paswordlessButton plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13465
13465
  })))), /*#__PURE__*/React__default['default'].createElement("div", {
13466
13466
  className: "plc-flex plc-items-center plc-justify-between plc-mt-5"
13467
13467
  }, /*#__PURE__*/React__default['default'].createElement("hr", {
@@ -13704,7 +13704,7 @@ function LoginModal({
13704
13704
  onSuccess: onSuccess,
13705
13705
  onPasswordlessRequest: onPasswordlessRequest
13706
13706
  }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement("p", {
13707
- className: "plc-mb-9"
13707
+ className: "plc-mb-4"
13708
13708
  }, /*#__PURE__*/React__default['default'].createElement("span", {
13709
13709
  className: "plc-font-medium"
13710
13710
  }, t("messages.dontHaveAccount") + " "), /*#__PURE__*/React__default['default'].createElement(Link, {
@@ -13936,7 +13936,7 @@ function RegisterView(props) {
13936
13936
  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
13937
13937
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
13938
13938
  }), /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
13939
- className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
13939
+ className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
13940
13940
  }), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
13941
13941
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13942
13942
  })), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -14140,7 +14140,7 @@ function RegisterModal(props) {
14140
14140
  }, 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, {
14141
14141
  onSuccess: onSuccess
14142
14142
  }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement("p", {
14143
- className: "plc-mb-9"
14143
+ className: "plc-mb-4"
14144
14144
  }, /*#__PURE__*/React__default['default'].createElement("span", {
14145
14145
  className: "plc-font-medium"
14146
14146
  }, t("messages.alreadyHaveAccount") + " "), /*#__PURE__*/React__default['default'].createElement(Link, {
@@ -19121,7 +19121,7 @@ class SelectModal extends React.Component {
19121
19121
  }, /*#__PURE__*/React__default['default'].createElement("div", {
19122
19122
  className: "plc-mt-3 plc-mb-6"
19123
19123
  }, product.plans && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("p", {
19124
- className: "plc-mb-2"
19124
+ className: "plc-mb-2 plc-text-sm plc-text-gray-400"
19125
19125
  }, this.locale("labels.startingAt")), this.countStartPrice(product.plans))), isPlanMode || /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
19126
19126
  onClick: productButtonCallback,
19127
19127
  "data-key": product.id,
@@ -19236,7 +19236,7 @@ class SelectModal extends React.Component {
19236
19236
  }, /*#__PURE__*/React__default['default'].createElement("h4", {
19237
19237
  className: "pelcro-select-plan-title plc-font-medium plc-text-xl plc-break-all"
19238
19238
  }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
19239
- className: "plc-text-sm plc-mt-1 pelcro-select-plan-description"
19239
+ className: "plc-text-sm plc-mt-1 pelcro-select-plan-description plc-text-gray-400"
19240
19240
  }, plan.description)), /*#__PURE__*/React__default['default'].createElement("div", {
19241
19241
  className: "plc-mt-auto plc-px-4 plc-mb-4"
19242
19242
  }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -27611,7 +27611,9 @@ const AddressCreateModal = ({
27611
27611
  onClose: onClose
27612
27612
  }, /*#__PURE__*/React__default['default'].createElement(ModalHeader, null, /*#__PURE__*/React__default['default'].createElement("div", {
27613
27613
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
27614
- }, /*#__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, {
27614
+ }, /*#__PURE__*/React__default['default'].createElement("h4", {
27615
+ className: "plc-text-2xl plc-font-semibold"
27616
+ }, giftRecipient ? t("titleGifting") : t("title")))), /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(AddressCreateView, Object.assign({}, otherProps, {
27615
27617
  onSuccess: onSuccess,
27616
27618
  onGiftRedemptionSuccess: onGiftRedemptionSuccess,
27617
27619
  onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
package/dist/index.esm.js CHANGED
@@ -12636,7 +12636,7 @@ const LoginRequestLoginToken = ({
12636
12636
  return /*#__PURE__*/React__default.createElement("button", {
12637
12637
  type: "button",
12638
12638
  onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
12639
- 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}`
12639
+ 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}`
12640
12640
  }, /*#__PURE__*/React__default.createElement(SvgEmailVerify, {
12641
12641
  className: `plc-w-6 plc-h-auto pelcro-paswordless-login-icon" ${iconClassName}`
12642
12642
  }), /*#__PURE__*/React__default.createElement("p", {
@@ -13067,7 +13067,7 @@ const FacebookLoginButton = ({
13067
13067
  render: renderProps => /*#__PURE__*/React__default.createElement("button", {
13068
13068
  type: "button",
13069
13069
  onClick: renderProps.onClick,
13070
- 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}`
13070
+ 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}`
13071
13071
  }, /*#__PURE__*/React__default.createElement(SvgFacebookLogo, {
13072
13072
  className: `plc-w-3 plc-h-auto pelcro-facebook-login-icon ${iconClassName}`
13073
13073
  }), /*#__PURE__*/React__default.createElement("p", {
@@ -13245,7 +13245,7 @@ const GoogleLoginButton = ({
13245
13245
  render: renderProps => /*#__PURE__*/React__default.createElement("button", {
13246
13246
  type: "button",
13247
13247
  onClick: renderProps.onClick,
13248
- 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}`
13248
+ 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}`
13249
13249
  }, /*#__PURE__*/React__default.createElement(SvgGoogleLogo, {
13250
13250
  className: `plc-w-6 plc-h-auto pelcro-google-login-icon" ${iconClassName}`
13251
13251
  }), /*#__PURE__*/React__default.createElement("p", {
@@ -13384,9 +13384,9 @@ const Auth0LoginButton = ({
13384
13384
  return /*#__PURE__*/React__default.createElement("button", {
13385
13385
  type: "button",
13386
13386
  onClick: handleClick,
13387
- 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}`
13387
+ 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}`
13388
13388
  }, /*#__PURE__*/React__default.createElement(SvgAuth0Logo, {
13389
- className: `plc-w-6 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
13389
+ className: `plc-w-5 plc-h-auto pelcro-auth0-login-icon" ${iconClassName}`
13390
13390
  }), /*#__PURE__*/React__default.createElement("p", {
13391
13391
  className: `pelcro-auth0-login-label plc-ml-2 ${labelClassName}`
13392
13392
  }, label));
@@ -13420,7 +13420,7 @@ function LoginView(props) {
13420
13420
  }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, {
13421
13421
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
13422
13422
  }), /*#__PURE__*/React__default.createElement(VerticalSeparator, {
13423
- className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
13423
+ className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
13424
13424
  }), /*#__PURE__*/React__default.createElement(FacebookLoginButton, {
13425
13425
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13426
13426
  })), /*#__PURE__*/React__default.createElement("div", {
@@ -13428,10 +13428,10 @@ function LoginView(props) {
13428
13428
  }, /*#__PURE__*/React__default.createElement(Auth0LoginButton, {
13429
13429
  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"}`
13430
13430
  }), passwordlessEnabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(VerticalSeparator, {
13431
- className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
13431
+ className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
13432
13432
  }), /*#__PURE__*/React__default.createElement(LoginRequestLoginToken, {
13433
13433
  onClick: props.onPasswordlessRequest,
13434
- className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13434
+ className: "paswordlessButton plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13435
13435
  })))), /*#__PURE__*/React__default.createElement("div", {
13436
13436
  className: "plc-flex plc-items-center plc-justify-between plc-mt-5"
13437
13437
  }, /*#__PURE__*/React__default.createElement("hr", {
@@ -13674,7 +13674,7 @@ function LoginModal({
13674
13674
  onSuccess: onSuccess,
13675
13675
  onPasswordlessRequest: onPasswordlessRequest
13676
13676
  }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement("p", {
13677
- className: "plc-mb-9"
13677
+ className: "plc-mb-4"
13678
13678
  }, /*#__PURE__*/React__default.createElement("span", {
13679
13679
  className: "plc-font-medium"
13680
13680
  }, t("messages.dontHaveAccount") + " "), /*#__PURE__*/React__default.createElement(Link, {
@@ -13906,7 +13906,7 @@ function RegisterView(props) {
13906
13906
  }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, {
13907
13907
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
13908
13908
  }), /*#__PURE__*/React__default.createElement(VerticalSeparator, {
13909
- className: "plc-hidden sm:plc-inline-grid plc-mx-4 plc-h-8"
13909
+ className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
13910
13910
  }), /*#__PURE__*/React__default.createElement(FacebookLoginButton, {
13911
13911
  className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
13912
13912
  })), /*#__PURE__*/React__default.createElement("div", {
@@ -14110,7 +14110,7 @@ function RegisterModal(props) {
14110
14110
  }, title), /*#__PURE__*/React__default.createElement("p", null, subtitle))), /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(RegisterView, Object.assign({}, props, {
14111
14111
  onSuccess: onSuccess
14112
14112
  }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement("p", {
14113
- className: "plc-mb-9"
14113
+ className: "plc-mb-4"
14114
14114
  }, /*#__PURE__*/React__default.createElement("span", {
14115
14115
  className: "plc-font-medium"
14116
14116
  }, t("messages.alreadyHaveAccount") + " "), /*#__PURE__*/React__default.createElement(Link, {
@@ -19091,7 +19091,7 @@ class SelectModal extends Component {
19091
19091
  }, /*#__PURE__*/React__default.createElement("div", {
19092
19092
  className: "plc-mt-3 plc-mb-6"
19093
19093
  }, product.plans && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("p", {
19094
- className: "plc-mb-2"
19094
+ className: "plc-mb-2 plc-text-sm plc-text-gray-400"
19095
19095
  }, this.locale("labels.startingAt")), this.countStartPrice(product.plans))), isPlanMode || /*#__PURE__*/React__default.createElement(Button, Object.assign({
19096
19096
  onClick: productButtonCallback,
19097
19097
  "data-key": product.id,
@@ -19206,7 +19206,7 @@ class SelectModal extends Component {
19206
19206
  }, /*#__PURE__*/React__default.createElement("h4", {
19207
19207
  className: "pelcro-select-plan-title plc-font-medium plc-text-xl plc-break-all"
19208
19208
  }, plan.nickname), /*#__PURE__*/React__default.createElement("p", {
19209
- className: "plc-text-sm plc-mt-1 pelcro-select-plan-description"
19209
+ className: "plc-text-sm plc-mt-1 pelcro-select-plan-description plc-text-gray-400"
19210
19210
  }, plan.description)), /*#__PURE__*/React__default.createElement("div", {
19211
19211
  className: "plc-mt-auto plc-px-4 plc-mb-4"
19212
19212
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -27581,7 +27581,9 @@ const AddressCreateModal = ({
27581
27581
  onClose: onClose
27582
27582
  }, /*#__PURE__*/React__default.createElement(ModalHeader, null, /*#__PURE__*/React__default.createElement("div", {
27583
27583
  className: "plc-text-center plc-text-gray-900 pelcro-title-wrapper plc-flex-1 plc-flex plc-flex-col plc-justify-center"
27584
- }, /*#__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, {
27584
+ }, /*#__PURE__*/React__default.createElement("h4", {
27585
+ className: "plc-text-2xl plc-font-semibold"
27586
+ }, giftRecipient ? t("titleGifting") : t("title")))), /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(AddressCreateView, Object.assign({}, otherProps, {
27585
27587
  onSuccess: onSuccess,
27586
27588
  onGiftRedemptionSuccess: onGiftRedemptionSuccess,
27587
27589
  onMembershipAdressUpdateSuccess: onMembershipAdressUpdateSuccess
package/dist/pelcro.css CHANGED
@@ -743,7 +743,7 @@ Add the correct display in Chrome and Safari.
743
743
  position: absolute;
744
744
  top: 0px;
745
745
  display: flex;
746
- max-width: 36rem;
746
+ max-width: 32rem;
747
747
  flex-direction: column;
748
748
  align-items: center;
749
749
  overflow: hidden;
@@ -1719,6 +1719,10 @@ Add the correct display in Chrome and Safari.
1719
1719
  height: auto;
1720
1720
  }
1721
1721
 
1722
+ .pelcro-root .paswordlessButton:nth-child(2) {
1723
+ max-width: 50%;
1724
+ }
1725
+
1722
1726
  .pelcro-user-profile-picture:hover {
1723
1727
  filter: brightness(0.8);
1724
1728
  }
@@ -2077,9 +2081,9 @@ in order to scope selectors under pelcro-root
2077
2081
  margin-right: 0.25rem;
2078
2082
  }
2079
2083
 
2080
- .pelcro-root .plc-mx-4 {
2081
- margin-left: 1rem;
2082
- margin-right: 1rem;
2084
+ .pelcro-root .plc-mx-2 {
2085
+ margin-left: 0.5rem;
2086
+ margin-right: 0.5rem;
2083
2087
  }
2084
2088
 
2085
2089
  .pelcro-root .plc-mx-auto {
@@ -3085,11 +3089,6 @@ in order to scope selectors under pelcro-root
3085
3089
  padding-right: 1rem;
3086
3090
  }
3087
3091
 
3088
- .pelcro-root .plc-px-5 {
3089
- padding-left: 1.25rem;
3090
- padding-right: 1.25rem;
3091
- }
3092
-
3093
3092
  .pelcro-root .plc-px-6 {
3094
3093
  padding-left: 1.5rem;
3095
3094
  padding-right: 1.5rem;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pelcro/react-pelcro-js",
3
3
  "description": "Pelcro's React UI Elements",
4
- "version": "4.0.0-alpha.30",
4
+ "version": "4.0.0-alpha.31",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",