@navikt/ds-css 7.10.0 → 7.12.0

package/darkside/tag.darkside.css

@@ -25,7 +25,7 @@
   --__axc-tag-border: var(--ax-border-info);
   --__axc-tag-bg: var(--ax-bg-info-moderateA);
   --__axc-tag-bg-strong: var(--ax-bg-info-strong);
-  --__axc-tag-text: var(--ax-text-info-strong);
+  --__axc-tag-text: var(--ax-text-info);
   --__axc-tag-text-strong: var(--ax-text-info-contrast);
 }
 
@@ -33,7 +33,7 @@
   --__axc-tag-border: var(--ax-border-success);
   --__axc-tag-bg: var(--ax-bg-success-moderateA);
   --__axc-tag-bg-strong: var(--ax-bg-success-strong);
-  --__axc-tag-text: var(--ax-text-success-strong);
+  --__axc-tag-text: var(--ax-text-success);
   --__axc-tag-text-strong: var(--ax-text-success-contrast);
 }
 
@@ -41,7 +41,7 @@
   --__axc-tag-border: var(--ax-border-warning);
   --__axc-tag-bg: var(--ax-bg-warning-moderateA);
   --__axc-tag-bg-strong: var(--ax-bg-warning-strong);
-  --__axc-tag-text: var(--ax-text-warning-strong);
+  --__axc-tag-text: var(--ax-text-warning);
   --__axc-tag-text-strong: var(--ax-text-warning-contrast);
 }
 
@@ -49,34 +49,34 @@
   --__axc-tag-border: var(--ax-border-danger);
   --__axc-tag-bg: var(--ax-bg-danger-moderateA);
   --__axc-tag-bg-strong: var(--ax-bg-danger-strong);
-  --__axc-tag-text: var(--ax-text-danger-strong);
+  --__axc-tag-text: var(--ax-text-danger);
   --__axc-tag-text-strong: var(--ax-text-danger-contrast);
 }
 
 .navds-tag--neutral {
-  --__axc-tag-border: var(--ax-border-default);
-  --__axc-tag-bg: var(--ax-bg-moderateA);
-  --__axc-tag-bg-strong: var(--ax-bg-strong);
-  --__axc-tag-text: var(--ax-text-default);
-  --__axc-tag-text-strong: var(--ax-text-contrast);
+  --__axc-tag-border: var(--ax-border-neutral);
+  --__axc-tag-bg: var(--ax-bg-neutral-moderateA);
+  --__axc-tag-bg-strong: var(--ax-bg-neutral-strong);
+  --__axc-tag-text: var(--ax-text-neutral);
+  --__axc-tag-text-strong: var(--ax-text-neutral-contrast);
 }
 
-.navds-tag--meta-1,
+.navds-tag--meta-purple,
 .navds-tag--alt1 {
-  --__axc-tag-border: var(--ax-border-meta-1);
-  --__axc-tag-bg: var(--ax-bg-meta-1-moderateA);
-  --__axc-tag-bg-strong: var(--ax-bg-meta-1-strong);
-  --__axc-tag-text: var(--ax-text-meta-1-strong);
-  --__axc-tag-text-strong: var(--ax-text-meta-1-contrast);
+  --__axc-tag-border: var(--ax-border-meta-purple);
+  --__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);
+  --__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);
+  --__axc-tag-text: var(--ax-text-meta-purple);
+  --__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
 }
 
