@navikt/ds-css 7.9.1 → 7.9.2

package/dist/darkside/version/{7.9.1 → 7.9.2}/component/readmore.css

@@ -2,14 +2,14 @@
   .navds-read-more {
     --__axc-read-more-icon-size: 1.5rem;
     --__axc-read-more-pi-start: 0px;
-    --__axc-read-more-pi-end: var(--ax-spacing-1);
-    --__axc-read-more-pb: var(--ax-spacing-1);
+    --__axc-read-more-pi-end: var(--ax-space-4);
+    --__axc-read-more-pb: var(--ax-space-4);
   }
 
   .navds-read-more__button {
     cursor: pointer;
     align-items: flex-start;
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     color: var(--ax-text-accent);
     padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
     padding-block: var(--__axc-read-more-pb);
@@ -34,7 +34,7 @@
   }
 
   .navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
     color: var(--ax-text-accent-strong);
   }
 
@@ -49,21 +49,21 @@
   }
 
   .navds-read-more[data-volume="high"].navds-read-more--large {
-    --__axc-read-more-pi-start: var(--ax-spacing-3);
-    --__axc-read-more-pi-end: var(--ax-spacing-6);
+    --__axc-read-more-pi-start: var(--ax-space-12);
+    --__axc-read-more-pi-end: var(--ax-space-24);
   }
 
   .navds-read-more[data-volume="high"].navds-read-more--small, .navds-read-more[data-volume="high"].navds-read-more--medium {
-    --__axc-read-more-pi-start: var(--ax-spacing-2);
-    --__axc-read-more-pi-end: var(--ax-spacing-4);
+    --__axc-read-more-pi-start: var(--ax-space-8);
+    --__axc-read-more-pi-end: var(--ax-space-16);
   }
 
   .navds-read-more__content {
-    margin-top: var(--ax-spacing-2);
-    border-left: 2px solid var(--ax-border-neutral-subtleA);
+    margin-top: var(--ax-space-8);
+    border-left: 2px solid var(--ax-border-subtleA);
     color: var(--ax-text-default);
     margin-left: calc(var(--__axc-read-more-pi-start)  + var(--__axc-read-more-icon-size) / 2 - 1px);
-    padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-spacing-1));
+    padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
   }
 
   .navds-read-more__content[data-state="closed"] {
@@ -77,12 +77,12 @@
   }
 
   .navds-read-more--large {
-    --__axc-read-more-pb: var(--ax-spacing-3);
+    --__axc-read-more-pb: var(--ax-space-12);
   }
 
   .navds-read-more--small {
     --__axc-read-more-icon-size: 1.25rem;
-    --__axc-read-more-pb: var(--ax-spacing-05);
+    --__axc-read-more-pb: var(--ax-space-2);
   }
 
   @media (forced-colors: active) {

package/dist/darkside/version/7.9.2/component/readmore.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-read-more{--__axc-read-more-icon-size:1.5rem;--__axc-read-more-pi-start:0px;--__axc-read-more-pi-end:var(--ax-space-4);--__axc-read-more-pb:var(--ax-space-4)}.navds-read-more__button{cursor:pointer;align-items:flex-start;gap:var(--ax-space-4);color:var(--ax-text-accent);padding-inline:var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);padding-block:var(--__axc-read-more-pb);text-align:start;background:0 0;border:none;margin:0;display:flex}.navds-read-more__button:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-read-more__button[data-state=open] .navds-read-more__expand-icon{transform:rotateX(-180deg)}.navds-read-more:is([data-volume=low],:not([data-volume])) .navds-read-more__button{border-radius:var(--ax-border-radius-medium)}.navds-read-more:is([data-volume=low],:not([data-volume])) .navds-read-more__button:hover{background-color:var(--ax-bg-hoverA);color:var(--ax-text-accent-strong)}.navds-read-more[data-volume=high] .navds-read-more__button{background-color:var(--ax-bg-accent-moderate);border-radius:var(--ax-border-radius-full)}.navds-read-more[data-volume=high] .navds-read-more__button:hover{background-color:var(--ax-bg-accent-moderate-hoverA);color:var(--ax-text-accent-strong)}.navds-read-more[data-volume=high].navds-read-more--large{--__axc-read-more-pi-start:var(--ax-space-12);--__axc-read-more-pi-end:var(--ax-space-24)}.navds-read-more[data-volume=high].navds-read-more--medium,.navds-read-more[data-volume=high].navds-read-more--small{--__axc-read-more-pi-start:var(--ax-space-8);--__axc-read-more-pi-end:var(--ax-space-16)}.navds-read-more__content{margin-top:var(--ax-space-8);border-left:2px solid var(--ax-border-subtleA);color:var(--ax-text-default);margin-left:calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size)/ 2 - 1px);padding-left:calc(var(--__axc-read-more-icon-size)/ 2 - 1px + var(--ax-space-4))}.navds-read-more__content[data-state=closed]{display:none}.navds-read-more__expand-icon{font-size:var(--__axc-read-more-icon-size);flex-shrink:0;transition:transform .1s cubic-bezier(.2, 0, 0, 1)}.navds-read-more--large{--__axc-read-more-pb:var(--ax-space-12)}.navds-read-more--small{--__axc-read-more-icon-size:1.25rem;--__axc-read-more-pb:var(--ax-space-2)}@media (forced-colors:active){.navds-read-more__button{color:buttontext;background-color:buttonface;border:1px solid buttontext}}}

