@navikt/ds-css 7.32.4 → 7.32.5

package/dist/darkside/version/{7.32.4 → 7.32.5}/component/modal.css

@@ -1,8 +1,4 @@
 @layer aksel.components {
-  .aksel-modal__document-body {
-    overflow: hidden;
-  }
-
   .aksel-modal {
     --__axc-modal-bg: var(--ax-bg-raised);
     background-color: var(--__axc-modal-bg);

package/dist/darkside/version/7.32.5/component/modal.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.aksel-modal{--__axc-modal-bg: var(--ax-bg-raised);background-color:var(--__axc-modal-bg);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);box-shadow:var(--ax-shadow-dialog);max-width:100%;max-height:100%;color:var(--ax-text-neutral);margin:auto;padding:0;position:fixed}.aksel-modal[open]{flex-direction:column;animation:.7s cubic-bezier(.15,1,.3,1) akselModalFadeIn;display:flex}.aksel-modal--polyfilled{width:fit-content;height:fit-content;margin:auto;top:50%;left:0;right:0;transform:translateY(-50%)}.aksel-modal--polyfilled:not([open]){display:none}.aksel-modal--polyfilled .aksel-modal--polyfilled{overflow:auto}._dialog_overlay{position:fixed;inset:0}.aksel-modal--medium{width:700px}.aksel-modal--small{width:450px}.aksel-modal--small .aksel-modal__header,.aksel-modal--small .aksel-modal__body{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-modal--small .aksel-modal__footer{padding-block:var(--ax-space-12) var(--ax-space-16);padding-inline:var(--ax-space-16)}@media(min-width:480px){.aksel-modal{max-width:calc(100% - 2em)}.aksel-modal--autowidth{max-width:min(700px,100% - 2em)}}@media(min-height:480px){.aksel-modal{max-height:calc(100% - 2em)}.aksel-modal--top{max-height:calc(100% - 4em);margin-top:2em}}.aksel-modal::backdrop{background:#021431cc;animation:.7s cubic-bezier(.15,1,.3,1) akselModalBackdropFadeIn}.aksel-modal--polyfilled+.backdrop{background:#021431cc;position:fixed;inset:0}.aksel-modal__button{margin-left:var(--ax-space-16);float:right}.aksel-modal__header{padding:var(--ax-space-16) var(--ax-space-20)}.aksel-modal__header-icon svg{vertical-align:-.25rem;margin-right:var(--ax-space-4);display:inline}.aksel-modal__label{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-neutral-subtle)}.aksel-modal__body{padding:var(--ax-space-16) var(--ax-space-20);overscroll-behavior:contain;background:linear-gradient(var(--__axc-modal-bg) 30%,transparent) top,linear-gradient(transparent,var(--__axc-modal-bg) 60%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.3),transparent) top,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.3),transparent) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px;background-attachment:local,local,scroll,scroll;position:relative;overflow:auto}.aksel-modal__header+.aksel-modal__body{padding-top:var(--ax-space-0)}.aksel-modal__footer{gap:var(--ax-space-16);padding-block:var(--ax-space-16) var(--ax-space-20);padding-inline:var(--ax-space-20);flex-flow:row-reverse wrap;display:flex}.aksel-modal__footer :nth-of-type(2){margin-left:auto}.aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal{min-width:fit-content;max-width:100vw;max-height:100vh;animation:none}@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){.aksel-modal{outline:2px solid rgba(0,0,0,0)}}}

package/dist/darkside/version/{7.32.4 → 7.32.5}/components.css

@@ -4159,10 +4159,6 @@
     }
   }
 
-  .aksel-modal__document-body {
-    overflow: hidden;
-  }
-
   .aksel-modal {
     --__axc-modal-bg: var(--ax-bg-raised);
     background-color: var(--__axc-modal-bg);