@navikt/ds-css 7.7.0 → 7.8.1

package/dist/darkside/version/7.8.1/component/loader.css

@@ -0,0 +1,119 @@
+@layer aksel.components {
+  .navds-loader {
+    stroke-width: 6px;
+    --__axc-loader-stroke-width: 5.9;
+    width: 1.5rem;
+    animation: 1.8s linear infinite loader-rotate;
+    display: inline-block;
+    position: relative;
+  }
+
+  .navds-loader.navds-loader--3xlarge {
+    stroke-width: 5px;
+    --__axc-loader-stroke-width: 4.8;
+    width: 5.5rem;
+  }
+
+  .navds-loader.navds-loader--2xlarge {
+    stroke-width: 6px;
+    --__axc-loader-stroke-width: 5.8;
+    width: 4rem;
+  }
+
+  .navds-loader.navds-loader--xlarge {
+    stroke-width: 6px;
+    --__axc-loader-stroke-width: 5.8;
+    width: 2.5rem;
+  }
+
+  .navds-loader.navds-loader--large {
+    stroke-width: 7px;
+    --__axc-loader-stroke-width: 6.8;
+    width: 2rem;
+  }
+
+  .navds-loader.navds-loader--medium {
+    stroke-width: 7px;
+    --__axc-loader-stroke-width: 6.8;
+    width: 1.5rem;
+  }
+
+  .navds-loader.navds-loader--small {
+    stroke-width: 8px;
+    --__axc-loader-stroke-width: 7.8;
+    width: 1.25rem;
+  }
+
+  .navds-loader.navds-loader--xsmall {
+    stroke-width: 8px;
+    --__axc-loader-stroke-width: 7.8;
+    width: 1rem;
+  }
+
+  .navds-loader__foreground {
+    stroke-dasharray: 80 200;
+    stroke-dashoffset: 0;
+    stroke: var(--ax-border-strong);
+    stroke-linecap: round;
+    stroke-width: var(--__axc-loader-stroke-width);
+    animation: 1.5s ease-in-out infinite loader-dasharray;
+  }
+
+  .navds-loader__background {
+    stroke: var(--ax-border-neutral-subtleA);
+    stroke-width: var(--__axc-loader-stroke-width);
+  }
+
+  .navds-loader--neutral .navds-loader__foreground {
+    stroke: var(--ax-border-strong);
+  }
+
+  .navds-loader--interaction .navds-loader__foreground {
+    stroke: var(--ax-border-accent-strong);
+  }
+
+  .navds-loader--interaction .navds-loader__background {
+    stroke: var(--ax-border-accent-subtleA);
+  }
+
+  .navds-loader--inverted .navds-loader__foreground {
+    stroke: var(--ax-border-subtle);
+  }
+
+  .navds-loader--inverted .navds-loader__background {
+    stroke: var(--ax-border-strong);
+  }
+
+  .navds-loader--transparent .navds-loader__background {
+    stroke: rgba(0, 0, 0, 0);
+  }
+
+  @keyframes loader-rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes loader-dasharray {
+    0% {
+      stroke-dasharray: 1 200;
+      stroke-dashoffset: 0;
+    }
+
+    50% {
+      stroke-dasharray: 100 200;
+      stroke-dashoffset: -15px;
+    }
+
+    100% {
+      stroke-dasharray: 100 200;
+      stroke-dashoffset: -120px;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .navds-loader__background {
+      stroke: canvastext;
+    }
+  }
+}

package/dist/darkside/version/7.8.1/component/loader.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-loader{stroke-width:6px;--__axc-loader-stroke-width:5.9;width:1.5rem;animation:1.8s linear infinite loader-rotate;display:inline-block;position:relative}.navds-loader.navds-loader--3xlarge{stroke-width:5px;--__axc-loader-stroke-width:4.8;width:5.5rem}.navds-loader.navds-loader--2xlarge{stroke-width:6px;--__axc-loader-stroke-width:5.8;width:4rem}.navds-loader.navds-loader--xlarge{stroke-width:6px;--__axc-loader-stroke-width:5.8;width:2.5rem}.navds-loader.navds-loader--large{stroke-width:7px;--__axc-loader-stroke-width:6.8;width:2rem}.navds-loader.navds-loader--medium{stroke-width:7px;--__axc-loader-stroke-width:6.8;width:1.5rem}.navds-loader.navds-loader--small{stroke-width:8px;--__axc-loader-stroke-width:7.8;width:1.25rem}.navds-loader.navds-loader--xsmall{stroke-width:8px;--__axc-loader-stroke-width:7.8;width:1rem}.navds-loader__foreground{stroke-dasharray:80 200;stroke-dashoffset:0;stroke:var(--ax-border-strong);stroke-linecap:round;stroke-width:var(--__axc-loader-stroke-width);animation:1.5s ease-in-out infinite loader-dasharray}.navds-loader__background{stroke:var(--ax-border-neutral-subtleA);stroke-width:var(--__axc-loader-stroke-width)}.navds-loader--neutral .navds-loader__foreground{stroke:var(--ax-border-strong)}.navds-loader--interaction .navds-loader__foreground{stroke:var(--ax-border-accent-strong)}.navds-loader--interaction .navds-loader__background{stroke:var(--ax-border-accent-subtleA)}.navds-loader--inverted .navds-loader__foreground{stroke:var(--ax-border-subtle)}.navds-loader--inverted .navds-loader__background{stroke:var(--ax-border-strong)}.navds-loader--transparent .navds-loader__background{stroke:rgba(0,0,0,0)}@keyframes loader-rotate{100%{transform:rotate(360deg)}}@keyframes loader-dasharray{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}100%{stroke-dasharray:100 200;stroke-dashoffset:-120px}}@media (forced-colors:active){.navds-loader__background{stroke:canvastext}}}

