@navikt/ds-css 6.12.0 → 6.13.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 +10 -5
- package/dist/component/index.min.css +2 -2
- package/dist/component/modal.css +8 -3
- package/dist/component/modal.min.css +1 -1
- package/dist/components.css +8 -3
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +2 -2
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +10 -5
- package/dist/index.min.css +2 -2
- package/modal.css +8 -3
- package/package.json +2 -2
package/dist/component/modal.css
CHANGED
|
@@ -59,17 +59,22 @@
|
|
|
59
59
|
|
|
60
60
|
@media (min-width: 480px) {
|
|
61
61
|
.navds-modal {
|
|
62
|
-
max-width: calc(100% -
|
|
62
|
+
max-width: calc(100% - 2em);
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
.navds-modal--autowidth {
|
|
66
|
-
max-width: min(700px, calc(100% -
|
|
66
|
+
max-width: min(700px, calc(100% - 2em));
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
@media (min-height: 480px) {
|
|
71
71
|
.navds-modal {
|
|
72
|
-
max-height: calc(100% -
|
|
72
|
+
max-height: calc(100% - 2em);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.navds-modal--top {
|
|
76
|
+
margin-top: 2em;
|
|
77
|
+
max-height: calc(100% - 4em);
|
|
73
78
|
}
|
|
74
79
|
}
|
|
75
80
|
|
|
@@ -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]{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%;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-width:calc(100% -
|
|
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]{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%;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-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--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:-webkit-fit-content;min-width:-moz-fit-content;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}}
|
package/dist/components.css
CHANGED
|
@@ -4788,17 +4788,22 @@ button.navds-internalheader__title:active,
|
|
|
4788
4788
|
|
|
4789
4789
|
@media (min-width: 480px) {
|
|
4790
4790
|
.navds-modal {
|
|
4791
|
-
max-width: calc(100% -
|
|
4791
|
+
max-width: calc(100% - 2em);
|
|
4792
4792
|
}
|
|
4793
4793
|
|
|
4794
4794
|
.navds-modal--autowidth {
|
|
4795
|
-
max-width: min(700px, calc(100% -
|
|
4795
|
+
max-width: min(700px, calc(100% - 2em));
|
|
4796
4796
|
}
|
|
4797
4797
|
}
|
|
4798
4798
|
|
|
4799
4799
|
@media (min-height: 480px) {
|
|
4800
4800
|
.navds-modal {
|
|
4801
|
-
max-height: calc(100% -
|
|
4801
|
+
max-height: calc(100% - 2em);
|
|
4802
|
+
}
|
|
4803
|
+
|
|
4804
|
+
.navds-modal--top {
|
|
4805
|
+
margin-top: 2em;
|
|
4806
|
+
max-height: calc(100% - 4em);
|
|
4802
4807
|
}
|
|
4803
4808
|
}
|
|
4804
4809
|
|