package/dist/darkside/version/{7.9.1 → 7.9.2}/component/skeleton.css

@@ -1,6 +1,6 @@
 @layer aksel.components {
   .navds-skeleton {
-    background-color: var(--ax-bg-neutral-moderateA);
+    background-color: var(--ax-bg-moderateA);
     pointer-events: none;
     height: 1.3em;
     animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;

package/dist/darkside/version/7.9.2/component/skeleton.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-skeleton{background-color:var(--ax-bg-moderateA);pointer-events:none;height:1.3em;animation:2s cubic-bezier(.4,0,.6,1) infinite akselSkeletonAnimation}.navds-skeleton--inline{display:inline-block}.navds-skeleton--has-children{color:transparent}.navds-skeleton--has-children>*{visibility:hidden}.navds-skeleton--has-children.navds-skeleton--no-height{height:auto}.navds-skeleton--has-children.navds-skeleton--no-width{width:fit-content}.navds-skeleton--text{transform-origin:0 55%;border-radius:var(--ax-border-radius-large);height:auto;transform:scale(1,.6)}.navds-skeleton--text:empty:before{content:" "}.navds-skeleton--circle{border-radius:var(--ax-border-radius-full)}.navds-skeleton--rectangle{border-radius:0}.navds-skeleton--rounded{border-radius:var(--ax-border-radius-xlarge)}@keyframes akselSkeletonAnimation{50%{opacity:.5}}@media (forced-colors:active){.navds-skeleton{forced-color-adjust:none;opacity:.2;background-color:canvastext;animation-duration:2s}}}

package/dist/darkside/version/{7.9.1 → 7.9.2}/component/stepper.css

@@ -15,7 +15,7 @@
     grid-template-rows: [line-1] auto [step-start] var(--__axc-stepper-circle-size) [line-2 step-end] auto;
     grid-template-columns: var(--__axc-stepper-circle-size) auto;
     justify-items: flex-start;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     display: grid;
   }
 
@@ -29,11 +29,11 @@
   }
 
   .navds-stepper__item--non-interactive .navds-stepper__line {
-    background-color: var(--ax-border-neutral-strong);
+    background-color: var(--ax-border-strong);
   }
 
   .navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
-    background-color: var(--ax-border-neutral-strong);
+    background-color: var(--ax-border-strong);
   }
 
   .navds-stepper__line--1 {
@@ -52,7 +52,7 @@
   .navds-stepper__step {
     grid-area: 2 / 1 / -1 / -1;
     grid-template-columns: [circle] var(--__axc-stepper-circle-size) [content] auto;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     cursor: pointer;
     padding: var(--__axc-stepper-border-width);
     margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
@@ -137,23 +137,23 @@
   }
 
   .navds-stepper__step[data-interactive="false"] {
-    color: var(--ax-text-neutral);
+    color: var(--ax-text-default);
     cursor: default;
   }
 
   .navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
-    color: var(--ax-text-neutral);
-    border-color: var(--ax-border-neutral-strong);
+    color: var(--ax-text-default);
+    border-color: var(--ax-border-strong);
   }
 
   .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__content {
-    color: var(--ax-text-neutral-strong);
+    color: var(--ax-text-subtle);
   }
 
   .navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