package/dist/darkside/version/7.8.1/component/modal.css

@@ -0,0 +1,175 @@
+@layer aksel.components {
+  .navds-modal__document-body {
+    overflow: hidden;
+  }
+
+  .navds-modal {
+    --__axc-modal-bg: var(--ax-bg-raised);
+    background-color: var(--__axc-modal-bg);
+    border: 1px solid var(--ax-border-subtleA);
+    border-radius: var(--ax-border-radius-xlarge);
+    box-shadow: var(--ax-shadow-dialog);
+    max-width: 100%;
+    max-height: 100%;
+    color: var(--ax-text-default);
+    padding: 0;
+    position: fixed;
+  }
+
+  .navds-modal[open] {
+    flex-direction: column;
+    animation: .35s cubic-bezier(.15, 1, .3, 1) akselModalFadeIn;
+    display: flex;
+  }
+
+  .navds-modal--polyfilled {
+    width: fit-content;
+    height: fit-content;
+    margin: auto;
+    top: 50%;
+    left: 0;
+    right: 0;
+    transform: translate(0, -50%);
+  }
+
+  .navds-modal--polyfilled:not([open]) {
+    display: none;
+  }
+
+  .navds-modal--polyfilled .navds-modal--polyfilled {
+    overflow: auto;
+  }
+
+  ._dialog_overlay {
+    position: fixed;
+    inset: 0;
+  }
+
+  .navds-modal--medium {
+    width: 700px;
+  }
+
+  .navds-modal--small {
+    width: 450px;
+  }
+
+  .navds-modal--small .navds-modal__header, .navds-modal--small .navds-modal__body, .navds-modal--small .navds-modal__footer {
+    padding: var(--ax-spacing-3) var(--ax-spacing-4);
+  }
+
+  @media (min-width: 480px) {
+    .navds-modal {
+      max-width: calc(100% - 2em);
+    }
+
+    .navds-modal--autowidth {
+      max-width: min(700px, 100% - 2em);
+    }
+  }
+
+  @media (min-height: 480px) {
+    .navds-modal {
+      max-height: calc(100% - 2em);
+    }
+
+    .navds-modal--top {
+      max-height: calc(100% - 4em);
+      margin-top: 2em;
+    }
+  }
+
+  .navds-modal::backdrop {
+    background: rgba(2, 20, 49, .49);
+    animation: .35s cubic-bezier(.15, 1, .3, 1) akselModalBackdropFadeIn;
+  }
+
+  .navds-modal--polyfilled + .backdrop {
+    background: rgba(2, 20, 49, .49);
+    position: fixed;
+    inset: 0;
+  }
+
+  .navds-modal__button {
+    margin-left: var(--ax-spacing-4);
+    float: right;
+  }
+
+  .navds-modal__header {
+    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+  }
+
+  .navds-modal__header-icon svg {
+    vertical-align: -.25rem;
+    margin-right: var(--ax-spacing-1);
+    display: inline;
+  }
+
+  .navds-modal__label {
+    font-weight: var(--ax-font-weight-bold);
+    color: var(--ax-text-subtle);
+  }
+
+  .navds-modal__body {
+    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    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;
+  }
+
+  .navds-modal__header + .navds-modal__body {
+    padding-top: var(--ax-spacing-0);
+  }
+
+  .navds-modal__footer {
+    gap: var(--ax-spacing-4);
+    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+    flex-flow: row-reverse wrap;
+    display: flex;
+  }
+
+  .navds-modal__footer :nth-of-type(2) {
+    margin-left: auto;
+  }
+
+  .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
+    min-width: fit-content;
+    max-width: 100vw;
+    max-height: 100vh;
+    animation: none;
+  }
+
+  @keyframes akselModalFadeIn {
+    0% {
+      opacity: .0001;
+      transform: translate3d(0, calc(2% + 4px), 0);
+    }
+
+    50% {
+      opacity: 1;
+    }
+
+    100% {
+      transform: none;
+    }
+  }
+
+  @keyframes akselModalBackdropFadeIn {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .navds-modal {
+      outline: 2px solid rgba(0, 0, 0, 0);
+    }
+  }
+}

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

