@navikt/aksel-stylelint 5.4.1 → 5.6.0

package/dist/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Mon, 11 Sep 2023 19:44:29 GMT
+ * Generated on Wed, 27 Sep 2023 14:11:17 GMT
  */
 :root, :host {
   --a-spacing-05: 0.125rem;
@@ -172,25 +172,41 @@
   --a-breakpoint-sm-down: 479px;
   --a-breakpoint-sm: 480px;
   --a-breakpoint-xs: 0;
-  --a-icon-on-info: var(--a-gray-900);
-  --a-icon-on-warning: var(--a-gray-900);
-  --a-icon-on-danger: var(--a-white);
-  --a-icon-on-success: var(--a-white);
-  --a-icon-on-action: var(--a-white);
-  --a-icon-on-inverted: var(--a-white);
-  --a-icon-on-neutral: var(--a-white);
-  --a-icon-alt-3: var(--a-deepblue-500);
-  --a-icon-alt-2: var(--a-limegreen-700);
-  --a-icon-alt-1: var(--a-purple-500);
-  --a-icon-info: var(--a-lightblue-800);
-  --a-icon-warning: var(--a-orange-600);
-  --a-icon-danger: var(--a-red-500);
-  --a-icon-success: var(--a-green-500);
-  --a-icon-action: var(--a-blue-500);
-  --a-icon-action-on-action-subtle: var(--a-blue-600);
-  --a-icon-action-selected: var(--a-blue-700);
-  --a-icon-subtle: var(--a-grayalpha-700);
-  --a-icon-default: var(--a-gray-900);
+  --a-data-border-6: var(--a-purple-400);
+  --a-data-border-5: var(--a-green-400);
+  --a-data-border-4: var(--a-lightblue-700);
+  --a-data-border-3: var(--a-orange-600);
+  --a-data-border-2: var(--a-deepblue-500);
+  --a-data-border-1: var(--a-blue-400);
+  --a-data-surface-6-subtle: var(--a-purple-200);
+  --a-data-surface-6: var(--a-purple-400);
+  --a-data-surface-5-subtle: var(--a-green-200);
+  --a-data-surface-5: var(--a-green-400);
+  --a-data-surface-4-subtle: var(--a-lightblue-500);
+  --a-data-surface-4: var(--a-lightblue-700);
+  --a-data-surface-3-subtle: var(--a-orange-300);
+  --a-data-surface-3: var(--a-orange-600);
+  --a-data-surface-2-subtle: var(--a-deepblue-200);
+  --a-data-surface-2: var(--a-deepblue-500);
+  --a-data-surface-1-subtle: var(--a-blue-100);
+  --a-data-surface-1: var(--a-blue-400);
+  --a-text-on-alt-3: var(--a-white);
+  --a-text-on-alt-2: var(--a-gray-900);
+  --a-text-on-alt-1: var(--a-white);
+  --a-text-on-info: var(--a-gray-900);
+  --a-text-on-warning: var(--a-gray-900);
+  --a-text-on-danger: var(--a-white);
+  --a-text-on-success: var(--a-white);
+  --a-text-on-action: var(--a-white);
+  --a-text-on-neutral: var(--a-white);
+  --a-text-on-inverted: var(--a-white);
+  --a-text-action: var(--a-blue-500);
+  --a-text-action-on-action-subtle: var(--a-blue-600);
+  --a-text-action-selected: var(--a-blue-700);
+  --a-text-danger: var(--a-red-500);
+  --a-text-visited: var(--a-purple-500);
+  --a-text-subtle: var(--a-grayalpha-700);
+  --a-text-default: var(--a-gray-900);
   --a-surface-alt-3: var(--a-deepblue-500);
   --a-surface-alt-3-strong: var(--a-deepblue-800);
   --a-surface-alt-3-moderate: var(--a-deepblue-200);
@@ -204,83 +220,65 @@
   --a-surface-info: var(--a-lightblue-500);
   --a-surface-info-moderate: var(--a-lightblue-200);
   --a-surface-info-subtle: var(--a-lightblue-100);
-  --a-surface-info-subtle-hover: var(--a-lightblue-200);
   --a-surface-warning: var(--a-orange-500);
   --a-surface-warning-moderate: var(--a-orange-200);
   --a-surface-warning-subtle: var(--a-orange-100);
-  --a-surface-warning-subtle-hover: var(--a-orange-200);
   --a-surface-danger: var(--a-red-500);
-  --a-surface-danger-active: var(--a-red-700);
-  --a-surface-danger-hover: var(--a-red-600);
   --a-surface-danger-moderate: var(--a-red-200);
   --a-surface-danger-subtle: var(--a-red-100);
-  --a-surface-danger-subtle-hover: var(--a-red-200);
-  --a-surface-success-hover: var(--a-green-600);
   --a-surface-success: var(--a-green-500);
   --a-surface-success-moderate: var(--a-green-200);
   --a-surface-success-subtle: var(--a-green-100);
-  --a-surface-success-subtle-hover: var(--a-green-200);
   --a-surface-neutral: var(--a-gray-700);
-  --a-surface-neutral-active: var(--a-gray-900);
   --a-surface-neutral-selected: var(--a-gray-900);
-  --a-surface-neutral-hover: var(--a-gray-800);
   --a-surface-neutral-moderate: var(--a-grayalpha-200);
   --a-surface-neutral-subtle: var(--a-grayalpha-100);
-  --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
   --a-surface-action: var(--a-blue-500);
   --a-surface-action-selected: var(--a-blue-700);
-  --a-surface-action-selected-hover: var(--a-blue-800);
-  --a-surface-action-active: var(--a-blue-700);
-  --a-surface-action-hover: var(--a-blue-600);
   --a-surface-action-subtle: var(--a-blue-50);
-  --a-surface-action-subtle-hover: var(--a-blue-100);
   --a-surface-inverted: var(--a-gray-900);
-  --a-surface-inverted-active: var(--a-gray-700);
-  --a-surface-inverted-hover: var(--a-gray-800);
   --a-surface-backdrop: var(--a-grayalpha-500);
   --a-surface-transparent: var(--a-transparent);
   --a-surface-subtle: var(--a-gray-50);
   --a-surface-selected: var(--a-blue-50);
+  --a-surface-default: var(--a-white);
+  --a-surface-info-subtle-hover: var(--a-lightblue-200);
+  --a-surface-warning-subtle-hover: var(--a-orange-200);
+  --a-surface-danger-active: var(--a-red-700);
+  --a-surface-danger-hover: var(--a-red-600);
+  --a-surface-danger-subtle-hover: var(--a-red-200);
+  --a-surface-success-hover: var(--a-green-600);
+  --a-surface-success-subtle-hover: var(--a-green-200);
+  --a-surface-neutral-hover: var(--a-gray-800);
+  --a-surface-neutral-active: var(--a-gray-900);
+  --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
+  --a-surface-action-selected-hover: var(--a-blue-800);
+  --a-surface-action-active: var(--a-blue-700);
+  --a-surface-action-hover: var(--a-blue-600);
+  --a-surface-action-subtle-hover: var(--a-blue-100);
+  --a-surface-inverted-active: var(--a-gray-700);
+  --a-surface-inverted-hover: var(--a-gray-800);
   --a-surface-active: var(--a-grayalpha-200);
   --a-surface-hover: var(--a-grayalpha-100);
-  --a-surface-default: var(--a-white);
-  --a-bg-subtle: var(--a-gray-100);
-  --a-bg-default: var(--a-white);
-  --a-text-on-alt-3: var(--a-white);
-  --a-text-on-alt-2: var(--a-gray-900);
-  --a-text-on-alt-1: var(--a-white);
-  --a-text-on-info: var(--a-gray-900);
-  --a-text-on-warning: var(--a-gray-900);
-  --a-text-on-danger: var(--a-white);
-  --a-text-on-success: var(--a-white);
-  --a-text-on-action: var(--a-white);
-  --a-text-on-neutral: var(--a-white);
-  --a-text-on-inverted: var(--a-white);
-  --a-text-action: var(--a-blue-500);
-  --a-text-action-on-action-subtle: var(--a-blue-600);
-  --a-text-action-selected: var(--a-blue-700);
-  --a-text-danger: var(--a-red-500);
-  --a-text-visited: var(--a-purple-500);
-  --a-text-subtle: var(--a-grayalpha-700);
-  --a-text-default: var(--a-gray-900);
-  --a-data-border-6: var(--a-purple-400);
-  --a-data-border-5: var(--a-green-400);
-  --a-data-border-4: var(--a-lightblue-700);
-  --a-data-border-3: var(--a-orange-600);
-  --a-data-border-2: var(--a-deepblue-500);
-  --a-data-border-1: var(--a-blue-400);
-  --a-data-surface-6-subtle: var(--a-purple-200);
-  --a-data-surface-6: var(--a-purple-400);
-  --a-data-surface-5-subtle: var(--a-green-200);
-  --a-data-surface-5: var(--a-green-400);
-  --a-data-surface-4-subtle: var(--a-lightblue-500);
-  --a-data-surface-4: var(--a-lightblue-700);
-  --a-data-surface-3-subtle: var(--a-orange-300);
-  --a-data-surface-3: var(--a-orange-600);
-  --a-data-surface-2-subtle: var(--a-deepblue-200);
-  --a-data-surface-2: var(--a-deepblue-500);
-  --a-data-surface-1-subtle: var(--a-blue-100);
-  --a-data-surface-1: var(--a-blue-400);
+  --a-icon-on-info: var(--a-gray-900);
+  --a-icon-on-warning: var(--a-gray-900);
+  --a-icon-on-danger: var(--a-white);
+  --a-icon-on-success: var(--a-white);
+  --a-icon-on-action: var(--a-white);
+  --a-icon-on-inverted: var(--a-white);
+  --a-icon-on-neutral: var(--a-white);
+  --a-icon-alt-3: var(--a-deepblue-500);
+  --a-icon-alt-2: var(--a-limegreen-700);
+  --a-icon-alt-1: var(--a-purple-500);
+  --a-icon-info: var(--a-lightblue-800);
+  --a-icon-warning: var(--a-orange-600);
+  --a-icon-danger: var(--a-red-500);
+  --a-icon-success: var(--a-green-500);
+  --a-icon-action: var(--a-blue-500);
+  --a-icon-action-on-action-subtle: var(--a-blue-600);
+  --a-icon-action-selected: var(--a-blue-700);
+  --a-icon-subtle: var(--a-grayalpha-700);
+  --a-icon-default: var(--a-gray-900);
   --a-border-alt-3: var(--a-deepblue-500);
   --a-border-alt-2: var(--a-limegreen-700);
   --a-border-alt-1: var(--a-purple-400);
@@ -296,12 +294,14 @@
   --a-border-action: var(--a-blue-500);
   --a-border-action-selected: var(--a-blue-700);
   --a-border-subtle: var(--a-grayalpha-300);
-  --a-border-subtle-hover: var(--a-grayalpha-400);
   --a-border-divider: var(--a-grayalpha-300);
   --a-border-strong: var(--a-grayalpha-700);
   --a-border-default: var(--a-grayalpha-500);
-  --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
+  --a-border-subtle-hover: var(--a-grayalpha-400);
+  --a-bg-subtle: var(--a-gray-100);
+  --a-bg-default: var(--a-white);
   --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);
