@navikt/ds-css 7.20.0 → 7.21.1

package/dist/darkside/component/chips.css

@@ -69,10 +69,12 @@
     box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
     background-color: var(--ax-bg-accent-moderate);
     color: var(--ax-text-accent);
+    transition: box-shadow .2s cubic-bezier(.15, 1, .3, 1);
   }
 
   .aksel-chips__toggle--action:hover {
     background-color: var(--ax-bg-accent-moderate-hover);
+    box-shadow: inset 0 0 0 1px var(--ax-border-accent);
   }
 
   .aksel-chips__toggle--action[data-pressed="true"] {
@@ -89,10 +91,12 @@
     box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
     background-color: var(--ax-bg-neutral-moderate);
     color: var(--ax-text-neutral);
+    transition: box-shadow .2s cubic-bezier(.15, 1, .3, 1);
   }
 
   .aksel-chips__toggle--neutral:hover {
     background-color: var(--ax-bg-neutral-moderate-hover);
+    box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
   }
 
   .aksel-chips__toggle--neutral[data-pressed="true"] {

package/dist/darkside/component/chips.min.css

@@ -1 +1 @@
-@layer aksel.components{.aksel-chips{gap:var(--ax-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aksel-chips li{margin:0;padding:0;list-style:none;display:block}.aksel-chips__chip{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-2);padding:0 var(--ax-space-12);border-radius:var(--ax-border-radius-full);min-height:2rem;margin:0;text-decoration:none;display:flex}.aksel-chips__chip:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-chips--readonly .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-chips--small .aksel-chips__chip{min-height:1.5rem;padding:0 var(--ax-space-8)}.aksel-chips--small .aksel-chips__toggle-icon{width:1rem;height:1rem}.aksel-chips--small .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-4)}.aksel-chips--small .aksel-chips__removable-icon{width:1.25rem;height:1.25rem}.aksel-chips--small .aksel-chips__removable-icon>svg{width:1rem}.aksel-chips--small .aksel-chips--icon-right{padding-right:var(--ax-space-2)}.aksel-chips__toggle--action{box-shadow:inset 0 0 0 1px var(--ax-border-accent-subtleA);background-color:var(--ax-bg-accent-moderate);color:var(--ax-text-accent)}.aksel-chips__toggle--action:hover{background-color:var(--ax-bg-accent-moderate-hover)}.aksel-chips__toggle--action[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.aksel-chips__toggle--action[data-pressed=true]:hover{background-color:var(--ax-bg-accent-strong-hover)}.aksel-chips__toggle--neutral{box-shadow:inset 0 0 0 1px var(--ax-border-neutral-subtleA);background-color:var(--ax-bg-neutral-moderate);color:var(--ax-text-neutral)}.aksel-chips__toggle--neutral:hover{background-color:var(--ax-bg-neutral-moderate-hover)}.aksel-chips__toggle--neutral[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-chips__toggle--neutral[data-pressed=true]:hover{background-color:var(--ax-bg-neutral-strong-hover)}.aksel-chips--medium .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-6)}.aksel-chips__removable{gap:0}.aksel-chips__removable--action{background:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.aksel-chips__removable--action:hover{background:var(--ax-bg-accent-strong-hover)}.aksel-chips__removable--neutral{background:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-chips__removable--neutral:hover{background:var(--ax-bg-neutral-strong-hover)}.aksel-chips__removable-icon{border-radius:var(--ax-border-radius-full);place-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;display:grid}.aksel-chips--icon-left{padding-left:var(--ax-space-6)}.aksel-chips--icon-right{padding-right:var(--ax-space-6)}@media (forced-colors: active){.aksel-chips__chip{border:1px solid rgba(0,0,0,0)}.aksel-chips__chip:hover{color:highlight;background-color:highlighttext}.aksel-chips__chip:where([data-pressed=true],:active,:hover)>span{forced-color-adjust:none}.aksel-chips__toggle[data-pressed=true]{color:selecteditemtext;background-color:selecteditem;border:1px solid selecteditem}.aksel-chips__toggle[data-pressed=true]:hover{color:selecteditem;background-color:selecteditemtext}}}
+@layer aksel.components{.aksel-chips{gap:var(--ax-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aksel-chips li{margin:0;padding:0;list-style:none;display:block}.aksel-chips__chip{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-2);padding:0 var(--ax-space-12);border-radius:var(--ax-border-radius-full);min-height:2rem;margin:0;text-decoration:none;display:flex}.aksel-chips__chip:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-chips--readonly .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-chips--small .aksel-chips__chip{min-height:1.5rem;padding:0 var(--ax-space-8)}.aksel-chips--small .aksel-chips__toggle-icon{width:1rem;height:1rem}.aksel-chips--small .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-4)}.aksel-chips--small .aksel-chips__removable-icon{width:1.25rem;height:1.25rem}.aksel-chips--small .aksel-chips__removable-icon>svg{width:1rem}.aksel-chips--small .aksel-chips--icon-right{padding-right:var(--ax-space-2)}.aksel-chips__toggle--action{box-shadow:inset 0 0 0 1px var(--ax-border-accent-subtleA);background-color:var(--ax-bg-accent-moderate);color:var(--ax-text-accent);transition:box-shadow .2s cubic-bezier(.15,1,.3,1)}.aksel-chips__toggle--action:hover{background-color:var(--ax-bg-accent-moderate-hover);box-shadow:inset 0 0 0 1px var(--ax-border-accent)}.aksel-chips__toggle--action[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.aksel-chips__toggle--action[data-pressed=true]:hover{background-color:var(--ax-bg-accent-strong-hover)}.aksel-chips__toggle--neutral{box-shadow:inset 0 0 0 1px var(--ax-border-neutral-subtleA);background-color:var(--ax-bg-neutral-moderate);color:var(--ax-text-neutral);transition:box-shadow .2s cubic-bezier(.15,1,.3,1)}.aksel-chips__toggle--neutral:hover{background-color:var(--ax-bg-neutral-moderate-hover);box-shadow:inset 0 0 0 1px var(--ax-border-neutral)}.aksel-chips__toggle--neutral[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-chips__toggle--neutral[data-pressed=true]:hover{background-color:var(--ax-bg-neutral-strong-hover)}.aksel-chips--medium .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-6)}.aksel-chips__removable{gap:0}.aksel-chips__removable--action{background:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.aksel-chips__removable--action:hover{background:var(--ax-bg-accent-strong-hover)}.aksel-chips__removable--neutral{background:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-chips__removable--neutral:hover{background:var(--ax-bg-neutral-strong-hover)}.aksel-chips__removable-icon{border-radius:var(--ax-border-radius-full);place-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;display:grid}.aksel-chips--icon-left{padding-left:var(--ax-space-6)}.aksel-chips--icon-right{padding-right:var(--ax-space-6)}@media (forced-colors: active){.aksel-chips__chip{border:1px solid rgba(0,0,0,0)}.aksel-chips__chip:hover{color:highlight;background-color:highlighttext}.aksel-chips__chip:where([data-pressed=true],:active,:hover)>span{forced-color-adjust:none}.aksel-chips__toggle[data-pressed=true]{color:selecteditemtext;background-color:selecteditem;border:1px solid selecteditem}.aksel-chips__toggle[data-pressed=true]:hover{color:selecteditem;background-color:selecteditemtext}}}

package/dist/darkside/component/tag.css

@@ -13,6 +13,7 @@
     align-items: center;
     min-height: 2rem;
     line-height: 1;
+    text-decoration: none;
     display: inline-flex;
   }
 

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

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

package/dist/darkside/component/timeline.css

@@ -315,6 +315,11 @@
     padding: var(--ax-space-16) var(--ax-space-20);
   }
 
+  .aksel-timeline__popover:focus-visible {
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+  }
+
   @media (forced-colors: active) {
     .aksel-timeline__period:focus {
       outline-offset: 3px;

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

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

package/dist/darkside/components.css

@@ -614,10 +614,12 @@
     box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
     background-color: var(--ax-bg-accent-moderate);
     color: var(--ax-text-accent);
+    transition: box-shadow .2s cubic-bezier(.15, 1, .3, 1);
   }
 
   .aksel-chips__toggle--action:hover {
     background-color: var(--ax-bg-accent-moderate-hover);
+    box-shadow: inset 0 0 0 1px var(--ax-border-accent);
   }
 
   .aksel-chips__toggle--action[data-pressed="true"] {
@@ -634,10 +636,12 @@
     box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
     background-color: var(--ax-bg-neutral-moderate);
     color: var(--ax-text-neutral);
+    transition: box-shadow .2s cubic-bezier(.15, 1, .3, 1);
   }
 
   .aksel-chips__toggle--neutral:hover {
     background-color: var(--ax-bg-neutral-moderate-hover);
+    box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
   }
 
   .aksel-chips__toggle--neutral[data-pressed="true"] {
@@ -4387,6 +4391,7 @@
     align-items: center;
     min-height: 2rem;
     line-height: 1;
+    text-decoration: none;
     display: inline-flex;
   }
 
@@ -4816,6 +4821,11 @@
     padding: var(--ax-space-16) var(--ax-space-20);
   }
 
+  .aksel-timeline__popover:focus-visible {
+    outline: 3px solid var(--ax-border-focus);
+    outline-offset: 3px;
+  }
+
   @media (forced-colors: active) {
     .aksel-timeline__period:focus {
       outline-offset: 3px;