-.navds-tag--meta-2,
+.navds-tag--meta-lime,
 .navds-tag--alt2 {
-  --__axc-tag-border: var(--ax-border-meta-2);
-  --__axc-tag-bg: var(--ax-bg-meta-2-moderateA);
-  --__axc-tag-bg-strong: var(--ax-bg-meta-2-strong);
-  --__axc-tag-text: var(--ax-text-meta-2-strong);
-  --__axc-tag-text-strong: var(--ax-text-meta-2-contrast);
+  --__axc-tag-border: var(--ax-border-meta-lime);
+  --__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);
+  --__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);
+  --__axc-tag-text: var(--ax-text-meta-lime);
+  --__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
 }
 
 .navds-tag--small {

package/darkside/theme.darkside.css

@@ -1,5 +1,5 @@
 .navds-theme {
-  color: var(--ax-text-default);
+  color: var(--ax-text-neutral);
 
   &[data-background="true"] {
     background-color: var(--ax-bg-default);

package/darkside/timeline.darkside.css

@@ -32,19 +32,19 @@
 
 .navds-timeline__axislabels-label {
   position: absolute;
-  color: var(--ax-text-subtle);
+  color: var(--ax-text-neutral-subtle);
   white-space: nowrap;
 }
 
 .navds-timeline__row {
   display: flex;
-  background: var(--ax-bg-soft);
+  background: var(--ax-bg-neutral-softA);
   margin: var(--ax-space-16) 0;
   grid-column: 2;
 }
 
 .navds-timeline__row--active {
-  background: var(--ax-bg-accent-moderateA);
+  background: var(--ax-bg-accent-moderate);
 }
 
 .navds-timeline__row:last-of-type {
@@ -64,11 +64,11 @@
 
 .navds-timeline__period:focus-visible {
   z-index: 4;
-  outline: 2px solid var(--ax-border-focus);
-  outline-offset: 2px;
+  outline: 3px solid var(--ax-border-focus);
+  outline-offset: 3px;
 
   && {
-    box-shadow: 0 0 0 2px var(--ax-bg-default);
+    box-shadow: 0 0 0 3px var(--ax-bg-default);
   }
 }
 
@@ -109,6 +109,7 @@
 
   &.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-success-moderate-hover);
+    border-color: var(--ax-border-success-strong);
   }
 
   &.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -125,6 +126,7 @@
 
   &.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-warning-moderate-hover);
+    border-color: var(--ax-border-warning-strong);
   }
 
   &.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -141,6 +143,7 @@
 
   &.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-danger-moderate-hover);
+    border-color: var(--ax-border-danger-strong);
   }
 
   &.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -157,6 +160,7 @@
 
   &.navds-timeline__period--clickable:hover {
     background: var(--ax-bg-info-moderate-hover);
+    border-color: var(--ax-border-info-strong);
   }
 
   &.navds-timeline__period--clickable.navds-timeline__period--selected {
@@ -167,18 +171,19 @@
 }
 
 .navds-timeline__period--neutral {
-  background: var(--ax-bg-moderate);
-  border: solid 1px var(--ax-border-default);
-  color: var(--ax-text-icon);
+  background: var(--ax-bg-neutral-moderate);
+  border: solid 1px var(--ax-border-neutral);
+  color: var(--ax-text-neutral-icon);
 
   &.navds-timeline__period--clickable:hover {
-    background: var(--ax-bg-moderate-hover);
+    background: var(--ax-bg-neutral-moderate-hover);
+    border-color: var(--ax-border-neutral-strong);
   }
 
   &.navds-timeline__period--clickable.navds-timeline__period--selected {
-    background: var(--ax-bg-strong-pressed);
+    background: var(--ax-bg-neutral-strong-pressed);
     border: none;
-    color: var(--ax-text-contrast);
+    color: var(--ax-text-neutral-contrast);
   }
 }
 
@@ -237,9 +242,9 @@
   &:focus-visible {
     box-shadow:
       inset 0 0 0 4px var(--ax-border-danger-strong),
-      0 0 0 2px var(--ax-bg-default);
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+      0 0 0 3px var(--ax-bg-default);
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
   }
 }
 
@@ -249,7 +254,7 @@
   height: calc(100% - var(--navdsc-timeline-pin-size) * 2);
   width: 1px;
   margin: 0 auto;
-  background: var(--ax-border-strong);
+  background: var(--ax-border-neutral-strong);
 }
 
 .navds-timeline__zoom {
@@ -263,7 +268,7 @@
   all: unset;
   cursor: pointer;
   padding: 6px 9px 6px 8px;
-  border: 1px solid var(--ax-border-default);
+  border: 1px solid var(--ax-border-neutral);
   border-width: 1px 0 1px 1px;
   background: var(--ax-bg-default);
 }