@@ -0,0 +1 @@
+@layer aksel.components{.navds-modal__document-body{overflow:hidden}.navds-modal{--__axc-modal-bg:var(--ax-bg-raised);background-color:var(--__axc-modal-bg);border:1px solid var(--ax-border-subtleA);border-radius:var(--ax-border-radius-xlarge);box-shadow:var(--ax-shadow-dialog);max-width:100%;max-height:100%;color:var(--ax-text-default);padding:0;position:fixed}.navds-modal[open]{flex-direction:column;animation:.35s cubic-bezier(.15,1,.3,1) akselModalFadeIn;display:flex}.navds-modal--polyfilled{width:fit-content;height:fit-content;margin:auto;top:50%;left:0;right:0;transform:translate(0,-50%)}.navds-modal--polyfilled:not([open]){display:none}.navds-modal--polyfilled .navds-modal--polyfilled{overflow:auto}._dialog_overlay{position:fixed;inset:0}.navds-modal--medium{width:700px}.navds-modal--small{width:450px}.navds-modal--small .navds-modal__body,.navds-modal--small .navds-modal__footer,.navds-modal--small .navds-modal__header{padding:var(--ax-spacing-3) var(--ax-spacing-4)}@media (min-width:480px){.navds-modal{max-width:calc(100% - 2em)}.navds-modal--autowidth{max-width:min(700px,100% - 2em)}}@media (min-height:480px){.navds-modal{max-height:calc(100% - 2em)}.navds-modal--top{max-height:calc(100% - 4em);margin-top:2em}}.navds-modal::backdrop{background:rgba(2,20,49,.49);animation:.35s cubic-bezier(.15,1,.3,1) akselModalBackdropFadeIn}.navds-modal--polyfilled+.backdrop{background:rgba(2,20,49,.49);position:fixed;inset:0}.navds-modal__button{margin-left:var(--ax-spacing-4);float:right}.navds-modal__header{padding:var(--ax-spacing-4) var(--ax-spacing-5)}.navds-modal__header-icon svg{vertical-align:-.25rem;margin-right:var(--ax-spacing-1);display:inline}.navds-modal__label{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-subtle)}.navds-modal__body{padding:var(--ax-spacing-4) var(--ax-spacing-5);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}.navds-modal__header+.navds-modal__body{padding-top:var(--ax-spacing-0)}.navds-modal__footer{gap:var(--ax-spacing-4);padding:var(--ax-spacing-4) var(--ax-spacing-5);flex-flow:row-reverse wrap;display:flex}.navds-modal__footer :nth-of-type(2){margin-left:auto}.navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal{min-width:fit-content;max-width:100vw;max-height:100vh;animation:none}@keyframes akselModalFadeIn{0%{opacity:.0001;transform:translate3d(0,calc(2% + 4px),0)}50%{opacity:1}100%{transform:none}}@keyframes akselModalBackdropFadeIn{from{opacity:0}to{opacity:1}}@media (forced-colors:active){.navds-modal{outline:2px solid rgba(0,0,0,0)}}}

