@thecb/components 8.3.1-beta.3 → 8.3.1-beta.5

package/dist/index.cjs.js

@@ -19828,13 +19828,16 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
       extrastyles = _ref.extrastyles,
       props = _objectWithoutProperties(_ref, _excluded$l);
 
+  var match = reactRouterDom.useMatch();
+  console.log("🚀 ~ file: InternalLink.styled.js:18 ~ match:", match);
   return /*#__PURE__*/React__default.createElement(reactRouterDom.Link, _extends({}, props, {
+    match: match,
     ref: ref
   }));
 })).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:", ";background-color:", ";}", ""], function (_ref2) {
+})(["display:flex;color:", ";font-weight:", ";line-height:", ";font-size:", ";font-family:", ";margin:", ";background-color:", ";&:hover{color:", ";text-decoration:underline;}&:focus{outline:3px solid ", ";outline-offset:2px;}&:active{text-decoration:underline;color:", ";background-color:", ";}", ""], function (_ref2) {
   var color = _ref2.color,
       active = _ref2.active,
       activeColor = _ref2.activeColor;
@@ -19855,16 +19858,19 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
   var margin = _ref7.margin;
   return margin;
 }, function (_ref8) {
-  var hoverColor = _ref8.hoverColor;
+  var match = _ref8.match;
+  return match ? INFO_BLUE : 'transparent';
+}, function (_ref9) {
+  var hoverColor = _ref9.hoverColor;
   return hoverColor;
-}, ROYAL_BLUE, function (_ref9) {
-  var activeColor = _ref9.activeColor;
+}, ROYAL_BLUE, function (_ref10) {
+  var activeColor = _ref10.activeColor;
   return activeColor;
-}, function (_ref10) {
-  var activeBackgroundColor = _ref10.activeBackgroundColor;
-  return activeBackgroundColor ? activeBackgroundColor : 'transparent';
 }, function (_ref11) {
-  var extrastyles = _ref11.extrastyles;
+  var activeBackgroundColor = _ref11.activeBackgroundColor;
+  return activeBackgroundColor ? activeBackgroundColor : 'transparent';
+}, function (_ref12) {
+  var extrastyles = _ref12.extrastyles;
   return extrastyles;
 });
 /* eslint-enable no-unused-vars */