@navikt/ds-css 8.9.1 → 8.10.0

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);
   }
@@ -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);
   }