package/dist/darkside/version/7.8.1/component/pagination.css

@@ -0,0 +1,43 @@
+@layer aksel.components {
+  .navds-pagination {
+    position: relative;
+  }
+
+  .navds-pagination__list {
+    gap: var(--ax-spacing-3);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+  }
+
+  .navds-pagination__list li {
+    list-style: none;
+    display: flex;
+  }
+
+  .navds-pagination__ellipsis {
+    cursor: default;
+    justify-content: center;
+    align-items: center;
+    width: 3rem;
+    display: flex;
+  }
+
+  .navds-pagination--small .navds-pagination__ellipsis {
+    width: 2rem;
+  }
+
+  .navds-pagination--xsmall .navds-pagination__ellipsis {
+    width: 1.5rem;
+  }
+
+  .navds-pagination__item[data-selected="true"] {
+    background-color: var(--ax-bg-neutral-strong-pressed);
+    color: var(--ax-text-neutral-contrast);
+  }
+
+  .navds-pagination--invisible {
+    visibility: hidden;
+  }
+}

package/dist/darkside/version/7.8.1/component/pagination.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-pagination{position:relative}.navds-pagination__list{gap:var(--ax-spacing-3);margin:0;padding:0;list-style:none;display:flex}.navds-pagination__list li{list-style:none;display:flex}.navds-pagination__ellipsis{cursor:default;justify-content:center;align-items:center;width:3rem;display:flex}.navds-pagination--small .navds-pagination__ellipsis{width:2rem}.navds-pagination--xsmall .navds-pagination__ellipsis{width:1.5rem}.navds-pagination__item[data-selected=true]{background-color:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.navds-pagination--invisible{visibility:hidden}}

package/dist/darkside/version/7.8.1/component/panel.css

@@ -0,0 +1,12 @@
+@layer aksel.components {
+  .navds-panel {
+    background-color: var(--ac-panel-bg, var(--a-surface-default));
+    padding: var(--a-spacing-4);
+    border-radius: var(--a-border-radius-small);
+    border: 1px solid rgba(0, 0, 0, 0);
+  }
+
+  .navds-panel--border {
+    border-color: var(--ac-panel-border, var(--a-border-default));
+  }
+}

package/dist/darkside/version/7.8.1/component/panel.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-panel{background-color:var(--ac-panel-bg,var(--a-surface-default));padding:var(--a-spacing-4);border-radius:var(--a-border-radius-small);border:1px solid transparent}.navds-panel--border{border-color:var(--ac-panel-border,var(--a-border-default))}}

package/dist/darkside/version/7.8.1/component/popover.css

@@ -0,0 +1,18 @@
+@layer aksel.components {
+  .navds-popover {
+    z-index: 1000;
+    background: var(--ax-bg-raised);
+    box-shadow: var(--ax-shadow-dialog);
+    border: 1px solid var(--ax-border-subtleA);
+    border-radius: var(--ax-border-radius-xlarge);
+    max-width: calc(100vw - var(--ax-spacing-6));
+  }
+
+  .navds-popover__content {
+    padding: var(--ax-spacing-4) var(--ax-spacing-5);
+  }
+
+  .navds-popover--hidden {
+    display: none;
+  }
+}

package/dist/darkside/version/7.8.1/component/popover.min.css

@@ -0,0 +1 @@
+@layer aksel.components{.navds-popover{z-index:1000;background:var(--ax-bg-raised);box-shadow:var(--ax-shadow-dialog);border:1px solid var(--ax-border-subtleA);border-radius:var(--ax-border-radius-xlarge);max-width:calc(100vw - var(--ax-spacing-6))}.navds-popover__content{padding:var(--ax-spacing-4) var(--ax-spacing-5)}.navds-popover--hidden{display:none}}