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

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.
Files changed (6) hide show
  1. package/dist/index.cjs.js +12 -3
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +12 -3
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/wallet-name/WalletName.js +39 -21
package/dist/index.cjs.js CHANGED
@@ -13073,14 +13073,23 @@ var WalletName = function WalletName(_ref) {
13073
13073
  themeValues = _ref.themeValues;
13074
13074
  var themeContext = React.useContext(styled.ThemeContext);
13075
13075
  var isMobile = themeContext.isMobile;
13076
- return /*#__PURE__*/React__default.createElement(Box, {
13076
+ return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
13077
13077
  background: themeValues.backgroundColor,
13078
13078
  extraStyles: isMobile ? "display: flex; flex-direction: column; flex-wrap: wrap; \n span {text - align: right;}" : "display: flex; justify-content: space-between; align-items: center;"
13079
13079
  }, /*#__PURE__*/React__default.createElement(Box, {
13080
13080
  padding: "0"
13081
- }, /*#__PURE__*/React__default.createElement(Text$1, null, personName)), /*#__PURE__*/React__default.createElement(Box, {
13081
+ }, /*#__PURE__*/React__default.createElement(Text$1, null, personName)), !isMobile && /*#__PURE__*/React__default.createElement(Box, {
13082
+ padding: "0"
13083
+ }, /*#__PURE__*/React__default.createElement(Text$1, {
13084
+ extraStyles: "font-size: 12px"
13085
+ }, text), /*#__PURE__*/React__default.createElement(ButtonWithAction, {
13086
+ text: actionText,
13087
+ action: action,
13088
+ variant: "smallGhost",
13089
+ extraStyles: "span {font-size: 12px;}"
13090
+ }))), isMobile && /*#__PURE__*/React__default.createElement(Box, {
13082
13091
  padding: "0",
13083
- extraStyles: isMobile && "align-self: flex-end;"
13092
+ extraStyles: "display: flex; align-items: center; justify-content: flex-end;"
13084
13093
  }, /*#__PURE__*/React__default.createElement(Text$1, {
13085
13094
  extraStyles: "font-size: 12px"
13086
13095
  }, text), /*#__PURE__*/React__default.createElement(ButtonWithAction, {