@navikt/ds-css 7.31.0 → 7.32.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "7.31.0",
+  "version": "7.32.0",
   "description": "CSS for Nav Designsystem",
   "author": "Aksel | Nav designsystem team",
   "keywords": [
@@ -28,11 +28,11 @@
     "test": "yarn build && vitest run"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^7.31.0",
+    "@navikt/ds-tokens": "^7.32.0",
     "autoprefixer": "^10.4.20",
     "browserslist": "^4.25.0",
     "cssnano": "7.1.1",
-    "esbuild": "^0.25.9",
+    "esbuild": "^0.25.10",
     "fast-glob": "3.2.11",
     "lightningcss": "^1.30.1",
     "lodash": "^4.17.21",
@@ -41,7 +41,7 @@
     "postcss-combine-duplicated-selectors": "10.0.3",
     "postcss-import": "^14.1.0",
     "postcss-nesting": "13.0.2",
-    "tsx": "^4.19.1",
+    "tsx": "^4.20.6",
     "vitest": "^2.1.9"
   },
   "browserslist": [

package/process.css

@@ -107,7 +107,10 @@
   }
 
   .navds-process__event[data-status="active"] & {
-    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"] & {
@@ -145,6 +148,11 @@
     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 {

package/read-more.css

@@ -27,7 +27,8 @@
     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;
@@ -43,13 +44,15 @@
   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);
   }