@navikt/ds-css 6.0.0 → 6.1.1

package/dist/component/link.css

@@ -20,7 +20,6 @@
 
 .navds-link:hover {
   text-decoration: none;
-  color: var(--ac-link-hover-text, var(--a-text-action-hover));
 }
 
 .navds-link.navds-link--remove-underline {

package/dist/component/link.min.css

@@ -1 +1 @@
-.navds-link{align-items:center;color:var(--ac-link-text,var(--a-text-action));display:inline-flex;gap:var(--a-spacing-1);text-decoration:underline}.navds-link.navds-link--inline-text{display:inline}.navds-link.navds-link--inline-text>svg{display:inline;margin:.1em .1em -.1em;transform:translateY(.05em);vertical-align:baseline}.navds-link:hover{color:var(--ac-link-hover-text,var(--a-text-action-hover))}.navds-link.navds-link--remove-underline,.navds-link:hover{text-decoration:none}.navds-link.navds-link--remove-underline:hover{text-decoration:underline}.navds-alert .navds-link,.navds-confirmation-panel .navds-link{color:var(--a-text-default)}.navds-link:focus-visible{background-color:var(--ac-link-focus-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-focus-border,var(--a-border-focus));color:var(--ac-link-focus-text,var(--a-text-on-action));outline:2px solid transparent;text-decoration:none}@supports not selector(:focus-visible){.navds-link:focus{background-color:var(--ac-link-focus-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-focus-border,var(--a-border-focus));color:var(--ac-link-focus-text,var(--a-text-on-action));outline:2px solid transparent;text-decoration:none}}.navds-link:active{background-color:var(--ac-link-active-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-active-border,var(--a-border-focus));color:var(--ac-link-active-text,var(--a-text-on-action));outline:2px solid transparent;text-decoration:none}.navds-link svg{color:inherit;flex-shrink:0}.navds-link--action{color:var(--ac-link-action-text,var(--a-text-action))}.navds-link--neutral{color:var(--ac-link-neutral-text,var(--a-text-default))}.navds-link--subtle{color:var(--ac-link-subtle-text,var(--a-text-subtle))}
+.navds-link{align-items:center;color:var(--ac-link-text,var(--a-text-action));display:inline-flex;gap:var(--a-spacing-1);text-decoration:underline}.navds-link.navds-link--inline-text{display:inline}.navds-link.navds-link--inline-text>svg{display:inline;margin:.1em .1em -.1em;transform:translateY(.05em);vertical-align:baseline}.navds-link.navds-link--remove-underline,.navds-link:hover{text-decoration:none}.navds-link.navds-link--remove-underline:hover{text-decoration:underline}.navds-alert .navds-link,.navds-confirmation-panel .navds-link{color:var(--a-text-default)}.navds-link:focus-visible{background-color:var(--ac-link-focus-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-focus-border,var(--a-border-focus));color:var(--ac-link-focus-text,var(--a-text-on-action));outline:2px solid transparent;text-decoration:none}@supports not selector(:focus-visible){.navds-link:focus{background-color:var(--ac-link-focus-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-focus-border,var(--a-border-focus));color:var(--ac-link-focus-text,var(--a-text-on-action));outline:2px solid transparent;text-decoration:none}}.navds-link:active{background-color:var(--ac-link-active-bg,var(--a-border-focus));box-shadow:0 0 0 2px var(--ac-link-active-border,var(--a-border-focus));color:var(--ac-link-active-text,var(--a-text-on-action));outline:2px solid transparent;text-decoration:none}.navds-link svg{color:inherit;flex-shrink:0}.navds-link--action{color:var(--ac-link-action-text,var(--a-text-action))}.navds-link--neutral{color:var(--ac-link-neutral-text,var(--a-text-default))}.navds-link--subtle{color:var(--ac-link-subtle-text,var(--a-text-subtle))}

package/dist/component/modal.css

@@ -147,7 +147,7 @@
 
 @keyframes akselModalFadeIn {
   from {
-    opacity: 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);
   }
 

package/dist/component/modal.min.css

@@ -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% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 6px - 2em)}}.navds-modal::backdrop{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);position:relative}.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}.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:0;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 transparent}}
+.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% - 6px - 2em)}.navds-modal--autowidth{max-width:min(700px,calc(100% - 6px - 2em))}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 6px - 2em)}}.navds-modal::backdrop{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);position:relative}.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}.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 transparent}}

package/dist/components.css

@@ -4276,7 +4276,6 @@ button.navds-internalheader__title:active,
 
 .navds-link:hover {
   text-decoration: none;
-  color: var(--ac-link-hover-text, var(--a-text-action-hover));
 }
 
 .navds-link.navds-link--remove-underline {
@@ -4604,7 +4603,7 @@ button.navds-internalheader__title:active,
 
 @keyframes akselModalFadeIn {
   from {
-    opacity: 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);
   }