-    color: var(--ax-text-neutral-contrast);
-    background-color: var(--ax-bg-neutral-strong-pressed);
-    border-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-contrast);
+    background-color: var(--ax-bg-strong-pressed);
+    border-color: var(--ax-bg-strong-pressed);
   }
 
   .navds-stepper__content {

package/dist/darkside/version/7.9.2/component/stepper.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-stepper{--__axc-stepper-circle-size:1.75rem;--__axc-stepper-border-width:2px;--__axc-stepper-line-length:1rem;color:var(--ax-text-accent);font-weight:var(--ax-font-weight-bold);margin:0;padding-left:0;line-height:1;list-style:none}.navds-stepper__item{grid-template-rows:[line-1] auto [step-start] var(--__axc-stepper-circle-size) [line-2 step-end] auto;grid-template-columns:var(--__axc-stepper-circle-size) auto;justify-items:flex-start;gap:var(--ax-space-8);display:grid}.navds-stepper__line{background-color:var(--ax-border-accent);width:var(--__axc-stepper-border-width);height:100%;min-height:var(--__axc-stepper-line-length);grid-column:1;justify-self:center}.navds-stepper__item--non-interactive .navds-stepper__line{background-color:var(--ax-border-strong)}.navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive=false]) .navds-stepper__line--2{background-color:var(--ax-border-strong)}.navds-stepper__line--1{grid-row:line-1;display:none}.navds-stepper__line--2{grid-row:line-2}.navds-stepper__item:last-of-type .navds-stepper__line--2{display:none}.navds-stepper__step{grid-area:2/1/-1/-1;grid-template-columns:[circle] var(--__axc-stepper-circle-size) [content] auto;gap:var(--ax-space-8);cursor:pointer;padding:var(--__axc-stepper-border-width);margin:calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);justify-content:flex-start;display:grid}.navds-stepper__step:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:4px;isolation:isolate}.navds-stepper__item:last-child .navds-stepper__step{margin-bottom:0}.navds-stepper__step:is(button){appearance:none;font:inherit;color:inherit;text-align:inherit;background-color:rgba(0,0,0,0);border:none}.navds-stepper__circle{width:var(--__axc-stepper-circle-size);height:var(--__axc-stepper-circle-size);border:var(--__axc-stepper-border-width) solid currentColor;border-radius:var(--ax-border-radius-full);grid-column:circle;place-items:center;line-height:1;display:inline-grid}.navds-stepper__circle--success{font-size:var(--__axc-stepper-circle-size);background:0 0}.navds-stepper__step[data-interactive=true]{color:var(--ax-text-accent);border-radius:var(--ax-border-radius-medium);text-decoration:none}.navds-stepper__step[data-interactive=true] .navds-stepper__content{text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.05em}:is(.navds-stepper__step[data-interactive=true]:hover,.navds-stepper__step[data-interactive=true]:active) .navds-stepper__content{text-decoration-thickness:.111em}.navds-stepper__step[data-interactive=true]:hover .navds-stepper__circle{color:var(--ax-text-accent-strong)}.navds-stepper__step[data-interactive=true] .navds-stepper__circle{color:var(--ax-text-accent);border-color:var(--ax-border-accent-strong)}.navds-stepper__step[data-interactive=true][data-active=true] .navds-stepper__content{color:var(--ax-text-accent-strong);text-decoration:none}.navds-stepper__step[data-interactive=true][data-active=true] .navds-stepper__circle{color:var(--ax-text-accent-contrast);background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.navds-stepper__step[data-interactive=true][data-active=false]:hover .navds-stepper__circle{background-color:var(--ax-bg-accent-moderate-hoverA);border-color:var(--ax-border-accent-strong)}.navds-stepper__step[data-interactive=false]{color:var(--ax-text-default);cursor:default}.navds-stepper__step[data-interactive=false] .navds-stepper__circle{color:var(--ax-text-default);border-color:var(--ax-border-strong)}.navds-stepper__step[data-interactive=false][data-active=true] .navds-stepper__content{color:var(--ax-text-subtle)}.navds-stepper__step[data-interactive=false][data-active=true] .navds-stepper__circle{color:var(--ax-text-contrast);background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.navds-stepper__content{grid-column:content;min-width:fit-content;padding-top:.035rem;line-height:1.5}.navds-stepper[data-orientation=horizontal]{text-align:center;align-items:flex-start;display:flex}.navds-stepper[data-orientation=horizontal] .navds-stepper__line{height:var(--__axc-stepper-border-width);grid-row:1;align-self:center;width:100%;min-height:auto;display:block}.navds-stepper[data-orientation=horizontal] .navds-stepper__line--1{grid-column:line-1}.navds-stepper[data-orientation=horizontal] .navds-stepper__line--2{grid-column:line-2}.navds-stepper[data-orientation=horizontal] .navds-stepper__item{grid-template-columns:[line-1-start] 1fr [step-start] auto [line-1-end] var(--__axc-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];grid-template-rows:var(--__axc-stepper-circle-size) auto;flex:100%}.navds-stepper[data-orientation=horizontal] .navds-stepper__item:first-of-type .navds-stepper__line--1,.navds-stepper[data-orientation=horizontal] .navds-stepper__item:last-of-type .navds-stepper__line--2{visibility:hidden}.navds-stepper[data-orientation=horizontal] .navds-stepper__step{grid-area:1/step/-1;grid-template-rows:[circle] var(--__axc-stepper-circle-size) [content] auto;grid-template-columns:[content-start] auto [circle] var(--__axc-stepper-circle-size) [content-end] auto;place-items:center;margin-bottom:0;display:grid}.navds-stepper[data-orientation=horizontal] .navds-stepper__circle{grid-area:circle/2}.navds-stepper[data-orientation=horizontal] .navds-stepper__content{grid-area:content/1/content/-1;max-width:24ch}@media (forced-colors:active){.navds-stepper__circle.navds-stepper__circle{outline-offset:2px;border:0;outline:2px solid buttontext}.navds-stepper__line.navds-stepper__line{background-color:buttontext}.navds-stepper__step[data-active=true][data-interactive] .navds-stepper__circle{forced-color-adjust:none;color:highlighttext;background-color:highlight}}}

package/dist/darkside/version/{7.9.1 → 7.9.2}/component/table.css

@@ -14,7 +14,7 @@
   }
 
   .navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
     transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
   }
 
@@ -27,11 +27,11 @@
   }
 
   .navds-table__row--selected {
-    background-color: var(--ax-bg-accent);
+    background-color: var(--ax-bg-accent-soft);
   }
 
   .navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
-    background-color: var(--ax-bg-neutral);
+    background-color: var(--ax-bg-soft);
   }
 
   .navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
@@ -39,11 +39,11 @@
   }
 
   .navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