@@ -282,13 +287,13 @@
 }
 
 .navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
-  background: var(--ax-bg-moderate-hoverA);
+  background: var(--ax-bg-neutral-moderate-hoverA);
 }
 
 .navds-timeline__zoom-button[aria-pressed="true"] {
-  background: var(--ax-bg-strong-pressed);
-  border-color: var(--ax-bg-strong-pressed);
-  color: var(--ax-text-contrast);
+  background: var(--ax-bg-neutral-strong-pressed);
+  border-color: var(--ax-bg-neutral-strong-pressed);
+  color: var(--ax-text-neutral-contrast);
 }
 
 .navds-timeline__zoom li:focus-within {
@@ -298,7 +303,7 @@
 .navds-timeline__zoom-button:focus-visible {
   box-shadow:
     0 0 0 1px var(--ax-bg-default),
-    0 0 0 3px var(--ax-border-focus);
+    0 0 0 4px var(--ax-border-focus);
   border-width: 1px;
 }
 
@@ -316,15 +321,15 @@
   background-color: var(--ax-bg-raised);
   box-shadow: var(--ax-shadow-dialog);
   border: 1px solid;
-  border-color: var(--ax-border-subtleA);
+  border-color: var(--ax-border-neutral-subtleA);
   border-radius: var(--ax-border-radius-large);
   padding: var(--ax-space-16) var(--ax-space-20);
 }
 
 @media (forced-colors: active) {
   .navds-timeline__period:focus {
-    outline: 2px solid highlight;
-    outline-offset: 2px;
+    outline: 3px solid highlight;
+    outline-offset: 3px;
   }
 
   .navds-timeline__period--success,
@@ -350,7 +355,7 @@
   .navds-timeline__pin-button:focus,
   .navds-timeline__pin-button:focus-visible {
     outline: 4px solid highlight;
-    outline-offset: 2px;
+    outline-offset: 3px;
     box-shadow: none;
   }
 }

package/darkside/toggle-group.darkside.css

@@ -10,9 +10,9 @@
 
 /* Main Togglegroup */
 .navds-toggle-group {
-  border-radius: var(--ax-border-radius-medium);
+  border-radius: var(--ax-border-radius-large);
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px var(--ax-border-default);
+  box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
   display: inline-grid;
   grid-auto-flow: column;
   grid-auto-columns: 1fr;
@@ -29,19 +29,19 @@
   border: none;
   cursor: pointer;
   background-color: transparent;
-  color: var(--ax-text-default);
-  border-radius: var(--ax-border-radius-medium);
+  color: var(--ax-text-neutral);
+  border-radius: var(--ax-border-radius-large);
   min-width: fit-content;
   position: relative;
 
   &:hover {
     background-color: var(--ax-bg-accent-moderate-hoverA);
-    color: var(--ax-text-default);
+    color: var(--ax-text-neutral);
   }
 
   &:focus-visible {
-    outline: 2px solid var(--ax-border-focus);
-    outline-offset: 2px;
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
     z-index: 1;
   }
 
@@ -55,7 +55,7 @@
     display: block;
     width: 1px;
     height: 50%;
-    background-color: var(--ax-border-subtleA);
+    background-color: var(--ax-border-neutral-subtleA);
     left: -1px;
     position: absolute;
   }
