@dnb/eufemia 9.40.0 → 9.42.0

package/cjs/components/table/style/_table-header-buttons.scss

@@ -87,9 +87,21 @@
         &::before {
           right: -0.5rem;
         }
-        .dnb-icon {
+        html[data-visual-test] & .dnb-icon,
+        :not(.dnb-table--active) &:active .dnb-icon {
           opacity: 1;
         }
+
+        // show underline
+        html:not([data-visual-test]) & {
+          .dnb-button__text::after {
+            opacity: 1;
+            color: inherit;
+          }
+          &:not(:active) .dnb-button__text::after {
+            visibility: visible;
+          }
+        }
       }
 
       @include active() {
@@ -152,6 +164,13 @@
         }
       }
 
+      @include focus() {
+        // hide underline
+        .dnb-button__text::after {
+          opacity: 0;
+        }
+      }
+
       // webkit fix
       &:hover:focus:not(:active) .dnb-button__text::after {
         visibility: visible;

package/cjs/components/table/style/_table-td.scss

@@ -53,20 +53,47 @@
       border-bottom: var(--outline);
     }
   }
-  &--outline tbody &__tr:last-of-type &__td:first-of-type {
+  &--outline thead &__th:first-of-type {
+    &,
+    &::after {
+      border-radius: 0.5rem 0 0 0;
+    }
+  }
+  &--outline thead &__th:last-of-type {
+    &,
+    &::after {
+      border-radius: 0 0.5rem 0 0;
+    }
+  }
+  &--outline tbody &__tr:last-of-type &__td:first-of-type,
+  &--outline
+    tbody
+    &__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2)
+    &__td:first-of-type {
     &,
     &::before,
     &::after {
       border-radius: 0 0 0 0.5rem;
     }
   }
-  &--outline tbody &__tr:last-of-type &__td:last-of-type {
+  &--outline tbody &__tr:last-of-type &__td:last-of-type,
+  &--outline
+    tbody
+    &__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2)
+    &__td:last-of-type {
     &,
     &::before,
     &::after {
       border-radius: 0 0 0.5rem 0;
     }
   }
+  &--outline tbody &__tr#{&}__tr__accordion_content:last-of-type &__td {
+    &,
+    &::before,
+    &::after {
+      border-radius: 0 0 0.5rem 0.5rem;
+    }
+  }
 
   // reset parts if a "th" is used before td (row header)
   &--outline tbody &__tr &__th ~ &__td:first-of-type {

package/cjs/components/table/style/_table-tr.scss

@@ -20,11 +20,17 @@
     background-color: var(--color-white);
   }
 
-  &--outline thead &__tr:first-of-type {
+  &--outline thead &__tr:first-of-type,
+  &--outline
+    tbody
+    &__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2) {
     // use clip-path, because border-radius does not clip on tr's
     clip-path: inset(0 round 0.5rem 0.5rem 0 0);
   }
-  &--outline tbody &__tr:last-of-type {
+  &--outline tbody &__tr:last-of-type,
+  &--outline
+    tbody
+    &__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2) {
     // use clip-path, because border-radius does not clip on tr's
     clip-path: inset(0 round 0 0 0.5rem 0.5rem);
   }

package/cjs/components/table/style/_table.scss

@@ -16,13 +16,6 @@
 }
 
 @import './_table-header-buttons.scss';
-@import './_table-th.scss';
-@import './_table-td.scss';
-@import './_table-tr.scss';
-@import './_table-cell.scss';
-@import './_table-sticky.scss';
-@import './_table-container.scss';
-@import './_table-deprecated.scss';
 
 .dnb-table {
   display: table;
@@ -60,6 +53,15 @@
   @include buttonsInTable();
 }
 
+@import './_table-th.scss';
+@import './_table-td.scss';
+@import './_table-tr.scss';
+@import './_table-cell.scss';
+@import './_table-sticky.scss';
+@import './_table-container.scss';
+@import './_table-deprecated.scss';
+@import './_table-accordion.scss';
+
 // Reset Table spacing
 .dnb-spacing .dnb-table {
   p,