-    background-color: var(--ax-bg-neutral);
+    background-color: var(--ax-bg-soft);
   }
 
   .navds-table__header-cell, .navds-table__data-cell {
-    padding: var(--ax-spacing-3) var(--ax-spacing-2);
+    padding: var(--ax-space-12) var(--ax-space-8);
     border-bottom: 1px solid var(--ax-border-default);
     text-align: left;
     display: table-cell;
@@ -70,11 +70,11 @@
   }
 
   .navds-table--large .navds-table__header-cell, .navds-table--large .navds-table__data-cell {
-    padding: var(--ax-spacing-4) var(--ax-spacing-2);
+    padding: var(--ax-space-16) var(--ax-space-8);
   }
 
   .navds-table--small .navds-table__header-cell, .navds-table--small .navds-table__data-cell {
-    padding: var(--ax-spacing-1) var(--ax-spacing-2);
+    padding: var(--ax-space-4) var(--ax-space-8);
   }
 
   .navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__input {
@@ -93,8 +93,8 @@
     appearance: none;
     color: var(--ax-text-accent);
     cursor: pointer;
-    padding: var(--ax-spacing-4) var(--ax-spacing-3);
-    gap: var(--ax-spacing-2);
+    padding: var(--ax-space-16) var(--ax-space-12);
+    gap: var(--ax-space-8);
     width: 100%;
     line-height: inherit;
     font-weight: inherit;
@@ -106,11 +106,11 @@
   }
 
   .navds-table--small .navds-table__sort-button {
-    padding: var(--ax-spacing-2) var(--ax-spacing-3);
+    padding: var(--ax-space-8) var(--ax-space-12);
   }
 
   .navds-table__sort-button:hover {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
   }
 
   .navds-table__sort-button:focus-visible {
@@ -136,7 +136,7 @@
     font-size: 1rem;
   }
 
-  .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 .15s cubic-bezier(.95, .05, .8, .04);
   }
 
@@ -144,14 +144,10 @@
     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: rgba(0, 0, 0, 0);
   }
 
-  .navds-table__expandable-row--open .navds-table__header-cell {
-    border-color: var(--ax-border-default);
-  }
-
   .navds-table__expandable-row--open .navds-table__toggle-expand-cell--open {
     border-color: rgba(0, 0, 0, 0);
   }
@@ -162,11 +158,11 @@
   }
 
   .navds-table--large .navds-table__toggle-expand-cell {
-    padding: 0 var(--ax-spacing-2);
+    padding: 0 var(--ax-space-8);
   }
 
   .navds-table--small .navds-table__toggle-expand-cell {
-    padding: var(--ax-spacing-1) var(--ax-spacing-2);
+    padding: var(--ax-space-4) var(--ax-space-8);
   }
 
   .navds-table__toggle-expand-button {
@@ -192,7 +188,7 @@
   }
 
   .navds-table__toggle-expand-button:hover, .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button {
-    background-color: var(--ax-bg-neutral-hoverA);
+    background-color: var(--ax-bg-hoverA);
   }
 
   .navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
@@ -216,10 +212,10 @@
   }
 
   .navds-table__expanded-row-content {
-    padding: var(--ax-spacing-4) calc(var(--ax-spacing-2)  + 3rem);
+    padding: var(--ax-space-16) calc(var(--ax-space-8)  + 3rem);
   }
 
   .navds-table--small .navds-table__expanded-row-content {
-    padding: var(--ax-spacing-2) calc(var(--ax-spacing-2)  + 3rem);
+    padding: var(--ax-space-8) calc(var(--ax-space-8)  + 3rem);
   }
 }

package/dist/darkside/version/7.9.2/component/table.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-table{border-collapse:collapse;width:100%;display:table}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover{background-color:var(--ax-bg-hoverA);transition:background-color 70ms cubic-bezier(.2, 0, 0, 1)}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ax-bg-accent-hoverA)}.navds-table__row{display:table-row}.navds-table__row--selected{background-color:var(--ax-bg-accent-soft)}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ax-bg-soft)}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:rgba(0,0,0,0)}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-soft)}.navds-table__data-cell,.navds-table__header-cell{padding:var(--ax-space-12) var(--ax-space-8);border-bottom:1px solid var(--ax-border-default);text-align:left;display:table-cell}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ax-border-strong)}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:transparent}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--ax-space-16) var(--ax-space-8)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--ax-space-4) var(--ax-space-8)}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{appearance:none;color:var(--ax-text-accent);cursor:pointer;padding:var(--ax-space-16) var(--ax-space-12);gap:var(--ax-space-8);width:100%;line-height:inherit;font-weight:inherit;background:0 0;border:none;align-items:center;margin:0;display:flex}.navds-table--small .navds-table__sort-button{padding:var(--ax-space-8) var(--ax-space-12)}.navds-table__sort-button:hover{background-color:var(--ax-bg-hoverA)}.navds-table__sort-button:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:-4px}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ax-bg-accent-moderate);color:var(--ax-text-accent-strong)}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell,.navds-table__header-cell){transition:border-bottom-color .15s cubic-bezier(.95, .05, .8, .04)}.navds-table__expandable-row.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.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__toggle-expand-cell--open{border-color:transparent}.navds-table__toggle-expand-cell{width:3rem;padding:0}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--ax-space-8)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--ax-space-4) var(--ax-space-8)}.navds-table__toggle-expand-button{cursor:pointer;border-radius:var(--ax-border-radius-medium);background:0 0;border:none;place-content:center;width:2rem;height:2rem;margin:0 auto;font-size:1.5rem;transition:background-color 70ms cubic-bezier(.2, 0, 0, 1);display:grid}.navds-table__expandable-icon{transition:transform .25s cubic-bezier(.2, 0, 0, 1)}.navds-table__expandable-row:not(.navds-table__expandable-row--expansion-disabled) .navds-table__toggle-expand-cell:hover{cursor:pointer}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover,.navds-table__toggle-expand-cell:hover>.navds-table__toggle-expand-button{background-color:var(--ax-bg-hoverA)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){transform:rotateX(180deg)}.navds-table__toggle-expand-button:focus-visible{outline:2px solid var(--ax-border-focus)}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]),.navds-table__expanded-row-collapse[style*="transition:"]{border-bottom:1px solid var(--ax-border-default)}.navds-table__expanded-row-content{padding:var(--ax-space-16) calc(var(--ax-space-8) + 3rem)}.navds-table--small .navds-table__expanded-row-content{padding:var(--ax-space-8) calc(var(--ax-space-8) + 3rem)}}

