@thecb/components 7.1.3-beta.1 → 7.1.3-beta.3

package/dist/index.d.ts

@@ -187,8 +187,7 @@ interface ExternalLinkProps {
 }
 
 declare const ExternalLink: React.FC<Expand<ExternalLinkProps> &
-  React.HTMLAttributes<HTMLElement> &
-  React.Ref<HTMLLinkElement>>;
+  React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLLinkElement> }>;
 
 interface InternalLinkProps {
   to: string;
@@ -205,8 +204,7 @@ interface InternalLinkProps {
 }
 
 declare const InternalLink: React.FC<Expand<InternalLinkProps> &
-  React.HTMLAttributes<HTMLElement> &
-  React.Ref<HTMLLinkElement>>;
+  React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLLinkElement> }>;
 
 interface NavFooterProps {
   leftContent?: JSX.Element;

package/dist/index.esm.js

@@ -17599,7 +17599,7 @@ var _excluded$k = ["hoverColor", "activeColor", "extrastyles"];
 
 /* eslint-disable no-unused-vars */
 
-var StyledExternalLink = styled(function (_ref, ref) {
+var StyledExternalLink = styled( /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hoverColor = _ref.hoverColor,
       activeColor = _ref.activeColor,
       extrastyles = _ref.extrastyles,
@@ -17608,7 +17608,7 @@ var StyledExternalLink = styled(function (_ref, ref) {
   return /*#__PURE__*/React.createElement("a", _extends({}, props, {
     ref: ref
   }));
-}).withConfig({
+})).withConfig({
   displayName: "ExternalLinkstyled__StyledExternalLink",
   componentId: "sc-m1q2m2-0"
 })(["display:flex;font-size:", ";color:", ";font-weight:", ";font-family:", ";line-height:", ";&:hover{color:", ";text-decoration:underline;}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{text-decoration:underline;color:", ";}", ""], function (_ref2) {
@@ -17638,7 +17638,7 @@ var StyledExternalLink = styled(function (_ref, ref) {
 });
 /* eslint-enable no-unused-vars */
 
-var ExternalLink = function ExternalLink(_ref, ref) {
+var ExternalLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$href = _ref.href,
       href = _ref$href === void 0 ? "" : _ref$href,
       _ref$newTab = _ref.newTab,
@@ -17677,7 +17677,7 @@ var ExternalLink = function ExternalLink(_ref, ref) {
     "aria-label": ariaLabel,
     ref: ref
   }, safeChildren(children, /*#__PURE__*/React.createElement("span", null)));
-};
+});
 
 var _excluded$l = ["hoverColor", "activeColor", "active", "color", "extrastyles"];
 /*
@@ -17687,7 +17687,7 @@ var _excluded$l = ["hoverColor", "activeColor", "active", "color", "extrastyles"
 
 /* eslint-disable no-unused-vars */
 
-var StyledInternalLink = styled(function (_ref, ref) {
+var StyledInternalLink = styled( /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hoverColor = _ref.hoverColor,
       activeColor = _ref.activeColor,
       active = _ref.active,
@@ -17698,7 +17698,7 @@ var StyledInternalLink = styled(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Link, _extends({}, props, {
     ref: ref
   }));
-}).withConfig({
+})).withConfig({
   displayName: "InternalLinkstyled__StyledInternalLink",
   componentId: "sc-cuqxud-0"
 })(["display:flex;color:", ";font-weight:", ";line-height:", ";font-size:", ";font-family:", ";margin:", ";&:hover{color:", ";text-decoration:underline;}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{text-decoration:underline;color:", ";}", ""], function (_ref2) {
@@ -17733,7 +17733,7 @@ var StyledInternalLink = styled(function (_ref, ref) {
 });
 /* eslint-enable no-unused-vars */
 
-var InternalLink = function InternalLink(_ref, ref) {
+var InternalLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$to = _ref.to,
       to = _ref$to === void 0 ? "" : _ref$to,
       color = _ref.color,
@@ -17768,7 +17768,7 @@ var InternalLink = function InternalLink(_ref, ref) {
     "data-qa": dataQa,
     ref: ref
   }, safeChildren(children, /*#__PURE__*/React.createElement("span", null)));
-};
+});
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var _ref$breadcrumbsList = _ref.breadcrumbsList,