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

package/package.json

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

package/src/components/atoms/form-layouts/FormInput.js

@@ -172,7 +172,7 @@ const FormInput = ({
                   color={themeValues.linkColor}
                   weight={themeValues.fontWeight}
                   hoverStyles={themeValues.hoverFocusStyles}
-                  extraStyles={`cursor: pointer; &:focus { outline-offset: -2px; }`}
+                  extraStyles={`text-decoration: underline; cursor: pointer; &:focus { outline-offset: -2px; }`}
                   onClick={() => setShowPassword(!showPassword)}
                   tabIndex="0"
                   aria-label={showPassword ? "Hide Password" : "Show password"}

package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.js

@@ -60,6 +60,7 @@ const AccountAndRoutingModal = ({
       color={themeValues.linkColor}
       weight={themeValues.fontWeight}
       hoverStyles={themeValues.modalLinkHoverFocus}
+      textDecoration={themeValues.linkTextDecoration}
       extraStyles={`cursor: pointer;`}
       role="button"
       className="modal-trigger"

package/src/components/molecules/account-and-routing-modal/AccountAndRoutingModal.theme.js

@@ -1,4 +1,7 @@
-import { FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
+import {
+  FONT_WEIGHT_REGULAR,
+  LINK_TEXT_DECORATION
+} from "../../../constants/style_constants";
 
 const linkColor = { default: "#3176AA" };
 const fontSize = { default: "1rem" };
@@ -10,10 +13,15 @@ const modalLinkHoverFocus = {
   default: `outline: none; text-decoration: underline;`
 };
 
+const linkTextDecoration = {
+  default: LINK_TEXT_DECORATION
+};
+
 export const fallbackValues = {
   linkColor,
   fontSize,
   lineHeight,
   fontWeight,
-  modalLinkHoverFocus
+  modalLinkHoverFocus,
+  linkTextDecoration
 };