@oslokommune/punkt-css 16.13.0 → 16.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/css/components/header-service.css +3 -6
- package/dist/css/components/header-service.min.css +1 -1
- package/dist/css/pkt-components.css +3 -6
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +3 -6
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +3 -6
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_header-service.scss +3 -7
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [16.13.1](https://github.com/oslokommune/punkt/compare/16.13.0...16.13.1) (2026-05-06)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Ikke-fixed header har dårlig z-index, og spacer har feil høyde (#3450).
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
## [16.11.1](https://github.com/oslokommune/punkt/compare/16.11.0...16.11.1) (2026-04-30)
|
|
9
27
|
|
|
10
28
|
### ⚠ BREAKING CHANGES
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
.pkt-header-service-spacer--mobile {
|
|
29
|
-
height:
|
|
29
|
+
height: 5rem;
|
|
30
30
|
}
|
|
31
31
|
.pkt-header-service-spacer--has-user {
|
|
32
|
-
height:
|
|
32
|
+
height: 7.5rem;
|
|
33
33
|
}
|
|
34
34
|
@media screen and (min-width: 48rem) {
|
|
35
35
|
.pkt-header-service-spacer--has-user {
|
|
@@ -51,9 +51,6 @@
|
|
|
51
51
|
height: 6.5rem;
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
.pkt-header-service-spacer--has-user.pkt-header-service-spacer--mobile {
|
|
55
|
-
height: 128px;
|
|
56
|
-
}
|
|
57
54
|
.pkt-header-service-spacer--compact {
|
|
58
55
|
height: 4rem;
|
|
59
56
|
}
|
|
@@ -153,6 +150,7 @@
|
|
|
153
150
|
}
|
|
154
151
|
.pkt-header-service {
|
|
155
152
|
position: relative;
|
|
153
|
+
z-index: 10;
|
|
156
154
|
background-color: var(--pkt-color-background-default);
|
|
157
155
|
border-bottom: 1px solid var(--pkt-color-border-subtle);
|
|
158
156
|
container-type: inline-size;
|
|
@@ -195,7 +193,6 @@
|
|
|
195
193
|
position: fixed;
|
|
196
194
|
top: 0;
|
|
197
195
|
left: 0;
|
|
198
|
-
z-index: 10;
|
|
199
196
|
}
|
|
200
197
|
.pkt-header-service--scroll-to-hide {
|
|
201
198
|
transform: translate3d(0, 0, 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkt-header-service-spacer{height:80px}@media screen and (min-width: 48rem){.pkt-header-service-spacer{height:5.5rem}}@container header-service (min-width: 48rem){.pkt-header-service-spacer{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header-service-spacer{height:6.5rem}}@container header-service (min-width: 80rem){.pkt-header-service-spacer{height:6.5rem}}.pkt-header-service-spacer--mobile{height:
|
|
1
|
+
.pkt-header-service-spacer{height:80px}@media screen and (min-width: 48rem){.pkt-header-service-spacer{height:5.5rem}}@container header-service (min-width: 48rem){.pkt-header-service-spacer{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header-service-spacer{height:6.5rem}}@container header-service (min-width: 80rem){.pkt-header-service-spacer{height:6.5rem}}.pkt-header-service-spacer--mobile{height:5rem}.pkt-header-service-spacer--has-user{height:7.5rem}@media screen and (min-width: 48rem){.pkt-header-service-spacer--has-user{height:5.5rem}}@container header-service (min-width: 48rem){.pkt-header-service-spacer--has-user{height:5.5rem}}@media screen and (min-width: 80rem){.pkt-header-service-spacer--has-user{height:6.5rem}}@container header-service (min-width: 80rem){.pkt-header-service-spacer--has-user{height:6.5rem}}.pkt-header-service-spacer--compact{height:4rem}@media screen and (min-width: 48rem){.pkt-header-service-spacer--compact{height:4rem}}@container header-service (min-width: 48rem){.pkt-header-service-spacer--compact{height:4rem}}@media screen and (min-width: 80rem){.pkt-header-service-spacer--compact{height:4.5rem}}@container header-service (min-width: 80rem){.pkt-header-service-spacer--compact{height:4.5rem}}.pkt-header-service-spacer--compact.pkt-header-service-spacer--mobile{height:4rem}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user{height:104px}@media screen and (min-width: 48rem){.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user{height:4rem}}@container header-service (min-width: 48rem){.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user{height:4rem}}@media screen and (min-width: 80rem){.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user{height:4.5rem}}@container header-service (min-width: 80rem){.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user{height:4.5rem}}.pkt-header-service-spacer--compact.pkt-header-service-spacer--has-user.pkt-header-service-spacer--mobile{height:104px}.pkt-header-service{--pkt-header-height: 4.5rem}@media screen and (min-width: 48rem){.pkt-header-service{--pkt-header-height: 5.5rem}}@container header-service (min-width: 48rem){.pkt-header-service{--pkt-header-height: 5.5rem}}@media screen and (min-width: 80rem){.pkt-header-service{--pkt-header-height: 6.5rem}}@container header-service (min-width: 80rem){.pkt-header-service{--pkt-header-height: 6.5rem}}.pkt-header-service--compact{--pkt-header-height: 4rem}@media screen and (min-width: 80rem){.pkt-header-service--compact{--pkt-header-height: 4.5rem}}@container header-service (min-width: 80rem){.pkt-header-service--compact{--pkt-header-height: 4.5rem}}.pkt-header-service--mobile{--pkt-header-height: 4rem}@media screen and (min-width: 80rem){.pkt-header-service--mobile{--pkt-header-height: 4.5rem}}.pkt-header-service{position:relative;z-index:10;background-color:var(--pkt-color-background-default);border-bottom:1px solid var(--pkt-color-border-subtle);container-type:inline-size;container-name:header-service;display:grid;align-items:center;grid-template-columns:1fr auto auto;grid-template-rows:4.5rem auto;column-gap:.5rem}@media screen and (min-width: 48rem){.pkt-header-service{grid-template-rows:5.5rem auto;column-gap:1.5rem}}@container header-service (min-width: 48rem){.pkt-header-service{grid-template-rows:5.5rem auto;column-gap:1.5rem}}@media screen and (min-width: 80rem){.pkt-header-service{grid-template-rows:6.5rem auto;column-gap:2rem}}@container header-service (min-width: 80rem){.pkt-header-service{grid-template-rows:6.5rem auto;column-gap:2rem}}.pkt-header-service--compact{grid-template-rows:4.5rem auto}.pkt-header-service--fixed{width:100vw;position:fixed;top:0;left:0}.pkt-header-service--scroll-to-hide{transform:translate3d(0, 0, 0);transition:.5s transform ease-in-out}.pkt-header-service--hidden{transform:translate3d(0, -100%, 0)}.pkt-header-service__logo-area,.pkt-header-service__content,.pkt-header-service__user{display:inline-flex;column-gap:.25rem;min-width:0}@media screen and (min-width: 48rem){.pkt-header-service__logo-area,.pkt-header-service__content,.pkt-header-service__user{column-gap:1.5rem}}@container header-service (min-width: 48rem){.pkt-header-service__logo-area,.pkt-header-service__content,.pkt-header-service__user{column-gap:1.5rem}}@media screen and (min-width: 80rem){.pkt-header-service__logo-area,.pkt-header-service__content,.pkt-header-service__user{column-gap:2rem}}@container header-service (min-width: 80rem){.pkt-header-service__logo-area,.pkt-header-service__content,.pkt-header-service__user{column-gap:2rem}}.pkt-header-service__logo-area{grid-column:1;grid-row:1;align-items:center;display:inline-flex;padding-left:.5rem}@media screen and (min-width: 48rem){.pkt-header-service__logo-area{padding-left:1rem}}@container header-service (min-width: 48rem){.pkt-header-service__logo-area{padding-left:1rem}}@media screen and (min-width: 80rem){.pkt-header-service__logo-area{padding-left:2rem}}@container header-service (min-width: 80rem){.pkt-header-service__logo-area{padding-left:2rem}}.pkt-header-service__content,.pkt-header-service__user{grid-row:1;align-items:center}.pkt-header-service__content .pkt-header-service__user-button .pkt-btn__text,.pkt-header-service__user .pkt-header-service__user-button .pkt-btn__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkt-header-service__content .pkt-link,.pkt-header-service__user .pkt-link{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-header-service__content{grid-column:2}.pkt-header-service__user{grid-column:3;justify-self:end;padding-right:1rem}@media screen and (min-width: 80rem){.pkt-header-service__user{padding-right:2rem}}@container header-service (min-width: 80rem){.pkt-header-service__user{padding-right:2rem}}.pkt-header-service__logo{--fg-color: var(--pkt-color-text-body-default);flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.pkt-header-service__logo a,.pkt-header-service__logo button{display:flex;align-items:center}.pkt-header-service__logo svg{aspect-ratio:6/3;height:2.5rem}.pkt-header-service__logo-area--without-service .pkt-header-service__logo svg{height:4rem}.pkt-header-service__service-name{letter-spacing:-0.2px;font-weight:500;font-size:1.375rem;line-height:2.125rem;padding-top:4px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;min-width:0;text-wrap:balance}.pkt-header-service__service-link{color:var(--pkt-color-text-body-default)}.pkt-header-service__service-link .pkt-link{text-decoration:none}.pkt-header-service .pkt-link{text-decoration:none}.pkt-header-service .pkt-link--active{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link:active{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link:hover{text-decoration:underline;text-underline-position:from-font}.pkt-header-service .pkt-link.pkt-header-service--mobile{letter-spacing:-0.2px;font-weight:500;font-size:1rem;line-height:1.5rem}.pkt-header-service__search-input{background-color:var(--pkt-color-background-default)}.pkt-header-service__search-input .pkt-input-icon:not(button) svg{margin-left:0}.pkt-header-service__slot-container,.pkt-header-service__search-container{display:flex;flex-direction:row;align-items:baseline}.pkt-header-service__slot-container,.pkt-header-service__slot-container .pkt-contents{display:flex;flex-direction:row;align-items:center}.pkt-header-service__slot-container>*+*,.pkt-header-service__slot-container .pkt-contents>*+*{margin-left:2rem}.pkt-header-service__slot-container>.pkt-link+.pkt-link,.pkt-header-service__slot-container>pkt-link+pkt-link,.pkt-header-service__slot-container>a+a,.pkt-header-service__slot-container .pkt-contents>.pkt-link+.pkt-link,.pkt-header-service__slot-container .pkt-contents>pkt-link+pkt-link,.pkt-header-service__slot-container .pkt-contents>a+a{margin-left:1.5rem}.pkt-header-service__user-container.is-open,.pkt-header-service__search-container.is-open,.pkt-header-service__slot-container.is-open,.pkt-header-service__user-menu.is-open,.pkt-header-service__mobile-menu.is-open{z-index:100}.pkt-header-service__user-container{position:relative}.pkt-header-service__user-button{max-width:28.5rem}.pkt-header-service__user-button .pkt-btn__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.pkt-header-service__user-menu,.pkt-header-service__slot-menu{position:absolute;right:0;width:max(15.5rem,100%);max-width:min(32rem,90vw)}.pkt-header-service__logout-button{flex:0 0 auto}.pkt-header-service__mobile-menu-container{grid-column:1/-1;grid-row:2}.pkt-header-service__mobile-menu{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height 200ms ease,opacity 150ms ease,transform 200ms ease;will-change:max-height,transform;pointer-events:none}.pkt-header-service__mobile-menu.is-open{max-height:calc(100dvh - var(--pkt-header-height) - 3.5rem);opacity:1;overflow:visible;pointer-events:auto;transform:translateY(0)}.pkt-header-service__mobile-menu.is-open>*{max-height:calc(100dvh - var(--pkt-header-height) - 3.5rem);overflow-y:auto;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion: reduce){.pkt-header-service__mobile-menu{transition:none;transform:none}}
|
|
@@ -2593,10 +2593,10 @@ pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display_
|
|
|
2593
2593
|
}
|
|
2594
2594
|
}
|
|
2595
2595
|
.pkt-header-service-spacer--mobile {
|
|
2596
|
-
height:
|
|
2596
|
+
height: 5rem;
|
|
2597
2597
|
}
|
|
2598
2598
|
.pkt-header-service-spacer--has-user {
|
|
2599
|
-
height:
|
|
2599
|
+
height: 7.5rem;
|
|
2600
2600
|
}
|
|
2601
2601
|
@media screen and (min-width: 48rem) {
|
|
2602
2602
|
.pkt-header-service-spacer--has-user {
|
|
@@ -2618,9 +2618,6 @@ pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display_
|
|
|
2618
2618
|
height: 6.5rem;
|
|
2619
2619
|
}
|
|
2620
2620
|
}
|
|
2621
|
-
.pkt-header-service-spacer--has-user.pkt-header-service-spacer--mobile {
|
|
2622
|
-
height: 128px;
|
|
2623
|
-
}
|
|
2624
2621
|
.pkt-header-service-spacer--compact {
|
|
2625
2622
|
height: 4rem;
|
|
2626
2623
|
}
|
|
@@ -2720,6 +2717,7 @@ pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display_
|
|
|
2720
2717
|
}
|
|
2721
2718
|
.pkt-header-service {
|
|
2722
2719
|
position: relative;
|
|
2720
|
+
z-index: 10;
|
|
2723
2721
|
background-color: var(--pkt-color-background-default);
|
|
2724
2722
|
border-bottom: 1px solid var(--pkt-color-border-subtle);
|
|
2725
2723
|
container-type: inline-size;
|
|
@@ -2762,7 +2760,6 @@ pkt-fileupload__queue-display__item--in-progress .pkt-fileupload__queue-display_
|
|
|
2762
2760
|
position: fixed;
|
|
2763
2761
|
top: 0;
|
|
2764
2762
|
left: 0;
|
|
2765
|
-
z-index: 10;
|
|
2766
2763
|
}
|
|
2767
2764
|
.pkt-header-service--scroll-to-hide {
|
|
2768
2765
|
transform: translate3d(0, 0, 0);
|