@navikt/ds-css 7.9.1 → 7.10.0

package/dist/index.css

@@ -5,7 +5,7 @@
  */
 
 :root, :host {
-  --ax-version: "7.9.1";
+  --ax-version: "7.10.0";
   --a-spacing-1-alt: 0.375rem;
   --a-spacing-05: 0.125rem;
   --a-spacing-32: 8rem;
@@ -135,6 +135,28 @@
   --a-nav-red: rgba(195, 0, 0, 1);
   --a-white: rgba(255, 255, 255, 1);
   --a-transparent: rgba(255, 255, 255, 0);
+  --a-space-0: 0rem;
+  --a-space-1: .0625rem;
+  --a-space-2: .125rem;
+  --a-space-4: .25rem;
+  --a-space-6: .375rem;
+  --a-space-8: .5rem;
+  --a-space-12: .75rem;
+  --a-space-16: 1rem;
+  --a-space-20: 1.25rem;
+  --a-space-24: 1.5rem;
+  --a-space-28: 1.75rem;
+  --a-space-32: 2rem;
+  --a-space-36: 2.25rem;
+  --a-space-40: 2.5rem;
+  --a-space-44: 2.75rem;
+  --a-space-48: 3rem;
+  --a-space-56: 3.5rem;
+  --a-space-64: 4rem;
+  --a-space-72: 4.5rem;
+  --a-space-80: 5rem;
+  --a-space-96: 6rem;
+  --a-space-128: 8rem;
   --a-border-radius-full: 9999px;
   --a-border-radius-xlarge: 12px;
   --a-border-radius-large: 8px;
@@ -2097,7 +2119,7 @@ body,
 
 /* Loader overrides */
 
-.navds-button .navds-loader {
+.navds-button > .navds-loader {
   position: absolute;
 }
 
@@ -6823,42 +6845,42 @@ button.navds-internalheader__title:active,
 }
 
 .navds-tag--alt1,
-.navds-tag--outline.navds-tag--meta-purple {
+.navds-tag--outline.navds-tag--meta-1 {
   border-color: var(--ac-tag-alt-1-border, var(--a-border-alt-1));
   background-color: var(--ac-tag-alt-1-bg, var(--a-surface-alt-1-subtle));
   color: var(--ac-tag-alt-1-text, var(--a-text-default));
 }
 
 .navds-tag--alt1-filled,
-.navds-tag--strong.navds-tag--meta-purple {
+.navds-tag--strong.navds-tag--meta-1 {
   border-color: transparent;
   background-color: var(--ac-tag-alt-1-filled-bg, var(--a-surface-alt-1));
   color: var(--ac-tag-alt-1-filled-text, var(--a-text-on-alt-1));
 }
 
 .navds-tag--alt1-moderate,
-.navds-tag--moderate.navds-tag--meta-purple {
+.navds-tag--moderate.navds-tag--meta-1 {
   border-color: transparent;
   background-color: var(--ac-tag-alt-1-moderate-bg, var(--a-surface-alt-1-moderate));
   color: var(--ac-tag-alt-1-moderate-text, var(--a-text-default));
 }
 
 .navds-tag--alt2,
-.navds-tag--outline.navds-tag--meta-lime {
+.navds-tag--outline.navds-tag--meta-2 {
   border-color: var(--ac-tag-alt-2-border, var(--a-border-alt-2));
   background-color: var(--ac-tag-alt-2-bg, var(--a-surface-alt-2-subtle));
   color: var(--ac-tag-alt-2-text, var(--a-text-default));
 }
 
 .navds-tag--alt2-filled,
-.navds-tag--strong.navds-tag--meta-lime {
+.navds-tag--strong.navds-tag--meta-2 {
   border-color: transparent;
   background-color: var(--ac-tag-alt-2-filled-bg, var(--a-surface-alt-2));
   color: var(--ac-tag-alt-2-filled-text, var(--a-text-on-alt-2));
 }
 
 .navds-tag--alt2-moderate,
-.navds-tag--moderate.navds-tag--meta-lime {
+.navds-tag--moderate.navds-tag--meta-2 {
   border-color: transparent;
   background-color: var(--ac-tag-alt-2-moderate-bg, var(--a-surface-alt-2-moderate));
   color: var(--ac-tag-alt-2-moderate-text, var(--a-text-default));
@@ -8411,7 +8433,7 @@ button.navds-stepper__step {
   flex-shrink: 0;
 }
 
-.navds-table__expandable-row:not(.navds-table__expandable-row--open) .navds-table__data-cell {
+.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
   transition: border-bottom-color 190ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
 }
 
@@ -8419,14 +8441,10 @@ button.navds-stepper__step {
   cursor: pointer;
 }
 
-.navds-table__expandable-row--open .navds-table__data-cell {
+.navds-table__expandable-row--open :where(.navds-table__data-cell, .navds-table__header-cell) {
   border-bottom-color: transparent;
 }
 
-.navds-table__expandable-row--open .navds-table__header-cell {
-  border-color: var(--ac-table-row-border, var(--a-border-default));
-}
-
 .navds-table__expandable-row--open .navds-table__toggle-expand-cell--open {
   border-color: transparent;
 }
@@ -8508,11 +8526,29 @@ button.navds-stepper__step {
 }
 
 .navds-table__expanded-row-content {
-  padding: var(--a-spacing-4) calc(var(--a-spacing-2) + 3rem);
+  --__ac-table-expanded-row-pi: calc(var(--a-spacing-2) + 3rem);
+
+  padding-block: var(--a-spacing-4);
 }
 
 .navds-table--small .navds-table__expanded-row-content {
-  padding: var(--a-spacing-2) calc(var(--a-spacing-2) + 3rem);
+  padding-block: var(--a-spacing-2);
+}
+
+.navds-table__expanded-row-content--gutter-both {
+  padding-inline: var(--__ac-table-expanded-row-pi);
+}
+
+.navds-table__expanded-row-content--gutter-left {
+  padding-inline: var(--__ac-table-expanded-row-pi) var(--a-spacing-2);
+}
+
+.navds-table__expanded-row-content--gutter-right {
+  padding-inline: var(--a-spacing-2) var(--__ac-table-expanded-row-pi);
+}
+
+.navds-table__expanded-row-content--gutter-none {
+  padding-inline: var(--a-spacing-2);
 }
 
 @media (forced-colors: active) {