@navikt/ds-css 7.14.3 → 7.16.0

package/dist/darkside/component/expansioncard.css

@@ -1,5 +1,5 @@
 @layer aksel.components {
-  .navds-expansioncard {
+  .aksel-expansioncard {
     --__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge)  - 1px);
     --__axc-expansioncard-padding-block: var(--ax-space-20);
     --__axc-expansioncard-padding-inline: var(--ax-space-20);
@@ -9,30 +9,30 @@
     height: fit-content;
   }
 
-  .navds-expansioncard:has(.navds-expansioncard__header:hover) {
+  .aksel-expansioncard:has(.aksel-expansioncard__header:hover) {
     box-shadow: 0 0 0 1px var(--ax-border-neutral-strong);
     border-color: var(--ax-border-neutral-strong);
   }
 
-  .navds-expansioncard--small {
+  .aksel-expansioncard--small {
     --__axc-expansioncard-padding-inline: var(--ax-space-16);
     --__axc-expansioncard-padding-block: var(--ax-space-16);
   }
 
-  .navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
+  .aksel-expansioncard--small > .aksel-expansioncard__header .aksel-expansioncard__title--small {
     margin-top: var(--ax-space-2);
   }
 
-  .navds-expansioncard--small :is(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
+  .aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
     margin-top: 0;
   }
 
-  .navds-expansioncard--small > .navds-expansioncard__header > .navds-expansioncard__header-button {
+  .aksel-expansioncard--small > .aksel-expansioncard__header > .aksel-expansioncard__header-button {
     min-width: 2rem;
     min-height: 2rem;
   }
 
-  .navds-expansioncard__header {
+  .aksel-expansioncard__header {
     gap: var(--ax-space-16);
     width: 100%;
     padding: var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);
@@ -43,16 +43,16 @@
     position: relative;
   }
 
-  .navds-expansioncard__header:hover {
+  .aksel-expansioncard__header:hover {
     background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
-  .navds-expansioncard__header[data-open="true"] {
+  .aksel-expansioncard__header[data-open="true"] {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
 
-  .navds-expansioncard__header[data-open="true"]:after {
+  .aksel-expansioncard__header[data-open="true"]:after {
     content: "";
     background-color: var(--ax-border-neutral-subtleA);
     bottom: 0;
@@ -63,23 +63,23 @@
     position: absolute;
   }
 
-  .navds-expansioncard__header[data-open="true"]:hover:after {
+  .aksel-expansioncard__header[data-open="true"]:hover:after {
     opacity: 0;
   }
 
-  .navds-expansioncard__title--small {
+  .aksel-expansioncard__title--small {
     margin-top: .625rem;
   }
 
-  .navds-expansioncard__title--medium {
+  .aksel-expansioncard__title--medium {
     margin-top: var(--ax-space-8);
   }
 
-  .navds-expansioncard__title--large {
+  .aksel-expansioncard__title--large {
     margin-top: var(--ax-space-4);
   }
 
-  .navds-expansioncard__header-button {
+  .aksel-expansioncard__header-button {
     cursor: pointer;
     border-radius: var(--ax-border-radius-large);
     background: none;
@@ -93,11 +93,11 @@
     display: grid;
   }
 
-  .navds-expansioncard__header-button:focus-visible {
+  .aksel-expansioncard__header-button:focus-visible {
     outline: 3px solid var(--ax-border-focus);
   }
 
-  .navds-expansioncard__header-button:after {
+  .aksel-expansioncard__header-button:after {
     z-index: 1;
     content: "";
     cursor: pointer;
@@ -107,23 +107,23 @@
     inset: 0;
   }
 
-  .navds-expansioncard__header:hover > .navds-expansioncard__header-button {
+  .aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
     background-color: var(--ax-bg-neutral-moderate-hoverA);
   }
 
-  .navds-expansioncard__header-chevron {
+  .aksel-expansioncard__header-chevron {
     transition: transform .25s cubic-bezier(.2, 0, 0, 1);
   }
 
-  .navds-expansioncard__header[data-open="true"] .navds-expansioncard__header-chevron {
+  .aksel-expansioncard__header[data-open="true"] .aksel-expansioncard__header-chevron {
     transform: rotateX(-180deg);
   }
 
-  .navds-expansioncard__header[data-open="false"] .navds-expansioncard__header-chevron {
+  .aksel-expansioncard__header[data-open="false"] .aksel-expansioncard__header-chevron {
     transition-duration: .4s;
   }
 
-  .navds-expansioncard__content {
+  .aksel-expansioncard__content {
     padding-inline: var(--__axc-expansioncard-padding-inline);
     visibility: hidden;
     border-end-end-radius: var(--__axc-expansioncard-border-radius);
@@ -137,23 +137,23 @@
     overflow: hidden;
   }
 
-  .navds-expansioncard__content[data-open="true"] {
+  .aksel-expansioncard__content[data-open="true"] {
     visibility: visible;
     padding-block: var(--__axc-expansioncard-padding-block);
     grid-template-rows: 1fr;
   }
 
-  .navds-expansioncard__content[data-open="true"] .navds-expansioncard__content-inner {
+  .aksel-expansioncard__content[data-open="true"] .aksel-expansioncard__content-inner {
     opacity: 1;
   }
 
-  .navds-expansioncard__content-inner {
+  .aksel-expansioncard__content-inner {
     opacity: 0;
     min-height: 0;
     transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
   }
 
-  .navds-expansioncard--no-animation :is(.navds-expansioncard__content, .navds-expansioncard__content-inner) {
+  .aksel-expansioncard--no-animation :is(.aksel-expansioncard__content, .aksel-expansioncard__content-inner) {
     transition: none;
   }
 }

package/dist/darkside/component/expansioncard.min.css

@@ -1 +1 @@
-@layer aksel.components{.navds-expansioncard{--__axc-expansioncard-border-radius:calc(var(--ax-border-radius-xlarge)  - 1px);--__axc-expansioncard-padding-block:var(--ax-space-20);--__axc-expansioncard-padding-inline:var(--ax-space-20);border-radius:var(--ax-border-radius-xlarge);background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral);height:fit-content}.navds-expansioncard:has(.navds-expansioncard__header:hover){box-shadow:0 0 0 1px var(--ax-border-neutral-strong);border-color:var(--ax-border-neutral-strong)}.navds-expansioncard--small{--__axc-expansioncard-padding-inline:var(--ax-space-16);--__axc-expansioncard-padding-block:var(--ax-space-16)}.navds-expansioncard--small>.navds-expansioncard__header .navds-expansioncard__title--small{margin-top:var(--ax-space-2)}.navds-expansioncard--small :is(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard--small>.navds-expansioncard__header>.navds-expansioncard__header-button{min-width:2rem;min-height:2rem}.navds-expansioncard__header{gap:var(--ax-space-16);width:100%;padding:var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);border-radius:var(--__axc-expansioncard-border-radius);background-color:rgba(0,0,0,0);justify-content:space-between;display:flex;position:relative}.navds-expansioncard__header:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.navds-expansioncard__header[data-open=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.navds-expansioncard__header[data-open=true]:after{content:"";background-color:var(--ax-border-neutral-subtleA);bottom:0;left:var(--__axc-expansioncard-padding-inline);height:1px;width:calc(100% - 2 * var(--__axc-expansioncard-padding-inline));opacity:1;position:absolute}.navds-expansioncard__header[data-open=true]:hover:after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--ax-space-8)}.navds-expansioncard__title--large{margin-top:var(--ax-space-4)}.navds-expansioncard__header-button{cursor:pointer;border-radius:var(--ax-border-radius-large);background:0 0;border:none;place-content:center;align-self:flex-start;min-width:3rem;min-height:3rem;margin:0;font-size:1.5rem;display:grid}.navds-expansioncard__header-button:focus-visible{outline:3px solid var(--ax-border-focus)}.navds-expansioncard__header-button:after{z-index:1;content:"";cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.navds-expansioncard__header:hover>.navds-expansioncard__header-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.navds-expansioncard__header-chevron{transition:transform .25s cubic-bezier(.2, 0, 0, 1)}.navds-expansioncard__header[data-open=true] .navds-expansioncard__header-chevron{transform:rotateX(-180deg)}.navds-expansioncard__header[data-open=false] .navds-expansioncard__header-chevron{transition-duration:.4s}.navds-expansioncard__content{padding-inline:var(--__axc-expansioncard-padding-inline);visibility:hidden;border-end-end-radius:var(--__axc-expansioncard-border-radius);border-end-start-radius:var(--__axc-expansioncard-border-radius);grid-template-rows:0fr;padding-block:0;transition-property:visibility,padding-block,grid-template-rows;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.navds-expansioncard__content[data-open=true]{visibility:visible;padding-block:var(--__axc-expansioncard-padding-block);grid-template-rows:1fr}.navds-expansioncard__content[data-open=true] .navds-expansioncard__content-inner{opacity:1}.navds-expansioncard__content-inner{opacity:0;min-height:0;transition:opacity .25s cubic-bezier(.2, 0, 0, 1)}.navds-expansioncard--no-animation :is(.navds-expansioncard__content,.navds-expansioncard__content-inner){transition:none}}
+@layer aksel.components{.aksel-expansioncard{--__axc-expansioncard-border-radius:calc(var(--ax-border-radius-xlarge)  - 1px);--__axc-expansioncard-padding-block:var(--ax-space-20);--__axc-expansioncard-padding-inline:var(--ax-space-20);border-radius:var(--ax-border-radius-xlarge);background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral);height:fit-content}.aksel-expansioncard:has(.aksel-expansioncard__header:hover){box-shadow:0 0 0 1px var(--ax-border-neutral-strong);border-color:var(--ax-border-neutral-strong)}.aksel-expansioncard--small{--__axc-expansioncard-padding-inline:var(--ax-space-16);--__axc-expansioncard-padding-block:var(--ax-space-16)}.aksel-expansioncard--small>.aksel-expansioncard__header .aksel-expansioncard__title--small{margin-top:var(--ax-space-2)}.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium,.aksel-expansioncard__title--large){margin-top:0}.aksel-expansioncard--small>.aksel-expansioncard__header>.aksel-expansioncard__header-button{min-width:2rem;min-height:2rem}.aksel-expansioncard__header{gap:var(--ax-space-16);width:100%;padding:var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);border-radius:var(--__axc-expansioncard-border-radius);background-color:rgba(0,0,0,0);justify-content:space-between;display:flex;position:relative}.aksel-expansioncard__header:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-expansioncard__header[data-open=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aksel-expansioncard__header[data-open=true]:after{content:"";background-color:var(--ax-border-neutral-subtleA);bottom:0;left:var(--__axc-expansioncard-padding-inline);height:1px;width:calc(100% - 2 * var(--__axc-expansioncard-padding-inline));opacity:1;position:absolute}.aksel-expansioncard__header[data-open=true]:hover:after{opacity:0}.aksel-expansioncard__title--small{margin-top:.625rem}.aksel-expansioncard__title--medium{margin-top:var(--ax-space-8)}.aksel-expansioncard__title--large{margin-top:var(--ax-space-4)}.aksel-expansioncard__header-button{cursor:pointer;border-radius:var(--ax-border-radius-large);background:0 0;border:none;place-content:center;align-self:flex-start;min-width:3rem;min-height:3rem;margin:0;font-size:1.5rem;display:grid}.aksel-expansioncard__header-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-expansioncard__header-button:after{z-index:1;content:"";cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.aksel-expansioncard__header:hover>.aksel-expansioncard__header-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-expansioncard__header-chevron{transition:transform .25s cubic-bezier(.2, 0, 0, 1)}.aksel-expansioncard__header[data-open=true] .aksel-expansioncard__header-chevron{transform:rotateX(-180deg)}.aksel-expansioncard__header[data-open=false] .aksel-expansioncard__header-chevron{transition-duration:.4s}.aksel-expansioncard__content{padding-inline:var(--__axc-expansioncard-padding-inline);visibility:hidden;border-end-end-radius:var(--__axc-expansioncard-border-radius);border-end-start-radius:var(--__axc-expansioncard-border-radius);grid-template-rows:0fr;padding-block:0;transition-property:visibility,padding-block,grid-template-rows;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-expansioncard__content[data-open=true]{visibility:visible;padding-block:var(--__axc-expansioncard-padding-block);grid-template-rows:1fr}.aksel-expansioncard__content[data-open=true] .aksel-expansioncard__content-inner{opacity:1}.aksel-expansioncard__content-inner{opacity:0;min-height:0;transition:opacity .25s cubic-bezier(.2, 0, 0, 1)}.aksel-expansioncard--no-animation :is(.aksel-expansioncard__content,.aksel-expansioncard__content-inner){transition:none}}