@oslokommune/punkt-css 14.0.0 → 14.0.1

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [14.0.1](https://github.com/oslokommune/punkt/compare/14.0.0...14.0.1) (2026-02-02)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Header – z-index-bug i brukermenyen (#3210). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [14.0.0](https://github.com/oslokommune/punkt/compare/13.22.0...14.0.0) (2026-02-02)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/header-service-mobile.css

@@ -44,6 +44,7 @@
   background-color: var(--pkt-color-background-default);
   height: 3.5rem;
   width: 100%;
+  z-index: 100;
 }
 .pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button:is(button), .pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button button {
   height: 100%;

package/dist/css/components/header-service-mobile.min.css

@@ -1 +1 @@
-.pkt-header-service.pkt-header-service--mobile{grid-template-rows:4rem auto;grid-template-columns:1fr auto}@media screen and (min-width: 80rem){.pkt-header-service.pkt-header-service--mobile{grid-template-rows:4.5rem auto}}.pkt-header-service.pkt-header-service--mobile .pkt-header-service--compact{grid-template-rows:4rem auto}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__logo-area,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user{column-gap:1rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__logo-area{grid-column:1;grid-row:1}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__content{grid-column:2;grid-row:1;padding-right:1rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user{grid-column:1/-1;grid-row:2;justify-self:stretch;padding:0}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__logo svg{height:2rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__service-name{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__mobile-menu{background-color:var(--pkt-color-background-default)}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-container{background-color:var(--pkt-color-background-default);height:3.5rem;width:100%}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button:is(button),.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button button{height:100%;padding:0 1.5rem;width:100%;max-width:100%;border:none;border-top:1px solid var(--pkt-color-border-subtle, #f2f2f2);border-bottom:1px solid var(--pkt-color-border-subtle, #f2f2f2)}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button:not(button){display:contents}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-menu{max-width:100%;position:unset}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-content{display:none}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content{position:absolute;top:4rem;left:0;right:0;max-width:100vw}@media screen and (min-width: 80rem){.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content{top:4.5rem}}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu{position:absolute;top:4rem;left:0;right:0}@media screen and (min-width: 80rem){.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu{top:4.5rem}}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-input{padding:1rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__mobile-menu.is-open,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__mobile-menu.is-open{background-color:var(--pkt-color-background-default);z-index:100;border-top:1px solid var(--pkt-color-border-subtle, #f2f2f2);border-bottom:1px solid var(--pkt-color-border-subtle, #f2f2f2)}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content::after,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu::after,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__mobile-menu.is-open::after,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content::after,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu::after,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__mobile-menu.is-open::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.25rem;pointer-events:none;background:linear-gradient(to top, transparent, rgba(0, 0, 0, 0.06));transform:translateY(100%);z-index:101}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content{height:max-content;max-height:calc(100dvh - var(--pkt-header-height));overflow:visible}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents{display:flex;flex-direction:column;align-items:stretch}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul{margin-left:0;gap:1.5rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>*,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul>*,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>*,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul>*{margin-left:0}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content .pkt-contents,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content .pkt-contents{padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-content{display:none}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container{position:relative}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__mobile-menu,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu{display:block;position:absolute;top:100%;left:0;min-width:19rem;width:fit-content;max-width:100%;right:auto;border:2px solid var(--pkt-color-border-subtle)}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content.align-right,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__mobile-menu.align-right,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__slot-content.align-right,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu.align-right{left:auto;right:0}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-input{padding:1rem}
+.pkt-header-service.pkt-header-service--mobile{grid-template-rows:4rem auto;grid-template-columns:1fr auto}@media screen and (min-width: 80rem){.pkt-header-service.pkt-header-service--mobile{grid-template-rows:4.5rem auto}}.pkt-header-service.pkt-header-service--mobile .pkt-header-service--compact{grid-template-rows:4rem auto}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__logo-area,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user{column-gap:1rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__logo-area{grid-column:1;grid-row:1}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__content{grid-column:2;grid-row:1;padding-right:1rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user{grid-column:1/-1;grid-row:2;justify-self:stretch;padding:0}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__logo svg{height:2rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__service-name{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__mobile-menu{background-color:var(--pkt-color-background-default)}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-container{background-color:var(--pkt-color-background-default);height:3.5rem;width:100%;z-index:100}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button:is(button),.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button button{height:100%;padding:0 1.5rem;width:100%;max-width:100%;border:none;border-top:1px solid var(--pkt-color-border-subtle, #f2f2f2);border-bottom:1px solid var(--pkt-color-border-subtle, #f2f2f2)}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button:not(button){display:contents}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-menu{max-width:100%;position:unset}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-content{display:none}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content{position:absolute;top:4rem;left:0;right:0;max-width:100vw}@media screen and (min-width: 80rem){.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content{top:4.5rem}}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu{position:absolute;top:4rem;left:0;right:0}@media screen and (min-width: 80rem){.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu{top:4.5rem}}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-input{padding:1rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__mobile-menu.is-open,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__mobile-menu.is-open{background-color:var(--pkt-color-background-default);z-index:100;border-top:1px solid var(--pkt-color-border-subtle, #f2f2f2);border-bottom:1px solid var(--pkt-color-border-subtle, #f2f2f2)}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content::after,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu::after,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__mobile-menu.is-open::after,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content::after,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu::after,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__mobile-menu.is-open::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.25rem;pointer-events:none;background:linear-gradient(to top, transparent, rgba(0, 0, 0, 0.06));transform:translateY(100%);z-index:101}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content{height:max-content;max-height:calc(100dvh - var(--pkt-header-height));overflow:visible}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents{display:flex;flex-direction:column;align-items:stretch}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul{margin-left:0;gap:1.5rem}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>*,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul>*,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>*,.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>ul>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>*,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content>.pkt-contents>ul>*{margin-left:0}.pkt-header-service.pkt-header-service--mobile .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content .pkt-contents,.pkt-header-service.pkt-header-service--tablet .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content .pkt-contents{padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-content{display:none}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container{position:relative}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__mobile-menu,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__slot-content,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu{display:block;position:absolute;top:100%;left:0;min-width:19rem;width:fit-content;max-width:100%;right:auto;border:2px solid var(--pkt-color-border-subtle)}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__slot-content.align-right,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__slot-container.is-open .pkt-header-service__mobile-menu.align-right,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__slot-content.align-right,.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-container.is-open .pkt-header-service__mobile-menu.align-right{left:auto;right:0}.pkt-header-service.pkt-header-service--tablet:not(.pkt-header-service--mobile) .pkt-header-service__search-input{padding:1rem}

package/dist/css/pkt-components.css

@@ -2057,6 +2057,7 @@ pkt-combobox[fullwidth] {
   background-color: var(--pkt-color-background-default);
   height: 3.5rem;
   width: 100%;
+  z-index: 100;
 }
 .pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button:is(button), .pkt-header-service.pkt-header-service--mobile .pkt-header-service__user-button button {
   height: 100%;