mp-design-system 1.2.61 → 1.2.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mp-design-system",
-  "version": "1.2.61",
+  "version": "1.2.62",
   "description": "",
   "scripts": {
     "dev": "npm-run-all --parallel bundle:*",

package/src/_includes/components/alert/alert.config.js

@@ -35,7 +35,7 @@ module.exports = {
     {
       title: 'With link',
       context: {
-        content: '<p><a href="#">During the COVID-19 situation</a>, our sales team are still available to answer all your sales enquiries</p>'
+        content: '<p><a class="c-alert__text-link c-twi" href="#">During the COVID-19 situation</a>, our sales team are still available to answer all your sales enquiries</p>'
       }
     },
     {

package/src/_includes/components/alert/alert.njk

@@ -24,4 +24,4 @@
 <div class="{{ classNames }}">
   {{ params.content | safe }}
   {{ icon({ id: params.icon or icons[type] }) }}
-</div>
+</div>

package/src/_includes/components/alert/alert.scss

@@ -15,7 +15,13 @@
     margin-top: 1em;
   }
 
-  a {
+  :has(.u-fill):hover .c-alert__text-link {
+    text-decoration: none;
+  }
+
+  a,
+  &__text-link,
+  &__text-link.c-twi {
     color: var(--alert-border);
     text-decoration: underline;