@thecb/components 10.2.1-beta.4 → 10.2.1-beta.5

package/package.json

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

package/src/components/molecules/terms-and-conditions-modal/TermsAndConditionsModal.js

@@ -53,7 +53,8 @@ const TermsAndConditionsModal = ({
       color={themeValues.linkColor}
       weight={themeValues.fontWeight}
       hoverStyles={themeValues.modalLinkHoverFocus}
-      extraStyles={`text-decoration: underline; display: inline-block; width: fit-content; cursor: pointer`}
+      textDecoration={themeValues.modalLinkTextDecoration}
+      extraStyles={`display: inline-block; width: fit-content; cursor: pointer`}
       role="button" // This should always be a "button" since it opens a modal
       className="modal-trigger"
     >

package/src/components/molecules/terms-and-conditions-modal/TermsAndConditionsModal.theme.js

@@ -1,6 +1,7 @@
 import {
   FONT_WEIGHT_REGULAR,
-  FONT_WEIGHT_SEMIBOLD
+  FONT_WEIGHT_SEMIBOLD,
+  LINK_TEXT_DECORATION
 } from "../../../constants/style_constants";
 
 const backgroundColor = { default: "#ffffff", footer: "#ffffff" };
@@ -22,11 +23,17 @@ const standardInteractionStyles = `
       outline-offset: 2px;
     }
 `;
+
 const modalLinkHoverFocus = {
   default: standardInteractionStyles,
   footer: standardInteractionStyles
 };
 
+const modalLinkTextDecoration = {
+  default: LINK_TEXT_DECORATION,
+  footer: "none"
+};
+
 export const fallbackValues = {
   backgroundColor,
   linkColor,
@@ -34,5 +41,6 @@ export const fallbackValues = {
   fontSize,
   lineHeight,
   fontWeight,
-  modalLinkHoverFocus
+  modalLinkHoverFocus,
+  modalLinkTextDecoration
 };