@thecb/components 8.3.1-beta.2 → 8.3.1-beta.4

package/dist/index.cjs.js

@@ -12733,7 +12733,7 @@ var hoverColor = {
   whiteSecondary: WHITE,
   whitePrimary: WHITE
 };
-var activeBackgroundColor$1 = {
+var activeBackgroundColor = {
   primary: PEACOCK_BLUE,
   secondary: "#B8D5E1",
   back: TRANSPARENT,
@@ -12787,7 +12787,7 @@ var fallbackValues$1 = {
   hoverBackgroundColor: hoverBackgroundColor,
   hoverBorderColor: hoverBorderColor,
   hoverColor: hoverColor,
-  activeBackgroundColor: activeBackgroundColor$1,
+  activeBackgroundColor: activeBackgroundColor,
   activeBorderColor: activeBorderColor,
   activeColor: activeColor
 };
@@ -19708,27 +19708,19 @@ var fallbackValues$9 = {
   hover: hover
 };
 
-
-
-var index$4 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  colors: colors,
-  fontWeights: style_constants
-});
-
 var fontFamily$2 = {
   primary: "Public Sans",
   secondary: "Open Sans"
 };
-var hoverColor$2 = "#116285";
-var activeColor$3 = "#0E506D";
-var activeBackgroundColor$2 = INFO_BLUE;
-var externalLinkColor = "#15749D";
+var hoverColor$2 = SAPPHIRE_BLUE;
+var activeColor$3 = PEACOCK_BLUE;
+var activeBackgroundColor$1 = INFO_BLUE;
+var externalLinkColor = MATISSE_BLUE;
 var fallbackValues$a = {
   fontFamily: fontFamily$2,
   hoverColor: hoverColor$2,
   activeColor: activeColor$3,
-  activeBackgroundColor: activeBackgroundColor$2,
+  activeBackgroundColor: activeBackgroundColor$1,
   externalLinkColor: externalLinkColor
 };
 
@@ -19836,13 +19828,15 @@ 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, {
     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:", " ? 'lightblue' :'transparent',&: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;
@@ -19862,7 +19856,7 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
 }, function (_ref7) {
   var margin = _ref7.margin;
   return margin;
-}, function (_ref8) {
+}, match, function (_ref8) {
   var hoverColor = _ref8.hoverColor;
   return hoverColor;
 }, ROYAL_BLUE, function (_ref9) {
@@ -21523,13 +21517,15 @@ _curry2(function test(pattern, str) {
 
 var URL_TEST = /(([a-z]{3,6}:\/\/)|(^|\s))([a-zA-Z0-9\-]+\.)+[a-z]{2,13}[\.\?\=\&\%\/\w\-]*\b([^@]|$)/;
 
-var _excluded$m = ["url", "active", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
+var _excluded$m = ["url", "active", "activeBackgroundColor", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
 
 var ButtonWithLink = function ButtonWithLink(_ref) {
   var _ref$url = _ref.url,
       url = _ref$url === void 0 ? "/" : _ref$url,
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
+      _ref$activeBackground = _ref.activeBackgroundColor,
+      activeBackgroundColor = _ref$activeBackground === void 0 ? undefined : _ref$activeBackground,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$fileLink = _ref.fileLink,
@@ -21545,6 +21541,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
     var children = _ref2.children,
         url = _ref2.url,
         active = _ref2.active,
+        activeBackgroundColor = _ref2.activeBackgroundColor,
         disabled = _ref2.disabled,
         newTab = _ref2.newTab,
         dataQa = _ref2.dataQa,
@@ -22388,22 +22385,22 @@ var process$1 = global_1.process;
 var Deno = global_1.Deno;
 var versions = process$1 && process$1.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
-var match, version;
+var match$1, version;
 
 if (v8) {
-  match = v8.split('.');
+  match$1 = v8.split('.');
   // in old Chrome, versions of V8 isn't V8 = Chrome / 10
   // but their correct versions are not interesting for us
-  version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
+  version = match$1[0] > 0 && match$1[0] < 4 ? 1 : +(match$1[0] + match$1[1]);
 }
 
 // BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
 // so check `userAgent` even if `.v8` exists, but 0
 if (!version && engineUserAgent) {
-  match = engineUserAgent.match(/Edge\/(\d+)/);
-  if (!match || match[1] >= 74) {
-    match = engineUserAgent.match(/Chrome\/(\d+)/);
-    if (match) version = +match[1];
+  match$1 = engineUserAgent.match(/Edge\/(\d+)/);
+  if (!match$1 || match$1[1] >= 74) {
+    match$1 = engineUserAgent.match(/Chrome\/(\d+)/);
+    if (match$1) version = +match$1[1];
   }
 }
 
@@ -25387,7 +25384,7 @@ var useOutsideClickHook = function useOutsideClickHook(handler) {
 
 
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   formats: formats,
   general: general,
@@ -38211,6 +38208,14 @@ var NavTabs = function NavTabs(_ref) {
   }, tabs)));
 };
 
+
+
+var index$5 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  colors: colors,
+  fontWeights: style_constants
+});
+
 var shineFrames = styled.keyframes(["{0{background-position:0 0;}20%{background-position:100% 100%;}100%{background-position:100% 100%;}}"]);
 var LoadingPill = styled__default.div.withConfig({
   displayName: "LoadingPillstyled__LoadingPill",
@@ -47531,11 +47536,11 @@ var createPartialAmountFormState = function createPartialAmountFormState(lineIte
 var arrowColor = WHITE;
 var numberColor = MATISSE_BLUE;
 var hoverBackgroundColor$2 = ALABASTER_WHITE;
-var activeBackgroundColor$3 = WHITE;
+var activeBackgroundColor$2 = WHITE;
 var activeColor$9 = MATISSE_BLUE;
 var fallbackValues$L = {
   activeColor: activeColor$9,
-  activeBackgroundColor: activeBackgroundColor$3,
+  activeBackgroundColor: activeBackgroundColor$2,
   arrowColor: arrowColor,
   hoverBackgroundColor: hoverBackgroundColor$2,
   numberColor: numberColor
@@ -50355,8 +50360,8 @@ exports.WorkflowTile = WorkflowTile;
 exports.XCircleIconMedium = XCircleIconMedium;
 exports.XCircleIconSmall = XCircleIconSmall;
 exports.cardRegistry = cardRegistry;
-exports.constants = index$4;
+exports.constants = index$5;
 exports.createPartialAmountFormState = createPartialAmountFormState;
-exports.util = index$5;
+exports.util = index$4;
 exports.withWindowSize = withWindowSize;
 //# sourceMappingURL=index.cjs.js.map