+  --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
   --navds-content-container-max-width: 79.5rem;
 }
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -708,6 +708,7 @@ button,
 .navds-sr-only {
   border: 0;
   clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
@@ -728,6 +729,7 @@ button,
 .navds-sr-only.focusable:active,
 .navds-sr-only.focusable:focus {
   clip: auto;
+  clip-path: none;
   height: auto;
   margin: 0;
   overflow: visible;
@@ -1043,6 +1045,159 @@ body,
 .navds-typo--color-subtle {
   color: var(--__ac-typo-text-subtle, var(--a-text-subtle));
 }
+.navds-box {
+  --__ac-box-padding-xs: initial;
+  --__ac-box-padding-sm: var(--__ac-box-padding-xs);
+  --__ac-box-padding-md: var(--__ac-box-padding-sm);
+  --__ac-box-padding-lg: var(--__ac-box-padding-md);
+  --__ac-box-padding-xl: var(--__ac-box-padding-lg);
+  --__ac-box-padding-inline-xs: initial;
+  --__ac-box-padding-inline-sm: var(--__ac-box-padding-inline-xs);
+  --__ac-box-padding-inline-md: var(--__ac-box-padding-inline-sm);
+  --__ac-box-padding-inline-lg: var(--__ac-box-padding-inline-md);
+  --__ac-box-padding-inline-xl: var(--__ac-box-padding-inline-lg);
+  --__ac-box-padding-block-xs: initial;
+  --__ac-box-padding-block-sm: var(--__ac-box-padding-block-xs);
+  --__ac-box-padding-block-md: var(--__ac-box-padding-block-sm);
+  --__ac-box-padding-block-lg: var(--__ac-box-padding-block-md);
+  --__ac-box-padding-block-xl: var(--__ac-box-padding-block-lg);
+  --__ac-box-padding: var(--__ac-box-padding-xs);
+  --__ac-box-padding-inline: var(--__ac-box-padding-inline-xs);
+  --__ac-box-padding-block: var(--__ac-box-padding-block-xs);
+  --__ac-box-background: initial;
+  --__ac-box-border-color: initial;
+  --__ac-box-shadow: initial;
+  --__ac-box-border-width: initial;
+  --__ac-box-border-radius-xs: initial;
+  --__ac-box-border-radius-sm: var(--__ac-box-border-radius-xs);
+  --__ac-box-border-radius-md: var(--__ac-box-border-radius-sm);
+  --__ac-box-border-radius-lg: var(--__ac-box-border-radius-md);
+  --__ac-box-border-radius-xl: var(--__ac-box-border-radius-lg);
+  --__ac-box-border-radius: var(--__ac-box-border-radius-xs);
+
+  padding-inline: var(--__ac-box-padding-inline, var(--__ac-box-padding));
+  padding-block: var(--__ac-box-padding-block, var(--__ac-box-padding));
+  background-color: var(--__ac-box-background);
+  border-style: solid;
+  border-color: var(--__ac-box-border-color);
+  border-radius: var(--__ac-box-border-radius);
+  box-shadow: var(--__ac-box-shadow);
+  border-width: var(--__ac-box-border-width, 0);
+}
+@media (min-width: 480px) {
+  .navds-box {
+    --__ac-box-padding: var(--__ac-box-padding-sm);
+    --__ac-box-padding-inline: var(--__ac-box-padding-inline-sm);
+    --__ac-box-padding-block: var(--__ac-box-padding-block-sm);
+    --__ac-box-border-radius: var(--__ac-box-border-radius-sm);
+  }
+}
+@media (min-width: 768px) {
+  .navds-box {
+    --__ac-box-padding: var(--__ac-box-padding-md);
+    --__ac-box-padding-inline: var(--__ac-box-padding-inline-md);
+    --__ac-box-padding-block: var(--__ac-box-padding-block-md);
+    --__ac-box-border-radius: var(--__ac-box-border-radius-md);
+  }
+}
+@media (min-width: 1024px) {
+  .navds-box {
+    --__ac-box-padding: var(--__ac-box-padding-lg);
+    --__ac-box-padding-inline: var(--__ac-box-padding-inline-lg);
+    --__ac-box-padding-block: var(--__ac-box-padding-block-lg);
+    --__ac-box-border-radius: var(--__ac-box-border-radius-lg);
+  }
+}
+@media (min-width: 1280px) {
+  .navds-box {
+    --__ac-box-padding: var(--__ac-box-padding-xl);
+    --__ac-box-padding-inline: var(--__ac-box-padding-inline-xl);
+    --__ac-box-padding-block: var(--__ac-box-padding-block-xl);
+    --__ac-box-border-radius: var(--__ac-box-border-radius-xl);
+  }
+}
+.navds-bleed {
+  --__ac-bleed-margin-inline-xs: initial;
+  --__ac-bleed-margin-inline-sm: var(--__ac-bleed-margin-inline-xs);
+  --__ac-bleed-margin-inline-md: var(--__ac-bleed-margin-inline-sm);
+  --__ac-bleed-margin-inline-lg: var(--__ac-bleed-margin-inline-md);
+  --__ac-bleed-margin-inline-xl: var(--__ac-bleed-margin-inline-lg);
+  --__ac-bleed-margin-block-xs: initial;
+  --__ac-bleed-margin-block-sm: var(--__ac-bleed-margin-block-xs);
+  --__ac-bleed-margin-block-md: var(--__ac-bleed-margin-block-sm);
+  --__ac-bleed-margin-block-lg: var(--__ac-bleed-margin-block-md);
+  --__ac-bleed-margin-block-xl: var(--__ac-bleed-margin-block-lg);
+
+  /** defaults */
+  --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xs);
+  --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xs);
+
+  margin-inline: var(--__ac-bleed-margin-inline);
+  margin-block: var(--__ac-bleed-margin-block);
+}
+.navds-bleed--padding {
+  --__ac-bleed-padding-inline-xs: initial;
+  --__ac-bleed-padding-inline-sm: var(--__ac-bleed-padding-inline-xs);
+  --__ac-bleed-padding-inline-md: var(--__ac-bleed-padding-inline-sm);
+  --__ac-bleed-padding-inline-lg: var(--__ac-bleed-padding-inline-md);
+  --__ac-bleed-padding-inline-xl: var(--__ac-bleed-padding-inline-lg);
+  --__ac-bleed-padding-block-xs: initial;
+  --__ac-bleed-padding-block-sm: var(--__ac-bleed-padding-block-xs);
+  --__ac-bleed-padding-block-md: var(--__ac-bleed-padding-block-sm);
+  --__ac-bleed-padding-block-lg: var(--__ac-bleed-padding-block-md);
+  --__ac-bleed-padding-block-xl: var(--__ac-bleed-padding-block-lg);
+
+  /** defaults */
+  --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-xs);
+  --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-xs);
+
+  padding-inline: var(--__ac-bleed-padding-inline);
+  padding-block: var(--__ac-bleed-padding-block);
+}
+@media (min-width: 480px) {
+  .navds-bleed {
+    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-sm);
+    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-sm);
+  }
+
+  .navds-bleed--padding {
+    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-sm);
+    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-sm);
+  }
+}
+@media (min-width: 768px) {
+  .navds-bleed {
+    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-md);
+    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-md);
+  }
+
+  .navds-bleed--padding {
+    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-md);
+    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-md);
+  }
+}
+@media (min-width: 1024px) {
+  .navds-bleed {
+    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-lg);
+    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-lg);
+  }
+
+  .navds-bleed--padding {
+    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-lg);
+    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-lg);
+  }
+}
+@media (min-width: 1280px) {
+  .navds-bleed {
+    --__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xl);
+    --__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xl);
+  }
+
+  .navds-bleed--padding {
+    --__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-xl);
+    --__ac-bleed-padding-block: var(--__ac-bleed-padding-block-xl);
+  }
+}
 .navds-hgrid {
   --__ac-hgrid-columns-xs: initial;
   --__ac-hgrid-columns-sm: initial;
@@ -1097,16 +1252,31 @@ body,
   }
 }
 .navds-stack {
-  --__ac-stack-align: initial;
-  --__ac-stack-justify: initial;
-  --__ac-stack-direction: initial;
   --__ac-stack-wrap: initial;
   --__ac-stack-gap-xs: initial;
-  --__ac-stack-gap-sm: initial;
-  --__ac-stack-gap-md: initial;
-  --__ac-stack-gap-lg: initial;
-  --__ac-stack-gap-xl: initial;
+  --__ac-stack-gap-sm: var(--__ac-stack-gap-xs);
+  --__ac-stack-gap-md: var(--__ac-stack-gap-sm);
+  --__ac-stack-gap-lg: var(--__ac-stack-gap-md);
+  --__ac-stack-gap-xl: var(--__ac-stack-gap-lg);
   --__ac-stack-gap: var(--__ac-stack-gap-xs);
+  --__ac-stack-justify-xs: initial;
+  --__ac-stack-justify-sm: var(--__ac-stack-justify-xs);
+  --__ac-stack-justify-md: var(--__ac-stack-justify-sm);
+  --__ac-stack-justify-lg: var(--__ac-stack-justify-md);
+  --__ac-stack-justify-xl: var(--__ac-stack-justify-lg);
+  --__ac-stack-justify: var(--__ac-stack-justify-xs);
+  --__ac-stack-align-xs: initial;
+  --__ac-stack-align-sm: var(--__ac-stack-align-xs);
+  --__ac-stack-align-md: var(--__ac-stack-align-sm);
+  --__ac-stack-align-lg: var(--__ac-stack-align-md);
+  --__ac-stack-align-xl: var(--__ac-stack-align-lg);
+  --__ac-stack-align: var(--__ac-stack-align-xs);
+  --__ac-stack-direction-xs: initial;
+  --__ac-stack-direction-sm: var(--__ac-stack-direction-xs);
+  --__ac-stack-direction-md: var(--__ac-stack-direction-sm);
+  --__ac-stack-direction-lg: var(--__ac-stack-direction-md);
+  --__ac-stack-direction-xl: var(--__ac-stack-direction-lg);
+  --__ac-stack-direction: var(--__ac-stack-direction-xs);
 
   gap: var(--__ac-stack-gap);
   display: flex;
@@ -1121,74 +1291,78 @@ body,
 }
 .navds-stack > .navds-stack__spacer {
   margin-block-start: calc(var(--__ac-stack-gap) * -1);
-}
-.navds-hstack > .navds-stack__spacer {
   margin-inline-start: calc(var(--__ac-stack-gap) * -1);
 }
 @media (min-width: 480px) {
   .navds-stack {
-    --__ac-stack-gap: var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs));
+    --__ac-stack-gap: var(--__ac-stack-gap-sm);
+    --__ac-stack-align: var(--__ac-stack-align-sm);
+    --__ac-stack-justify: var(--__ac-stack-justify-sm);
+    --__ac-stack-direction: var(--__ac-stack-direction-sm);
   }
 }
 @media (min-width: 768px) {
   .navds-stack {
-    --__ac-stack-gap: var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs)));
+    --__ac-stack-gap: var(--__ac-stack-gap-md);
+    --__ac-stack-align: var(--__ac-stack-align-md);
+    --__ac-stack-justify: var(--__ac-stack-justify-md);
+    --__ac-stack-direction: var(--__ac-stack-direction-md);
   }
 }
 @media (min-width: 1024px) {
   .navds-stack {
-    --__ac-stack-gap: var(--__ac-stack-gap-lg, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))));
+    --__ac-stack-gap: var(--__ac-stack-gap-lg);
+    --__ac-stack-align: var(--__ac-stack-align-lg);
+    --__ac-stack-justify: var(--__ac-stack-justify-lg);
+    --__ac-stack-direction: var(--__ac-stack-direction-lg);
   }
 }
 @media (min-width: 1280px) {
   .navds-stack {
-    --__ac-stack-gap: var(
-      --__ac-stack-gap-xl,
-      var(--__ac-stack-gap-lg, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))))
-    );
+    --__ac-stack-gap: var(--__ac-stack-gap-xl);
+    --__ac-stack-align: var(--__ac-stack-align-xl);
+    --__ac-stack-justify: var(--__ac-stack-justify-xl);
+    --__ac-stack-direction: var(--__ac-stack-direction-xl);
   }
 }
