@navikt/ds-css 5.7.5 → 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 +12 -0
- package/chips.css +14 -1
- package/dist/component/chips.css +14 -1
- package/dist/component/chips.min.css +1 -1
- package/dist/component/index.css +15 -3
- package/dist/component/index.min.css +2 -2
- package/dist/component/modal.css +4 -1
- package/dist/component/modal.min.css +1 -1
- package/dist/components.css +18 -2
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +15 -3
- package/dist/index.min.css +2 -2
- package/modal.css +4 -1
- package/package.json +2 -2
package/dist/component/modal.css
CHANGED
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
.navds-modal--polyfilled {
|
|
24
24
|
top: 50%;
|
|
25
25
|
transform: translate(0, -50%);
|
|
26
|
-
overflow: auto;
|
|
27
26
|
|
|
28
27
|
/* From polyfill (dialog-polyfill/dist/dialog-polyfill.css): */
|
|
29
28
|
left: 0;
|
|
@@ -33,6 +32,10 @@
|
|
|
33
32
|
margin: auto;
|
|
34
33
|
}
|
|
35
34
|
|
|
35
|
+
.navds-modal--polyfilled .navds-modal--polyfilled {
|
|
36
|
+
overflow: auto;
|
|
37
|
+
}
|
|
38
|
+
|
|
36
39
|
.navds-modal--polyfilled:not([open]) {
|
|
37
40
|
display: none; /* from polyfill */
|
|
38
41
|
}
|
|
@@ -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
|
@@ -1767,7 +1767,7 @@
|
|
|
1767
1767
|
cursor: pointer;
|
|
1768
1768
|
align-items: center;
|
|
1769
1769
|
justify-content: center;
|
|
1770
|
-
gap: var(--a-spacing-
|
|
1770
|
+
gap: var(--a-spacing-05);
|
|
1771
1771
|
margin: 0;
|
|
1772
1772
|
padding: 0 var(--a-spacing-3);
|
|
1773
1773
|
text-decoration: none;
|
|
@@ -1845,6 +1845,19 @@
|
|
|
1845
1845
|
}
|
|
1846
1846
|
}
|
|
1847
1847
|
|
|
1848
|
+
.navds-chips--medium .navds-chips__toggle--with-checkmark {
|
|
1849
|
+
padding-left: var(--a-spacing-1-alt);
|
|
1850
|
+
}
|
|
1851
|
+
|
|
1852
|
+
.navds-chips--small .navds-chips__toggle--with-checkmark {
|
|
1853
|
+
padding-left: var(--a-spacing-1);
|
|
1854
|
+
}
|
|
1855
|
+
|
|
1856
|
+
.navds-chips--small .navds-chips__toggle-icon {
|
|
1857
|
+
width: 1rem;
|
|
1858
|
+
height: 1rem;
|
|
1859
|
+
}
|
|
1860
|
+
|
|
1848
1861
|
.navds-chips__removable {
|
|
1849
1862
|
gap: 0;
|
|
1850
1863
|
}
|
|
@@ -4364,7 +4377,6 @@ button.navds-internalheader__title:active,
|
|
|
4364
4377
|
.navds-modal--polyfilled {
|
|
4365
4378
|
top: 50%;
|
|
4366
4379
|
transform: translate(0, -50%);
|
|
4367
|
-
overflow: auto;
|
|
4368
4380
|
|
|
4369
4381
|
/* From polyfill (dialog-polyfill/dist/dialog-polyfill.css): */
|
|
4370
4382
|
left: 0;
|
|
@@ -4374,6 +4386,10 @@ button.navds-internalheader__title:active,
|
|
|
4374
4386
|
margin: auto;
|
|
4375
4387
|
}
|
|
4376
4388
|
|
|
4389
|
+
.navds-modal--polyfilled .navds-modal--polyfilled {
|
|
4390
|
+
overflow: auto;
|
|
4391
|
+
}
|
|
4392
|
+
|
|
4377
4393
|
.navds-modal--polyfilled:not([open]) {
|
|
4378
4394
|
display: none; /* from polyfill */
|
|
4379
4395
|
}
|