@navikt/aksel-stylelint 8.3.0 → 8.4.1

package/dist/index.css

@@ -646,7 +646,7 @@
   }
 
   :root, :host {
-    --ax-version: "8.3.0";
+    --ax-version: "8.4.1";
     --ax-space-0: 0rem;
     --ax-space-1: .0625rem;
     --ax-space-2: .125rem;
@@ -3589,6 +3589,11 @@
     padding-left: .25rem;
   }
 
+  .aksel-form-field--small .aksel-combobox__selected-options--no-bg {
+    font-size: var(--ax-font-size-medium);
+    line-height: var(--ax-font-line-height-medium);
+  }
+
   .aksel-combobox__input-wrapper {
     width: 100%;
   }
@@ -5203,31 +5208,16 @@
     border-radius: var(--ax-radius-12);
     border: 1px solid var(--ax-border-neutral-subtleA);
     box-shadow: var(--ax-shadow-dialog);
-    transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
+    transform-origin: var(--__axc-action-menu-content-transform-origin);
+    transition: transform .15s ease allow-discrete,
+    opacity .15s ease allow-discrete;
     overflow: hidden;
   }
 
   @starting-style {
-    .aksel-action-menu__content[data-state="open"][data-side="bottom"] {
-      transform: translateY(-4px);
-    }
-  }
-
-  @starting-style {
-    .aksel-action-menu__content[data-state="open"][data-side="top"] {
-      transform: translateY(4px);
-    }
-  }
-
-  @starting-style {
-    .aksel-action-menu__content[data-state="open"][data-side="right"] {
-      transform: translateX(-4px);
-    }
-  }
-
-  @starting-style {
-    .aksel-action-menu__content[data-state="open"][data-side="left"] {
-      transform: translateX(4px);
+    .aksel-action-menu__content[data-state="open"] {
+      opacity: .8;
+      transform: scale3d(.94, .94, .94);
     }
   }
 
@@ -5240,7 +5230,6 @@
     background-color: var(--ax-bg-raised);
     min-width: 128px;
     max-width: min(95vw, 640px);
-    transform-origin: var(--__axc-action-menu-content-transform-origin);
     padding: var(--__axc-action-menu-content-p);
     max-height: var(--__axc-action-menu-content-available-height);
     animation-duration: .16s;
@@ -5326,7 +5315,7 @@
 
   .aksel-action-menu__marker-icon svg {
     flex-shrink: 0;
-    font-size: 18px;
+    font-size: 1.125rem;
   }
 
   .aksel-action-menu__marker-icon.aksel-action-menu__marker--right {
@@ -5334,6 +5323,13 @@
     padding-left: 0;
   }
 
+  .aksel-action-menu__sub-icon {
+    place-content: center;
+    margin-left: auto;
+    font-size: 1.125rem;
+    display: grid;
+  }
+
   .aksel-action-menu__shortcut {
     background-color: var(--ax-bg-neutral-moderateA);
     color: var(--ax-text-neutral);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "8.3.0",
+  "version": "8.4.1",
   "author": "Aksel | Nav",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -38,8 +38,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^8.3.0",
-    "@navikt/ds-tokens": "^8.3.0",
+    "@navikt/ds-css": "^8.4.1",
+    "@navikt/ds-tokens": "^8.4.1",
     "concurrently": "9.2.1",
     "postcss-selector-parser": "^7.1.0",
     "postcss-value-parser": "^4.2.0",