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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "8.3.1-beta.2",
+  "version": "8.3.1-beta.3",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/button-with-link/ButtonWithLink.js

@@ -8,6 +8,7 @@ import ButtonWithAction from "../button-with-action";
 const ButtonWithLink = ({
   url = "/",
   active = false,
+  activeBackgroundColor = undefined,
   disabled = false,
   fileLink = false,
   extraStyles,
@@ -20,6 +21,7 @@ const ButtonWithLink = ({
     children,
     url,
     active,
+    activeBackgroundColor,
     disabled,
     newTab,
     dataQa,

package/src/components/atoms/link/Link.theme.js

@@ -1,19 +1,24 @@
-import { colors } from "../../../constants";
+import {
+  SAPPHIRE_BLUE,
+  PEACOCK_BLUE,
+  INFO_BLUE,
+  MATISSE_BLUE,
+} from "../../../constants/colors";
 
 const fontFamily = {
   primary: "Public Sans",
-  secondary: "Open Sans"
+  secondary: "Open Sans",
 };
 
-const hoverColor = "#116285";
-const activeColor = "#0E506D";
-const activeBackgroundColor = colors.INFO_BLUE;
-const externalLinkColor = "#15749D";
+const hoverColor = SAPPHIRE_BLUE;
+const activeColor = PEACOCK_BLUE;
+const activeBackgroundColor = INFO_BLUE;
+const externalLinkColor = MATISSE_BLUE;
 
 export const fallbackValues = {
   fontFamily,
   hoverColor,
   activeColor,
   activeBackgroundColor,
-  externalLinkColor
+  externalLinkColor,
 };