@thecb/components 10.4.6-beta.6 → 10.4.6-beta.7

package/dist/index.cjs.js

@@ -39235,8 +39235,12 @@ var LoadingLine = function LoadingLine(_ref) {
 var backgroundColor$6 = {
   primary: WHITE
 };
+var boxShadow$1 = {
+  primary: "box-shadow: 0px 1px 2px 0px #292A331A;\n    box-shadow: 0px 2px 6px 0px #292a3333; box-shadow: 0px 1px 0px 0px #292A331A inset;"
+};
 var fallbackValues$C = {
-  backgroundColor: backgroundColor$6
+  backgroundColor: backgroundColor$6,
+  boxShadow: boxShadow$1
 };
 
 var fontSize$9 = {
@@ -39274,7 +39278,7 @@ var titleSpacing = {
   largeTitle: "1.125rem",
   small: "0.5rem"
 };
-var boxShadow$1 = {
+var boxShadow$2 = {
   "default": "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
   largeTitle: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
   small: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)"
@@ -39297,7 +39301,7 @@ var fallbackValues$D = {
   textAlign: textAlign,
   titleType: titleType,
   titleSpacing: titleSpacing,
-  boxShadow: boxShadow$1,
+  boxShadow: boxShadow$2,
   borderRadius: borderRadius,
   backgroundColor: backgroundColor$7
 };
@@ -39375,16 +39379,18 @@ var WalletName = function WalletName(_ref) {
     _ref$text = _ref.text,
     text = _ref$text === void 0 ? "Not you?" : _ref$text,
     _ref$actionText = _ref.actionText,
-    actionText = _ref$actionText === void 0 ? "Check out as a guest" : _ref$actionText;
+    actionText = _ref$actionText === void 0 ? "Check out as a guest" : _ref$actionText,
+    themeValues = _ref.themeValues;
   var themeContext = React.useContext(styled.ThemeContext);
   var isMobile = themeContext.isMobile;
   return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Module$1, {
     spacingBottom: isMobile ? "0" : "1.5rem"
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "24px",
+    boxShadow: themeValues.boxShadow,
     spacingBottom: "0",
     margin: "0 0 0 0",
-    extraStyles: isMobile ? "box-shadow: 0px 1px 2px 0px #292A331A; box-shadow: 0px 2px 6px 0px #292A3333; box-shadow: 0px 1px 0px 0px #292A331A inset;\n; display: flex; flex-direction: column; flex-wrap: wrap; \n          span {text - align: right;}" : "display: flex; justify-content: space-between; align-items: center; "
+    extraStyles: isMobile ? "display: flex; flex-direction: column; flex-wrap: wrap;  span {text - align: right;}" : "display: flex; justify-content: space-between; align-items: center;"
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 0"
   }, /*#__PURE__*/React__default.createElement(Text$1, null, personName)), !isMobile && /*#__PURE__*/React__default.createElement(Box, {
@@ -39397,7 +39403,7 @@ var WalletName = function WalletName(_ref) {
     variant: "smallGhost",
     extraStyles: "span {font-size: 12px;}"
   })))), isMobile && /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0",
+    padding: "0 0 24px",
     extraStyles: "display: flex; align-items: center; justify-content: flex-end;"
   }, /*#__PURE__*/React__default.createElement(Text$1, {
     extraStyles: "font-size: 12px"
@@ -48314,23 +48320,21 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
       toggleOpen(false);
     },
     initialFocusSelector: "[name='Close']"
-  }, /*#__PURE__*/React__default.createElement(Text$1, {
-    variant: "pS",
+  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    variant: "ghost",
+    tabIndex: "0",
     onClick: function onClick() {
       return toggleOpen(true);
     },
     onKeyPress: function onKeyPress(e) {
       return e.key === "Enter" && toggleOpen(true);
     },
-    tabIndex: "0",
-    color: themeValues.linkColor,
-    weight: themeValues.fontWeight,
-    hoverStyles: themeValues.modalLinkHoverFocus,
-    textDecoration: themeValues.linkTextDecoration,
-    extraStyles: "cursor: pointer;",
-    role: "button",
-    className: "modal-trigger"
-  }, link));
+    extraStyles: "min-width: 0; min-height: 0;margin: 0; padding: 0; text-transform: none;",
+    text: /*#__PURE__*/React__default.createElement(Text$1, {
+      variant: "pS",
+      color: "inherit"
+    }, link)
+  }));
 };
 var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$P, "default");