@thecb/components 10.6.0-beta.2 → 10.6.0-beta.3
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 +10 -11
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +10 -11
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/wallet-name/WalletName.js +22 -16
package/dist/index.cjs.js
CHANGED
|
@@ -39419,30 +39419,29 @@ var WalletName = function WalletName(_ref) {
|
|
|
39419
39419
|
isMobile = _useContext.isMobile;
|
|
39420
39420
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Module$1, {
|
|
39421
39421
|
spacingBottom: isMobile ? "0" : "1.5rem"
|
|
39422
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
39423
|
-
|
|
39424
|
-
|
|
39425
|
-
|
|
39426
|
-
margin: "0 0 0 0",
|
|
39427
|
-
extraStyles: isMobile ? "display: flex; flex-direction: column; flex-wrap: wrap; span {text-align: right;}" : "display: flex; justify-content: space-between; align-items: center;"
|
|
39422
|
+
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
39423
|
+
align: "center",
|
|
39424
|
+
justify: !!text || !!actionText ? "space-between" : !text && !actionText && isMobile ? "flex-end" : "flex-end",
|
|
39425
|
+
extraStyles: "\n box-shadow: ".concat(themeValues.boxShadow, "; \n padding: 1.5rem;\n ").concat(isMobile ? "span {text-align: right;}" : "", "\n ")
|
|
39428
39426
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
39429
39427
|
padding: "0 0 0"
|
|
39430
39428
|
}, /*#__PURE__*/React__default.createElement(Text$1, null, mainText)), !isMobile && /*#__PURE__*/React__default.createElement(Box, {
|
|
39431
39429
|
padding: "0"
|
|
39432
39430
|
}, text && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
39433
39431
|
variant: "pXS"
|
|
39434
|
-
}, text), text
|
|
39432
|
+
}, text), (text || actionText) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\xA0"), action && actionText && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
39435
39433
|
disabled: disableAction,
|
|
39436
39434
|
text: actionText,
|
|
39437
39435
|
action: action,
|
|
39438
39436
|
variant: "smallGhost",
|
|
39439
39437
|
extraStyles: "\n margin: 0;\n min-width: 0;\n span {font-size: 0.75rem;}\n ".concat(buttonExtraStyles, "\n ")
|
|
39440
|
-
})))), isMobile && /*#__PURE__*/React__default.createElement(
|
|
39441
|
-
|
|
39442
|
-
|
|
39438
|
+
})))), isMobile && /*#__PURE__*/React__default.createElement(Cluster, {
|
|
39439
|
+
align: "center",
|
|
39440
|
+
justify: text || actionText ? "flex-end" : "flex-start",
|
|
39441
|
+
extraStyles: "margin-top: 0.75rem;"
|
|
39443
39442
|
}, text && /*#__PURE__*/React__default.createElement(Text$1, {
|
|
39444
39443
|
extraStyles: "font-size: 12px"
|
|
39445
|
-
}, text), action && actionText && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
39444
|
+
}, text), (text || actionText) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\xA0"), action && actionText && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
39446
39445
|
text: actionText,
|
|
39447
39446
|
action: action,
|
|
39448
39447
|
variant: "smallGhost",
|