@navikt/ds-css 7.30.1 → 7.32.0

package/dist/components.css

@@ -4079,6 +4079,8 @@ li.navds-file-item {
   }
 }
 
+/* stylelint-disable csstools/value-no-unknown-custom-properties */
+
 .navds-combobox__wrapper {
   --__ac-combobox-icon-size: 1.5rem;
   --__ac-combobox-wrapper-inner-padding: var(--a-spacing-2);
@@ -4320,13 +4322,9 @@ li.navds-file-item {
 /* dropdown & non selectable dropdown items */
 
 .navds-combobox__list {
-  max-height: 290px;
+  /* stylelint-disable-next-line aksel/design-token-exists */
+  width: var(--ac-floating-anchor-width);
   overflow-y: auto;
-  position: absolute;
-  left: 0;
-  right: 0;
-  z-index: var(--a-z-index-popover);
-  top: calc(100% + var(--a-spacing-2));
   border: 1px solid var(--ac-combobox-list-border-color, var(--a-border-divider));
   display: flex;
   flex-direction: column;
@@ -4334,7 +4332,6 @@ li.navds-file-item {
   border-radius: var(--a-border-radius-medium);
   background-color: var(--ac-combobox-list-bg, var(--a-surface-default));
   color: var(--ac-combobox-list-text, var(--a-text-default));
-  overscroll-behavior: contain;
 }
 
 .navds-combobox__list--closed {
@@ -4467,6 +4464,10 @@ li.navds-file-item {
   .navds-combobox__selected-options {
     gap: var(--a-spacing-1);
   }
+
+  .navds-combobox__list {
+    overscroll-behavior: contain;
+  }
 }
 
 @media (forced-colors: active) {
@@ -6956,7 +6957,8 @@ span.rdp-weeknumber {
     color: ButtonText;
   }
 
-  .navds-read-more__button.navds-read-more__button:focus-visible {
+  .navds-read-more__button.navds-read-more__button:focus-visible,
+  .navds-read-more__content.navds-read-more__content:focus-visible {
     box-shadow: none;
     outline: 2px solid highlight;
     outline-offset: 2px;
@@ -6972,13 +6974,15 @@ span.rdp-weeknumber {
   background-color: var(--ac-read-more-active-bg, var(--a-surface-active));
 }
 
-.navds-read-more__button:focus-visible {
+.navds-read-more__button:focus-visible,
+.navds-read-more__content:focus-visible {
   outline: none;
   box-shadow: var(--a-shadow-focus);
 }
 
 @supports not selector(:focus-visible) {
-  .navds-read-more__button:focus {
+  .navds-read-more__button:focus,
+  .navds-read-more__content:focus {
     outline: none;
     box-shadow: var(--a-shadow-focus);
   }
@@ -7133,7 +7137,10 @@ span.rdp-weeknumber {
   }
 
 .navds-process__event[data-status="active"] .navds-process__bullet {
-    outline: 4px solid var(--a-surface-alt-3-subtle);
+    z-index: 1;
+    box-shadow: 0 0 0 2px var(--a-surface-default);
+    outline: 2px solid var(--a-surface-alt-3);
+    outline-offset: 2px;
   }
 
 .navds-process__event[data-status="uncompleted"] .navds-process__bullet {
@@ -7170,6 +7177,11 @@ span.rdp-weeknumber {
     outline-color: ButtonText;
     background-color: ButtonText;
     color: ButtonFace;
+    forced-color-adjust: none;
+  }
+
+  .navds-process__event[data-status="active"] .navds-process__bullet {
+    box-shadow: 0 0 0 2px Canvas;
   }
 
   .navds-process__event:is([data-status="active"]) .navds-process__line {
@@ -7702,6 +7714,10 @@ button.navds-stepper__step {
   display: table-row;
 }
 
+.navds-table__row[data-interactive="true"]:hover {
+  cursor: pointer;
+}
+
 .navds-table__body .navds-table__row--shade-on-hover:hover {
   background-color: var(--ac-table-row-hover, var(--a-bg-subtle));
 }