package/dist/darkside/version/{7.9.1 → 7.9.2}/component/tabs.css

@@ -1,6 +1,6 @@
 @layer aksel.components {
   .navds-tabs__tablist-wrapper {
-    box-shadow: inset 0 -1px var(--ax-border-neutral-subtle);
+    box-shadow: inset 0 -1px var(--ax-border-subtle);
     width: 100%;
     display: flex;
   }
@@ -20,7 +20,7 @@
   }
 
   .navds-tabs__scroll-button {
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
     cursor: pointer;
     justify-content: center;
     align-items: center;
@@ -34,7 +34,7 @@
   }
 
   .navds-tabs--small .navds-tabs__scroll-button {
-    padding: var(--ax-spacing-1-alt) var(--ax-spacing-4);
+    padding: var(--ax-space-6) var(--ax-space-16);
     width: 2rem;
   }
 
@@ -44,11 +44,11 @@
 
   .navds-tabs__tab {
     min-height: 3rem;
-    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+    padding: var(--ax-space-12) var(--ax-space-16);
     color: var(--ax-text-default);
     cursor: pointer;
     --__axc-tabs-line-width: 0;
-    --__axc-tabs-line-color: var(--ax-border-neutral-subtle);
+    --__axc-tabs-line-color: var(--ax-border-subtle);
     box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
     background: none;
     border: none;
@@ -74,7 +74,7 @@
 
   .navds-tabs__tab-inner {
     align-items: center;
-    gap: var(--ax-spacing-1);
+    gap: var(--ax-space-4);
     display: flex;
   }
 
@@ -93,11 +93,11 @@
 
   .navds-tabs__tab--small {
     min-height: 2rem;
-    padding: var(--ax-spacing-1-alt) var(--ax-spacing-4);
+    padding: var(--ax-space-6) var(--ax-space-16);
   }
 
   .navds-tabs__tab-icon--top, .navds-tabs__tab--small.navds-tabs__tab-icon--top {
-    padding: var(--ax-spacing-1) var(--ax-spacing-4);
+    padding: var(--ax-space-4) var(--ax-space-16);
   }
 
   :is(.navds-tabs__tab, .navds-tabs__tab--small.navds-tabs__tab--icon-only, .navds-tabs__tab--small.navds-tabs__tab-icon--top) svg {
@@ -124,15 +124,15 @@
   @media (forced-colors: active) {
     .navds-tabs__tab[data-state="active"] {
       border-bottom: 3px solid canvastext;
-      padding-block-end: calc(var(--ax-spacing-3)  - 3px);
+      padding-block-end: calc(var(--ax-space-12)  - 3px);
     }
 
     .navds-tabs__tab--small[data-state="active"] {
-      padding-block-end: calc(var(--ax-spacing-1-alt)  - 3px);
+      padding-block-end: calc(var(--ax-space-6)  - 3px);
     }
 
     .navds-tabs__tab-icon--top[data-state="active"], .navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state="active"] {
-      padding-block-end: calc(var(--ax-spacing-1)  - 3px);
+      padding-block-end: calc(var(--ax-space-4)  - 3px);
     }
   }
 }

package/dist/darkside/version/7.9.2/component/tabs.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-tabs__tablist-wrapper{box-shadow:inset 0 -1px var(--ax-border-subtle);width:100%;display:flex}.navds-tabs__tablist{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:100%;display:flex;overflow-x:scroll}.navds-tabs__tablist::-webkit-scrollbar{display:none}.navds-tabs__scroll-button{padding:var(--ax-space-12) var(--ax-space-16);cursor:pointer;justify-content:center;align-items:center;width:2.75rem;display:flex}.navds-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.navds-tabs--small .navds-tabs__scroll-button{padding:var(--ax-space-6) var(--ax-space-16);width:2rem}.navds-tabs__scroll-button--hidden{visibility:hidden}.navds-tabs__tab{min-height:3rem;padding:var(--ax-space-12) var(--ax-space-16);color:var(--ax-text-default);cursor:pointer;--__axc-tabs-line-width:0;--__axc-tabs-line-color:var(--ax-border-subtle);box-shadow:inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);background:0 0;border:none;justify-content:center;align-items:center;transition:box-shadow .2s cubic-bezier(.2, 0, 0, 1);display:inline-flex}.navds-tabs__tab:hover{--__axc-tabs-line-width:-4px}.navds-tabs__tab[data-state=active]{--__axc-tabs-line-width:-4px;--__axc-tabs-line-color:var(--ax-border-accent-strong)}.navds-tabs__tab:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:-2px}.navds-tabs__tab-inner{align-items:center;gap:var(--ax-space-4);display:flex}.navds-tabs__tab-inner>*{display:inline-flex}.navds-tabs__tab-inner svg{flex-shrink:0}.navds-tabs__tab-icon--top>.navds-tabs__tab-inner{flex-direction:column;gap:0}.navds-tabs__tab--small{min-height:2rem;padding:var(--ax-space-6) var(--ax-space-16)}.navds-tabs__tab--small.navds-tabs__tab-icon--top,.navds-tabs__tab-icon--top{padding:var(--ax-space-4) var(--ax-space-16)}:is(.navds-tabs__tab,.navds-tabs__tab--small.navds-tabs__tab--icon-only,.navds-tabs__tab--small.navds-tabs__tab-icon--top) svg{font-size:1.25rem}.navds-tabs__tab--small svg{font-size:1rem}:is(.navds-tabs__tab--icon-only,.navds-tabs__tab-icon--top) svg{font-size:1.5rem}.navds-tabs__tab--fill{flex:100%}.navds-tabs__tabpanel:focus-visible{outline:2px solid var(--ax-border-focus);outline-offset:-2px}@media (forced-colors:active){.navds-tabs__tab[data-state=active]{border-bottom:3px solid canvastext;padding-block-end:calc(var(--ax-space-12) - 3px)}.navds-tabs__tab--small[data-state=active]{padding-block-end:calc(var(--ax-space-6) - 3px)}.navds-tabs__tab--small.navds-tabs__tab-icon--top[data-state=active],.navds-tabs__tab-icon--top[data-state=active]{padding-block-end:calc(var(--ax-space-4) - 3px)}}}

