@navikt/ds-css 7.17.3 → 7.18.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @navikt/ds-css
 
+## 7.18.0
+
+### Patch Changes
+
+- Table: Disabled expansion-rows now has same hover-effect as other rows. ([#3702](https://github.com/navikt/aksel/pull/3702))
+
+## 7.17.4
+
+### Patch Changes
+
+- Modal: Updated animations for reduced movement. ([#3671](https://github.com/navikt/aksel/pull/3671))
+
 ## 7.17.3
 
 ### Patch Changes

package/darkside/modal.darkside.css

@@ -19,7 +19,7 @@
   &[open] {
     display: flex;
     flex-direction: column;
-    animation: akselModalFadeIn 0.35s cubic-bezier(0.15, 1, 0.3, 1);
+    animation: akselModalFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
   }
 }
 
@@ -100,12 +100,12 @@
    * TODO: Consider adding `::backdrop` to global token definitions.
    * TODO: Check that overlay-color is correct after the new colors is set in stone.
    */
-  background: #0214317d;
-  animation: akselModalBackdropFadeIn 0.35s cubic-bezier(0.15, 1, 0.3, 1);
+  background: rgb(2 20 49 /0.8);
+  animation: akselModalBackdropFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
 }
 
 .aksel-modal--polyfilled + .backdrop /* Cannot be combined with ::backdrop selector */ {
-  background: #0214317d;
+  background: rgb(2 20 49 /0.8);
 
   /* From polyfill: */
   position: fixed;
@@ -183,7 +183,7 @@
 @keyframes akselModalFadeIn {
   0% {
     opacity: 0.0001; /* Safari will not set focus inside the modal when it opens if we set this to 0 */
-    transform: translate3d(0, calc(2% + 4px), 0);
+    transform: translate3d(0, 4px, 0);
   }
 
   50% {
@@ -196,11 +196,15 @@
 }
 
 @keyframes akselModalBackdropFadeIn {
-  from {
-    opacity: 0;
+  0% {
+    opacity: 0.0001;
+  }
+
+  50% {
+    opacity: 1;
   }
 
-  to {
+  100% {
     opacity: 1;
   }
 }

package/darkside/table.darkside.css

@@ -11,7 +11,7 @@
 .aksel-table__body {
   display: table-row-group;
 
-  & .aksel-table__row--shade-on-hover:not(.aksel-table__expandable-row--expansion-disabled):hover {
+  & .aksel-table__row--shade-on-hover:hover {
     background-color: var(--ax-bg-neutral-moderate-hoverA);
     transition: background-color 70ms cubic-bezier(0.2, 0, 0, 1);
   }

package/dist/component/modal.css

@@ -24,7 +24,7 @@
 .navds-modal[open] {
   display: flex;
   flex-direction: column;
-  animation: akselModalFadeIn 0.35s cubic-bezier(0.15, 1, 0.3, 1);
+  animation: akselModalFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
 }
 
 .navds-modal--polyfilled {
@@ -94,7 +94,7 @@
    * We can add ::backdrop to tokens.css when we remove the polyfill.
    */
   background: var(--ac-modal-backdrop, rgb(2 20 49 / 0.49));
-  animation: akselModalBackdropFadeIn 0.35s cubic-bezier(0.15, 1, 0.3, 1);
+  animation: akselModalBackdropFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
 }
 
 .navds-modal--polyfilled + .backdrop /* Cannot be combined with ::backdrop selector */ {
@@ -190,7 +190,7 @@
 @keyframes akselModalFadeIn {
   0% {
     opacity: 0.0001; /* Safari will not set focus inside the modal when it opens if we set this to 0 */
-    transform: translate3d(0, calc(5% + 4px), 0);
+    transform: translate3d(0, 4px, 0);
   }
 
   50% {
@@ -203,11 +203,15 @@
 }
 
 @keyframes akselModalBackdropFadeIn {
-  from {
-    opacity: 0;
+  0% {
+    opacity: 0.0001;
+  }
+
+  50% {
+    opacity: 1;
   }
 
-  to {
+  100% {
     opacity: 1;
   }
 }

package/dist/component/modal.min.css

@@ -1 +1 @@
-.navds-modal__document-body{overflow:hidden}.navds-modal{--__ac-modal-bg:var(--ac-modal-bg,var(--a-surface-default));background-color:var(--__ac-modal-bg);border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);inset:0;margin:auto;max-height:100%;max-width:100%;padding:0;position:fixed;z-index:9999}.navds-modal[open]{animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{bottom:unset;height:fit-content;left:0;margin:auto;right:0;top:50%;transform:translateY(-50%);width:fit-content}.navds-modal--polyfilled .navds-modal--polyfilled{overflow:auto}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-width:calc(100% - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 2em)}.navds-modal--top{margin-top:2em;max-height:calc(100% - 4em)}}.navds-modal::backdrop{animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,#0214317d)}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,#0214317d);bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal__button{float:right;margin-left:var(--a-spacing-4)}.navds-modal__header{padding:var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6)}.navds-modal--small .navds-modal__header{padding:var(--a-spacing-4) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4)}.navds-modal__header-icon svg{display:inline;margin-right:var(--a-spacing-1);vertical-align:-.25rem}.navds-modal__label{color:var(--a-text-subtle);font-weight:600}.navds-modal__body{overflow:auto;overscroll-behavior:contain;padding:var(--a-spacing-6);position:relative}.navds-modal:not(.navds-modal--polyfilled) .navds-modal__body{background:linear-gradient(var(--__ac-modal-bg) 30%,#0000) top,linear-gradient(#0000,var(--__ac-modal-bg) 60%) bottom,radial-gradient(farthest-side at 50% 0,#0000004d,#0000) top,radial-gradient(farthest-side at 50% 100%,#0000004d,#0000) bottom;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px}.navds-modal--small .navds-modal__body{padding:var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-4)}.navds-modal__header+.navds-modal__body{padding-top:var(--a-spacing-0)}.navds-modal__footer{display:flex;flex-flow:row-reverse wrap;gap:var(--a-spacing-4);padding:var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6)}.navds-modal--small .navds-modal__footer{padding:var(--a-spacing-4)}.navds-modal__footer :nth-of-type(2){margin-left:auto}.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal{animation:none;max-height:100vh;max-width:100vw;min-width:fit-content}@keyframes akselModalFadeIn{0%{opacity:.0001;transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{transform:none}}@keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@media (forced-colors:active){.navds-modal{outline:2px solid #0000}}
+.navds-modal__document-body{overflow:hidden}.navds-modal{--__ac-modal-bg:var(--ac-modal-bg,var(--a-surface-default));background-color:var(--__ac-modal-bg);border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);inset:0;margin:auto;max-height:100%;max-width:100%;padding:0;position:fixed;z-index:9999}.navds-modal[open]{animation:akselModalFadeIn .7s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{bottom:unset;height:fit-content;left:0;margin:auto;right:0;top:50%;transform:translateY(-50%);width:fit-content}.navds-modal--polyfilled .navds-modal--polyfilled{overflow:auto}.navds-modal--polyfilled:not([open]){display:none}._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal--small{width:var(--ac-modal-width-small,450px)}.navds-modal--medium{width:var(--ac-modal-width-medium,700px)}@media (min-width:480px){.navds-modal{max-width:calc(100% - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 2em)}.navds-modal--top{margin-top:2em;max-height:calc(100% - 4em)}}.navds-modal::backdrop{animation:akselModalBackdropFadeIn .7s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,#0214317d)}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,#0214317d);bottom:0;left:0;position:fixed;right:0;top:0}.navds-modal__button{float:right;margin-left:var(--a-spacing-4)}.navds-modal__header{padding:var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-4) var(--a-spacing-6)}.navds-modal--small .navds-modal__header{padding:var(--a-spacing-4) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4)}.navds-modal__header-icon svg{display:inline;margin-right:var(--a-spacing-1);vertical-align:-.25rem}.navds-modal__label{color:var(--a-text-subtle);font-weight:600}.navds-modal__body{overflow:auto;overscroll-behavior:contain;padding:var(--a-spacing-6);position:relative}.navds-modal:not(.navds-modal--polyfilled) .navds-modal__body{background:linear-gradient(var(--__ac-modal-bg) 30%,#0000) top,linear-gradient(#0000,var(--__ac-modal-bg) 60%) bottom,radial-gradient(farthest-side at 50% 0,#0000004d,#0000) top,radial-gradient(farthest-side at 50% 100%,#0000004d,#0000) bottom;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px}.navds-modal--small .navds-modal__body{padding:var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-4)}.navds-modal__header+.navds-modal__body{padding-top:var(--a-spacing-0)}.navds-modal__footer{display:flex;flex-flow:row-reverse wrap;gap:var(--a-spacing-4);padding:var(--a-spacing-4) var(--a-spacing-6) var(--a-spacing-6) var(--a-spacing-6)}.navds-modal--small .navds-modal__footer{padding:var(--a-spacing-4)}.navds-modal__footer :nth-of-type(2){margin-left:auto}.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal{animation:none;max-height:100vh;max-width:100vw;min-width:fit-content}@keyframes akselModalFadeIn{0%{opacity:.0001;transform:translate3d(0,4px,0)}50%{opacity:1}to{transform:none}}@keyframes akselModalBackdropFadeIn{0%{opacity:.0001}50%{opacity:1}to{opacity:1}}@media (forced-colors:active){.navds-modal{outline:2px solid #0000}}

package/dist/component/table.css

@@ -16,7 +16,7 @@
   display: table-row;
 }
 
-.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
+.navds-table__body .navds-table__row--shade-on-hover:hover {
   background-color: var(--ac-table-row-hover, var(--a-bg-subtle));
 }
 

package/dist/component/table.min.css

@@ -1 +1 @@
-.navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:initial}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-3) var(--a-spacing-2);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:#0000}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--a-spacing-4) var(--a-spacing-2)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-1);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:inherit;width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--ac-table-sort-button-sorted-text,var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle)))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell,.navds-table__header-cell){transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.navds-table__expandable-row--open :where(.navds-table__data-cell,.navds-table__header-cell){border-bottom-color:#0000}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:#0000}.navds-table__toggle-expand-cell{padding:0;width:3rem}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table__toggle-expand-button{background:#0000;border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;display:grid;font-size:1.5rem;height:2rem;margin:0 auto;place-content:center;width:2rem}.navds-table__expandable-icon{transition:transform .15s ease-in-out}.navds-table__expandable-row:not(.navds-table__expandable-row--expansion-disabled) .navds-table__toggle-expand-cell:hover{cursor:pointer}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover,.navds-table__toggle-expand-cell:hover>.navds-table__toggle-expand-button{background-color:var(--a-surface-hover)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){transform:translateY(0) rotate(180deg)}.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(1px)}.navds-table__toggle-expand-cell--open>.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(-1px) rotate(180deg)}.navds-table__toggle-expand-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{--__ac-table-expanded-row-pi:calc(var(--a-spacing-2) + 3rem);padding-block:var(--a-spacing-4)}.navds-table--small .navds-table__expanded-row-content{padding-block:var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-both{padding-inline:var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-left{padding-inline:var(--__ac-table-expanded-row-pi) var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-right{padding-inline:var(--a-spacing-2) var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-none{padding-inline:var(--a-spacing-2)}@media (forced-colors:active){.navds-date.navds-date button.rdp-day_selected{background-color:highlight;box-shadow:none;color:highlighttext;forced-color-adjust:none}.navds-date.navds-date button{box-shadow:none;color:buttontext;forced-color-adjust:none;outline:none}.navds-date button:focus-visible{color:buttontext;forced-color-adjust:none;outline:2px solid highlight}.navds-date.navds-date button.rdp-day_disabled{color:GrayText}}
+.navds-table{border-collapse:collapse;display:table;width:100%}.navds-table__header{display:table-header-group}.navds-table__body{display:table-row-group}.navds-table__row{display:table-row}.navds-table__body .navds-table__row--shade-on-hover:hover{background-color:var(--ac-table-row-hover,var(--a-bg-subtle))}.navds-table__row--selected{background-color:var(--ac-table-row-selected,var(--a-surface-action-subtle))}.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover{background-color:var(--ac-table-row-selected-hover,var(--a-surface-action-subtle-hover))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)){background-color:initial}.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n){background-color:var(--ac-table-row-zebra,var(--a-surface-subtle))}.navds-table__data-cell,.navds-table__header-cell{border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default));display:table-cell;padding:var(--a-spacing-3) var(--a-spacing-2);text-align:left}.navds-table__header .navds-table__data-cell,.navds-table__header .navds-table__header-cell{border-bottom-width:2px}.navds-table__data-cell--align-right,.navds-table__header-cell--align-right{text-align:right}.navds-table__data-cell--align-center,.navds-table__header-cell--align-center{text-align:center}:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell,:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell{border-color:var(--ac-table-cell-hover-border,var(--a-border-strong))}:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell{border-bottom-color:#0000}.navds-table--large .navds-table__data-cell,.navds-table--large .navds-table__header-cell{padding:var(--a-spacing-4) var(--a-spacing-2)}.navds-table--small .navds-table__data-cell,.navds-table--small .navds-table__header-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__input{top:-.75rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox--small .navds-checkbox__input{top:-.375rem}.navds-table :not(.navds-checkboxes)>.navds-checkbox .navds-checkbox__label,.navds-table__header-cell[aria-sort]{padding:0}.navds-table__sort-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--ac-table-sort-button-text,var(--a-text-action));cursor:pointer;display:flex;font-weight:inherit;gap:var(--a-spacing-1);line-height:inherit;margin:0;padding:var(--a-spacing-4) var(--a-spacing-3);text-align:inherit;width:100%}.navds-table--small .navds-table__sort-button{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-table__sort-button:hover{background-color:var(--ac-table-sort-button-hover-bg,var(--a-bg-subtle))}.navds-table__sort-button:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-table__sort-button:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:none}}.navds-table__header-cell[aria-sort=ascending] .navds-table__sort-button,.navds-table__header-cell[aria-sort=descending] .navds-table__sort-button{background-color:var(--ac-table-sort-button-sorted-bg,var(--a-surface-selected));color:var(--ac-table-sort-button-sorted-text,var(--a-table-sort-button-sorted-text,var(--a-text-action-on-action-subtle)))}.navds-table__header-cell--align-right .navds-table__sort-button{justify-content:flex-end}.navds-table__header-cell--align-center .navds-table__sort-button{justify-content:center}.navds-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell,.navds-table__header-cell){transition:border-bottom-color .19s cubic-bezier(.6,.04,.98,.335)}.navds-table__expandable-row.navds-table__expandable-row--clickable:not(.navds-table__expandable-row--expansion-disabled):hover{cursor:pointer}.navds-table__expandable-row--open :where(.navds-table__data-cell,.navds-table__header-cell){border-bottom-color:#0000}.navds-table__expandable-row--open .navds-table__toggle-expand-cell--open{border-color:#0000}.navds-table__toggle-expand-cell{padding:0;width:3rem}.navds-table--large .navds-table__toggle-expand-cell{padding:0 var(--a-spacing-2)}.navds-table--small .navds-table__toggle-expand-cell{padding:var(--a-spacing-1) var(--a-spacing-2)}.navds-table__toggle-expand-button{background:#0000;border:none;border-radius:var(--a-border-radius-medium);cursor:pointer;display:grid;font-size:1.5rem;height:2rem;margin:0 auto;place-content:center;width:2rem}.navds-table__expandable-icon{transition:transform .15s ease-in-out}.navds-table__expandable-row:not(.navds-table__expandable-row--expansion-disabled) .navds-table__toggle-expand-cell:hover{cursor:pointer}.navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button,.navds-table__toggle-expand-button:hover,.navds-table__toggle-expand-cell:hover>.navds-table__toggle-expand-button{background-color:var(--a-surface-hover)}.navds-table__toggle-expand-cell--open>:where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon){transform:translateY(0) rotate(180deg)}.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(1px)}.navds-table__toggle-expand-cell--open>.navds-table__toggle-expand-button:hover>:where(.navds-table__expandable-icon){transform:translateY(-1px) rotate(180deg)}.navds-table__toggle-expand-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-table__toggle-expand-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-table__expanded-row-cell{padding:0}.navds-table__expanded-row-cell:empty{display:none}.navds-table__expanded-row-collapse:not([style*="height: 0px;"]){border-bottom:1px solid var(--ac-table-row-border,var(--a-border-default))}.navds-table__expanded-row-content{--__ac-table-expanded-row-pi:calc(var(--a-spacing-2) + 3rem);padding-block:var(--a-spacing-4)}.navds-table--small .navds-table__expanded-row-content{padding-block:var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-both{padding-inline:var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-left{padding-inline:var(--__ac-table-expanded-row-pi) var(--a-spacing-2)}.navds-table__expanded-row-content--gutter-right{padding-inline:var(--a-spacing-2) var(--__ac-table-expanded-row-pi)}.navds-table__expanded-row-content--gutter-none{padding-inline:var(--a-spacing-2)}@media (forced-colors:active){.navds-date.navds-date button.rdp-day_selected{background-color:highlight;box-shadow:none;color:highlighttext;forced-color-adjust:none}.navds-date.navds-date button{box-shadow:none;color:buttontext;forced-color-adjust:none;outline:none}.navds-date button:focus-visible{color:buttontext;forced-color-adjust:none;outline:2px solid highlight}.navds-date.navds-date button.rdp-day_disabled{color:GrayText}}

package/dist/components.css

@@ -5044,7 +5044,7 @@ button.navds-internalheader__title:active,
 .navds-modal[open] {
   display: flex;
   flex-direction: column;
-  animation: akselModalFadeIn 0.35s cubic-bezier(0.15, 1, 0.3, 1);
+  animation: akselModalFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
 }
 
 .navds-modal--polyfilled {
@@ -5114,7 +5114,7 @@ button.navds-internalheader__title:active,
    * We can add ::backdrop to tokens.css when we remove the polyfill.
    */
   background: var(--ac-modal-backdrop, rgb(2 20 49 / 0.49));
-  animation: akselModalBackdropFadeIn 0.35s cubic-bezier(0.15, 1, 0.3, 1);
+  animation: akselModalBackdropFadeIn 0.7s cubic-bezier(0.15, 1, 0.3, 1);
 }
 
 .navds-modal--polyfilled + .backdrop /* Cannot be combined with ::backdrop selector */ {
@@ -5210,7 +5210,7 @@ button.navds-internalheader__title:active,
 @keyframes akselModalFadeIn {
   0% {
     opacity: 0.0001; /* Safari will not set focus inside the modal when it opens if we set this to 0 */
-    transform: translate3d(0, calc(5% + 4px), 0);
+    transform: translate3d(0, 4px, 0);
   }
 
   50% {
@@ -5223,11 +5223,15 @@ button.navds-internalheader__title:active,
 }
 
 @keyframes akselModalBackdropFadeIn {
-  from {
-    opacity: 0;
+  0% {
+    opacity: 0.0001;
   }
 
-  to {
+  50% {
+    opacity: 1;
+  }
+
+  100% {
     opacity: 1;
   }
 }
@@ -7311,7 +7315,7 @@ button.navds-stepper__step {
   display: table-row;
 }
 
-.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
+.navds-table__body .navds-table__row--shade-on-hover:hover {
   background-color: var(--ac-table-row-hover, var(--a-bg-subtle));
 }