Version Packages (#3259 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Combobox: 🐛 Remove virtual focus on input blur instead of moving it (#3261 )
2026-10-13 17:22:02 +00:00 · 2024-10-21 15:28:43 +02:00 · 2024-10-21 15:10:31 +02:00 · 2024-10-21 14:37:55 +02:00 · 2024-10-21 09:58:10 +02:00 · 2024-10-21 09:54:09 +02:00
53 changed files with 559 additions and 334 deletions
@@ -6,6 +6,14 @@
 * - We should add "plugin:react/jsx-runtime", but not sure if this will cause problems for projects not using the new JSX transform
 * - Consider adding the rule "id-length"
 */
+
+/**
+ * V9 migration WIP
+ * - eslint-plugin-storybook does not support v9 yet: https://github.com/storybookjs/eslint-plugin-storybook/issues/157
+ * - eslint-plugin-testing-library does not support v9 yet: https://github.com/testing-library/eslint-plugin-testing-library/issues?q=is%3Aissue+is%3Aopen+v9
+ * - @vitest/eslint-plugin supports v9, just need to replace @vitest/legacy-recommended: https://github.com/vitest-dev/eslint-plugin-vitest?tab=readme-ov-file#usage
+ * - Looks like @typescript-eslint/eslint-plugin and @typescript-eslint/parser can both be replaced by just typescript-eslint in v9: https://typescript-eslint.io/getting-started#step-2-configuration
+ */
 module.exports = {
  env: {
    browser: true,
@@ -63,6 +63,11 @@ const ModeDecorator = ({ children, mode }) => {
 };

 export const decorators = [
+  (StoryFn, context) => (
+    <ModeDecorator mode={context.globals.mode}>
+      <StoryFn />
+    </ModeDecorator>
+  ),
  withThemeByClassName({
    themes: {
      light: "light",
@@ -70,11 +75,4 @@ export const decorators = [
    },
    defaultTheme: "light",
  }),
-  (StoryFn, context) => {
-    return (
-      <ModeDecorator mode={context.globals.mode}>
-        <StoryFn />
-      </ModeDecorator>
-    );
-  },
 ];
@@ -1,5 +1,7 @@
 # @navikt/aksel-icons

+## 7.3.1
+
 ## 7.3.0

 ## 7.2.1
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-icons",
-  "version": "7.3.0",
+  "version": "7.3.1",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/ikoner",
  "repository": {
@@ -1,5 +1,7 @@
 # @navikt/aksel-stylelint

+## 7.3.1
+
 ## 7.3.0

 ## 7.2.1
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-stylelint",
-  "version": "7.3.0",
+  "version": "7.3.1",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
  "repository": {
@@ -35,8 +35,8 @@
    "dev": "yarn watch:lint"
  },
  "devDependencies": {
-    "@navikt/ds-css": "^7.3.0",
-    "@navikt/ds-tokens": "^7.3.0",
+    "@navikt/ds-css": "^7.3.1",
+    "@navikt/ds-tokens": "^7.3.1",
    "concurrently": "9.0.1",
    "postcss-selector-parser": "^6.0.13",
    "postcss-value-parser": "^4.2.0",
@@ -1,5 +1,12 @@
 # @navikt/aksel

+## 7.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`64aab73`](https://github.com/navikt/aksel/commit/64aab7361a512af93d93825c0b5c98a6fd39cf95)]:
+  - @navikt/ds-css@7.3.1
+
 ## 7.3.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel",
-  "version": "7.3.0",
+  "version": "7.3.1",
  "description": "Aksel command line interface. Handles css-imports, codemods and more",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -29,7 +29,7 @@
  },
  "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
  "dependencies": {
-    "@navikt/ds-css": "7.3.0",
+    "@navikt/ds-css": "7.3.1",
    "axios": "1.7.4",
    "chalk": "4.1.0",
    "clipboardy": "^2.3.0",
@@ -1,5 +1,11 @@
 # @navikt/ds-css

+## 7.3.1
+
+### Patch Changes
+
+- Updated to Selectors Level 4 syntax. ([#3250](https://github.com/navikt/aksel/pull/3250))
+
 ## 7.3.0

 ### Minor Changes
@@ -1,6 +1,6 @@
 /* https://web.dev/prefers-reduced-motion/ */
@media (prefers-reduced-motion: reduce) {
-  *:not(.navds-loader *):not(.navds-loader):not(.navds-progress-bar *):not(.navds-progress-bar),
+  *:not(.navds-loader *, .navds-loader, .navds-progress-bar *, .navds-progress-bar),
  ::before,
  ::after {
    animation-delay: -1ms !important;
@@ -154,6 +154,7 @@
    inset 0 0 0 1px var(--ac-button-primary-focus-border, var(--__ac-button-primary-focus-border, var(--a-surface-default))),
    var(--a-shadow-focus);
 }
+
@media (forced-colors: active) {
  .navds-button--primary:focus-visible {
    box-shadow: none;
@@ -4,7 +4,7 @@

 /* https://web.dev/prefers-reduced-motion/ */
@media (prefers-reduced-motion: reduce) {
-  *:not(.navds-loader *):not(.navds-loader):not(.navds-progress-bar *):not(.navds-progress-bar),
+  *:not(.navds-loader *, .navds-loader, .navds-progress-bar *, .navds-progress-bar),
  ::before,
  ::after {
    animation-delay: -1ms !important;
@@ -3,15 +3,15 @@
@layer aksel.reset, aksel.typography, aksel.theme, aksel.components, aksel.utilities;

 /* CSS foundations */
-@import url("./baseline/reset.darkside.css") layer(aksel.reset);
-@import url("./baseline/print.darkside.css") layer(aksel.reset);
-@import url("./baseline/fonts.darkside.css") layer(aksel.typography);
-@import url("./baseline/theme.darkside.css") layer(aksel.theme);
-@import url("./typography.darkside.css") layer(aksel.typography);
-@import url("./baseline/utilities.darkside.css") layer(aksel.utilities);
+@import "./baseline/reset.darkside.css" layer(aksel.reset);
+@import "./baseline/print.darkside.css" layer(aksel.reset);
+@import "./baseline/fonts.darkside.css" layer(aksel.typography);
+@import "./baseline/theme.darkside.css" layer(aksel.theme);
+@import "./typography.darkside.css" layer(aksel.typography);
+@import "./baseline/utilities.darkside.css" layer(aksel.utilities);

 /* Theming */
-@import url("@navikt/ds-tokens/dist/darkside/tokens.css") layer(aksel.theme);
+@import "@navikt/ds-tokens/dist/darkside/tokens.css" layer(aksel.theme);

 /* Components */
-@import url("./button.darkside.css") layer(aksel.components);
+@import "./button.darkside.css" layer(aksel.components);
@@ -75,14 +75,14 @@
  border-radius: var(--a-border-radius-xlarge);
 }

-.navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus-visible,
-.navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus-visible {
+.navds-date .rdp-button:not(.rdp-day_selected, [disabled]):focus-visible,
+.navds-date .navds-date__month-button:not(.rdp-day_selected, [disabled]):focus-visible {
  box-shadow: var(--a-shadow-focus);
 }

@supports not selector(:focus-visible) {
-  .navds-date .rdp-button:not(.rdp-day_selected):not([disabled]):focus,
-  .navds-date .navds-date__month-button:not(.rdp-day_selected):not([disabled]):focus {
+  .navds-date .rdp-button:not(.rdp-day_selected, [disabled]):focus,
+  .navds-date .navds-date__month-button:not(.rdp-day_selected, [disabled]):focus {
    box-shadow: var(--a-shadow-focus);
  }
 }
@@ -167,8 +167,8 @@
  color: var(--ac-date-disabled-text, var(--a-text-subtle));
 }

-.navds-date .rdp-button:where(:not(.rdp-day_selected):not([disabled])):hover,
-.navds-date__month-button:where(:not(.rdp-day_selected):not([disabled])):hover {
+.navds-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover,
+.navds-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
  background: var(--ac-date-hover-bg, var(--a-surface-action-subtle-hover));
  cursor: pointer;
 }
@@ -201,19 +201,19 @@
 }

 /* Error-handling */
-.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
+.navds-date__field--error .navds-date__field-input:not(:hover, :disabled) {
  border-color: var(--ac-date-input-error-border, var(--a-border-danger));
  box-shadow: inset 0 0 0 1px var(--ac-date-input-error-border, var(--a-border-danger));
 }

-.navds-date__field--error .navds-date__field-input:focus-visible:not(:hover):not(:disabled) {
+.navds-date__field--error .navds-date__field-input:focus-visible:not(:hover, :disabled) {
  box-shadow:
    inset 0 0 0 1px var(--ac-date-input-error-border, var(--a-border-danger)),
    var(--a-shadow-focus);
 }

@supports not selector(:focus-visible) {
-  .navds-date__field--error .navds-date__field-input:focus:not(:hover):not(:disabled) {
+  .navds-date__field--error .navds-date__field-input:focus:not(:hover, :disabled) {
    box-shadow:
      inset 0 0 0 1px var(--ac-date-input-error-border, var(--a-border-danger)),
      var(--a-shadow-focus);
@@ -13,7 +13,7 @@
  border-bottom: 1px solid var(--a-border-divider);
 }

-.navds-dropdown__menu > :not(.navds-dropdown__divider):not(.navds-dropdown__list) {
+.navds-dropdown__menu > :not(.navds-dropdown__divider, .navds-dropdown__list) {
  margin: 0 var(--a-spacing-4) var(--a-spacing-3);
 }

@@ -81,13 +81,13 @@
  cursor: text;
 }

-.navds-combobox--error .navds-text-field__input:not(:hover):not(:disabled) {
+.navds-combobox--error .navds-text-field__input:not(:hover, :disabled) {
  border-color: var(--ac-combobox-error-border, var(--a-border-danger));
  box-shadow: 0 0 0 1px var(--ac-combobox-error-border, var(--a-border-danger));
 }

 .navds-combobox--error
-  .navds-text-field__input:not(:hover):not(:disabled):not(.navds-combobox__wrapper-inner--virtually-unfocused):focus-within {
+  .navds-text-field__input:not(:hover, :disabled, .navds-combobox__wrapper-inner--virtually-unfocused):focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow:
@@ -13,7 +13,7 @@
  min-width: 0;
 }

-.navds-fieldset > :not(:first-child):not(:empty) {
+.navds-fieldset > :not(:first-child, :empty) {
  margin-top: var(--a-spacing-2);
 }

@@ -26,7 +26,7 @@
 }

 /* Applied when hideLegend is applied to fieldset */
-.navds-fieldset > .navds-sr-only + :not(:first-child):not(:empty) {
+.navds-fieldset > .navds-sr-only + :not(:first-child, :empty) {
  margin-top: 0;
 }

@@ -170,44 +170,42 @@
  color: var(--ac-radio-checkbox-action, var(--a-surface-action-hover));
 }

-.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus) + .navds-checkbox__label::before,
-.navds-radio__input:hover:not(:disabled):not(:checked):not(:focus) + .navds-radio__label::before {
+.navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate, :focus) + .navds-checkbox__label::before,
+.navds-radio__input:hover:not(:disabled, :checked, :focus) + .navds-radio__label::before {
  box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action-hover));
 }

-.navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate) + .navds-checkbox__label::before,
-.navds-radio__input:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
+.navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label::before,
+.navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label::before {
  background-color: var(--ac-radio-checkbox-action-hover-bg, var(--a-surface-action-subtle));
 }

-.navds-checkbox--error
-  > .navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
-  + .navds-checkbox__label::before,
-.navds-radio--error > .navds-radio__input:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
+.navds-checkbox--error > .navds-checkbox__input:not(:hover, :disabled, :checked, :indeterminate) + .navds-checkbox__label::before,
+.navds-radio--error > .navds-radio__input:not(:hover, :disabled, :checked) + .navds-radio__label::before {
  box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
 }

 .navds-checkbox--error
-  > .navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
+  > .navds-checkbox__input:focus:not(:hover, :disabled, :checked, :indeterminate)
  + .navds-checkbox__label::before,
-.navds-radio--error > .navds-radio__input:focus:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
+.navds-radio--error > .navds-radio__input:focus:not(:hover, :disabled, :checked) + .navds-radio__label::before {
  box-shadow:
    0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)),
    0 0 0 4px var(--a-border-focus);
 }

 .navds-checkbox--error
-  > .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus)
+  > .navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate, :focus)
  + .navds-checkbox__label::before,
-.navds-radio--error > .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus) + .navds-radio__label::before {
+.navds-radio--error > .navds-radio__input:hover:not(:disabled, :checked, :focus) + .navds-radio__label::before {
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
  box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
 }

 .navds-checkbox--error
-  > .navds-checkbox__input:focus:hover:not(:disabled):not(:checked):not(:indeterminate)
+  > .navds-checkbox__input:focus:hover:not(:disabled, :checked, :indeterminate)
  + .navds-checkbox__label::before,
-.navds-radio--error > .navds-radio__input:focus:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
+.navds-radio--error > .navds-radio__input:focus:hover:not(:disabled, :checked) + .navds-radio__label::before {
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
  box-shadow:
    0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)),
@@ -241,14 +239,10 @@
  color: var(--a-text-default);
 }

-.navds-checkbox--readonly
-  > .navds-checkbox__input:not(:disabled):not(:checked):not(:indeterminate)
-  + .navds-checkbox__label::before,
-.navds-checkbox--readonly
-  > .navds-checkbox__input:hover:not(:checked):not(:indeterminate):not(:focus)
-  + .navds-checkbox__label::before,
-.navds-radio--readonly > .navds-radio__input:not(:disabled):not(:checked) + .navds-radio__label::before,
-.navds-radio--readonly > .navds-radio__input:hover:not(:checked):not(:focus) + .navds-radio__label::before {
+.navds-checkbox--readonly > .navds-checkbox__input:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label::before,
+.navds-checkbox--readonly > .navds-checkbox__input:hover:not(:checked, :indeterminate, :focus) + .navds-checkbox__label::before,
+.navds-radio--readonly > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label::before,
+.navds-radio--readonly > .navds-radio__input:hover:not(:checked, :focus) + .navds-radio__label::before {
  background-color: var(--__ac-radio-checkbox-readonly-bg);
  box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
 }
@@ -186,12 +186,12 @@
 }

 /* Error-handling */
-.navds-search--error .navds-search__input:not(:hover):not(:disabled) {
+.navds-search--error .navds-search__input:not(:hover, :disabled) {
  border-color: var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger)));
  box-shadow: inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger)));
 }

-.navds-search--error .navds-search__input:focus-visible:not(:hover):not(:disabled) {
+.navds-search--error .navds-search__input:focus-visible:not(:hover, :disabled) {
  box-shadow:
    inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger))),
    var(--a-shadow-focus);
