@navikt/ds-css 8.9.1 → 8.10.1

package/dist/component/table.min.css

@@ -1 +1 @@
-@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-table{border-collapse:collapse;width:100%;display:table}.aksel-table.aksel-table--sticky-header{border-collapse:separate;border-spacing:0}.aksel-table__header{display:table-header-group}.aksel-table--sticky-header .aksel-table__header{z-index:10;background-color:var(--ax-bg-default);box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0}.aksel-table__body{display:table-row-group}.aksel-table__body .aksel-table__row--shade-on-hover:hover{background-color:var(--ax-bg-neutral-moderate-hoverA);transition:background-color 70ms cubic-bezier(.2,0,0,1)}.aksel-table__body .aksel-table__row--shade-on-hover.aksel-table__row--selected:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__row{display:table-row}.aksel-table__row:has(+.aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row:has(+.aksel-table__row--selected) :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row[data-interactive=true]:hover{cursor:pointer}.aksel-table__row--selected{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected:first-of-type{box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default),inset 0 1px 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__row--selected :-webkit-any(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell,.aksel-table__data-cell){border-color:#0000}.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:#0000}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__expandable-row:nth-child(4n+1):not(.aksel-table__row--selected)){background-color:#0000}.aksel-table--zebra-stripes .aksel-table__body .aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__row--selected+.aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-softA)}.aksel-table__header-cell,.aksel-table__data-cell{padding:var(--ax-space-12) var(--ax-space-8);border-bottom:1px solid var(--ax-border-neutral-subtleA);text-align:left;display:table-cell}.aksel-table__header .aksel-table__header-cell,.aksel-table__header .aksel-table__data-cell{border-bottom-width:2px}.aksel-table__header-cell--align-right,.aksel-table__data-cell--align-right{text-align:right}.aksel-table__header-cell--align-center,.aksel-table__data-cell--align-center{text-align:center}:where(.aksel-table__expandable-row--open:hover) .aksel-table__data-cell{border-bottom-color:#0000}.aksel-table--large .aksel-table__header-cell,.aksel-table--large .aksel-table__data-cell{padding:var(--ax-space-16) var(--ax-space-8)}.aksel-table--small .aksel-table__header-cell,.aksel-table--small .aksel-table__data-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox{padding:0}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after{inset:0}.aksel-table__header-cell[aria-sort]{padding:0}.aksel-table__sort-button{-webkit-appearance:none;appearance:none;color:var(--ax-text-subtle);cursor:pointer;padding:var(--ax-space-16) var(--ax-space-12);gap:var(--ax-space-4);width:100%;line-height:inherit;font-weight:inherit;background:none;border:none;align-items:center;margin:0;display:flex}.aksel-table--small .aksel-table__sort-button{padding:var(--ax-space-8) var(--ax-space-12)}.aksel-table__sort-button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__sort-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-5px}.aksel-table__header-cell[aria-sort=ascending] .aksel-table__sort-button,.aksel-table__header-cell[aria-sort=descending] .aksel-table__sort-button{background-color:var(--ax-bg-moderate-pressedA);color:var(--ax-text-default)}.aksel-table__header-cell--align-right .aksel-table__sort-button{justify-content:flex-end}.aksel-table__header-cell--align-center .aksel-table__sort-button{justify-content:center}.aksel-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.aksel-table__expandable-row:not(.aksel-table__expandable-row--open) :where(.aksel-table__data-cell,.aksel-table__header-cell){transition:border-bottom-color .15s cubic-bezier(.95,.05,.8,.04)}.aksel-table__expandable-row.aksel-table__expandable-row--clickable:not(.aksel-table__expandable-row--expansion-disabled):hover{cursor:pointer}.aksel-table__expandable-row--open :where(.aksel-table__data-cell,.aksel-table__header-cell){border-bottom-color:#0000}.aksel-table__expandable-row--open .aksel-table__toggle-expand-cell--open{border-color:#0000}.aksel-table__toggle-expand-cell{width:3rem;padding:0}.aksel-table--large .aksel-table__toggle-expand-cell{padding:0 var(--ax-space-8)}.aksel-table--small .aksel-table__toggle-expand-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table__toggle-expand-button{cursor:pointer;border-radius:var(--ax-radius-4);background:none;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}.aksel-table__expandable-icon{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-table__expandable-row:not(.aksel-table__expandable-row--expansion-disabled) .aksel-table__toggle-expand-cell:hover{cursor:pointer}.aksel-table__toggle-expand-button:hover,.aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,.aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__row--selected :is(.aksel-table__toggle-expand-button:hover,.aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,.aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button){background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__toggle-expand-cell--open>:where(.aksel-table__toggle-expand-button) :where(.aksel-table__expandable-icon){transform:rotateX(180deg)}.aksel-table__toggle-expand-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-table__expanded-row-cell{padding:0}.aksel-table__expanded-row-cell:empty{display:none}.aksel-table__expanded-row-collapse:not([style*="height: 0px;"]),.aksel-table__expanded-row-collapse[style*="transition:"]{border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-table__expanded-row:has(+.aksel-table__row--selected) .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__expanded-row-content{--__axc-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);padding-block:var(--ax-space-16)}.aksel-table--small .aksel-table__expanded-row-content{padding-block:var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-both{padding-inline:var(--__axc-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-left{padding-inline:var(--__axc-table-expanded-row-pi) var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-right{padding-inline:var(--ax-space-8) var(--__axc-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-none{padding-inline:var(--ax-space-8)}}@layer aksel.layout;
+@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-table{border-collapse:collapse;width:100%;display:table}.aksel-table.aksel-table--sticky-header{border-collapse:separate;border-spacing:0}.aksel-table__header{display:table-header-group}.aksel-table--sticky-header .aksel-table__header{z-index:10;background-color:var(--ax-bg-default);box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0}.aksel-table__body{display:table-row-group}.aksel-table__body .aksel-table__row--shade-on-hover:hover{background-color:var(--ax-bg-neutral-moderate-hoverA);transition:background-color 70ms cubic-bezier(.2,0,0,1)}.aksel-table__body .aksel-table__row--shade-on-hover.aksel-table__row--selected:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__row{display:table-row}.aksel-table__row:has(+.aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row:has(+.aksel-table__row--selected) :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row[data-interactive=true]:hover{cursor:pointer}.aksel-table__row--selected{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected:first-of-type{box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default),inset 0 1px 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__row--selected :-webkit-any(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell,.aksel-table__data-cell){border-color:#0000}.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:#0000}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__expandable-row:nth-child(4n+1):not(.aksel-table__row--selected)){background-color:#0000}.aksel-table--zebra-stripes .aksel-table__body .aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__row--selected+.aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-softA)}.aksel-table__header-cell,.aksel-table__data-cell{padding:var(--ax-space-12) var(--ax-space-8);border-bottom:1px solid var(--ax-border-neutral-subtleA);text-align:left;display:table-cell}.aksel-table__header .aksel-table__header-cell,.aksel-table__header .aksel-table__data-cell{border-bottom-width:2px}.aksel-table__header-cell--align-right,.aksel-table__data-cell--align-right{text-align:right}.aksel-table__header-cell--align-center,.aksel-table__data-cell--align-center{text-align:center}:where(.aksel-table__expandable-row--open:hover) .aksel-table__data-cell{border-bottom-color:#0000}.aksel-table--large .aksel-table__header-cell,.aksel-table--large .aksel-table__data-cell{padding:var(--ax-space-16) var(--ax-space-8)}.aksel-table--small .aksel-table__header-cell,.aksel-table--small .aksel-table__data-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox{padding:0}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after{inset:0}.aksel-table__header-cell[aria-sort]{padding:0}.aksel-table__sort-button{-webkit-appearance:none;appearance:none;color:var(--ax-text-subtle);cursor:pointer;padding:var(--ax-space-16) var(--ax-space-12);gap:var(--ax-space-4);width:100%;line-height:inherit;font-weight:inherit;background:none;border:none;align-items:center;margin:0;display:flex}.aksel-table--small .aksel-table__sort-button{padding:var(--ax-space-8) var(--ax-space-12)}.aksel-table__sort-button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__sort-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-5px}.aksel-table__header-cell[aria-sort=ascending] .aksel-table__sort-button,.aksel-table__header-cell[aria-sort=descending] .aksel-table__sort-button{background-color:var(--ax-bg-moderate-pressedA);color:var(--ax-text-default)}.aksel-table__header-cell--align-right .aksel-table__sort-button{justify-content:flex-end}.aksel-table__header-cell--align-center .aksel-table__sort-button{justify-content:center}.aksel-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.aksel-table__expandable-row:not(.aksel-table__expandable-row--open) :where(.aksel-table__data-cell,.aksel-table__header-cell){transition:border-bottom-color .15s cubic-bezier(.95,.05,.8,.04)}.aksel-table__expandable-row.aksel-table__expandable-row--clickable:not(.aksel-table__expandable-row--expansion-disabled):hover{cursor:pointer}.aksel-table__expandable-row--open :where(.aksel-table__data-cell,.aksel-table__header-cell){border-bottom-color:#0000}.aksel-table__expandable-row--open .aksel-table__toggle-expand-cell--open{border-color:#0000}.aksel-table__toggle-expand-cell{width:3rem;padding:0}.aksel-table--large .aksel-table__toggle-expand-cell{padding:0 var(--ax-space-8)}.aksel-table--small .aksel-table__toggle-expand-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table__toggle-expand-button{cursor:pointer;border-radius:var(--ax-radius-4);background:none;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}.aksel-table__expandable-icon{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-table__expandable-row:not(.aksel-table__expandable-row--expansion-disabled) .aksel-table__toggle-expand-cell:hover{cursor:pointer}.aksel-table__toggle-expand-button:hover,.aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,.aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__row--selected :is(.aksel-table__toggle-expand-button:hover,.aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,.aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button){background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__toggle-expand-cell--open>:where(.aksel-table__toggle-expand-button) :where(.aksel-table__expandable-icon){transform:rotateX(180deg)}.aksel-table__toggle-expand-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-table__expanded-row-cell{padding:0}.aksel-table__expanded-row-cell:empty{display:none}.aksel-table__expanded-row-collapse:not([style*="height: 0px;"]),.aksel-table__expanded-row-collapse[style*="transition:"]{border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-table__expandable-row:has(+.aksel-table__expanded-row[data-state=closed]+.aksel-table__row--selected)>:-webkit-any(th,td){border-color:var(--ax-border-default)}.aksel-table__expandable-row:has(+.aksel-table__expanded-row[data-state=closed]+.aksel-table__row--selected)>:is(th,td){border-color:var(--ax-border-default)}.aksel-table__expanded-row:has(+.aksel-table__row--selected) .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__expanded-row-content{--__axc-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);padding-block:var(--ax-space-16)}.aksel-table--small .aksel-table__expanded-row-content{padding-block:var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-both{padding-inline:var(--__axc-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-left{padding-inline:var(--__axc-table-expanded-row-pi) var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-right{padding-inline:var(--ax-space-8) var(--__axc-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-none{padding-inline:var(--ax-space-8)}}@layer aksel.layout;

package/dist/component/timeline.css

@@ -47,6 +47,17 @@
     display: flex;
   }
 
+  .aksel-timeline__row:focus {
+    outline: none;
+  }
+
+  @media (forced-colors: active) {
+    .aksel-timeline__row:focus {
+      outline-offset: -1px;
+      outline: 1px solid highlight;
+    }
+  }
+
   .aksel-timeline__row--active {
     background: var(--ax-bg-accent-moderate);
   }
@@ -88,6 +99,7 @@
     font-size: 1rem;
     display: flex;
     position: absolute;
+    container-type: inline-size;
   }
 
   .aksel-timeline__period.aksel-timeline__period--clickable:hover {
@@ -102,7 +114,7 @@
   }
 
   .aksel-timeline__period--inner {
-    margin: 0 var(--ax-space-8);
+    margin: 0 clamp(var(--ax-space-4), 17cqi, var(--ax-space-8));
     white-space: nowrap;
     text-overflow: clip;
     text-align: left;
@@ -112,7 +124,13 @@
   }
 
   .aksel-timeline__period--inner svg {
-    flex-shrink: 0;
+    flex-shrink: 1;
+  }
+
+  @container not (min-inline-size: 1.4rem) {
+    .aksel-timeline__period--inner {
+      margin: 0 10cqi;
+    }
   }
 
   .aksel-timeline__period--clickable {

package/dist/component/timeline.min.css

@@ -1 +1 @@
-@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-timeline{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:-webkit-fit-content;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-radius-full);z-index:2;background:var(--ax-bg-moderate);border:solid 1px var(--ax-border-default);height:100%;color:var(--ax-text-decoration);align-items:center;padding:0;font-size:1rem;display:flex;position:absolute}.aksel-timeline__period.aksel-timeline__period--clickable:hover{background:var(--ax-bg-moderate-hover);border-color:var(--ax-border-strong)}.aksel-timeline__period.aksel-timeline__period--clickable.aksel-timeline__period--selected{background:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);border:none}.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--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-radius-full);padding:var(--ax-space-8);border:none;position:relative}.aksel-timeline__pin-button:before{content:"";border-radius:var(--ax-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% - 2rem);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-radius-4) 0 0 var(--ax-radius-4)}.aksel-timeline__zoom li:last-child .aksel-timeline__zoom-button{border-radius:0 var(--ax-radius-4) var(--ax-radius-4) 0;border-width:1px}.aksel-timeline__zoom li:only-child .aksel-timeline__zoom-button{border-radius:var(--ax-radius-4)}.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-radius-8);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{outline-offset:3px;box-shadow:none;outline:4px solid highlight}.aksel-timeline__pin-button:focus-visible{outline-offset:3px;box-shadow:none;outline:4px solid highlight}}}@layer aksel.layout;
+@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-timeline{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:-webkit-fit-content;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:focus{outline:none}@media(forced-colors:active){.aksel-timeline__row:focus{outline-offset:-1px;outline:1px solid highlight}}.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-radius-full);z-index:2;background:var(--ax-bg-moderate);border:solid 1px var(--ax-border-default);height:100%;color:var(--ax-text-decoration);align-items:center;padding:0;font-size:1rem;display:flex;position:absolute;container-type:inline-size}.aksel-timeline__period.aksel-timeline__period--clickable:hover{background:var(--ax-bg-moderate-hover);border-color:var(--ax-border-strong)}.aksel-timeline__period.aksel-timeline__period--clickable.aksel-timeline__period--selected{background:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);border:none}.aksel-timeline__period--inner{margin:0 clamp(var(--ax-space-4),17cqi,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:1}@container not (min-inline-size: 1.4rem){.aksel-timeline__period--inner{margin:0 10cqi}}.aksel-timeline__period--clickable{cursor:pointer}.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-radius-full);padding:var(--ax-space-8);border:none;position:relative}.aksel-timeline__pin-button:before{content:"";border-radius:var(--ax-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% - 2rem);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-radius-4) 0 0 var(--ax-radius-4)}.aksel-timeline__zoom li:last-child .aksel-timeline__zoom-button{border-radius:0 var(--ax-radius-4) var(--ax-radius-4) 0;border-width:1px}.aksel-timeline__zoom li:only-child .aksel-timeline__zoom-button{border-radius:var(--ax-radius-4)}.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-radius-8);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{outline-offset:3px;box-shadow:none;outline:4px solid highlight}.aksel-timeline__pin-button:focus-visible{outline-offset:3px;box-shadow:none;outline:4px solid highlight}}}@layer aksel.layout;