@@ -78,12 +78,12 @@
 /* Modifier neutral variant */
 :where(.navds-toggle-group--neutral) .navds-toggle-group__button {
   &:hover {
-    background-color: var(--ax-bg-moderate-hoverA);
+    background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
   &[data-selected="true"] {
-    background-color: var(--ax-bg-strong-pressed);
-    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
   }
 }
 

package/darkside/tooltip.darkside.css

@@ -1,7 +1,7 @@
 .navds-tooltip {
   z-index: 3000;
   background-color: var(--ax-bg-raised);
-  color: var(--ax-text-default);
+  color: var(--ax-text-neutral);
   border-radius: var(--ax-border-radius-medium);
   padding: 0 var(--ax-space-6);
   align-items: center;
@@ -10,7 +10,7 @@
   animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
   animation-duration: 150ms;
   text-align: center;
-  border: 1px solid var(--ax-border-subtleA);
+  border: 1px solid var(--ax-border-neutral-subtleA);
   box-shadow: var(--ax-shadow-dialog);
 }
 
@@ -88,7 +88,7 @@
 
 .navds-tooltip__key {
   font-family: var(--ax-font-family);
-  color: var(--ax-text-default);
+  color: var(--ax-text-neutral);
   padding: 0 var(--ax-space-4);
   min-width: 1.125rem;
   height: 1.125rem;
@@ -96,7 +96,7 @@
   align-items: center;
   justify-content: center;
   border-radius: var(--ax-border-radius-small);
-  background: var(--ax-bg-moderateA);
+  background: var(--ax-bg-neutral-moderateA);
 
   @media (forced-colors: active) {
     & {

package/darkside/typography.darkside.css

@@ -8,6 +8,7 @@
   font-size: var(--ax-font-size-heading-2xlarge);
   letter-spacing: -0.01em;
   line-height: var(--ax-font-line-height-heading-2xlarge);
+  font-weight: 650;
 }
 
 .navds-heading--xlarge.navds-typo--spacing {
@@ -18,6 +19,7 @@
   font-size: var(--ax-font-size-heading-xlarge);
   letter-spacing: -0.008em;
   line-height: var(--ax-font-line-height-heading-xlarge);
+  font-weight: 650;
 }
 
 .navds-heading--large.navds-typo--spacing {
@@ -51,6 +53,7 @@
   font-size: var(--ax-font-size-heading-medium);
   letter-spacing: -0.002em;
   line-height: var(--ax-font-line-height-heading-medium);
+  font-weight: 650;
 }
 
 .navds-heading--medium.navds-typo--spacing {
@@ -203,7 +206,7 @@
 }
 
 .navds-error-message {
-  color: var(--ax-text-danger);
+  color: var(--ax-text-danger-subtle);
 
   &.navds-error-message--show-icon {
     display: flex;
@@ -255,5 +258,5 @@
 }
 
 .navds-typo--color-subtle {
-  color: var(--ax-text-subtle);
+  color: var(--ax-text-neutral-subtle);
 }

package/dist/component/expansioncard.css

@@ -123,6 +123,7 @@
   min-width: 3rem;
   font-size: 1.5rem;
   align-self: flex-start;
+  padding: 0;
 }
 
 .navds-expansioncard--small > :where(.navds-expansioncard__header) > :where(.navds-expansioncard__header-button) {

package/dist/component/expansioncard.min.css

@@ -1,3 +1,3 @@
 .navds-expansioncard{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-color,var(--a-border-default));--__ac-expansioncard-border-radius:var(--ac-expansioncard-border-radius,var(--a-border-radius-large));--__ac-expansioncard-border-width:1px;--__ac-expansioncard-padding-block:var(--a-spacing-4);--__ac-expansioncard-padding-inline:var(--a-spacing-6);background-color:var(--ac-expansioncard-bg,var(--a-surface-default));border-radius:var(--__ac-expansioncard-border-radius);height:fit-content}.navds-expansioncard--open{--__ac-expansioncard-border-color:var(
     --ac-expansioncard-border-open-color,var(--ac-expansioncard-border-color,var(--a-border-default))
-  )}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline);position:relative;width:100%}.navds-expansioncard--small{--__ac-expansioncard-padding-block:var(--a-spacing-3);--__ac-expansioncard-padding-inline:var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header):after{background-color:var(--a-border-divider);bottom:0;content:"";height:1px;left:var(--__ac-expansioncard-padding-inline);opacity:1;position:absolute;transition:opacity .1s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - var(--__ac-expansioncard-padding-inline)*2)}.navds-expansioncard--open>:where(.navds-expansioncard__header:hover):after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small>:where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background:#0000;border:none;border-radius:var(--ac-expansioncard-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;font-size:1.5rem;margin:0;min-height:3rem;min-width:3rem;place-content:center}.navds-expansioncard--small>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button){min-height:2rem;min-width:2rem}:where(.navds-expansioncard__header):hover>:where(.navds-expansioncard__header-button){background-color:var(--a-surface-hover)}.navds-expansioncard__header-chevron{transition:transform .15s ease-in-out}.navds-expansioncard--open>:where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron){transform:translateY(0) rotate(180deg)}.navds-expansioncard__header-button:hover>:where(.navds-expansioncard__header-chevron){transform:translateY(1px)}.navds-expansioncard__header-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}@supports not selector(:focus-visible){.navds-expansioncard__header-button:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}}.navds-expansioncard--open>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron){transform:translateY(-1px) rotate(180deg)}.navds-expansioncard__header-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-5);border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-end-end-radius:var(--__ac-expansioncard-border-radius);border-end-start-radius:var(--__ac-expansioncard-border-radius);border-top:none;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline) var(--__ac-expansioncard-padding-inline)}.navds-expansioncard--small .navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-4)}.navds-expansioncard__content--closed{display:none}:where(.navds-expansioncard__header):hover+.navds-expansioncard__content{box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__content-inner{animation:fadeExpansionCard .25s ease}.navds-expansioncard--no-animation :where(.navds-expansioncard__content-inner){animation:none}@keyframes fadeExpansionCard{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-expansioncard:hover{--__ac-expansioncard-border-color:highlight;outline:1px solid highlight}}
+  )}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline);position:relative;width:100%}.navds-expansioncard--small{--__ac-expansioncard-padding-block:var(--a-spacing-3);--__ac-expansioncard-padding-inline:var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header):after{background-color:var(--a-border-divider);bottom:0;content:"";height:1px;left:var(--__ac-expansioncard-padding-inline);opacity:1;position:absolute;transition:opacity .1s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - var(--__ac-expansioncard-padding-inline)*2)}.navds-expansioncard--open>:where(.navds-expansioncard__header:hover):after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small>:where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background:#0000;border:none;border-radius:var(--ac-expansioncard-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;font-size:1.5rem;margin:0;min-height:3rem;min-width:3rem;padding:0;place-content:center}.navds-expansioncard--small>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button){min-height:2rem;min-width:2rem}:where(.navds-expansioncard__header):hover>:where(.navds-expansioncard__header-button){background-color:var(--a-surface-hover)}.navds-expansioncard__header-chevron{transition:transform .15s ease-in-out}.navds-expansioncard--open>:where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron){transform:translateY(0) rotate(180deg)}.navds-expansioncard__header-button:hover>:where(.navds-expansioncard__header-chevron){transform:translateY(1px)}.navds-expansioncard__header-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}@supports not selector(:focus-visible){.navds-expansioncard__header-button:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}}.navds-expansioncard--open>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron){transform:translateY(-1px) rotate(180deg)}.navds-expansioncard__header-button:after{content:"";cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:1}.navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-5);border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-end-end-radius:var(--__ac-expansioncard-border-radius);border-end-start-radius:var(--__ac-expansioncard-border-radius);border-top:none;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline) var(--__ac-expansioncard-padding-inline)}.navds-expansioncard--small .navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-4)}.navds-expansioncard__content--closed{display:none}:where(.navds-expansioncard__header):hover+.navds-expansioncard__content{box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__content-inner{animation:fadeExpansionCard .25s ease}.navds-expansioncard--no-animation :where(.navds-expansioncard__content-inner){animation:none}@keyframes fadeExpansionCard{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-expansioncard:hover{--__ac-expansioncard-border-color:highlight;outline:1px solid highlight}}

package/dist/component/form.css

@@ -487,6 +487,10 @@ li.navds-file-item {
     0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action-hover)),
     0 0 0 4px var(--a-border-focus);
 }
+/* Temp-fix to remove new darkside indeterminate node */
+.navds-checkbox__icon-indeterminate {
+  display: none;
+}
 .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
   content: "";
   position: absolute;