package/dist/darkside/version/{7.9.1 → 7.9.2}/component/tag.css

@@ -8,7 +8,7 @@
     --__axc-tag-text: ;
     --__axc-tag-text-strong: ;
     border-radius: var(--ax-border-radius-medium);
-    padding: var(--ax-spacing-05) var(--ax-spacing-2);
+    padding: var(--ax-space-2) var(--ax-space-8);
     justify-content: center;
     align-items: center;
     min-height: 2rem;
@@ -17,7 +17,7 @@
   }
 
   .navds-tag:has(.navds-tag__icon--left) {
-    gap: var(--ax-spacing-05);
+    gap: var(--ax-space-2);
   }
 
   .navds-tag--info, .navds-tag--alt3 {
@@ -53,38 +53,38 @@
   }
 
   .navds-tag--neutral {
-    --__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-strong);
-    --__axc-tag-text-strong: var(--ax-text-neutral-contrast);
+    --__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);
   }
 
-  .navds-tag--meta-purple, .navds-tag--alt1 {
-    --__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-strong);
-    --__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
+  .navds-tag--meta-1, .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);
   }
 
-  .navds-tag--meta-lime, .navds-tag--alt2 {
-    --__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-strong);
-    --__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
+  .navds-tag--meta-2, .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);
   }
 
   .navds-tag--small {
     min-height: 1.5rem;
-    padding: 0 var(--ax-spacing-1-alt);
+    padding: 0 var(--ax-space-6);
     --__axc-tag-icon-size: 1.25rem;
   }
 
   .navds-tag--xsmall {
     min-height: 1.25rem;
-    padding: 0 var(--ax-spacing-1);
+    padding: 0 var(--ax-space-4);
     --__axc-tag-icon-size: 1rem;
     --__axc-tag-icon-margin: -1px;
   }

package/dist/darkside/version/7.9.2/component/tag.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-tag{--__axc-tag-icon-size:1.5rem;--__axc-tag-icon-margin:-2px;--__axc-tag-border: ;--__axc-tag-bg: ;--__axc-tag-bg-strong: ;--__axc-tag-text: ;--__axc-tag-text-strong: ;border-radius:var(--ax-border-radius-medium);padding:var(--ax-space-2) var(--ax-space-8);justify-content:center;align-items:center;min-height:2rem;line-height:1;display:inline-flex}.navds-tag:has(.navds-tag__icon--left){gap:var(--ax-space-2)}.navds-tag--alt3,.navds-tag--info{--__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-strong:var(--ax-text-info-contrast)}.navds-tag--success{--__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-strong:var(--ax-text-success-contrast)}.navds-tag--warning{--__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-strong:var(--ax-text-warning-contrast)}.navds-tag--error{--__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-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)}.navds-tag--alt1,.navds-tag--meta-1{--__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)}.navds-tag--alt2,.navds-tag--meta-2{--__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)}.navds-tag--small{min-height:1.5rem;padding:0 var(--ax-space-6);--__axc-tag-icon-size:1.25rem}.navds-tag--xsmall{min-height:1.25rem;padding:0 var(--ax-space-4);--__axc-tag-icon-size:1rem;--__axc-tag-icon-margin:-1px}.navds-tag__icon--left{font-size:var(--__axc-tag-icon-size);margin-inline-start:var(--__axc-tag-icon-margin);display:flex}.navds-tag--outline{box-shadow:inset 0 0 0 1px var(--__axc-tag-border);background:var(--__axc-tag-bg);color:var(--__axc-tag-text)}.navds-tag--moderate{background:var(--__axc-tag-bg);color:var(--__axc-tag-text)}.navds-tag--strong{background:var(--__axc-tag-bg-strong);color:var(--__axc-tag-text-strong)}@media (forced-colors:active){.navds-tag{forced-color-adjust:none;color:canvastext}.navds-tag--moderate{box-shadow:inset 0 0 0 1px var(--__axc-tag-bg-strong)}.navds-tag--strong{color:canvas}}}

package/dist/darkside/version/{7.9.1 → 7.9.2}/component/timeline.css

