@thecb/components 7.1.2-beta.1 → 7.1.3-beta.0

package/dist/index.cjs.js

@@ -13256,10 +13256,10 @@ var PaymentMethodAddIcon = function PaymentMethodAddIcon(_ref) {
     height: "100",
     viewBox: "0 0 100 100"
   }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("path", {
-    id: "path-1",
+    id: "path-1-payment-method-add",
     d: "M0 0H103V100H0z"
   }), /*#__PURE__*/React__default.createElement("path", {
-    id: "path-3",
+    id: "path-3-payment-method-add",
     d: "M16.624999 11.3749994L11.3749994 11.3749994 11.3749994 16.624999 9.62499952 16.624999 9.62499952 11.3749994 4.37499993 11.3749994 4.37499993 9.62499952 9.62499952 9.62499952 9.62499952 4.37499993 11.3749994 4.37499993 11.3749994 9.62499952 16.624999 9.62499952z"
   })), /*#__PURE__*/React__default.createElement("g", {
     fill: "none",
@@ -13268,12 +13268,12 @@ var PaymentMethodAddIcon = function PaymentMethodAddIcon(_ref) {
     strokeWidth: "1",
     transform: "translate(-1)"
   }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("mask", {
-    id: "mask-2",
+    id: "mask-2-payment-method-add",
     fill: themeValues.primaryColor
   }, /*#__PURE__*/React__default.createElement("use", {
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-1-payment-method-add"
   })), /*#__PURE__*/React__default.createElement("g", {
-    mask: "url(#mask-2)"
+    mask: "url(#mask-2-payment-method-add)"
   }, /*#__PURE__*/React__default.createElement("g", {
     transform: "translate(11.33 11)"
   }, /*#__PURE__*/React__default.createElement("path", {
@@ -13294,16 +13294,16 @@ var PaymentMethodAddIcon = function PaymentMethodAddIcon(_ref) {
   }), /*#__PURE__*/React__default.createElement("g", {
     transform: "translate(2.8 2.8)"
   }, /*#__PURE__*/React__default.createElement("mask", {
-    id: "mask-4",
+    id: "mask-4-payment-method-add",
     fill: "#fff"
   }, /*#__PURE__*/React__default.createElement("use", {
-    xlinkHref: "#path-3"
+    xlinkHref: "#path-3-payment-method-add"
   })), /*#__PURE__*/React__default.createElement("use", {
     fill: "#000",
-    xlinkHref: "#path-3"
+    xlinkHref: "#path-3-payment-method-add"
   }), /*#__PURE__*/React__default.createElement("g", {
     fill: themeValues.primaryColor,
-    mask: "url(#mask-4)"
+    mask: "url(#mask-4-payment-method-add)"
   }, /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
     d: "M0 0H21V21H0z"
   })))))));
@@ -17644,7 +17644,7 @@ var StyledExternalLink = styled__default(function (_ref) {
 });
 /* eslint-enable no-unused-vars */
 
-var ExternalLink = function ExternalLink(_ref) {
+var ExternalLink = function ExternalLink(_ref, ref) {
   var _ref$href = _ref.href,
       href = _ref$href === void 0 ? "" : _ref$href,
       _ref$newTab = _ref.newTab,
@@ -17680,7 +17680,8 @@ var ExternalLink = function ExternalLink(_ref) {
     extrastyles: extraStyles,
     rel: newTab ? "noopener" : "",
     "data-qa": dataQa,
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    ref: ref
   }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
 };
 
@@ -17736,7 +17737,7 @@ var StyledInternalLink = styled__default(function (_ref) {
 });
 /* eslint-enable no-unused-vars */
 
-var InternalLink = function InternalLink(_ref) {
+var InternalLink = function InternalLink(_ref, ref) {
   var _ref$to = _ref.to,
       to = _ref$to === void 0 ? "" : _ref$to,
       color = _ref.color,
@@ -17768,7 +17769,8 @@ var InternalLink = function InternalLink(_ref) {
     activeColor: themeValues.activeColor,
     tabIndex: tabIndex,
     extrastyles: extraStyles,
-    "data-qa": dataQa
+    "data-qa": dataQa,
+    ref: ref
   }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
 };
 
@@ -24491,6 +24493,22 @@ var fallbackValues$q = {
   height: height$1
 };
 
+var getLargeIcon = function getLargeIcon(iconName) {
+  switch (iconName) {
+    case "accounts":
+      return /*#__PURE__*/React__default.createElement(AccountsAddIcon$1, null);
+
+    case "properties":
+      return /*#__PURE__*/React__default.createElement(PropertiesAddIcon$1, null);
+
+    case "payments":
+      return /*#__PURE__*/React__default.createElement(PaymentMethodAddIcon$1, null);
+
+    default:
+      return /*#__PURE__*/React__default.createElement(AccountsAddIcon$1, null);
+  }
+};
+
 var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
   var isLink = _ref.isLink,
       action = _ref.action,
@@ -24558,7 +24576,7 @@ var Placeholder = function Placeholder(_ref2) {
     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__default.createElement(Center, {
     intrinsic: true
-  }, largeIcon === "accounts" ? /*#__PURE__*/React__default.createElement(AccountsAddIcon$1, null) : /*#__PURE__*/React__default.createElement(PropertiesAddIcon$1, null), /*#__PURE__*/React__default.createElement(Text$1, {
+  }, getLargeIcon(largeIcon), /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pS",
     color: themeValues.color,
     weight: FONT_WEIGHT_REGULAR,