@dnb/eufemia 9.23.0-beta.4 → 9.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "9.23.0-beta.4",
+  "version": "9.23.0",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",

package/shared/Eufemia.js

@@ -10,7 +10,7 @@ export function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.23.0-beta.4';
+          return '9.23.0';
         }
       }]);
 

package/style/dnb-ui-components.css

@@ -7006,16 +7006,17 @@ span.dnb-space--no-collapse > span {
     .dnb-tabs__tabs--no-border::before {
       content: none; }
   .dnb-tabs__scroll-nav-button {
-    position: relative;
+    position: absolute;
     z-index: 2;
+    right: -2px;
     display: none;
     opacity: 0;
     pointer-events: none;
     -webkit-transition: opacity 600ms ease-out;
     transition: opacity 600ms ease-out; }
-    .dnb-tabs__scroll-nav-button.dnb-button--primary {
-      background-color: #14555a;
-      background-color: var(--color-emerald-green); }
+    .dnb-tabs__scroll-nav-button:first-of-type {
+      left: -2px;
+      right: auto; }
     .dnb-tabs__scroll-nav-button--visible {
       display: -webkit-box;
       display: -ms-flexbox;
@@ -7084,7 +7085,10 @@ span.dnb-space--no-collapse > span {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    padding: 0 1rem 0 1.5rem; }
+    padding: 0 1rem 0 1.5rem;
+    will-change: padding;
+    -webkit-transition: padding 1s cubic-bezier(0.42, 0, 0, 1);
+    transition: padding 1s cubic-bezier(0.42, 0, 0, 1); }
     @media screen and (max-width: 40em) {
       .dnb-tabs__button__snap {
         padding: 0 1rem; } }
@@ -7092,29 +7096,13 @@ span.dnb-space--no-collapse > span {
       padding-left: 0; }
     .dnb-tabs__button__snap:last-of-type {
       padding-right: 0.5rem; }
-    .dnb-tabs__button__snap:first-of-type.selected.focus, .dnb-tabs__button__snap:last-of-type.focus, .dnb-tabs__button__snap:last-of-type.selected {
-      -webkit-transition: padding 1s cubic-bezier(0.42, 0, 0, 1) 10ms;
-      transition: padding 1s cubic-bezier(0.42, 0, 0, 1) 10ms; }
-  .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:first-of-type {
-    margin-left: -3rem;
-    padding-left: 3rem; }
-  .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:last-of-type {
-    margin-right: -3rem;
-    padding-right: 3rem; }
-  .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:first-of-type.focus, .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:first-of-type.selected.focus {
-    padding-left: 0; }
-    .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:first-of-type.focus .dnb-tabs__button:focus, .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:first-of-type.selected.focus .dnb-tabs__button:focus {
-      margin-left: 0.5rem; }
-  .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:last-of-type.focus, .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:last-of-type.selected.focus {
-    padding-right: 0;
+  html[data-whatinput='keyboard'] .dnb-tabs__button__snap:first-of-type.focus .dnb-tabs__button:focus {
+    margin-left: 0.5rem; }
+  html[data-whatinput='keyboard'] .dnb-tabs__button__snap:last-of-type.focus {
     /* stylelint-disable */
     /* stylelint-enable */ }
-    .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus, .dnb-tabs--has-scrollbar .dnb-tabs__button__snap:last-of-type.selected.focus .dnb-tabs__button:focus {
+    html[data-whatinput='keyboard'] .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus {
       margin-right: 0.5rem; }
-  .dnb-tabs--has-scrollbar .dnb-tabs__tabs__tablist {
-    margin: 0 -2rem;
-    padding-left: 3rem;
-    padding-right: 3rem; }
   html[data-visual-test] .dnb-tabs .dnb-tabs__button,
   html[data-visual-test] .dnb-tabs .dnb-tabs__button__snap,
   html[data-visual-test] .dnb-tabs .dnb-tabs__scroll-nav-button {
@@ -7398,11 +7386,19 @@ span.dnb-space--no-collapse > span {
 .dnb-tag--removable.dnb-button--size-small.dnb-button--has-icon {
   padding-right: 0; }
 
-.dnb-tag__group .dnb-button:not([class*='dnb-space']):not(:last-of-type) {
-  margin-right: 0.25rem; }
-
-.dnb-tag__group .dnb-button:not([class*='dnb-space']):not(:first-of-type) {
-  margin-left: 0.25rem; }
+.dnb-tag__group {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  grid-gap: 0.5rem;
+  gap: 0.5rem; }
+  @media screen and (-ms-high-contrast: none) {
+    .dnb-tag__group .dnb-button:not([class*='dnb-space']) {
+      margin-bottom: 0.5rem; }
+      .dnb-tag__group .dnb-button:not([class*='dnb-space']):not(:last-of-type) {
+        margin-right: 0.5rem; } }
 
 /*
 * Textarea component