@@ -11,7 +11,7 @@
   .navds-timeline__axislabels {
     box-sizing: content-box;
     height: 1rem;
-    margin-bottom: var(--ax-spacing-1);
+    margin-bottom: var(--ax-space-4);
     grid-column: 2;
     position: relative;
   }
@@ -19,9 +19,9 @@
   .navds-timeline__row-label {
     white-space: nowrap;
     width: auto;
-    margin-right: var(--ax-spacing-4);
+    margin-right: var(--ax-space-16);
     align-items: center;
-    gap: var(--ax-spacing-2);
+    gap: var(--ax-space-8);
     grid-column: 1;
     min-height: 1.5rem;
     display: flex;
@@ -38,8 +38,8 @@
   }
 
   .navds-timeline__row {
-    background: var(--ax-bg-neutral);
-    margin: var(--ax-spacing-4) 0;
+    background: var(--ax-bg-soft);
+    margin: var(--ax-space-16) 0;
     grid-column: 2;
     display: flex;
   }
@@ -86,7 +86,7 @@
   }
 
   .navds-timeline__period--inner {
-    margin: 0 var(--ax-spacing-2);
+    margin: 0 var(--ax-space-8);
     white-space: nowrap;
     text-overflow: clip;
     text-align: left;
@@ -168,18 +168,18 @@
   }
 
   .navds-timeline__period--neutral {
-    background: var(--ax-bg-neutral-moderate);
-    border: solid 1px var(--ax-border-neutral);
-    color: var(--ax-text-neutral-icon);
+    background: var(--ax-bg-moderate);
+    border: solid 1px var(--ax-border-default);
+    color: var(--ax-text-icon);
   }
 
   .navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
-    background: var(--ax-bg-neutral-moderate-hover);
+    background: var(--ax-bg-moderate-hover);
   }
 
   .navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
-    background: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
     border: none;
   }
 
@@ -215,7 +215,7 @@
     box-shadow: inset 0 0 0 4px var(--ax-bg-danger-strong);
     z-index: 2;
     border-radius: var(--ax-border-radius-full);
-    padding: var(--ax-spacing-2);
+    padding: var(--ax-space-8);
     border: none;
     position: relative;
   }
@@ -249,7 +249,7 @@
   }
 
   .navds-timeline__zoom {
-    margin-top: var(--ax-spacing-6);
+    margin-top: var(--ax-space-24);
     float: right;
     list-style-type: none;
     display: flex;
@@ -278,13 +278,13 @@
   }
 
   .navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