@@ -205,7 +205,7 @@
 }

@supports not selector(:focus-visible) {
-  .navds-search--error .navds-search__input:focus:not(:hover):not(:disabled) {
+  .navds-search--error .navds-search__input:focus:not(:hover, :disabled) {
    box-shadow:
      inset 0 0 0 1px var(--ac-search-error-border, var(--__ac-search-error-border, var(--a-border-danger))),
      var(--a-shadow-focus);
@@ -80,7 +80,7 @@
 /**
  Error handling
 */
-.navds-select--error > * select:not(:hover):not(:focus):not(:disabled) {
+.navds-select--error > * select:not(:hover, :focus, :disabled) {
  box-shadow: 0 0 0 1px var(--ac-select-error-border, var(--a-surface-danger));
  border-color: var(--ac-select-error-border, var(--a-surface-danger));
 }
@@ -61,19 +61,19 @@
 /**
  Error handling
 */
-.navds-text-field--error > .navds-text-field__input:not(:hover):not(:disabled) {
+.navds-text-field--error > .navds-text-field__input:not(:hover, :disabled) {
  border-color: var(--ac-textfield-error-border, var(--__ac-textfield-error-border, var(--a-border-danger)));
  box-shadow: 0 0 0 1px var(--ac-textfield-error-border, var(--__ac-textfield-error-border, var(--a-border-danger)));
 }

-.navds-text-field--error > .navds-text-field__input:focus-visible:not(:hover):not(:disabled) {
+.navds-text-field--error > .navds-text-field__input:focus-visible:not(:hover, :disabled) {
  box-shadow:
    0 0 0 1px var(--a-border-danger),
    var(--a-shadow-focus);
 }

@supports not selector(:focus-visible) {
-  .navds-text-field--error > .navds-text-field__input:focus:not(:hover):not(:disabled) {
+  .navds-text-field--error > .navds-text-field__input:focus:not(:hover, :disabled) {
    box-shadow:
      0 0 0 1px var(--a-border-danger),
      var(--a-shadow-focus);
@@ -111,13 +111,13 @@
 /**
  Error handling
 */
-.navds-textarea--error .navds-textarea__input:not(:hover):not(:focus-visible):not(:disabled) {
+.navds-textarea--error .navds-textarea__input:not(:hover, :focus-visible, :disabled) {
  box-shadow: 0 0 0 1px var(--ac-textarea-error-border, var(--__ac-textarea-error-border, var(--a-border-danger)));
  border-color: var(--ac-textarea-error-border, var(--__ac-textarea-error-border, var(--a-border-danger)));
 }

@supports not selector(:focus-visible) {
-  .navds-textarea--error .navds-textarea__input:not(:hover):not(:focus):not(:disabled) {
+  .navds-textarea--error .navds-textarea__input:not(:hover, :focus, :disabled) {
    box-shadow: 0 0 0 1px var(--ac-textarea-error-border, var(--__ac-textarea-error-border, var(--a-border-danger)));
    border-color: var(--ac-textarea-error-border, var(--__ac-textarea-error-border, var(--a-border-danger)));
  }
@@ -1,4 +1,5 @@
@charset "UTF-8";
+
@import "baseline/index.css";
@import "typography.css";
@import "accordion.css";
@@ -46,8 +46,9 @@
  /* From polyfill */
  position: fixed;
  top: 0;
-  right: 0;
  bottom: 0;
+  right: 0;
+  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  left: 0;
 }

@@ -96,8 +97,9 @@
  /* From polyfill: */
  position: fixed;
  top: 0;
-  right: 0;
  bottom: 0;
+  right: 0;
+  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  left: 0;
 }

@@ -176,7 +178,7 @@
 }

@keyframes akselModalFadeIn {
-  from {
+  0% {
    opacity: 0.0001; /* Safari will not set focus inside the modal when it opens if we set this to 0 */
    transform: translate3d(0, calc(5% + 4px), 0);
  }
@@ -185,7 +187,7 @@
    opacity: 1;
  }

-  to {
+  100% {
    transform: none;
  }
 }
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "7.3.0",
+  "version": "7.3.1",
  "description": "CSS for NAV Designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -27,7 +27,7 @@
    "css:get-version": "node config/get-version.js"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^7.3.0",
+    "@navikt/ds-tokens": "^7.3.1",
    "autoprefixer": "^10.4.20",
    "cssnano": "6.0.0",
    "fast-glob": "3.2.11",
@@ -56,8 +56,7 @@

 .navds-stack__spacer {
  flex: 1;
-  justify-self: stretch;
-  align-self: stretch;
+  place-content: stretch stretch;
 }

 .navds-stack > .navds-stack__spacer {
@@ -203,8 +203,7 @@ button.navds-stepper__step {
  grid-template-columns:
    [content-start] auto [circle] var(--navds-stepper-circle-size)
    [content-end] auto;
-  justify-items: center;
-  align-items: center;
+  place-items: center center;
  margin-bottom: 0;
 }

@@ -172,7 +172,7 @@
  }

  .navds-toggle-group__button:active {
-    background-color: none !important;
+    background-color: unset !important;
  }

  .navds-toggle-group__button:focus-visible {
@@ -1,5 +1,15 @@
 # @navikt/ds-react

+## 7.3.1
+
+### Patch Changes
+
+- Combobox: :bug: Remove virtual focus on input blur instead of moving it ([#3261](https://github.com/navikt/aksel/pull/3261))
+
+- Updated dependencies []:
+  - @navikt/ds-tokens@7.3.1
+  - @navikt/aksel-icons@7.3.1
+
 ## 7.3.0

 ### Minor Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "7.3.0",
+  "version": "7.3.1",
  "description": "React components from the Norwegian Labour and Welfare Administration.",
  "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
  "license": "MIT",
@@ -604,8 +604,8 @@
  "dependencies": {
    "@floating-ui/react": "0.25.4",
    "@floating-ui/react-dom": "^2.0.9",
-    "@navikt/aksel-icons": "^7.3.0",
-    "@navikt/ds-tokens": "^7.3.0",
+    "@navikt/aksel-icons": "^7.3.1",
+    "@navikt/ds-tokens": "^7.3.1",
    "clsx": "^2.1.0",
    "date-fns": "^3.0.0",
    "react-day-picker": "8.10.0"
@@ -253,7 +253,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
        type="text"
        role="combobox"
        value={value}
-        onBlur={composeEventHandlers(onBlur, virtualFocus.moveFocusToTop)}
+        onBlur={composeEventHandlers(onBlur, virtualFocus.resetFocus)}
        onClick={() => {
          setHideCaret(!!maxSelected?.isLimitReached);
          value !== searchTerm && onChange(value);
@@ -45,7 +45,9 @@ export interface ComboboxProps
   */
  allowNewValues?: boolean;
  /**
-   * If `true` adds a button to clear the value in the input field
+   * Adds a button to clear the input value when not empty.
+   * NB: Will not clear selected values.
+   * @default true
   */
  clearButton?: boolean;
  /**
@@ -16,7 +16,7 @@ export function createDescendantContext<
  K extends Record<string, any> = object,
 >() {
  const [DescendantsContextProvider, useDescendantsContext] = createContext<
-    ReturnType<typeof _useDescendants>
+    ReturnType<typeof useDescendants>
  >({
    name: "DescendantsProvider",
    errorMessage:
@@ -38,7 +38,7 @@ export function createDescendantContext<
   * - ref callback to register the descendant
   * - Its enabled index compared to other enabled descendants
   */
-  function _useDescendant(options?: DescendantOptions<K>) {
+  function useDescendant(options?: DescendantOptions<K>) {
    const descendants = useDescendantsContext();
    const [index, setIndex] = useState(-1);
    const ref = useRef<T>(null);
@@ -74,7 +74,7 @@ export function createDescendantContext<
   * @internal
   * Initializing DescendantsManager
   */
-  function _useDescendants() {
+  function useDescendants() {
    const descendants = useRef(new DescendantsManager<T, K>()).current;

    return descendants;
@@ -86,8 +86,8 @@ export function createDescendantContext<
    // call this when you need to read from context
    useDescendantsContext,
    // descendants state information, to be called and passed to `ContextProvider`
-    _useDescendants,
+    useDescendants,
    // descendant index information
-    _useDescendant,
+    useDescendant,
  ] as const;
 }
@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind

+## 7.3.1
+
 ## 7.3.0

 ## 7.2.1
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "7.3.0",
+  "version": "7.3.1",
  "description": "Tailwind config based on @navikt/ds-tokens",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -25,7 +25,7 @@
    "directory": "@navikt/core/tailwind"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^7.3.0",
+    "@navikt/ds-tokens": "^7.3.1",
    "color": "4.2.3",
    "lodash": "^4.17.21",
    "tailwindcss": "^3.3.3",
@@ -1,5 +1,7 @@
 # @navikt/ds-tokens

+## 7.3.1
+
 ## 7.3.0

 ## 7.2.1
@@ -56,15 +56,15 @@ export const scaleTokens = () => {

 export const rootTokens = () => {
  return tokensWithPrefix(
-    mergeConfigs([scaleTokens().a, breakpointsTokenConfig, fontTokenConfig]),
+    mergeConfigs([scaleTokens().ax, breakpointsTokenConfig, fontTokenConfig]),
  );
 };

 export const allTokens = () => {
  return tokensWithPrefix(
    mergeConfigs([
-      lightModeTokens().a,
-      scaleTokens().a,
+      lightModeTokens().ax,
+      scaleTokens().ax,
      breakpointsTokenConfig,
      fontTokenConfig,
    ]),
@@ -64,12 +64,13 @@ export function generateTokenString(
  isLast: boolean,
 ): string {
  const comment = createComment(token.comment);
+  const nameWithoutPrefix = token.name.slice(2);
  if (format === "es6") {
-    return `${comment}export const ${token.name.slice(1)} = "${createTokenValue(
+    return `${comment}export const ${nameWithoutPrefix} = "${createTokenValue(
      token,
    )}";`;
  }
-  return `  ${comment}"${token.name.slice(1)}": "${createTokenValue(token)}"${
+  return `  ${comment}"${nameWithoutPrefix}": "${createTokenValue(token)}"${
    isLast ? "" : ","
  }`;
 }
@@ -3,9 +3,9 @@ import { describe, expect, test } from "vitest";
 import { generateTokenString } from "../sd-format";

 const token: TransformedToken = {
-  name: "AColorPrimary",
+  name: "AXColorPrimary",
  value: "#000",
-  path: ["A", "color", "primary"],
+  path: ["AX", "color", "primary"],
  original: {
    value: "#000",
    attributes: { category: "color", type: "primary" },
@@ -18,17 +18,17 @@ describe("generateTokenString", () => {
  test("should generate ES6 token string", () => {
    const result = generateTokenString(token, "es6", false);
    expect(result).toBe(
-      'export const ColorPrimary = "var(--a-color-primary)";',
+      'export const ColorPrimary = "var(--ax-color-primary)";',
    );
  });

  test("should generate CJS token string for the last token", () => {
    const result = generateTokenString(token, "cjs", true);
-    expect(result).toBe('  "ColorPrimary": "var(--a-color-primary)"');
+    expect(result).toBe('  "ColorPrimary": "var(--ax-color-primary)"');
  });

  test("should generate CJS token string for a non-last token", () => {
    const result = generateTokenString(token, "cjs", false);
-    expect(result).toBe('  "ColorPrimary": "var(--a-color-primary)",');
+    expect(result).toBe('  "ColorPrimary": "var(--ax-color-primary)",');
  });
 });
@@ -1,22 +0,0 @@
-import { describe, expect, test } from "vitest";
-import { mergeConfigs, tokensWithPrefix } from "../util";
-
-describe("Validate token utilities", () => {
-  test(`tokensWithPrefix`, () => {
-    expect(tokensWithPrefix({ b: "c", d: "f" })).toEqual({
-      a: { b: "c", d: "f" },
-    });
-  });
-
-  test(`mergeConfigs`, () => {
-    const config1 = { a: { b: 2, c: 3 } };
-    const config2 = { d: 5, f: 6, a: { d: 7, f: 8 } };
-    const config3 = { a: { g: 9, h: { a: -1, b: -2 } } };
-    const result = mergeConfigs([config1, config2, config3]);
-    expect(result).toEqual({
-      a: { b: 2, c: 3, d: 7, f: 8, g: 9, h: { a: -1, b: -2 } },
-      d: 5,
-      f: 6,
-    });
-  });
-});
@@ -12,112 +12,112 @@ const configForRole = (
 ): StyleDictionaryTokenConfig<"color"> => ({
  bg: {
    [role]: {
-      value: `{a.${role}.100.value}`,
+      value: `{ax.${role}.100.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-hover`]: {
-      value: `{a.${role}.200.value}`,
+      value: `{ax.${role}.200.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-hoverA`]: {
-      value: `{a.${role}.200A.value}`,
+      value: `{ax.${role}.200A.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-moderate`]: {
-      value: `{a.${role}.200.value}`,
+      value: `{ax.${role}.200.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-moderateA`]: {
-      value: `{a.${role}.200A.value}`,
+      value: `{ax.${role}.200A.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-moderate-hover`]: {
-      value: `{a.${role}.300.value}`,
+      value: `{ax.${role}.300.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-moderate-hoverA`]: {
-      value: `{a.${role}.300A.value}`,
+      value: `{ax.${role}.300A.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-moderate-pressed`]: {
-      value: `{a.${role}.400.value}`,
+      value: `{ax.${role}.400.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-moderate-pressedA`]: {
-      value: `{a.${role}.400A.value}`,
+      value: `{ax.${role}.400A.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-strong`]: {
-      value: `{a.${role}.600.value}`,
+      value: `{ax.${role}.600.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-strong-hover`]: {
-      value: `{a.${role}.700.value}`,
+      value: `{ax.${role}.700.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-strong-pressed`]: {
-      value: `{a.${role}.800.value}`,
+      value: `{ax.${role}.800.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-raised`]: {
      /* We bump raised for darkmode */
-      value: `{a.${role}.${theme === "light" ? "100" : "200"}.value}`,
+      value: `{ax.${role}.${theme === "light" ? "100" : "200"}.value}`,
      type: "color",
      group: `background.${role}`,
    },
    [`${role}-raised-hover`]: {
-      value: `{a.${role}.${theme === "light" ? "200" : "300"}.value}`,
+      value: `{ax.${role}.${theme === "light" ? "200" : "300"}.value}`,
      type: "color",
      group: `background.${role}`,
    },
  },
  text: {
    [role]: {
-      value: `{a.${role}.700.value}`,
+      value: `{ax.${role}.700.value}`,
      type: "color",
      group: `text.${role}`,
    },
    [`${role}-strong`]: {
-      value: `{a.${role}.900.value}`,
+      value: `{ax.${role}.900.value}`,
      type: "color",
      group: `text.${role}`,
    },
    [`${role}-icon`]: {
-      value: `{a.${role}.600.value}`,
+      value: `{ax.${role}.600.value}`,
      type: "color",
      group: `text.${role}`,
    },
  },
  border: {
    [role]: {
-      value: `{a.${role}.500.value}`,
+      value: `{ax.${role}.500.value}`,
      type: "color",
      group: `border.${role}`,
    },
    [`${role}-subtle`]: {
-      value: `{a.${role}.400.value}`,
+      value: `{ax.${role}.400.value}`,
      type: "color",
      group: `border.${role}`,
    },
    [`${role}-subtleA`]: {
-      value: `{a.${role}.400A.value}`,
+      value: `{ax.${role}.400A.value}`,
      type: "color",
      group: `border.${role}`,
    },
    [`${role}-strong`]: {
-      value: `{a.${role}.600.value}`,
+      value: `{ax.${role}.600.value}`,
      type: "color",
      group: `border.${role}`,
    },
@@ -6,17 +6,17 @@ export function semanticTokenConfig(
  return {
    text: {
      default: {
-        value: "{a.neutral.1000.value}",
+        value: "{ax.neutral.1000.value}",
        type: "color",
        group: "text",
      },
      subtle: {
-        value: "{a.neutral.900.value}",
+        value: "{ax.neutral.900.value}",
        type: "color",
        group: "text",
      },
      icon: {
-        value: "{a.neutral.600.value}",
+        value: "{ax.neutral.600.value}",
        type: "color",
        group: "text",
      },
@@ -42,12 +42,14 @@ export function semanticTokenConfig(
      },
      raised: {
        value:
-          theme === "light" ? "{a.neutral.000.value}" : "{a.neutral.200.value}",
+          theme === "light"
+            ? "{ax.neutral.000.value}"
+            : "{ax.neutral.200.value}",
        type: "color",
        group: "background",
      },
      sunken: {
-        value: theme === "light" ? "{a.neutral.200.value}" : "#07090D",
+        value: theme === "light" ? "{ax.neutral.200.value}" : "#07090D",
        type: "color",
        group: "background",
      },
@@ -59,22 +61,22 @@ export function semanticTokenConfig(
    },
    border: {
      default: {
-        value: "{a.neutral.500.value}",
+        value: "{ax.neutral.500.value}",
        type: "color",
        group: "border",
      },
      subtle: {
-        value: "{a.neutral.400.value}",
+        value: "{ax.neutral.400.value}",
        type: "color",
        group: "border",
      },
      subtleA: {
-        value: "{a.neutral.400A.value}",
+        value: "{ax.neutral.400A.value}",
        type: "color",
        group: "border",
      },
      strong: {
-        value: "{a.neutral.600.value}",
+        value: "{ax.neutral.600.value}",
        type: "color",
        group: "border",
      },
@@ -83,7 +85,7 @@ export function semanticTokenConfig(
       * - Discuss with brand
       */
      focus: {
-        value: "{a.accent.700.value}",
+        value: "{ax.accent.700.value}",
        type: "color",
        group: "border",
        /**
@@ -8,60 +8,60 @@ export const textContrastTokenConfig = (): {
  text: {
    /* core */
    "accent-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: `text.accent`,
    },
    "neutral-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.neutral",
    },
    /* Status */
    "danger-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.danger",
    },
    "info-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.info",
    },
    "success-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.success",
    },
    "warning-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.warning",
    },
    /* Brand */
    "brandOne-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.brandOne",
    },
    "brandTwo-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.brandTwo",
    },
    "brandThree-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.brandThree",
    },
    /* Data */
    "dataOne-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.dataOne",
    },
    "dataTwo-contrast": {
-      value: "{a.neutral.000.value}",
+      value: "{ax.neutral.000.value}",
      type: "color",
      group: "text.dataTwo",
    },
@@ -94,8 +94,8 @@ export type StyleDictionaryTokenConfig<T extends TokenTypes> = {
  [key: string]: Record<string, StyleDictionaryToken<T>>;
 };

-export const tokensWithPrefix = <T>(input: T): Record<"a", T> => {
-  return { a: input };
+export const tokensWithPrefix = <T>(input: T): Record<"ax", T> => {
+  return { ax: input };
 };

 export const mergeConfigs = (
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "7.3.0",
+  "version": "7.3.1",
  "description": "Design-tokens for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -4,17 +4,21 @@

 ### @navikt/ds-react

- ActionMenu: :tada: New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the [documentation](https://aksel.nav.no/komponenter/core/actionmenu). ([#3081](https://github.com/navikt/aksel/pull/3081))
+- Combobox: :bug: Remove virtual focus on input blur instead of moving it ([#3261](https://github.com/navikt/aksel/pull/3261))

-* Accordion: Remove redundant icon title ([#3230](https://github.com/navikt/aksel/pull/3230))
+* ActionMenu: :tada: New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the [documentation](https://aksel.nav.no/komponenter/core/actionmenu). ([#3081](https://github.com/navikt/aksel/pull/3081))

-* Modal: Close button now avoids triggering when repeated keystrokes are detected. This helps stop accidental closing of Modal when 'Enter'-key is held down. ([#3081](https://github.com/navikt/aksel/pull/3081))
+- Accordion: Remove redundant icon title ([#3230](https://github.com/navikt/aksel/pull/3230))
+
+- Modal: Close button now avoids triggering when repeated keystrokes are detected. This helps stop accidental closing of Modal when 'Enter'-key is held down. ([#3081](https://github.com/navikt/aksel/pull/3081))

 ### @navikt/ds-css

- ActionMenu: :tada: New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the [documentation](https://aksel.nav.no/komponenter/core/actionmenu). ([#3081](https://github.com/navikt/aksel/pull/3081))
+- Updated to Selectors Level 4 syntax. ([#3250](https://github.com/navikt/aksel/pull/3250))

-* List.Item: Center icon horizontally inside it's container ([#3253](https://github.com/navikt/aksel/pull/3253))
+* ActionMenu: :tada: New component! Replaces DropdownMenu as the go-to solution for floating menus. Includes support for grouping, sub-menus, checkboxes, radios and dividers. Read more in the [documentation](https://aksel.nav.no/komponenter/core/actionmenu). ([#3081](https://github.com/navikt/aksel/pull/3081))
+
+- List.Item: Center icon horizontally inside it's container ([#3253](https://github.com/navikt/aksel/pull/3253))

 ## 7.2

@@ -15,10 +15,10 @@
    "playroom"
  ],
  "dependencies": {
-    "@navikt/aksel-icons": "^7.3.0",
-    "@navikt/ds-css": "^7.3.0",
-    "@navikt/ds-react": "^7.3.0",
-    "@navikt/ds-tailwind": "^7.3.0",
-    "@navikt/ds-tokens": "^7.3.0"
+    "@navikt/aksel-icons": "^7.3.1",
+    "@navikt/ds-css": "^7.3.1",
+    "@navikt/ds-react": "^7.3.1",
+    "@navikt/ds-tailwind": "^7.3.1",
+    "@navikt/ds-tokens": "^7.3.1"
  }
 }
@@ -34,10 +34,6 @@ type Prop = Partial<{
 }>;

 export const DtList = ({ prop }: { prop: Prop; parent: string }) => {
-  if (prop?.description?.includes("@private")) {
-    return null;
-  }
-
  return (
    <BodyShort as="ul" className="dtlist overflow-x-auto">
      {prop.type && (
@@ -1,4 +1,4 @@
-import { BodyShort, Heading } from "@navikt/ds-react";
+import { Heading } from "@navikt/ds-react";
 import ErrorBoundary from "@/error-boundary";
 import { PropTableT } from "@/types";
 import { DtList } from "./DtList";
@@ -8,6 +8,15 @@ type PropTableProps = {
 };

 const PropTable = ({ komponent }: PropTableProps) => {
+  const propList =
+    komponent?.propref?.proplist?.filter(
+      (prop) => !prop.description?.includes("@private"),
+    ) ?? [];
+
+  if (propList.length === 0) {
+    return null;
+  }
+
  return (
    <div lang="en">
      <Heading
@@ -20,12 +29,6 @@ const PropTable = ({ komponent }: PropTableProps) => {
      </Heading>

      <div className="toc-ignore relative mb-8">
-        {komponent?.propref?.proplist?.length === 0 && (
-          <div className="mb-8 rounded-b-lg border border-gray-300 p-2">
-            <BodyShort>Fant ingen props for denne komponenten.</BodyShort>
-          </div>
-        )}
-
        <dl>
          {komponent?.overridable && (
            <div className="border border-t-0 border-gray-300 p-2">
@@ -51,7 +54,7 @@ const PropTable = ({ komponent }: PropTableProps) => {
              </dd>
            </div>
          )}
-          {komponent?.propref?.proplist?.map((prop) => (
+          {propList.map((prop) => (
            <div
              className="border border-t-0 border-gray-300 p-2 last-of-type:rounded-b-lg"
              key={prop.name}
@@ -6,7 +6,7 @@
  "scripts": {
    "postinstall": "husky install",
    "boot": "yarn workspaces foreach -vv -pA --topological-dev --no-private run build",
-    "clean": "node scripts/clean.js",
+    "clean": "node scripts/clean.mjs",
    "storybook": "storybook dev -p 6006",
    "storybook:aksel": "yarn concurrently \"yarn watch:tw\" \"yarn storybook dev -c aksel.nav.no/website/.storybook -p 6007\"",
    "dev": "yarn workspace aksel.nav.no dev",
@@ -89,7 +89,6 @@
    ],
    "extends": [
      "stylelint-config-standard",
-      "stylelint-config-prettier",
      "./@navikt/aksel-stylelint/dist/recommended"
    ],
    "plugins": [
@@ -97,6 +96,7 @@
      "stylelint-declaration-block-no-ignored-properties"
    ],
    "rules": {
+      "declaration-property-value-no-unknown": true,
      "plugin/declaration-block-no-ignored-properties": true,
      "no-descending-specificity": null,
      "selector-class-pattern": null,
@@ -105,6 +105,8 @@
      "function-url-quotes": null,
      "property-no-vendor-prefix": null,
      "alpha-value-notation": "number",
+      "media-feature-range-notation": "prefix",
+      "import-notation": "string",
      "declaration-property-value-disallowed-list": {
        "justify-content": [
          "start",
@@ -169,12 +171,12 @@
    "cross-env": "^7.0.0",
    "eslint": "^8.50.0",
    "eslint-plugin-aksel-local": "*",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^5.0.0",
    "eslint-plugin-storybook": "^0.9.0",
-    "eslint-plugin-testing-library": "^6.0.2",
+    "eslint-plugin-testing-library": "^6.3.2",
    "fast-glob": "3.2.11",
    "husky": "^8.0.0",
    "lint-staged": "13.0.3",
@@ -186,11 +188,10 @@
    "react-syntax-highlighter": "^15.5.0",
    "storybook": "^8.3.4",
    "storybook-addon-pseudo-states": "^4.0.2",
-    "stylelint": "^14.8.5",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^25.0.0",
+    "stylelint": "^16.10.0",
+    "stylelint-config-standard": "^36.0.0",
    "stylelint-declaration-block-no-ignored-properties": "^2.6.0",
-    "stylelint-value-no-unknown-custom-properties": "^4.0.0",
+    "stylelint-value-no-unknown-custom-properties": "^6.0.0",
    "typescript": "5.5.4",
    "vite": "^5.4.6",
    "vite-plugin-turbosnap": "^1.0.3",
@@ -1,50 +0,0 @@
-const path = require("path");
-const fs = require("fs");
-const fastglob = require("fast-glob");
-
-function deleteFolder(folder) {
-  if (!fs.existsSync(folder)) {
-    throw new Error(`path: ${folder} does not exist`);
-  }
-  if (!fs.lstatSync(folder).isDirectory()) {
-    throw new Error(`path: ${folder} is not a directory`);
-  }
-  fs.readdirSync(folder).forEach((file) => {
-    const currentPath = path.join(folder, file);
-    if (fs.lstatSync(currentPath).isDirectory()) {
-      deleteFolder(currentPath);
-    } else {
-      fs.unlinkSync(currentPath);
-    }
-  });
-  fs.rmdirSync(folder);
-}
-
-function clean() {
-  const globPatterns = [
-    "./@navikt/**/dist",
-    "./@navikt/**/lib",
-    "./@navikt/**/esm",
-    "./@navikt/**/cjs",
-    "./@navikt/aksel-icons/src",
-  ];
-  let deletedFoldersCount = 0;
-
-  for (const globPattern of globPatterns) {
-    const folders = fastglob.sync(globPattern, {
-      dot: true,
-      onlyDirectories: true,
-    });
-    folders
-      .filter((folder) => !folder.includes("node_modules"))
-      .forEach((folder) => {
-        console.info(`Deleting folder ${folder}`);
-        deleteFolder(folder);
-        deletedFoldersCount++;
-      });
-  }
-
-  console.info(`Deleted ${deletedFoldersCount} folders`);
-}
-
-clean();
@@ -0,0 +1,75 @@
+import FastGlob from "fast-glob";
+import { existsSync, lstatSync, readdirSync, rmdirSync, unlinkSync } from "fs";
+import { join } from "path";
+
+/**
+ * This script is used to clean up build artifacts.
+ * - Removes all node_modules folders if `--reset`-argv is passed
+ */
+const globPatterns = [
+  "**/dist",
+  "./@navikt/**/lib",
+  "./@navikt/**/esm",
+  "./@navikt/**/cjs",
+  "./@navikt/aksel-icons/src",
+  "**/playwright-report",
+  "**/.next",
+];
+
+console.group("Cleaning up build artifacts");
+
+for (const globPattern of globPatterns) {
+  const folders = FastGlob.sync(globPattern, {
+    dot: true,
+    onlyDirectories: true,
+    ignore: ["**/node_modules"],
+  });
+  folders.forEach((folder) => {
+    console.info(`Deleting folder ${folder}`);
+    deleteFolder(folder);
+  });
+}
+
+console.groupEnd();
+
+if (!process.argv.includes("--reset")) {
+  console.info(`\nCompleted dir cleanup, remember to run 'yarn boot'!`);
+  process.exit(0);
+}
+
+console.group("Cleaning up node_modules. This may take a while...");
+
+const nodeModulesFolders = FastGlob.sync("**/node_modules", {
+  onlyDirectories: true,
+}).filter((dir) => {
+  // Avoid deleting nested node_modules
+  return !dir.match(/node_modules\/.*\/node_modules/);
+});
+
+for (const folder of nodeModulesFolders) {
+  console.info(`Deleting dir ${folder}`);
+  deleteFolder(folder);
+}
+
+console.groupEnd();
+console.info(
+  `\nCompleted dir cleanup, remember to run 'yarn install' & 'yarn boot'!`,
+);
+
+function deleteFolder(folder) {
+  if (!existsSync(folder)) {
+    throw new Error(`path: ${folder} does not exist`);
+  }
+  if (!lstatSync(folder).isDirectory()) {
+    throw new Error(`path: ${folder} is not a directory`);
+  }
+  readdirSync(folder).forEach((file) => {
+    const currentPath = join(folder, file);
+    if (lstatSync(currentPath).isDirectory()) {
+      deleteFolder(currentPath);
+    } else {
+      unlinkSync(currentPath);
+    }
+  });
+  rmdirSync(folder);
+}
@@ -2104,6 +2104,32 @@ __metadata:
  languageName: node
  linkType: hard

+"@csstools/css-parser-algorithms@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "@csstools/css-parser-algorithms@npm:3.0.2"
+  peerDependencies:
+    "@csstools/css-tokenizer": ^3.0.2
+  checksum: 10/ecc8ad77304606e59ce5b1d34b97e879f2b3745fe8cf26649faceb881ee1d47183dd7d1c07778ac58ffac5991365c43eebc3a015db9f872b3a08f8f1c03240f5
+  languageName: node
+  linkType: hard
+
+"@csstools/css-tokenizer@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "@csstools/css-tokenizer@npm:3.0.2"
+  checksum: 10/6453982ede998dbd8c222cdc5efa11375c1e7c9ad66c55b077ec23f2ecec1080aa0631818cdea191c36f0b8e1fd607408d13664a898299c2a594d93ef6fa62e9
+  languageName: node
+  linkType: hard
+
+"@csstools/media-query-list-parser@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "@csstools/media-query-list-parser@npm:3.0.1"
+  peerDependencies:
+    "@csstools/css-parser-algorithms": ^3.0.1
+    "@csstools/css-tokenizer": ^3.0.1
+  checksum: 10/794344c67b126ad93d516ab3f01254d44cfa794c3401e34e8cc62ddc7fc13c9ab6c76cb517b643dbda47b57f2eb578c6a11c4a9a4b516d88e260a4016b64ce7f
+  languageName: node
+  linkType: hard
+
 "@csstools/selector-specificity@npm:^2.0.2":
  version: 2.2.0
  resolution: "@csstools/selector-specificity@npm:2.2.0"
@@ -2113,6 +2139,15 @@ __metadata:
  languageName: node
  linkType: hard

+"@csstools/selector-specificity@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@csstools/selector-specificity@npm:4.0.0"
+  peerDependencies:
+    postcss-selector-parser: ^6.1.0
+  checksum: 10/7076c1d8af0fba94f06718f87fba5bfea583f39089efa906ae38b5ecd6912d3d5865f7047a871ac524b1057e4c970622b2ade456b90d69fb9393902250057994
+  languageName: node
+  linkType: hard
+
 "@discoveryjs/json-ext@npm:0.5.7":
  version: 0.5.7
  resolution: "@discoveryjs/json-ext@npm:0.5.7"
@@ -2182,6 +2217,13 @@ __metadata:
  languageName: node
  linkType: hard

+"@dual-bundle/import-meta-resolve@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "@dual-bundle/import-meta-resolve@npm:4.1.0"
+  checksum: 10/a69d804a8e8e93732ac5525f85b9366ae78ec60fa02f0d5b4f2d625e18b355ba02502cdaef616ab1eac4450b966d2a398b59577a17483e4f8a350d062357bdf4
+  languageName: node
+  linkType: hard
+
 "@emnapi/runtime@npm:^1.2.0":
  version: 1.3.1
  resolution: "@emnapi/runtime@npm:1.3.1"
@@ -3669,7 +3711,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@navikt/aksel-icons@npm:^7.2.1, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
+"@navikt/aksel-icons@npm:^7.3.0, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
  version: 0.0.0-use.local
  resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons"
  dependencies:
@@ -3700,8 +3742,8 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@navikt/aksel-stylelint@workspace:@navikt/aksel-stylelint"
  dependencies:
-    "@navikt/ds-css": "npm:^7.2.1"
-    "@navikt/ds-tokens": "npm:^7.2.1"
+    "@navikt/ds-css": "npm:^7.3.0"
+    "@navikt/ds-tokens": "npm:^7.3.0"
    concurrently: "npm:9.0.1"
    postcss-selector-parser: "npm:^6.0.13"
    postcss-value-parser: "npm:^4.2.0"
@@ -3716,7 +3758,7 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@navikt/aksel@workspace:@navikt/aksel"
  dependencies:
-    "@navikt/ds-css": "npm:7.2.1"
+    "@navikt/ds-css": "npm:7.3.0"
    axios: "npm:1.7.4"
    chalk: "npm:4.1.0"
    clipboardy: "npm:^2.3.0"
@@ -3737,11 +3779,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css@npm:*, @navikt/ds-css@npm:7.2.1, @navikt/ds-css@npm:^7.2.1, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@npm:*, @navikt/ds-css@npm:7.3.0, @navikt/ds-css@npm:^7.3.0, @navikt/ds-css@workspace:@navikt/core/css":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-css@workspace:@navikt/core/css"
  dependencies:
-    "@navikt/ds-tokens": "npm:^7.2.1"
+    "@navikt/ds-tokens": "npm:^7.3.0"
    autoprefixer: "npm:^10.4.20"
    cssnano: "npm:6.0.0"
    fast-glob: "npm:3.2.11"
@@ -3755,14 +3797,14 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^7.2.1, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@npm:*, @navikt/ds-react@npm:^7.3.0, @navikt/ds-react@workspace:@navikt/core/react":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-react@workspace:@navikt/core/react"
  dependencies:
    "@floating-ui/react": "npm:0.25.4"
    "@floating-ui/react-dom": "npm:^2.0.9"
-    "@navikt/aksel-icons": "npm:^7.2.1"
-    "@navikt/ds-tokens": "npm:^7.2.1"
+    "@navikt/aksel-icons": "npm:^7.3.0"
+    "@navikt/ds-tokens": "npm:^7.3.0"
    "@testing-library/dom": "npm:9.3.4"
    "@testing-library/jest-dom": "npm:^5.16.0"
    "@testing-library/react": "npm:^15.0.7"
@@ -3790,11 +3832,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tailwind@npm:^7.2.1, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@npm:^7.3.0, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-tailwind@workspace:@navikt/core/tailwind"
  dependencies:
-    "@navikt/ds-tokens": "npm:^7.2.1"
+    "@navikt/ds-tokens": "npm:^7.3.0"
    color: "npm:4.2.3"
    lodash: "npm:^4.17.21"
    tailwindcss: "npm:^3.3.3"
@@ -3804,7 +3846,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tokens@npm:^7.2.1, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@npm:^7.3.0, @navikt/ds-tokens@workspace:@navikt/core/tokens":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
  dependencies:
@@ -6928,7 +6970,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@typescript-eslint/utils@npm:^5.58.0, @typescript-eslint/utils@npm:^5.62.0":
+"@typescript-eslint/utils@npm:^5.62.0":
  version: 5.62.0
  resolution: "@typescript-eslint/utils@npm:5.62.0"
  dependencies:
@@ -7687,11 +7729,11 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "aksel.nav.no@workspace:aksel.nav.no"
  dependencies:
-    "@navikt/aksel-icons": "npm:^7.2.1"
-    "@navikt/ds-css": "npm:^7.2.1"
-    "@navikt/ds-react": "npm:^7.2.1"
-    "@navikt/ds-tailwind": "npm:^7.2.1"
-    "@navikt/ds-tokens": "npm:^7.2.1"
+    "@navikt/aksel-icons": "npm:^7.3.0"
+    "@navikt/ds-css": "npm:^7.3.0"
+    "@navikt/ds-react": "npm:^7.3.0"
+    "@navikt/ds-tailwind": "npm:^7.3.0"
+    "@navikt/ds-tokens": "npm:^7.3.0"
  languageName: unknown
  linkType: soft

@@ -7725,12 +7767,12 @@ __metadata:
    cross-env: "npm:^7.0.0"
    eslint: "npm:^8.50.0"
    eslint-plugin-aksel-local: "npm:*"
-    eslint-plugin-import: "npm:^2.28.1"
-    eslint-plugin-jsx-a11y: "npm:^6.7.1"
-    eslint-plugin-react: "npm:^7.33.2"
-    eslint-plugin-react-hooks: "npm:^4.6.0"
+    eslint-plugin-import: "npm:^2.31.0"
+    eslint-plugin-jsx-a11y: "npm:^6.10.0"
+    eslint-plugin-react: "npm:^7.37.1"
+    eslint-plugin-react-hooks: "npm:^5.0.0"
    eslint-plugin-storybook: "npm:^0.9.0"
-    eslint-plugin-testing-library: "npm:^6.0.2"
+    eslint-plugin-testing-library: "npm:^6.3.2"
    fast-glob: "npm:3.2.11"
    husky: "npm:^8.0.0"
    lint-staged: "npm:13.0.3"
@@ -7742,11 +7784,10 @@ __metadata:
    react-syntax-highlighter: "npm:^15.5.0"
    storybook: "npm:^8.3.4"
    storybook-addon-pseudo-states: "npm:^4.0.2"
-    stylelint: "npm:^14.8.5"
-    stylelint-config-prettier: "npm:^9.0.3"
-    stylelint-config-standard: "npm:^25.0.0"
+    stylelint: "npm:^16.10.0"
+    stylelint-config-standard: "npm:^36.0.0"
    stylelint-declaration-block-no-ignored-properties: "npm:^2.6.0"
-    stylelint-value-no-unknown-custom-properties: "npm:^4.0.0"
+    stylelint-value-no-unknown-custom-properties: "npm:^6.0.0"
    typescript: "npm:5.5.4"
    vite: "npm:^5.4.6"
    vite-plugin-turbosnap: "npm:^1.0.3"
@@ -9749,6 +9790,23 @@ __metadata:
  languageName: node
  linkType: hard

+"cosmiconfig@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "cosmiconfig@npm:9.0.0"
+  dependencies:
+    env-paths: "npm:^2.2.1"
+    import-fresh: "npm:^3.3.0"
+    js-yaml: "npm:^4.1.0"
+    parse-json: "npm:^5.2.0"
+  peerDependencies:
+    typescript: ">=4.9.5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/8bdf1dfbb6fdb3755195b6886dc0649a3c742ec75afa4cb8da7b070936aed22a4f4e5b7359faafe03180358f311dbc300d248fd6586c458203d376a40cc77826
+  languageName: node
+  linkType: hard
+
 "crc-32@npm:^1.2.0":
  version: 1.2.2
  resolution: "crc-32@npm:1.2.2"
@@ -9887,7 +9945,7 @@ __metadata:
  languageName: node
  linkType: hard

-"css-functions-list@npm:^3.1.0":
+"css-functions-list@npm:^3.1.0, css-functions-list@npm:^3.2.3":
  version: 3.2.3
  resolution: "css-functions-list@npm:3.2.3"
  checksum: 10/25f12fb0ef1384b1cf45a6e7e0afd596a19bee90b90316d9e50f7820888f4a8f265be7a6a96b10a5c81e403bd7a5ff8010fa936144f84959d9d91c9350cda0d4
@@ -9991,6 +10049,16 @@ __metadata:
  languageName: node
  linkType: hard

+"css-tree@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "css-tree@npm:3.0.0"
+  dependencies:
+    mdn-data: "npm:2.10.0"
+    source-map-js: "npm:^1.0.1"
+  checksum: 10/ab56b8cd1953c3270e95b63540462037b48dc120c4d6f686eeb054bb99acf3bb0a40bff306bb4fc2e077f8d95f5b518067205d577029ab84ba279d75867c4f37
+  languageName: node
+  linkType: hard
+
 "css-tree@npm:~2.2.0":
  version: 2.2.1
  resolution: "css-tree@npm:2.2.1"
@@ -10310,7 +10378,7 @@ __metadata:
  languageName: node
  linkType: hard

-"debug@npm:4, debug@npm:4.3.7, debug@npm:^4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4":
+"debug@npm:4, debug@npm:4.3.7, debug@npm:^4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.7":
  version: 4.3.7
  resolution: "debug@npm:4.3.7"
  dependencies:
@@ -11066,7 +11134,7 @@ __metadata:
  languageName: node
  linkType: hard

-"env-paths@npm:^2.2.0":
+"env-paths@npm:^2.2.0, env-paths@npm:^2.2.1":
  version: 2.2.1
  resolution: "env-paths@npm:2.2.1"
  checksum: 10/65b5df55a8bab92229ab2b40dad3b387fad24613263d103a97f91c9fe43ceb21965cd3392b1ccb5d77088021e525c4e0481adb309625d0cb94ade1d1fb8dc17e
@@ -11684,7 +11752,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"eslint-plugin-import@npm:^2.28.1":
+"eslint-plugin-import@npm:^2.31.0":
  version: 2.31.0
  resolution: "eslint-plugin-import@npm:2.31.0"
  dependencies:
@@ -11713,7 +11781,7 @@ __metadata:
  languageName: node
  linkType: hard

-"eslint-plugin-jsx-a11y@npm:^6.7.1":
+"eslint-plugin-jsx-a11y@npm:^6.10.0":
  version: 6.10.0
  resolution: "eslint-plugin-jsx-a11y@npm:6.10.0"
  dependencies:
@@ -11739,16 +11807,16 @@ __metadata:
  languageName: node
  linkType: hard

-"eslint-plugin-react-hooks@npm:^4.6.0":
-  version: 4.6.2
-  resolution: "eslint-plugin-react-hooks@npm:4.6.2"
+"eslint-plugin-react-hooks@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "eslint-plugin-react-hooks@npm:5.0.0"
  peerDependencies:
-    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-  checksum: 10/5a0680941f34e70cf505bcb6082df31a3e445d193ee95a88ff3483041eb944f4cefdaf7e81b0eb1feb4eeceee8c7c6ddb8a2a6e8c4c0388514a42e16ac7b7a69
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+  checksum: 10/b762789832806b6981e2d910994e72aa7a85136fe0880572334b26cf1274ba37bd3b1365e77d2c2f92465337c4a65c84ef647bc499d33b86fc1110f2df7ef1bb
  languageName: node
  linkType: hard

-"eslint-plugin-react@npm:^7.33.2":
+"eslint-plugin-react@npm:^7.37.1":
  version: 7.37.1
  resolution: "eslint-plugin-react@npm:7.37.1"
  dependencies:
@@ -11790,14 +11858,14 @@ __metadata:
  languageName: node
  linkType: hard

-"eslint-plugin-testing-library@npm:^6.0.2":
-  version: 6.3.0
-  resolution: "eslint-plugin-testing-library@npm:6.3.0"
+"eslint-plugin-testing-library@npm:^6.3.2":
+  version: 6.4.0
+  resolution: "eslint-plugin-testing-library@npm:6.4.0"
  dependencies:
-    "@typescript-eslint/utils": "npm:^5.58.0"
+    "@typescript-eslint/utils": "npm:^5.62.0"
  peerDependencies:
-    eslint: ^7.5.0 || ^8.0.0
-  checksum: 10/192b112f84f90cc7eee28965b3e7792e8d4cda71aa29690d8180f1ae9cd0e8d6a8851ee992d37285a76750f8638c04e76f768e1885168f060ca169b72ac9ec6c
+    eslint: ^7.5.0 || ^8.0.0 || ^9.0.0
+  checksum: 10/b9461e6662542fbfb3c0b768e6038bbaa56e345cb0600c7f07e26ff8154166abb9f7dcdc08d565c314cd9ccf0416eca8c3ce3c235b375c5fbf3f152a81142969
  languageName: node
  linkType: hard

@@ -12404,6 +12472,15 @@ __metadata:
  languageName: node
  linkType: hard

+"file-entry-cache@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "file-entry-cache@npm:9.1.0"
+  dependencies:
+    flat-cache: "npm:^5.0.0"
+  checksum: 10/fd67a9552f272ac4a1731c545e1350bd135e208659144cc5311baac6b8bbf55da7c8c3a0bf25c71ed78eff2bdd26d2a3a8f9ba3d8bec968fe8d1eeba6ab14a96
+  languageName: node
+  linkType: hard
+
 "file-selector@npm:^0.4.0":
  version: 0.4.0
  resolution: "file-selector@npm:0.4.0"
@@ -12596,6 +12673,16 @@ __metadata:
  languageName: node
  linkType: hard

+"flat-cache@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "flat-cache@npm:5.0.0"
+  dependencies:
+    flatted: "npm:^3.3.1"
+    keyv: "npm:^4.5.4"
+  checksum: 10/42570762052b17a1dec221d73a1e417d0ba07137de6debaabb51389cac265a12a027a895dc84e1725bc5cdde04fe8b706ad836860b05488e9a04bda9301d2529
+  languageName: node
+  linkType: hard
+
 "flat@npm:^5.0.2":
  version: 5.0.2
  resolution: "flat@npm:5.0.2"
@@ -12605,7 +12692,7 @@ __metadata:
  languageName: node
  linkType: hard

-"flatted@npm:^3.2.9":
+"flatted@npm:^3.2.9, flatted@npm:^3.3.1":
  version: 3.3.1
  resolution: "flatted@npm:3.3.1"
  checksum: 10/7b8376061d5be6e0d3658bbab8bde587647f68797cf6bfeae9dea0e5137d9f27547ab92aaff3512dd9d1299086a6d61be98e9d48a56d17531b634f77faadbc49
@@ -13786,7 +13873,7 @@ __metadata:
  languageName: node
  linkType: hard

-"html-tags@npm:^3.1.0, html-tags@npm:^3.2.0":
+"html-tags@npm:^3.1.0, html-tags@npm:^3.2.0, html-tags@npm:^3.3.1":
  version: 3.3.1
  resolution: "html-tags@npm:3.3.1"
  checksum: 10/d0e808544b92d8b999cbcc86d539577255a2f0f2f4f73110d10749d1d36e6fe6ad706a0355a8477afb6e000ecdc93d8455b3602951f9a2b694ac9e28f1b52878
@@ -14064,6 +14151,13 @@ __metadata:
  languageName: node
  linkType: hard

+"ignore@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "ignore@npm:6.0.2"
+  checksum: 10/af39e49996cd989763920e445eff897d0ae1e36b5f27b0e09e14a4fd2df89b362f92e720ecf06ef729056842366527db8561d310e904718810b92ffbcd23056d
+  languageName: node
+  linkType: hard
+
 "image-size@npm:^1.1.1":
  version: 1.1.1
  resolution: "image-size@npm:1.1.1"
@@ -15453,7 +15547,7 @@ __metadata:
  languageName: node
  linkType: hard

-"keyv@npm:^4.5.3":
+"keyv@npm:^4.5.3, keyv@npm:^4.5.4":
  version: 4.5.4
  resolution: "keyv@npm:4.5.4"
  dependencies:
@@ -15499,6 +15593,13 @@ __metadata:
  languageName: node
  linkType: hard

+"known-css-properties@npm:^0.34.0":
+  version: 0.34.0
+  resolution: "known-css-properties@npm:0.34.0"
+  checksum: 10/0e93e83f84537e89b9dc56c16aff511ed9f24128fe509c3f601ce495eb10bf6678e2f4ff521f6b53feabc7bd18088e43efb31aae4cb771da831ef1408c23211a
+  languageName: node
+  linkType: hard
+
 "language-subtag-registry@npm:^0.3.20":
  version: 0.3.23
  resolution: "language-subtag-registry@npm:0.3.23"
@@ -16420,6 +16521,13 @@ __metadata:
  languageName: node
  linkType: hard

+"mdn-data@npm:2.10.0":
+  version: 2.10.0
+  resolution: "mdn-data@npm:2.10.0"
+  checksum: 10/41b6dde00681dc8a45a907836b10735a9bef1731c5d9269dd05e6c25749ec5d0383e4055b71acd8b1905fcb428e4c43235a2601558df361ae42c3e4c6a9aa6ed
+  languageName: node
+  linkType: hard
+
 "media-query-parser@npm:^2.0.2":
  version: 2.0.2
  resolution: "media-query-parser@npm:2.0.2"
@@ -16478,6 +16586,13 @@ __metadata:
  languageName: node
  linkType: hard

+"meow@npm:^13.2.0":
+  version: 13.2.0
+  resolution: "meow@npm:13.2.0"
+  checksum: 10/4eff5bc921fed0b8a471ad79069d741a0210036d717547d0c7f36fdaf84ef7a3036225f38b6a53830d84dc9cbf8b944b097fde62381b8b5b215119e735ce1063
+  languageName: node
+  linkType: hard
+
 "meow@npm:^6.0.0":
  version: 6.1.1
  resolution: "meow@npm:6.1.1"
@@ -16874,7 +16989,7 @@ __metadata:
  languageName: node
  linkType: hard

-"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5":
+"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5, micromatch@npm:^4.0.8":
  version: 4.0.8
  resolution: "micromatch@npm:4.0.8"
  dependencies:
@@ -19426,7 +19541,7 @@ __metadata:
  languageName: node
  linkType: hard

-"postcss-resolve-nested-selector@npm:^0.1.1":
+"postcss-resolve-nested-selector@npm:^0.1.1, postcss-resolve-nested-selector@npm:^0.1.6":
  version: 0.1.6
  resolution: "postcss-resolve-nested-selector@npm:0.1.6"
  checksum: 10/85453901afe2a4db497b4e0d2c9cf2a097a08fa5d45bc646547025176217050334e423475519a1e6c74a1f31ade819d16bb37a39914e5321e250695ee3feea14
@@ -19442,7 +19557,16 @@ __metadata:
  languageName: node
  linkType: hard

-"postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.0.13, postcss-selector-parser@npm:^6.0.16, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.1.1":
+"postcss-safe-parser@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "postcss-safe-parser@npm:7.0.1"
+  peerDependencies:
+    postcss: ^8.4.31
+  checksum: 10/285f30877f3ef5d43586432394ef4fcab904cd5bcfff5c26f586eb630fbee490abf2ac6d81e64fa212fb64d03630d12c2f3c5196f5637bec5ba3d043562ddf30
+  languageName: node
+  linkType: hard
+
+"postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.0.13, postcss-selector-parser@npm:^6.0.16, postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4, postcss-selector-parser@npm:^6.1.1, postcss-selector-parser@npm:^6.1.2":
  version: 6.1.2
  resolution: "postcss-selector-parser@npm:6.1.2"
  dependencies:
@@ -19518,7 +19642,7 @@ __metadata:
  languageName: node
  linkType: hard

-"postcss@npm:^8.0.0, postcss@npm:^8.4.19, postcss@npm:^8.4.23, postcss@npm:^8.4.27, postcss@npm:^8.4.31, postcss@npm:^8.4.33, postcss@npm:^8.4.43":
+"postcss@npm:^8.0.0, postcss@npm:^8.4.19, postcss@npm:^8.4.23, postcss@npm:^8.4.27, postcss@npm:^8.4.31, postcss@npm:^8.4.33, postcss@npm:^8.4.43, postcss@npm:^8.4.47":
  version: 8.4.47
  resolution: "postcss@npm:8.4.47"
  dependencies:
@@ -21058,7 +21182,7 @@ __metadata:
  languageName: node
  linkType: hard

-"resolve@npm:^1.1.7, resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.19.0, resolve@npm:^1.22.0, resolve@npm:^1.22.1, resolve@npm:^1.22.2, resolve@npm:^1.22.4, resolve@npm:^1.22.8":
+"resolve@npm:^1.1.7, resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.19.0, resolve@npm:^1.22.1, resolve@npm:^1.22.2, resolve@npm:^1.22.4, resolve@npm:^1.22.8":
  version: 1.22.8
  resolution: "resolve@npm:1.22.8"
  dependencies:
@@ -21084,7 +21208,7 @@ __metadata:
  languageName: node
  linkType: hard

-"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>":
+"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>":
  version: 1.22.8
  resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
  dependencies:
@@ -22997,35 +23121,23 @@ __metadata:
  languageName: node
  linkType: hard

-"stylelint-config-prettier@npm:^9.0.3":
-  version: 9.0.5
-  resolution: "stylelint-config-prettier@npm:9.0.5"
+"stylelint-config-recommended@npm:^14.0.1":
+  version: 14.0.1
+  resolution: "stylelint-config-recommended@npm:14.0.1"
  peerDependencies:
-    stylelint: ">= 11.x < 15"
-  bin:
-    stylelint-config-prettier: bin/check.js
-    stylelint-config-prettier-check: bin/check.js
-  checksum: 10/f00665801f65093269987eea0f6c0e1f4a479c76917da887577bf6063757575f5b752aa923d2677f87d32a14d528569ee0a869452dc41b0c3b61b5dcbec037f0
+    stylelint: ^16.1.0
+  checksum: 10/93c3fe920902abfd3f4130173876bb633230c910a3b293f5b74a0ea9c4427d197d7ade28dd62718246264f22f1e012899d0160a0176da723d14680d73876d701
  languageName: node
  linkType: hard

-"stylelint-config-recommended@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "stylelint-config-recommended@npm:7.0.0"
-  peerDependencies:
-    stylelint: ^14.4.0
-  checksum: 10/9a60a59effb7565314d6001779a31228d5713b4d13e05e991e6da5f9d0784aacf55bc0fe217010e257a79136753a22ae61e309fb982367ebd4de3316f37eb821
-  languageName: node
-  linkType: hard
-
-"stylelint-config-standard@npm:^25.0.0":
-  version: 25.0.0
-  resolution: "stylelint-config-standard@npm:25.0.0"
+"stylelint-config-standard@npm:^36.0.0":
+  version: 36.0.1
+  resolution: "stylelint-config-standard@npm:36.0.1"
  dependencies:
-    stylelint-config-recommended: "npm:^7.0.0"
+    stylelint-config-recommended: "npm:^14.0.1"
  peerDependencies:
-    stylelint: ^14.4.0
-  checksum: 10/439a7910094b858a6d84a0870234222a37b80a3249076875d82923c404a52370cb99a9686852053dba8c0a5d617b39b22dc239c25df04fdca8bf893ab6b891ad
+    stylelint: ^16.1.0
+  checksum: 10/50b8fb396f1cb8cb3539aa97187eb8c2a4b2858c897374faa726837a809dae7c686cb5dc32528c9698745d4e97af1fe9035a04a5a8cb220bd6b1530795437013
  languageName: node
  linkType: hard

@@ -23047,15 +23159,15 @@ __metadata:
  languageName: node
  linkType: hard

-"stylelint-value-no-unknown-custom-properties@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "stylelint-value-no-unknown-custom-properties@npm:4.0.0"
+"stylelint-value-no-unknown-custom-properties@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "stylelint-value-no-unknown-custom-properties@npm:6.0.1"
  dependencies:
    postcss-value-parser: "npm:^4.2.0"
-    resolve: "npm:^1.22.0"
+    resolve: "npm:^1.22.8"
  peerDependencies:
-    stylelint: 10 - 14
-  checksum: 10/a4f91e738c654e88d1b36c58db91506cde2b8aaf4aaa7c7f1a7ba7d6352b9243d4264728aa1e136620fb56c5f3900768451556667bed7d33e110e061f6a599f4
+    stylelint: ">=16"
+  checksum: 10/ceb53a731aa2159173f5fefb76f365de0171058f62791cfaa07aac47bb25d8d6ee6a6d1ea4c1919841edc7130cf9ed530a44e6952a72dbdfde27023a305e4739
  languageName: node
  linkType: hard

@@ -23107,6 +23219,54 @@ __metadata:
  languageName: node
  linkType: hard

+"stylelint@npm:^16.10.0":
+  version: 16.10.0
+  resolution: "stylelint@npm:16.10.0"
+  dependencies:
+    "@csstools/css-parser-algorithms": "npm:^3.0.1"
+    "@csstools/css-tokenizer": "npm:^3.0.1"
+    "@csstools/media-query-list-parser": "npm:^3.0.1"
+    "@csstools/selector-specificity": "npm:^4.0.0"
+    "@dual-bundle/import-meta-resolve": "npm:^4.1.0"
+    balanced-match: "npm:^2.0.0"
+    colord: "npm:^2.9.3"
+    cosmiconfig: "npm:^9.0.0"
+    css-functions-list: "npm:^3.2.3"
+    css-tree: "npm:^3.0.0"
+    debug: "npm:^4.3.7"
+    fast-glob: "npm:^3.3.2"
+    fastest-levenshtein: "npm:^1.0.16"
+    file-entry-cache: "npm:^9.1.0"
+    global-modules: "npm:^2.0.0"
+    globby: "npm:^11.1.0"
+    globjoin: "npm:^0.1.4"
+    html-tags: "npm:^3.3.1"
+    ignore: "npm:^6.0.2"
+    imurmurhash: "npm:^0.1.4"
+    is-plain-object: "npm:^5.0.0"
+    known-css-properties: "npm:^0.34.0"
+    mathml-tag-names: "npm:^2.1.3"
+    meow: "npm:^13.2.0"
+    micromatch: "npm:^4.0.8"
+    normalize-path: "npm:^3.0.0"
+    picocolors: "npm:^1.0.1"
+    postcss: "npm:^8.4.47"
+    postcss-resolve-nested-selector: "npm:^0.1.6"
+    postcss-safe-parser: "npm:^7.0.1"
+    postcss-selector-parser: "npm:^6.1.2"
+    postcss-value-parser: "npm:^4.2.0"
+    resolve-from: "npm:^5.0.0"
+    string-width: "npm:^4.2.3"
+    supports-hyperlinks: "npm:^3.1.0"
+    svg-tags: "npm:^1.0.0"
+    table: "npm:^6.8.2"
+    write-file-atomic: "npm:^5.0.1"
+  bin:
+    stylelint: bin/stylelint.mjs
+  checksum: 10/2bc1627e2681414d9c61a96e8298ca7697ce8bc78bb9ffe1c3e370e064ca81cd4d131493a3f315334195b1f039ff99ea0c900e264ca4516c93ee5c36d2e4490d
+  languageName: node
+  linkType: hard
+
 "stylis@npm:4.2.0":
  version: 4.2.0
  resolution: "stylis@npm:4.2.0"
@@ -23183,6 +23343,16 @@ __metadata:
  languageName: node
  linkType: hard

+"supports-hyperlinks@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "supports-hyperlinks@npm:3.1.0"
+  dependencies:
+    has-flag: "npm:^4.0.0"
+    supports-color: "npm:^7.0.0"
+  checksum: 10/e893fb035ecd86e42c5225dc1cd24db56eb950ed77b2e8f59c7aaf2836b8b2ef276ffd11f0df88b0b12184832aa2333f875eefcb74d3c47ed2633b6b41d4be43
+  languageName: node
+  linkType: hard
+
 "supports-preserve-symlinks-flag@npm:^1.0.0":
  version: 1.0.0
  resolution: "supports-preserve-symlinks-flag@npm:1.0.0"
@@ -23265,7 +23435,7 @@ __metadata:
  languageName: node
  linkType: hard

-"table@npm:^6.8.1":
+"table@npm:^6.8.1, table@npm:^6.8.2":
  version: 6.8.2
  resolution: "table@npm:6.8.2"
  dependencies:
@@ -25632,6 +25802,16 @@ __metadata:
  languageName: node
  linkType: hard

+"write-file-atomic@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "write-file-atomic@npm:5.0.1"
+  dependencies:
+    imurmurhash: "npm:^0.1.4"
+    signal-exit: "npm:^4.0.1"
+  checksum: 10/648efddba54d478d0e4330ab6f239976df3b9752b123db5dc9405d9b5af768fa9d70ce60c52fdbe61d1200d24350bc4fbcbaf09288496c2be050de126bd95b7e
+  languageName: node
+  linkType: hard
+
 "ws@npm:^7.3.1":
  version: 7.5.10
  resolution: "ws@npm:7.5.10"
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	9f56b84a96	Version Packages (#3259 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2024-10-21 15:28:43 +02:00
Halvor Haugan	b91ce5794d	Combobox: 🐛 Remove virtual focus on input blur instead of moving it (#3261 )	2024-10-21 15:10:31 +02:00
Ken	99eaf41e47	change: Hide private props better (#3260 )	2024-10-21 14:37:55 +02:00
Halvor HauganandKen	536b0fcc5e	Combobox: Clearify in JSDoc what clearButton does (#3258 ) Co-authored-by: Ken <26967723+KenAJoh@users.noreply.github.com>	2024-10-21 09:58:10 +02:00
KenandHalvor Haugan	64aab7361a	Stylelint v16 update (#3250 ) * update: Stylelint v15 * update: Stylelint v16 * updated: Use complex list syntax for not-selector * lint updates * More lint fixes * memo: Changeset * bug: Missing shorthand for spacer * Update .changeset/slimy-yaks-smash.md Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com> * change: re-added directional placement for modal polyfill * change: Inset -> direction * update: lock sync --------- Co-authored-by: Halvor Haugan <83693529+HalvorHaugan@users.noreply.github.com>	2024-10-21 09:54:09 +02:00
Ken	8c15433b95	change: Update token-prefix to 'ax' (#3257 )	2024-10-21 09:53:49 +02:00
Halvor Haugan	8137a1e500	Fix useState in Storybook (#3256 )	2024-10-21 09:06:29 +02:00
Ken	7138b52c2d	[Linting] Eslint v9 dependency upgrades (#3248 ) * update: eslint-plugin-react-hooks v5 update * update: Valid React-component names used for useDescendants * update: Bumped eslint packages to support v9 * change: Rename hooknames * update: lock sync	2024-10-18 15:54:12 +02:00
Ken	1730b2ebc1	[Scripts] Updated clean-script (#3249 ) * change: Updated clean-script * change: Removed logging and extra filtration	2024-10-18 15:53:01 +02:00