@thecb/components 10.4.3-beta.0 → 10.4.3

package/dist/index.esm.js

@@ -14123,7 +14123,9 @@ var GenericErrorIcon = function GenericErrorIcon() {
   }));
 };
 
-var IconAdd = function IconAdd() {
+var IconAdd = function IconAdd(_ref) {
+  var _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -14138,7 +14140,7 @@ var IconAdd = function IconAdd() {
     fill: "none",
     fillRule: "evenodd",
     stroke: "none",
-    strokeWidth: "1"
+    strokeWidth: strokeWidth
   }, /*#__PURE__*/React.createElement("g", {
     transform: "translate(-407 -563)"
   }, /*#__PURE__*/React.createElement("g", {
@@ -14156,6 +14158,7 @@ var IconAdd = function IconAdd() {
     xlinkHref: "#path-1"
   })), /*#__PURE__*/React.createElement("circle", {
     className: "stroke",
+    strokeWidth: strokeWidth,
     cx: "8.155",
     cy: "8.072",
     r: "8"
@@ -27828,13 +27831,13 @@ var Placeholder = function Placeholder(_ref2) {
     childGap: "0"
   }, variant === "large" && /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(Box, {
     padding: "0",
-    extraStyles: ".fill { \n                    fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } .stroke { \n                    stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  }")
+    extraStyles: ".fill { \n                    fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } .stroke { \n                    stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } ")
   }, variant === "large" ? /*#__PURE__*/React.createElement(Center, {
     intrinsic: true
   }, getLargeIcon(largeIcon), /*#__PURE__*/React.createElement(Text$1, {
     variant: "pS",
     color: themeValues.color,
-    weight: FONT_WEIGHT_REGULAR,
+    weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "text-align: center;"
   }, text)) : /*#__PURE__*/React.createElement(Cover, {
     singleChild: true,
@@ -27842,12 +27845,14 @@ var Placeholder = function Placeholder(_ref2) {
   }, /*#__PURE__*/React.createElement(Cluster, {
     justify: "center",
     align: "center"
-  }, /*#__PURE__*/React.createElement(IconAdd, null), /*#__PURE__*/React.createElement(Center, {
+  }, /*#__PURE__*/React.createElement(IconAdd, {
+    strokeWidth: "2"
+  }), /*#__PURE__*/React.createElement(Center, {
     intrinsic: true
   }, /*#__PURE__*/React.createElement(Text$1, {
     variant: "pS",
     color: themeValues.color,
-    weight: FONT_WEIGHT_REGULAR,
+    weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "padding: 0 0 0 8px; text-align: center;"
   }, text)))))))))));
 };
@@ -48257,23 +48262,21 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
       toggleOpen(false);
     },
     initialFocusSelector: "[name='Close']"
-  }, /*#__PURE__*/React.createElement(Text$1, {
-    variant: "pS",
+  }, /*#__PURE__*/React.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.createElement(Text$1, {
+      variant: "pS",
+      color: "inherit"
+    }, link)
+  }));
 };
 var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$O, "default");