@thecb/components 10.4.6-beta.0 → 10.4.6-beta.1

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.esm.js CHANGED
@@ -13061,14 +13061,19 @@ var WalletName = function WalletName(_ref) {
13061
13061
  _ref$text = _ref.text,
13062
13062
  text = _ref$text === void 0 ? "Not you?" : _ref$text,
13063
13063
  _ref$actionText = _ref.actionText,
13064
- actionText = _ref$actionText === void 0 ? "Check out as a guest" : _ref$actionText;
13064
+ actionText = _ref$actionText === void 0 ? "Check out as a guest" : _ref$actionText,
13065
+ themeValues = _ref.themeValues;
13065
13066
  var themeContext = useContext(ThemeContext);
13066
13067
  var isMobile = themeContext.isMobile;
13067
- console.log("isMobile", isMobile);
13068
13068
  return /*#__PURE__*/React.createElement(Box, {
13069
+ background: themeValues.backgroundColor,
13070
+ extraStyles: isMobile ? "display: flex; flex-direction: column; flex-wrap: wrap; \n span {text - align: right;}" : "display: flex; justify-content: space-between; align-items: center;"
13071
+ }, /*#__PURE__*/React.createElement(Box, {
13072
+ padding: "0"
13073
+ }, /*#__PURE__*/React.createElement(Text$1, null, personName)), /*#__PURE__*/React.createElement(Box, {
13069
13074
  padding: "0",
13070
- extraStyles: isMobile ? "display: flex; flex-direction: column; flex-wrap: wrap; \n div {text - align: right;" : "display: flex; justify-content: space-between; align-items: center;"
13071
- }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text$1, null, personName)), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text$1, {
13075
+ extraStyles: isMobile && "align-self: flex-end;"
13076
+ }, /*#__PURE__*/React.createElement(Text$1, {
13072
13077
  extraStyles: "font-size: 12px"
13073
13078
  }, text), /*#__PURE__*/React.createElement(ButtonWithAction, {
13074
13079
  text: actionText,