@dnb/eufemia 9.27.0 → 9.30.0

package/es/style/themes/theme-eiendom/dnb-theme-eiendom.scss

@@ -43,3 +43,4 @@
 */
 
 @import '../../../components/button/style/themes/dnb-button-theme-eiendom.scss';
+@import '../../../components/tabs/style/themes/dnb-tabs-theme-eiendom.scss';

package/es/style/themes/theme-ui/dnb-theme-ui.css

@@ -156,10 +156,12 @@ button.dnb-anchor {
       color: var(--color-sea-green);
       background-color: transparent;
       -webkit-transition: none;
-      transition: none;
-      -webkit-box-shadow: none;
-              box-shadow: none;
-      text-decoration: none; }
+      transition: none; }
+      .dnb-anchor:focus:not(:active),
+      .dnb-section .dnb-anchor:focus:not(:active).dnb-anchor {
+        -webkit-box-shadow: none;
+                box-shadow: none;
+        text-decoration: none; }
     html[data-whatinput='keyboard'] .dnb-anchor:focus {
       --border-color: var(--color-emerald-green);
       -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -176,19 +178,24 @@ button.dnb-anchor {
     color: var(--color-sea-green);
     background-color: #d2f0e9;
     background-color: var(--color-mint-green-50);
-    border-radius: 0.25em;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    text-decoration: none; }
+    border-radius: 0.25em; }
+    .dnb-anchor:hover,
+    .dnb-section .dnb-anchor:hover.dnb-anchor, .dnb-anchor:active,
+    .dnb-section .dnb-anchor:active.dnb-anchor {
+      -webkit-box-shadow: none;
+              box-shadow: none;
+      text-decoration: none; }
   .dnb-anchor:active {
     color: #a5e1d2;
     color: var(--color-mint-green);
     background-color: #14555a;
     background-color: var(--color-emerald-green);
-    border-radius: 0.25em;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    text-decoration: none; }
+    border-radius: 0.25em; }
+    .dnb-anchor:active,
+    .dnb-section .dnb-anchor:active.dnb-anchor {
+      -webkit-box-shadow: none;
+              box-shadow: none;
+      text-decoration: none; }
   .dnb-anchor[target='_blank']:not(:empty):not(.dnb-anchor--no-icon) {
     position: relative;
     background-size: 0;
@@ -227,20 +234,24 @@ button.dnb-anchor {
   color: var(--color-sea-green);
   background-color: #d2f0e9;
   background-color: var(--color-mint-green-50);
-  border-radius: 0.25em;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  text-decoration: none; }
+  border-radius: 0.25em; }
+  .dnb-anchor--hover,
+  .dnb-section .dnb-anchor--hover.dnb-anchor {
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    text-decoration: none; }
 
 .dnb-anchor--active {
   color: #a5e1d2;
   color: var(--color-mint-green);
   background-color: #14555a;
   background-color: var(--color-emerald-green);
-  border-radius: 0.25em;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  text-decoration: none; }
+  border-radius: 0.25em; }
+  .dnb-anchor--active,
+  .dnb-section .dnb-anchor--active.dnb-anchor {
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    text-decoration: none; }
 
 .dnb-anchor--focus {
   outline: none;
@@ -250,10 +261,12 @@ button.dnb-anchor {
     color: var(--color-sea-green);
     background-color: transparent;
     -webkit-transition: none;
-    transition: none;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    text-decoration: none; }
+    transition: none; }
+    .dnb-anchor--focus:not(:active),
+    .dnb-section .dnb-anchor--focus:not(:active).dnb-anchor {
+      -webkit-box-shadow: none;
+              box-shadow: none;
+      text-decoration: none; }
   html[data-whatinput='mouse'] .dnb-anchor--focus {
     --border-color: var(--color-emerald-green);
     -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -268,16 +281,19 @@ button.dnb-anchor {
 
 .dnb-anchor--no-style {
   color: inherit;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  text-decoration: none;
   -webkit-transition: none;
   transition: none; }
+  .dnb-anchor--no-style,
+  .dnb-section .dnb-anchor--no-style.dnb-anchor {
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    text-decoration: none; }
   .dnb-anchor--no-style:hover {
     color: inherit;
     background-color: transparent; }
 
-.dnb-anchor--no-underline {
+.dnb-anchor--no-underline,
+.dnb-section .dnb-anchor--no-underline.dnb-anchor {
   -webkit-box-shadow: none;
           box-shadow: none;
   text-decoration: none; }
@@ -1586,6 +1602,28 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       fill: #14555a;
       fill: var(--color-emerald-green); }
 
+/*
+* Badge theme
+*
+*/
+/**
+ * This file is only used to make themes independent
+ * so that they can get imported individually, without the core styles
+ *
+ */
+/*
+ * Utilities
+ */
+.dnb-badge {
+  color: #fff;
+  color: var(--color-white); }
+  .dnb-badge--variant-information {
+    background-color: #14555a;
+    background-color: var(--color-emerald-green); }
+  .dnb-badge--variant-notification {
+    background-color: #dc2a2a;
+    background-color: var(--color-fire-red); }
+
 /*
 * Button theme
 *
@@ -2620,8 +2658,6 @@ html:not([data-whatintent='touch']) .dnb-date-picker__day--inactive .dnb-button[
 .dnb-dialog {
   background: #fff;
   background: var(--color-white); }
-  .dnb-dialog__root::after {
-    background-color: var(--modal-background-color); }
 
 /*
 * Modal theme
@@ -2638,8 +2674,6 @@ html:not([data-whatintent='touch']) .dnb-date-picker__day--inactive .dnb-button[
 .dnb-drawer {
   background: #fff;
   background: var(--color-white); }
-  .dnb-drawer__root::after {
-    background-color: var(--modal-background-color); }
 
 /*
 * Dropdown theme
@@ -3145,8 +3179,12 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
 /*
  * Utilities
  */
-.dnb-modal__content::after {
-  background-color: var(--modal-background-color); }
+:root {
+  --modal-overlay-bg: rgba(0, 0, 0, 0.32); }
+
+.dnb-modal__overlay {
+  background-color: rgba(0, 0, 0, 0.32);
+  background-color: var(--modal-overlay-bg); }
 
 /*
 * Pagination theme
@@ -3733,22 +3771,6 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
     background-color: #e9f8f4;
     background-color: var(--color-mint-green-25); }
 
-.dnb-slider__track::before {
-  background-color: #007272;
-  background-color: var(--color-sea-green); }
-
-.dnb-slider__track::after {
-  background-color: #d2f0e9;
-  background-color: var(--color-mint-green-50); }
-
-.dnb-slider__state--disabled.dnb-slider__track::before {
-  background-color: #b3dada;
-  background-color: var(--color-sea-green-30); }
-
-.dnb-slider__state--disabled.dnb-slider__track::after {
-  background-color: #e9f8f4;
-  background-color: var(--color-mint-green-25); }
-
 .dnb-slider__thumb {
   -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
           box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);