@navikt/ds-css 7.14.3 → 7.16.0

package/dist/darkside/version/{7.14.3 → 7.16.0}/component/loader.css

@@ -1,5 +1,5 @@
 @layer aksel.components {
-  .navds-loader {
+  .aksel-loader {
     stroke-width: 6px;
     --__axc-loader-stroke-width: 5.9;
     width: 1.5rem;
@@ -8,49 +8,49 @@
     position: relative;
   }
 
-  .navds-loader.navds-loader--3xlarge {
+  .aksel-loader.aksel-loader--3xlarge {
     stroke-width: 5px;
     --__axc-loader-stroke-width: 4.8;
     width: 5.5rem;
   }
 
-  .navds-loader.navds-loader--2xlarge {
+  .aksel-loader.aksel-loader--2xlarge {
     stroke-width: 6px;
     --__axc-loader-stroke-width: 5.8;
     width: 4rem;
   }
 
-  .navds-loader.navds-loader--xlarge {
+  .aksel-loader.aksel-loader--xlarge {
     stroke-width: 6px;
     --__axc-loader-stroke-width: 5.8;
     width: 2.5rem;
   }
 
-  .navds-loader.navds-loader--large {
+  .aksel-loader.aksel-loader--large {
     stroke-width: 7px;
     --__axc-loader-stroke-width: 6.8;
     width: 2rem;
   }
 
-  .navds-loader.navds-loader--medium {
+  .aksel-loader.aksel-loader--medium {
     stroke-width: 7px;
     --__axc-loader-stroke-width: 6.8;
     width: 1.5rem;
   }
 
-  .navds-loader.navds-loader--small {
+  .aksel-loader.aksel-loader--small {
     stroke-width: 8px;
     --__axc-loader-stroke-width: 7.8;
     width: 1.25rem;
   }
 
-  .navds-loader.navds-loader--xsmall {
+  .aksel-loader.aksel-loader--xsmall {
     stroke-width: 8px;
     --__axc-loader-stroke-width: 7.8;
     width: 1rem;
   }
 
-  .navds-loader__foreground {
+  .aksel-loader__foreground {
     stroke-dasharray: 80 200;
     stroke-dashoffset: 0;
     stroke: var(--ax-border-neutral-strong);
@@ -59,32 +59,32 @@
     animation: 1.5s ease-in-out infinite loader-dasharray;
   }
 
-  .navds-loader__background {
+  .aksel-loader__background {
     stroke: var(--ax-border-neutral-subtleA);
     stroke-width: var(--__axc-loader-stroke-width);
   }
 
-  .navds-loader--neutral .navds-loader__foreground {
+  .aksel-loader--neutral .aksel-loader__foreground {
     stroke: var(--ax-border-neutral-strong);
   }
 
-  .navds-loader--interaction .navds-loader__foreground {
+  .aksel-loader--interaction .aksel-loader__foreground {
     stroke: var(--ax-border-accent-strong);
   }
 
-  .navds-loader--interaction .navds-loader__background {
+  .aksel-loader--interaction .aksel-loader__background {
     stroke: var(--ax-border-accent-subtleA);
   }
 
-  .navds-loader--inverted .navds-loader__foreground {
+  .aksel-loader--inverted .aksel-loader__foreground {
     stroke: var(--ax-border-neutral-subtle);
   }
 
-  .navds-loader--inverted .navds-loader__background {
+  .aksel-loader--inverted .aksel-loader__background {
     stroke: var(--ax-border-neutral-strong);
   }
 
-  .navds-loader--transparent .navds-loader__background {
+  .aksel-loader--transparent .aksel-loader__background {
     stroke: rgba(0, 0, 0, 0);
   }
 
@@ -112,7 +112,7 @@
   }
 
   @media (forced-colors: active) {
-    .navds-loader__background {
+    .aksel-loader__background {
       stroke: canvastext;
     }
   }

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

@@ -0,0 +1 @@
+@layer aksel.components{.aksel-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}.aksel-loader.aksel-loader--3xlarge{stroke-width:5px;--__axc-loader-stroke-width:4.8;width:5.5rem}.aksel-loader.aksel-loader--2xlarge{stroke-width:6px;--__axc-loader-stroke-width:5.8;width:4rem}.aksel-loader.aksel-loader--xlarge{stroke-width:6px;--__axc-loader-stroke-width:5.8;width:2.5rem}.aksel-loader.aksel-loader--large{stroke-width:7px;--__axc-loader-stroke-width:6.8;width:2rem}.aksel-loader.aksel-loader--medium{stroke-width:7px;--__axc-loader-stroke-width:6.8;width:1.5rem}.aksel-loader.aksel-loader--small{stroke-width:8px;--__axc-loader-stroke-width:7.8;width:1.25rem}.aksel-loader.aksel-loader--xsmall{stroke-width:8px;--__axc-loader-stroke-width:7.8;width:1rem}.aksel-loader__foreground{stroke-dasharray:80 200;stroke-dashoffset:0;stroke:var(--ax-border-neutral-strong);stroke-linecap:round;stroke-width:var(--__axc-loader-stroke-width);animation:1.5s ease-in-out infinite loader-dasharray}.aksel-loader__background{stroke:var(--ax-border-neutral-subtleA);stroke-width:var(--__axc-loader-stroke-width)}.aksel-loader--neutral .aksel-loader__foreground{stroke:var(--ax-border-neutral-strong)}.aksel-loader--interaction .aksel-loader__foreground{stroke:var(--ax-border-accent-strong)}.aksel-loader--interaction .aksel-loader__background{stroke:var(--ax-border-accent-subtleA)}.aksel-loader--inverted .aksel-loader__foreground{stroke:var(--ax-border-neutral-subtle)}.aksel-loader--inverted .aksel-loader__background{stroke:var(--ax-border-neutral-strong)}.aksel-loader--transparent .aksel-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){.aksel-loader__background{stroke:canvastext}}}

package/dist/darkside/version/{7.14.3 → 7.16.0}/component/modal.css

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

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

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

package/dist/darkside/version/{7.14.3 → 7.16.0}/component/pagination.css

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

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

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

package/dist/darkside/version/{7.14.3 → 7.16.0}/component/panel.css

@@ -1,12 +1,12 @@
 @layer aksel.components {
-  .navds-panel {
+  .aksel-panel {
     background-color: var(--ax-bg-default);
     padding: var(--ax-space-16);
     border-radius: var(--ax-border-radius-small);
     border: 1px solid rgba(0, 0, 0, 0);
   }
 
-  .navds-panel--border {
+  .aksel-panel--border {
     border-color: var(--ax-border-neutral);
   }
 }

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

@@ -0,0 +1 @@
+@layer aksel.components{.aksel-panel{background-color:var(--ax-bg-default);padding:var(--ax-space-16);border-radius:var(--ax-border-radius-small);border:1px solid transparent}.aksel-panel--border{border-color:var(--ax-border-neutral)}}

package/dist/darkside/version/{7.14.3 → 7.16.0}/component/popover.css

@@ -1,5 +1,5 @@
 @layer aksel.components {
-  .navds-popover {
+  .aksel-popover {
     z-index: 1000;
     background: var(--ax-bg-raised);
     box-shadow: var(--ax-shadow-dialog);
@@ -8,17 +8,17 @@
     max-width: calc(100vw - var(--ax-space-24));
   }
 
-  .navds-popover__content {
+  .aksel-popover__content {
     padding: var(--ax-space-16);
   }
 
   @media (min-width: 480px) {
-    .navds-popover__content {
+    .aksel-popover__content {
       padding: var(--ax-space-20);
     }
   }
 
-  .navds-popover--hidden {
+  .aksel-popover--hidden {
     display: none;
   }
 }

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

@@ -0,0 +1 @@
+@layer aksel.components{.aksel-popover{z-index:1000;background:var(--ax-bg-raised);box-shadow:var(--ax-shadow-dialog);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-border-radius-xlarge);max-width:calc(100vw - var(--ax-space-24))}.aksel-popover__content{padding:var(--ax-space-16)}@media (min-width:480px){.aksel-popover__content{padding:var(--ax-space-20)}}.aksel-popover--hidden{display:none}}