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

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
 };
 
@@ -21523,13 +21515,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 +21539,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,
@@ -25387,7 +25382,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 +38206,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 +47534,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 +50358,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