package/dist/components.css

@@ -1338,6 +1338,16 @@
     position: relative;
   }
 
+  :is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled {
+    opacity: var(--ax-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
+    opacity: var(--ax-opacity-disabled);
+    cursor: not-allowed;
+  }
+
   .aksel-checkbox__input:before, .aksel-radio__input:before {
     content: "";
     inset: calc(-1 *
@@ -3217,6 +3227,10 @@
     outline-offset: -1px;
   }
 
+  .aksel-base-alert[data-variant="moderate"][data-size="small"] {
+    --__axc-base-alert-pi: var(--ax-space-16);
+  }
+
   .aksel-base-alert[data-variant="strong"] {
     outline: 2px solid var(--ax-border-default);
     outline-offset: -2px;
@@ -3246,6 +3260,7 @@
     background: var(--ax-bg-moderate);
     color: var(--ax-text-default);
     border-color: var(--ax-border-subtleA);
+    padding-top: var(--ax-space-1);
   }
 
   .aksel-base-alert[data-variant="strong"] .aksel-base-alert__header {
@@ -3273,6 +3288,10 @@
     background-color: var(--ax-bg-default);
   }
 
+  .aksel-base-alert__content[data-color] {
+    color: var(--ax-text-neutral);
+  }
+
   .aksel-base-alert[data-global="true"] .aksel-base-alert__content {
     padding-inline: var(--__axc-global-alert-alignment);
   }
@@ -3460,11 +3479,11 @@
   }
 
   .aksel-date .rdp-table {
-    border-collapse: separate;
+    border-collapse: collapse;
   }
 
   .aksel-date .rdp-cell {
-    padding: 1px;
+    padding: 0;
   }
 
   .aksel-date .rdp-cell[data-outside="true"] {
@@ -3477,17 +3496,21 @@
     height: calc(var(--__axc-date-button-size) + 2px);
   }
 
-  .aksel-date .rdp-day_range_middle.rdp-day_disabled {
+  .aksel-date .rdp-day_range_middle.rdp-day_disabled .rdp-day__inner {
     color: var(--ax-text-neutral);
     background: var(--ax-bg-neutral-moderateA);
   }
 
-  .aksel-date .rdp-day_range_middle.rdp-day_selected {
+  .aksel-date .rdp-day_range_middle.rdp-day_selected .rdp-day__inner {
     background-color: var(--ax-bg-moderate-pressedA);
     box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
     color: var(--ax-text-neutral);
   }
 
+  .aksel-date .rdp-button.rdp-day__range-hover-middle .rdp-day__inner {
+    background-color: var(--ax-bg-moderate-hoverA);
+  }
+
   .aksel-date .rdp-month {
     gap: var(--ax-space-20);
     display: grid;
@@ -3509,22 +3532,30 @@
 
   .aksel-date .rdp-button {
     all: unset;
+    padding: var(--ax-space-2);
+    cursor: pointer;
+  }
+
+  .aksel-date .rdp-button .rdp-day__inner {
     width: var(--__axc-date-button-size);
     height: var(--__axc-date-button-size);
-    text-align: center;
+  }
+
+  .aksel-date .rdp-day__inner {
     border-radius: var(--ax-radius-8);
-    display: block;
+    place-items: center;
+    display: grid;
   }
 
-  .aksel-date .rdp-day_range_start {
+  .aksel-date .rdp-day_range_start .rdp-day__inner {
     border-radius: 100% var(--ax-radius-12) var(--ax-radius-12) 100%;
   }
 
-  .aksel-date .rdp-day_range_end:not(.rdp-day_range_start) {
+  .aksel-date .rdp-day_range_end:not(.rdp-day_range_start) .rdp-day__inner {
     border-radius: var(--ax-radius-8) 100% 100% var(--ax-radius-8);
   }
 
-  .aksel-date .rdp-day_range_start.rdp-day_range_end {
+  .aksel-date .rdp-day_range_start.rdp-day_range_end .rdp-day__inner {
     border-radius: var(--ax-radius-8);
   }
 
@@ -3535,33 +3566,24 @@
     position: relative;
   }
 
-  .aksel-date .rdp-day_selected {
+  .aksel-date .rdp-day_selected .rdp-day__inner {
     color: var(--ax-text-contrast);
     background: var(--ax-bg-strong-pressed);
-    cursor: pointer;
   }
 
-  .aksel-date .aksel-monthpicker__month--selected {
-    color: var(--ax-text-contrast);
-    background: var(--ax-bg-strong-pressed);
-    cursor: pointer;
-  }
-
-  .aksel-date .rdp-day_disabled {
+  .aksel-date .rdp-day_disabled .rdp-day__inner {
     cursor: not-allowed;
     background-color: var(--ax-bg-neutral-moderateA);
     color: var(--ax-text-neutral-subtle);
-    text-decoration: line-through;
+    opacity: var(--ax-opacity-disabled);
   }
 
-  .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
+  .aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
     background: var(--ax-bg-moderate-hoverA);
-    cursor: pointer;
   }
 
-  .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
+  .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
     background: var(--ax-bg-moderate-hoverA);
-    cursor: pointer;
   }
 
   .aksel-date .rdp-day_today {
@@ -3618,7 +3640,7 @@
     justify-content: space-between;
     align-items: center;
     gap: var(--ax-space-4);
-    padding-inline: var(--ax-space-4);
+    padding-inline: var(--ax-space-2);
     display: flex;
   }
 
@@ -3634,10 +3656,12 @@
 
   .aksel-date__month-button {
     all: unset;
-    text-align: center;
-    text-transform: capitalize;
-    border-radius: var(--ax-radius-8);
+    padding: var(--ax-space-2);
     cursor: pointer;
+  }
+
+  .aksel-date__month-button .rdp-day__inner {
+    text-transform: capitalize;
     width: 3rem;
     height: 3rem;
   }
@@ -3654,22 +3678,22 @@
     height: fit-content;
   }
 
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
+  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
 
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
+  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) .rdp-day__inner {
     color: var(--ax-text-contrast);
     background-color: var(--ax-bg-strong-pressed);
   }
 
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible {
+  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible .rdp-day__inner {
     outline: 3px solid var(--ax-border-focus);
     outline-offset: 3px;
   }
 
-  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) {
+  :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
     color: var(--ax-text-contrast);
     background-color: var(--ax-bg-strong-pressed);
   }
@@ -5249,14 +5273,6 @@
     right: 0;
   }
 
-  .aksel-modal--medium {
-    width: 700px;
-  }
-
-  .aksel-modal--small {
-    width: 450px;
-  }
-
   .aksel-modal--small .aksel-modal__header {
     padding: var(--ax-space-12) var(--ax-space-16);
   }
@@ -5270,6 +5286,14 @@
     padding-inline: var(--ax-space-16);
   }
 
+  .aksel-modal--width-medium {
+    width: 700px;
+  }
+
+  .aksel-modal--width-small {
+    width: 450px;
+  }
+
   @media (min-width: 480px) {
     .aksel-modal {
       max-width: calc(100% - 2em);
@@ -5597,6 +5621,17 @@
     display: flex;
   }
 
+  .aksel-timeline__row:focus {
+    outline: none;
+  }
+
+  @media (forced-colors: active) {
+    .aksel-timeline__row:focus {
+      outline-offset: -1px;
+      outline: 1px solid highlight;
+    }
+  }
+
   .aksel-timeline__row--active {
     background: var(--ax-bg-accent-moderate);
   }
@@ -5638,6 +5673,7 @@
     font-size: 1rem;
     display: flex;
     position: absolute;
+    container-type: inline-size;
   }
 
   .aksel-timeline__period.aksel-timeline__period--clickable:hover {
@@ -5652,7 +5688,7 @@
   }
 
   .aksel-timeline__period--inner {
-    margin: 0 var(--ax-space-8);
+    margin: 0 clamp(var(--ax-space-4), 17cqi, var(--ax-space-8));
     white-space: nowrap;
     text-overflow: clip;
     text-align: left;
@@ -5662,7 +5698,13 @@
   }
 
   .aksel-timeline__period--inner svg {
-    flex-shrink: 0;
+    flex-shrink: 1;
+  }
+
+  @container not (min-inline-size: 1.4rem) {
+    .aksel-timeline__period--inner {
+      margin: 0 10cqi;
+    }
   }
 
   .aksel-timeline__period--clickable {
@@ -6319,10 +6361,8 @@
   }
 
   .aksel-skeleton--text {
-    transform-origin: 0 55%;
-    border-radius: var(--ax-radius-8);
     height: auto;
-    transform: scale(1, .6);
+    clip-path: inset(20% 0 round var(--ax-radius-4));
   }
 
   .aksel-skeleton--text:empty:before {
@@ -7120,6 +7160,14 @@
     border-bottom: 1px solid var(--ax-border-neutral-subtleA);
   }
 
+  .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :-webkit-any(th, td) {
+    border-color: var(--ax-border-default);
+  }
+
+  .aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
+    border-color: var(--ax-border-default);
+  }
+
   .aksel-table__expanded-row:has( + .aksel-table__row--selected) .aksel-table__expanded-row-collapse {
     border-color: var(--ax-border-default);
   }