@thecb/components 10.6.5-beta.2 → 10.6.5-beta.4

package/dist/index.esm.js

@@ -39724,7 +39724,9 @@ var WalletName = function WalletName(_ref) {
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     _ref$dataQa = _ref.dataQa,
-    dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa;
+    dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
+    _ref$preventNewLineOn = _ref.preventNewLineOnMobile,
+    preventNewLineOnMobile = _ref$preventNewLineOn === void 0 ? false : _ref$preventNewLineOn;
   var _useContext = useContext(ThemeContext),
     isMobile = _useContext.isMobile;
   return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Module$1, {
@@ -39747,7 +39749,7 @@ var WalletName = function WalletName(_ref) {
     radius: "10",
     cx: "12",
     cy: "12"
-  })) : mainText && /*#__PURE__*/React.createElement(Text$1, null, mainText)), !isMobile && /*#__PURE__*/React.createElement(Box, {
+  })) : mainText && /*#__PURE__*/React.createElement(Text$1, null, mainText)), (!isMobile || preventNewLineOnMobile) && /*#__PURE__*/React.createElement(Box, {
     padding: "0"
   }, text && /*#__PURE__*/React.createElement(Text$1, {
     variant: "pXS"
@@ -39758,7 +39760,7 @@ var WalletName = function WalletName(_ref) {
     action: action,
     variant: "smallGhost",
     extraStyles: "\n                    margin: 0;\n                    min-width: 0;\n                    span {font-size: 0.75rem;}\n                    ".concat(linkButtonExtraStyles, "\n                ")
-  })))), isMobile && /*#__PURE__*/React.createElement(Cluster, {
+  })))), isMobile && !preventNewLineOnMobile && /*#__PURE__*/React.createElement(Cluster, {
     align: "center",
     justify: text || actionText ? "flex-end" : "flex-start",
     extraStyles: "margin-top: 0.5rem;"
@@ -41314,7 +41316,9 @@ var EditableList = function EditableList(_ref) {
     _ref$editItemAriaRole = _ref.editItemAriaRole,
     editItemAriaRole = _ref$editItemAriaRole === void 0 ? "" : _ref$editItemAriaRole,
     _ref$disablePlacehold = _ref.disablePlaceholder,
-    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold;
+    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold,
+    _ref$actionTextExtraS = _ref.actionTextExtraStyles,
+    actionTextExtraStyles = _ref$actionTextExtraS === void 0 ? "" : _ref$actionTextExtraS;
   var addText = "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName);
   return /*#__PURE__*/React.createElement(Box, {
     padding: listPadding,
@@ -41373,7 +41377,7 @@ var EditableList = function EditableList(_ref) {
       action: function action() {
         return removeItem(item.id);
       },
-      extraStyles: "min-width: 0;",
+      extraStyles: "min-width: 0; ".concat(actionTextExtraStyles),
       "aria-label": "Remove ".concat(ariaLabel || itemName)
     })), canEdit && /*#__PURE__*/React.createElement(Box, {
       padding: "0 0.5rem",
@@ -41387,7 +41391,7 @@ var EditableList = function EditableList(_ref) {
       action: function action() {
         return editItem(item.id);
       },
-      extraStyles: "min-width: 0;",
+      extraStyles: "min-width: 0; ".concat(actionTextExtraStyles),
       "aria-label": "Edit ".concat(ariaLabel || itemName),
       role: editItemAriaRole
     }))));