@navikt/ds-css 5.7.6 → 5.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/component/index.css +4 -2
- package/dist/component/index.min.css +1 -1
- package/dist/component/modal.css +4 -1
- package/dist/component/modal.min.css +1 -1
- package/dist/components.css +4 -1
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +4 -2
- package/dist/index.min.css +1 -1
- package/modal.css +4 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{-webkit-animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;
|
|
1
|
+
.navds-modal__document-body{overflow:hidden}.navds-modal{background-color:var(--ac-modal-bg,var(--a-surface-default));border:none;border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);max-height:100%;max-width:100%;padding:0;position:fixed}.navds-modal[open]{-webkit-animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalFadeIn .35s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column}.navds-modal--polyfilled{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;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-height:calc(100% - 6px - 2em);max-width:calc(100% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}.navds-modal::-webkit-backdrop{-webkit-animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,rgba(2,20,49,.49))}.navds-modal::backdrop{-webkit-animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);animation:akselModalBackdropFadeIn .35s cubic-bezier(.15,1,.3,1);background:var(--ac-modal-backdrop,rgba(2,20,49,.49))}.navds-modal--polyfilled+.backdrop{background:var(--ac-modal-backdrop,rgba(2,20,49,.49));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__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)}.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__footer :nth-of-type(2){margin-left:auto}@-webkit-keyframes akselModalFadeIn{0%{opacity:0;-webkit-transform:translate3d(0,calc(5% + 4px),0);transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{-webkit-transform:none;transform:none}}@keyframes akselModalFadeIn{0%{opacity:0;-webkit-transform:translate3d(0,calc(5% + 4px),0);transform:translate3d(0,calc(5% + 4px),0)}50%{opacity:1}to{-webkit-transform:none;transform:none}}@-webkit-keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes akselModalBackdropFadeIn{0%{opacity:0}to{opacity:1}}
|
package/dist/components.css
CHANGED
|
@@ -4377,7 +4377,6 @@ button.navds-internalheader__title:active,
|
|
|
4377
4377
|
.navds-modal--polyfilled {
|
|
4378
4378
|
top: 50%;
|
|
4379
4379
|
transform: translate(0, -50%);
|
|
4380
|
-
overflow: auto;
|
|
4381
4380
|
|
|
4382
4381
|
/* From polyfill (dialog-polyfill/dist/dialog-polyfill.css): */
|
|
4383
4382
|
left: 0;
|
|
@@ -4387,6 +4386,10 @@ button.navds-internalheader__title:active,
|
|
|
4387
4386
|
margin: auto;
|
|
4388
4387
|
}
|
|
4389
4388
|
|
|
4389
|
+
.navds-modal--polyfilled .navds-modal--polyfilled {
|
|
4390
|
+
overflow: auto;
|
|
4391
|
+
}
|
|
4392
|
+
|
|
4390
4393
|
.navds-modal--polyfilled:not([open]) {
|
|
4391
4394
|
display: none; /* from polyfill */
|
|
4392
4395
|
}
|