@oslokommune/punkt-elements 16.5.1 → 16.6.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
CHANGED
|
@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [16.6.1](https://github.com/oslokommune/punkt/compare/16.6.0...16.6.1) (2026-04-07)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
Ingen
|
|
18
|
+
|
|
19
|
+
### Chores
|
|
20
|
+
Ingen
|
|
21
|
+
|
|
22
|
+
---
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [16.6.0](https://github.com/oslokommune/punkt/compare/16.5.1...16.6.0) (2026-04-07)
|
|
26
|
+
|
|
27
|
+
### ⚠ BREAKING CHANGES
|
|
28
|
+
Ingen
|
|
29
|
+
|
|
30
|
+
### Features
|
|
31
|
+
Ingen
|
|
32
|
+
|
|
33
|
+
### Bug Fixes
|
|
34
|
+
Ingen
|
|
35
|
+
|
|
36
|
+
### Chores
|
|
37
|
+
Ingen
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
|
|
8
42
|
## [16.5.0](https://github.com/oslokommune/punkt/compare/16.4.0...16.5.0) (2026-03-27)
|
|
9
43
|
|
|
10
44
|
### ⚠ BREAKING CHANGES
|
package/dist/index.d.ts
CHANGED
|
@@ -28,6 +28,11 @@ import { TLayout } from '../../../../../shared-types';
|
|
|
28
28
|
import { TMessageboxSkin } from '../../../../../shared-types';
|
|
29
29
|
import { TPktComboboxTagPlacement } from '../../../../../shared-types/combobox';
|
|
30
30
|
import { TLogOutButtonPlacement as TPktHeaderLogOutButtonPlacement } from '../../../../../shared-types';
|
|
31
|
+
import { TProgressbarRole } from '../../../../../shared-types';
|
|
32
|
+
import { TProgressbarSkin } from '../../../../../shared-types';
|
|
33
|
+
import { TProgressbarStatusPlacement } from '../../../../../shared-types';
|
|
34
|
+
import { TProgressbarStatusType } from '../../../../../shared-types';
|
|
35
|
+
import { TProgressbarTitlePosition } from '../../../../../shared-types';
|
|
31
36
|
import { TSlotMenuVariant } from '../../../../../shared-types';
|
|
32
37
|
import { User } from '../../../../../shared-types';
|
|
33
38
|
import { UserMenuItem } from '../../../../../shared-types';
|
|
@@ -1838,15 +1843,15 @@ export declare type TPktLoaderVariant = 'blue' | 'rainbow' | 'shapes';
|
|
|
1838
1843
|
|
|
1839
1844
|
declare type TPktSize = 'small' | 'medium' | 'large';
|
|
1840
1845
|
|
|
1841
|
-
export
|
|
1846
|
+
export { TProgressbarRole }
|
|
1842
1847
|
|
|
1843
|
-
export
|
|
1848
|
+
export { TProgressbarSkin }
|
|
1844
1849
|
|
|
1845
|
-
export
|
|
1850
|
+
export { TProgressbarStatusPlacement }
|
|
1846
1851
|
|
|
1847
|
-
export
|
|
1852
|
+
export { TProgressbarStatusType }
|
|
1848
1853
|
|
|
1849
|
-
export
|
|
1854
|
+
export { TProgressbarTitlePosition }
|
|
1850
1855
|
|
|
1851
1856
|
export declare type TSelectOption = {
|
|
1852
1857
|
value: string;
|
package/dist/pkt-header.cjs
CHANGED
|
@@ -150,7 +150,9 @@
|
|
|
150
150
|
role=${this.isTablet?"menu":t.A}
|
|
151
151
|
aria-label=${this.isTablet?"Meny":t.A}
|
|
152
152
|
${c.n(this.slotContentRef)}
|
|
153
|
-
|
|
153
|
+
>
|
|
154
|
+
${v.slotContent(this)}
|
|
155
|
+
</div>
|
|
154
156
|
</div>
|
|
155
157
|
`}renderSearch(){if(!this.showSearch)return t.A;if(this.isTablet){const e=p.e({"pkt-header-service__search-container":!0,"is-open":this.openMenu==="search"}),s=p.e({"pkt-header-service__mobile-menu":!0,"is-open":this.openMenu==="search","align-right":this.alignSearchRight});return t.b`
|
|
156
158
|
<div
|
|
@@ -218,7 +220,7 @@
|
|
|
218
220
|
@click=${()=>this.handleMenuToggle("user")}
|
|
219
221
|
>
|
|
220
222
|
<span class="pkt-sr-only">Brukermeny: </span>
|
|
221
|
-
|
|
223
|
+
<span>${((s=this.representing)==null?void 0:s.name)||this.user.name}</span>
|
|
222
224
|
</pkt-button>
|
|
223
225
|
${this.openMenu==="user"&&this.user?t.b`
|
|
224
226
|
<div class=${e}>
|
package/dist/pkt-header.js
CHANGED
|
@@ -439,7 +439,9 @@ let o = class extends M {
|
|
|
439
439
|
role=${this.isTablet ? "menu" : u}
|
|
440
440
|
aria-label=${this.isTablet ? "Meny" : u}
|
|
441
441
|
${y(this.slotContentRef)}
|
|
442
|
-
|
|
442
|
+
>
|
|
443
|
+
${S(this)}
|
|
444
|
+
</div>
|
|
443
445
|
</div>
|
|
444
446
|
`;
|
|
445
447
|
}
|
|
@@ -537,7 +539,7 @@ let o = class extends M {
|
|
|
537
539
|
@click=${() => this.handleMenuToggle("user")}
|
|
538
540
|
>
|
|
539
541
|
<span class="pkt-sr-only">Brukermeny: </span>
|
|
540
|
-
|
|
542
|
+
<span>${((t = this.representing) == null ? void 0 : t.name) || this.user.name}</span>
|
|
541
543
|
</pkt-button>
|
|
542
544
|
${this.openMenu === "user" && this.user ? n`
|
|
543
545
|
<div class=${e}>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-elements",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.6.1",
|
|
4
4
|
"description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
80
80
|
},
|
|
81
81
|
"license": "MIT",
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "a56b9180a633f3fa8b16e9b37c56ffc8255f9b4e"
|
|
83
83
|
}
|
|
@@ -530,7 +530,9 @@ export class PktHeaderService extends PktElementWithSlot<IPktHeader> implements
|
|
|
530
530
|
role=${this.isTablet ? 'menu' : nothing}
|
|
531
531
|
aria-label=${this.isTablet ? 'Meny' : nothing}
|
|
532
532
|
${ref(this.slotContentRef)}
|
|
533
|
-
|
|
533
|
+
>
|
|
534
|
+
${slotContent(this)}
|
|
535
|
+
</div>
|
|
534
536
|
</div>
|
|
535
537
|
`
|
|
536
538
|
}
|
|
@@ -640,7 +642,7 @@ export class PktHeaderService extends PktElementWithSlot<IPktHeader> implements
|
|
|
640
642
|
@click=${() => this.handleMenuToggle('user')}
|
|
641
643
|
>
|
|
642
644
|
<span class="pkt-sr-only">Brukermeny: </span>
|
|
643
|
-
|
|
645
|
+
<span>${this.representing?.name || this.user.name}</span>
|
|
644
646
|
</pkt-button>
|
|
645
647
|
${this.openMenu === 'user' && this.user
|
|
646
648
|
? html`
|
|
@@ -7,13 +7,16 @@ import { styleMap } from 'lit/directives/style-map.js'
|
|
|
7
7
|
import { uuidish } from 'shared-utils/utils'
|
|
8
8
|
|
|
9
9
|
import '@/components/icon'
|
|
10
|
-
import type {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
import type {
|
|
11
|
+
TAriaLive,
|
|
12
|
+
TProgressbarRole,
|
|
13
|
+
TProgressbarSkin,
|
|
14
|
+
TProgressbarStatusPlacement,
|
|
15
|
+
TProgressbarStatusType,
|
|
16
|
+
TProgressbarTitlePosition,
|
|
17
|
+
} from 'shared-types'
|
|
18
|
+
|
|
19
|
+
export type { TProgressbarRole, TProgressbarSkin, TProgressbarStatusPlacement, TProgressbarStatusType, TProgressbarTitlePosition }
|
|
17
20
|
|
|
18
21
|
export interface IPktProgressbar {
|
|
19
22
|
ariaLabel?: string | null
|