@qhealth-design-system/core 1.7.3 → 1.7.4

package/CHANGELOG.md

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 1.7.4 - 2024-06-26
+
 ## 1.7.3 - 2024-06-26
 
 ## 1.7.2 - 2024-06-24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qhealth-design-system/core",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "",
   "licence": "MIT",
   "main": "index.js",

package/src/components/card_no_action/css/component.scss

@@ -112,11 +112,15 @@
         }
     }
 
-    a.qld__card--clickable__link{
+    a.qld__card--clickable__link {
         color: var(--QLD-color-light__link);
         @include QLD-underline('light');
         // @include QLD-underline('light','noUnderline','buttonText','noVisited');
 
+        &:visited, &:hover:visited {
+            color: var(--QLD-color-light__link--visited);
+        }
+
         //make hit area entire card
         
         &:after {
@@ -368,17 +372,32 @@
 }
 
 
-.qld__body--dark, .qld__body--dark-alt {
+.qld__body--dark, .qld__banner--dark, .qld__banner--dark-alt, .qld__body--dark-alt {
     .qld__card{
         a.qld__card--clickable__link {
-            color: var(--QLD-color-light__link);
             @include QLD-underline('light');
+            color: var(--QLD-color-light__link);
+            &:visited, &:hover:visited {
+                color: var(--QLD-color-light__link--visited);
+            }
+    
+            &:focus {
+                outline: none;
+            }
         }
 
         &.qld__card--dark, &.qld__card--dark-alt{
             a.qld__card--clickable__link{
-                color: var(--QLD-color-dark__link);
                 @include QLD-underline('dark');
+                color: var(--QLD-color-dark__link);
+
+                &:visited, &:hover:visited {
+                    color: var(--QLD-color-dark__link--visited);
+                }
+        
+                &:focus {
+                    outline: none;
+                }
     
             }
         }