@oslokommune/punkt-css 12.39.5 → 12.39.7

package/dist/css/pkt.css

@@ -19169,6 +19169,11 @@ pkt-select {
 /*
  * Accordion/Expandable component
  */
+pkt-accordion,
+pkt-accordion-item {
+  display: block;
+}
+
 .pkt-accordion,
 pkt-accordion::part(container) {
   display: grid;
@@ -19205,10 +19210,10 @@ pkt-accordion[skin=blue]::part(container) {
 pkt-accordion[skin=beige] {
   row-gap: 0;
 }
-.pkt-accordion--beige > .pkt-accordion-item:nth-of-type(odd),
-.pkt-accordion--beige > pkt-accordion-item:nth-of-type(odd) .pkt-accordion-item,
-pkt-accordion[skin=beige] > .pkt-accordion-item:nth-of-type(odd),
-pkt-accordion[skin=beige] > pkt-accordion-item:nth-of-type(odd) .pkt-accordion-item {
+.pkt-accordion--beige :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
+.pkt-accordion--beige pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item,
+pkt-accordion[skin=beige] :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
+pkt-accordion[skin=beige] pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item {
   background-color: var(--pkt-color-surface-default-light-beige);
 }
 
@@ -19216,10 +19221,10 @@ pkt-accordion[skin=beige] > pkt-accordion-item:nth-of-type(odd) .pkt-accordion-i
 pkt-accordion[skin=blue] {
   row-gap: 0;
 }
-.pkt-accordion--blue > .pkt-accordion-item:nth-of-type(odd),
-.pkt-accordion--blue > pkt-accordion-item:nth-of-type(odd) .pkt-accordion-item,
-pkt-accordion[skin=blue] > .pkt-accordion-item:nth-of-type(odd),
-pkt-accordion[skin=blue] > pkt-accordion-item:nth-of-type(odd) .pkt-accordion-item {
+.pkt-accordion--blue :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
+.pkt-accordion--blue pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item,
+pkt-accordion[skin=blue] :not(pkt-accordion-item) > .pkt-accordion-item:nth-of-type(odd),
+pkt-accordion[skin=blue] pkt-accordion-item:nth-of-type(odd) > .pkt-accordion-item {
   background-color: var(--pkt-color-surface-default-light-blue);
 }
 
@@ -19236,20 +19241,20 @@ pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordi
   box-shadow: inset 0 0 0 0.125rem var(--pkt-color-border-states-active);
 }
 
-.pkt-accordion--compact > .pkt-accordion-item .pkt-accordion-item__title,
-.pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title,
-pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__title,
-pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title {
+.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__title,
+.pkt-accordion--compact pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title,
+pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__title,
+pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title {
   letter-spacing: -0.2px;
   font-weight: 500;
   font-size: 1rem;
   line-height: 1.5rem;
   padding: 1rem;
 }
-.pkt-accordion--compact > .pkt-accordion-item .pkt-accordion-item__content,
-.pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content,
-pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__content,
-pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content {
+.pkt-accordion--compact .pkt-accordion-item .pkt-accordion-item__content,
+.pkt-accordion--compact pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content,
+pkt-accordion[compact] .pkt-accordion-item .pkt-accordion-item__content,
+pkt-accordion[compact] pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content {
   letter-spacing: -0.2px;
   font-weight: 300;
   font-size: 0.875rem;
@@ -19346,7 +19351,7 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
   transform: rotate(180deg) translateY(0);
 }
 
-.pkt-icon.pkt-accordion-item__icon > svg {
+.pkt-icon.pkt-accordion-item__icon svg {
   min-height: 2rem;
   min-width: 2rem;
 }