-.navds-responsive {
-  display: none;
-}
 @media (min-width: 480px) {
-  .navds-responsive__above--sm {
-    display: revert;
+  .navds-responsive__below--sm {
+    display: none !important;
   }
 }
 @media (max-width: 479px) {
-  .navds-responsive__below--sm {
-    display: revert;
+  .navds-responsive__above--sm {
+    display: none !important;
   }
 }
 @media (min-width: 768px) {
-  .navds-responsive__above--md {
-    display: revert;
+  .navds-responsive__below--md {
+    display: none !important;
   }
 }
 @media (max-width: 767px) {
-  .navds-responsive__below--md {
-    display: revert;
+  .navds-responsive__above--md {
+    display: none !important;
   }
 }
 @media (min-width: 1024px) {
-  .navds-responsive__above--lg {
-    display: revert;
+  .navds-responsive__below--lg {
+    display: none !important;
   }
 }
 @media (max-width: 1023px) {
-  .navds-responsive__below--lg {
-    display: revert;
+  .navds-responsive__above--lg {
+    display: none !important;
   }
 }
 @media (min-width: 1280px) {
-  .navds-responsive__above--xl {
-    display: revert;
+  .navds-responsive__below--xl {
+    display: none !important;
   }
 }
 @media (max-width: 1279px) {
-  .navds-responsive__below--xl {
-    display: revert;
+  .navds-responsive__above--xl {
+    display: none !important;
   }
 }
 /**************************
@@ -1515,11 +1689,11 @@ body,
  * Content *
  *************************/
 .navds-accordion__content {
-  padding: 0 var(--a-spacing-3) var(--a-spacing-5);
+  padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5);
   animation: fadeAccordionContent 250ms ease;
 }
 .navds-accordion--indent > :where(.navds-accordion__item) > :where(.navds-accordion__content) {
-  padding: 0 var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11);
+  padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11);
 }
 .navds-accordion__content--closed {
   display: none;
@@ -3077,6 +3251,7 @@ body,
 }
 .navds-select__input:hover {
   border-color: var(--ac-select-hover-bg, var(--a-border-action));
+  cursor: pointer;
 }
 .navds-select__input:focus-visible {
   outline: none;
@@ -4437,7 +4612,7 @@ button.navds-internalheader__title:active,
   border-top-color: transparent;
 }
 .navds-date {
-  padding: var(--a-spacing-3);
+  padding: var(--a-spacing-4) var(--a-spacing-3);
 }
 .navds-date .rdp-day_range_middle.rdp-day_disabled {
   color: var(--ac-date-middle-text, var(--a-text-on-action));
@@ -4456,44 +4631,46 @@ button.navds-internalheader__title:active,
   font-size: var(--a-font-size-small);
 }
 .navds-date .rdp-weeknumber {
-  color: var(--ac-date-week-text, var(--a-text-on-neutral));
-  background: var(--ac-date-week-bg, var(--a-surface-neutral));
   font-size: var(--a-font-size-small);
   display: flex;
-  justify-content: center;
   align-items: center;
-  padding: var(--a-spacing-05) var(--a-spacing-1);
-  border-radius: var(--a-border-radius-small);
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border-radius: var(--a-border-radius-medium);
+  margin: var(--a-spacing-2);
+  color: var(--a-text-subtle);
 }
-.navds-date__caption-dropdown {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--a-spacing-2);
-  align-items: center;
+.navds-date .rdp-weeknumber.rdp-button {
+  width: 2rem;
+  height: 2rem;
+  box-shadow: 0 0 0 1px var(--a-border-default);
+  color: var(--a-text-subtle);
+  font-size: var(--a-font-size-small);
 }
-.navds-date__caption__month-wrapper {
-  display: flex;
-  justify-content: center;
-  gap: var(--a-spacing-2);
-  align-items: center;
+.navds-date .rdp-weeknumber.rdp-button:active {
+  background-color: var(--a-surface-action-active);
+  color: var(--a-text-on-action);
+  box-shadow: none;
 }
 .navds-date__caption__month .navds-select__container select {
   text-transform: capitalize;
 }
 .navds-date .rdp-button {
   all: unset;
+  display: block;
   width: 2.5rem;
   height: 2.5rem;
   text-align: center;
   border-radius: var(--a-border-radius-medium);
 }
 .navds-date .rdp-day_range_start {
-  border-radius: var(--a-border-radius-xlarge) var(--a-border-radius-small) var(--a-border-radius-small)
+  border-radius: var(--a-border-radius-xlarge) var(--a-border-radius-medium) var(--a-border-radius-medium)
     var(--a-border-radius-xlarge);
 }
 .navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
-  border-radius: var(--a-border-radius-small) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge)
-    var(--a-border-radius-small);
+  border-radius: var(--a-border-radius-medium) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge)
+    var(--a-border-radius-medium);
 }
 .navds-date .rdp-day_range_start.rdp-day_range_end {
   border-radius: var(--a-border-radius-xlarge);
@@ -4523,7 +4700,7 @@ button.navds-internalheader__title:active,
   all: unset;
   text-align: center;
   width: 3rem;
-  height: 2.75rem;
+  height: 3rem;
   text-transform: capitalize;
   border-radius: var(--a-border-radius-medium);
   cursor: pointer;
@@ -4596,7 +4773,8 @@ button.navds-internalheader__title:active,
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: var(--a-spacing-2);
+  gap: var(--a-spacing-1);
+  padding-inline: var(--a-spacing-1);
 }
 .navds-date__caption-button,
 .navds-date__caption-button:disabled,
@@ -4679,6 +4857,37 @@ button.navds-internalheader__title:active,
 .navds-date__field--readonly .navds-date__field-button {
   cursor: default;
 }
+.navds-date__caption-button {
+  width: 2rem;
+  height: 2rem;
+}
+.navds-date__week-row {
+  display: flex;
+  align-items: center;
+  gap: var(--a-spacing-05);
+}
+.navds-date__week-wrapper {
+  width: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+}
+@media (min-width: 480px) {
+  .navds-date {
+    padding: var(--a-spacing-5) var(--a-spacing-4);
+  }
+
+  .navds-date__caption {
+    gap: var(--a-spacing-2);
+  }
+
+  .navds-date .rdp-button,
+  .navds-date__caption-button {
+    width: 3rem;
+    height: 3rem;
+  }
+}
 .navds-tag {
   border: 1px solid;
   border-radius: var(--a-border-radius-small);
@@ -5105,14 +5314,12 @@ button.navds-internalheader__title:active,
   box-shadow: var(--a-shadow-medium);
   border: 1px solid;
   border-color: var(--ac-popover-border, var(--a-border-default));
-  border-radius: var(--a-border-radius-medium);
+  border-radius: var(--a-border-radius-large);
+  padding: var(--a-spacing-3);
 }
 .navds-timeline__popover:focus {
   outline: none;
 }
-.navds-timeline__popover-content {
-  padding: var(--a-spacing-3);
-}
 .navds-timeline__popover-arrow {
   position: absolute;
   z-index: -1;
@@ -5417,6 +5624,9 @@ button.navds-internalheader__title:active,
   animation: akselSkeletonAnimation 0.8s linear infinite alternate;
   pointer-events: none;
 }
+.navds-skeleton--inline {
+  display: inline-block;
+}
 .navds-skeleton--has-children {
   color: transparent;
 }

package/dist/utils.js

@@ -81,7 +81,7 @@ const flattenObject = (obj) => {
 exports.flattenObject = flattenObject;
 const tokenCSSFile = "./index.css";
 const tokenJsonFile = "./tokens.json";
-let allowedTokenNames = [];
+const allowedTokenNames = [];
 const addTokens = (tokenJSONFile, allowedTokenNames) => {
     const jsonFileBuffer = (0, node_fs_1.readFileSync)(`${__dirname}/${tokenJSONFile}`);
     const fileString = jsonFileBuffer.toString();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel-stylelint",
-  "version": "5.4.1",
+  "version": "5.6.0",
   "author": "Aksel | NAV",
   "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
   "repository": {
@@ -35,8 +35,8 @@
     "dev": "yarn watch:lint"
   },
   "devDependencies": {
-    "@navikt/ds-css": "^5.4.1",
-    "@navikt/ds-tokens": "^5.4.1",
+    "@navikt/ds-css": "^5.6.0",
+    "@navikt/ds-tokens": "^5.6.0",
     "@types/jest": "^29.0.0",
     "concurrently": "7.2.1",
     "copyfiles": "2.4.1",