-    background: var(--ax-bg-neutral-moderate-hoverA);
+    background: var(--ax-bg-moderate-hoverA);
   }
 
   .navds-timeline__zoom-button[aria-pressed="true"] {
-    background: var(--ax-bg-neutral-strong-pressed);
-    border-color: var(--ax-bg-neutral-strong-pressed);
-    color: var(--ax-text-neutral-contrast);
+    background: var(--ax-bg-strong-pressed);
+    border-color: var(--ax-bg-strong-pressed);
+    color: var(--ax-text-contrast);
   }
 
   .navds-timeline__zoom li:focus-within {
@@ -308,7 +308,7 @@
     border: 1px solid;
     border-color: var(--ax-border-subtleA);
     border-radius: var(--ax-border-radius-large);
-    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    padding: var(--ax-space-16) var(--ax-space-20);
   }
 
   @media (forced-colors: active) {

package/dist/darkside/version/7.9.2/component/timeline.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-timeline{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:fit-content;display:grid;position:relative}.navds-timeline__axislabels{box-sizing:content-box;height:1rem;margin-bottom:var(--ax-space-4);grid-column:2;position:relative}.navds-timeline__row-label{white-space:nowrap;width:auto;margin-right:var(--ax-space-16);align-items:center;gap:var(--ax-space-8);grid-column:1;min-height:1.5rem;display:flex}.navds-timeline__row-label:where(:nth-last-child(2)){align-self:flex-end}.navds-timeline__axislabels-label{color:var(--ax-text-subtle);white-space:nowrap;position:absolute}.navds-timeline__row{background:var(--ax-bg-soft);margin:var(--ax-space-16) 0;grid-column:2;display:flex}.navds-timeline__row--active{background:var(--ax-bg-accent-moderateA)}.navds-timeline__row:last-of-type{margin-bottom:0}.navds-timeline__row-periods{width:100%;min-height:1.5rem;margin:0;position:relative}.navds-timeline__row-periods>li{list-style-type:none}.navds-timeline__period:focus-visible{z-index:4;outline:2px solid var(--ax-border-focus);outline-offset:2px}.navds-timeline__period:focus-visible.navds-timeline__period:focus-visible{box-shadow:0 0 0 2px var(--ax-bg-default)}.navds-timeline__period{border-radius:var(--ax-border-radius-full);z-index:2;border:none;align-items:center;height:100%;padding:0;font-size:1rem;display:flex;position:absolute}.navds-timeline__period--inner{margin:0 var(--ax-space-8);white-space:nowrap;text-overflow:clip;text-align:left;align-items:center;display:flex;overflow:hidden}.navds-timeline__period--inner svg{flex-shrink:0}.navds-timeline__period--clickable{cursor:pointer}.navds-timeline__period--success{background:var(--ax-bg-success-moderate);border:solid 1px var(--ax-border-success);color:var(--ax-text-success-icon)}.navds-timeline__period--success.navds-timeline__period--clickable:hover{background:var(--ax-bg-success-moderate-hover)}.navds-timeline__period--success.navds-timeline__period--clickable.navds-timeline__period--selected{background:var(--ax-bg-success-strong-pressed);color:var(--ax-text-success-contrast);border:none}.navds-timeline__period--warning{background:var(--ax-bg-warning-moderate);border:solid 1px var(--ax-border-warning);color:var(--ax-text-warning-icon)}.navds-timeline__period--warning.navds-timeline__period--clickable:hover{background:var(--ax-bg-warning-moderate-hover)}.navds-timeline__period--warning.navds-timeline__period--clickable.navds-timeline__period--selected{background:var(--ax-bg-warning-strong-pressed);color:var(--ax-text-warning-contrast);border:none}.navds-timeline__period--danger{background:var(--ax-bg-danger-moderate);border:solid 1px var(--ax-border-danger);color:var(--ax-text-danger-icon)}.navds-timeline__period--danger.navds-timeline__period--clickable:hover{background:var(--ax-bg-danger-moderate-hover)}.navds-timeline__period--danger.navds-timeline__period--clickable.navds-timeline__period--selected{background:var(--ax-bg-danger-strong-pressed);color:var(--ax-text-danger-contrast);border:none}.navds-timeline__period--info{background:var(--ax-bg-info-moderate);border:solid 1px var(--ax-border-info);color:var(--ax-text-info-icon)}.navds-timeline__period--info.navds-timeline__period--clickable:hover{background:var(--ax-bg-info-moderate-hover)}.navds-timeline__period--info.navds-timeline__period--clickable.navds-timeline__period--selected{background:var(--ax-bg-info-strong-pressed);color:var(--ax-text-info-contrast);border:none}.navds-timeline__period--neutral{background:var(--ax-bg-moderate);border:solid 1px var(--ax-border-default);color:var(--ax-text-icon)}.navds-timeline__period--neutral.navds-timeline__period--clickable:hover{background:var(--ax-bg-moderate-hover)}.navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected{background:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);border:none}.navds-timeline__period--connected-both{border-radius:0}.navds-timeline__period--connected-right{border-top-right-radius:0;border-bottom-right-radius:0}.navds-timeline__period--connected-left{border-top-left-radius:0;border-bottom-left-radius:0}.navds-timeline__pin-wrapper{z-index:1;isolation:isolate;--navdsc-timeline-pin-size:.9rem;flex-direction:column-reverse;grid-column:2;height:100%;display:flex;position:absolute;top:0}.navds-timeline__pin-button{cursor:pointer;background:var(--ax-bg-default);box-shadow:inset 0 0 0 4px var(--ax-bg-danger-strong);z-index:2;border-radius:var(--ax-border-radius-full);padding:var(--ax-space-8);border:none;position:relative}.navds-timeline__pin-button:before{content:"";border-radius:var(--ax-border-radius-full);width:25px;height:25px;position:absolute;inset:-9px 0 0 -9px}.navds-timeline__pin-button:hover{box-shadow:inset 0 0 0 4px var(--ax-bg-danger-strong-hover)}.navds-timeline__pin-button: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}.navds-timeline__pin-wrapper:before{content:"";top:var(--navdsc-timeline-pin-size);height:calc(100% - var(--navdsc-timeline-pin-size) * 2);background:var(--ax-border-strong);width:1px;margin:0 auto}.navds-timeline__zoom{margin-top:var(--ax-space-24);float:right;list-style-type:none;display:flex}.navds-timeline__zoom-button{all:unset;cursor:pointer;border:1px solid var(--ax-border-default);background:var(--ax-bg-default);border-width:1px 0 1px 1px;padding:6px 9px 6px 8px}.navds-timeline__zoom li:first-child .navds-timeline__zoom-button{border-radius:var(--ax-border-radius-medium) 0 0 var(--ax-border-radius-medium)}.navds-timeline__zoom li:last-child .navds-timeline__zoom-button{border-radius:0 var(--ax-border-radius-medium) var(--ax-border-radius-medium) 0;border-width:1px}.navds-timeline__zoom li:only-child .navds-timeline__zoom-button{border-radius:var(--ax-border-radius-medium)}.navds-timeline__zoom-button:not([aria-pressed=true]):hover{background:var(--ax-bg-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)}.navds-timeline__zoom li:focus-within{z-index:5}.navds-timeline__zoom-button:focus-visible{box-shadow:0 0 0 1px var(--ax-bg-default),0 0 0 3px var(--ax-border-focus);border-width:1px}.navds-timeline__zoom li:not(:last-child) .navds-timeline__zoom-button:focus-visible{margin-right:2px;padding-right:6px}.navds-timeline__popover{z-index:5;background-color:var(--ax-bg-raised);box-shadow:var(--ax-shadow-dialog);border:1px solid;border-color:var(--ax-border-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-offset:2px;outline:2px solid highlight}.navds-timeline__period--danger,.navds-timeline__period--info,.navds-timeline__period--neutral,.navds-timeline__period--success,.navds-timeline__period--warning{forced-color-adjust:none}.navds-timeline__pin-wrapper:before,.navds-timeline__row{border:1px solid transparent}.navds-timeline__pin-button{outline:4px solid rgba(0,0,0,0)}.navds-timeline__pin-button:focus,.navds-timeline__pin-button:focus-visible{outline-offset:2px;box-shadow:none;outline:4px solid highlight}}}