@thecb/components 8.3.1-beta.0 → 8.3.1-beta.1

package/dist/index.cjs.js

@@ -12733,7 +12733,7 @@ var hoverColor = {
   whiteSecondary: WHITE,
   whitePrimary: WHITE
 };
-var activeBackgroundColor = {
+var activeBackgroundColor$1 = {
   primary: PEACOCK_BLUE,
   secondary: "#B8D5E1",
   back: TRANSPARENT,
@@ -12787,7 +12787,7 @@ var fallbackValues$1 = {
   hoverBackgroundColor: hoverBackgroundColor,
   hoverBorderColor: hoverBorderColor,
   hoverColor: hoverColor,
-  activeBackgroundColor: activeBackgroundColor,
+  activeBackgroundColor: activeBackgroundColor$1,
   activeBorderColor: activeBorderColor,
   activeColor: activeColor
 };
@@ -19708,17 +19708,27 @@ 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 fallbackValues$a = {
   fontFamily: fontFamily$2,
   hoverColor: hoverColor$2,
   activeColor: activeColor$3,
+  activeBackgroundColor: activeBackgroundColor$2,
   externalLinkColor: externalLinkColor
 };
 
@@ -19832,7 +19842,7 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
 })).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) {
+})(["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) {
   var color = _ref2.color,
       active = _ref2.active,
       activeColor = _ref2.activeColor;
@@ -19859,7 +19869,10 @@ var StyledInternalLink = styled__default( /*#__PURE__*/React.forwardRef(function
   var activeColor = _ref9.activeColor;
   return activeColor;
 }, function (_ref10) {
-  var extrastyles = _ref10.extrastyles;
+  var activeBackgroundColor = _ref10.activeBackgroundColor;
+  return activeBackgroundColor;
+}, function (_ref11) {
+  var extrastyles = _ref11.extrastyles;
   return extrastyles;
 });
 /* eslint-enable no-unused-vars */
@@ -21550,6 +21563,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
     }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null))) : /*#__PURE__*/React__default.createElement(InternalLink, {
       to: url,
       active: active,
+      activeBackgroundColor: activeBackgroundColor,
       tabIndex: "-1",
       dataQa: dataQa,
       extraStyles: extraStyles
@@ -21559,6 +21573,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
   return /*#__PURE__*/React__default.createElement(ButtonWithLinkWrapper, {
     url: url,
     active: active,
+    activeBackgroundColor: activeBackgroundColor,
     disabled: disabled,
     newTab: newTab,
     extraStyles: "".concat(linkExtraStyles, " text-decoration: none; &:hover {\n        text-decoration: none; }"),
@@ -25372,7 +25387,7 @@ var useOutsideClickHook = function useOutsideClickHook(handler) {
 
 
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   formats: formats,
   general: general,
@@ -38196,14 +38211,6 @@ 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",
@@ -47524,11 +47531,11 @@ var createPartialAmountFormState = function createPartialAmountFormState(lineIte
 var arrowColor = WHITE;
 var numberColor = MATISSE_BLUE;
 var hoverBackgroundColor$2 = ALABASTER_WHITE;
-var activeBackgroundColor$1 = WHITE;
+var activeBackgroundColor$3 = WHITE;
 var activeColor$9 = MATISSE_BLUE;
 var fallbackValues$L = {
   activeColor: activeColor$9,
-  activeBackgroundColor: activeBackgroundColor$1,
+  activeBackgroundColor: activeBackgroundColor$3,
   arrowColor: arrowColor,
   hoverBackgroundColor: hoverBackgroundColor$2,
   numberColor: numberColor
@@ -50348,8 +50355,8 @@ exports.WorkflowTile = WorkflowTile;
 exports.XCircleIconMedium = XCircleIconMedium;
 exports.XCircleIconSmall = XCircleIconSmall;
 exports.cardRegistry = cardRegistry;
-exports.constants = index$5;
+exports.constants = index$4;
 exports.createPartialAmountFormState = createPartialAmountFormState;
-exports.util = index$4;
+exports.util = index$5;
 exports.withWindowSize = withWindowSize;
 //# sourceMappingURL=index.cjs.js.map