@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 declare type TProgressbarRole = 'progressbar' | 'meter';
1846
+ export { TProgressbarRole }
1842
1847
 
1843
- export declare type TProgressbarSkin = 'dark-blue' | 'light-blue' | 'green' | 'red';
1848
+ export { TProgressbarSkin }
1844
1849
 
1845
- export declare type TProgressbarStatusPlacement = 'center' | 'left' | 'following';
1850
+ export { TProgressbarStatusPlacement }
1846
1851
 
1847
- export declare type TProgressbarStatusType = 'none' | 'percentage' | 'fraction';
1852
+ export { TProgressbarStatusType }
1848
1853
 
1849
- export declare type TProgressbarTitlePosition = 'left' | 'center';
1854
+ export { TProgressbarTitlePosition }
1850
1855
 
1851
1856
  export declare type TSelectOption = {
1852
1857
  value: string;
@@ -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
- >${v.slotContent(this)}</div>
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
- ${((s=this.representing)==null?void 0:s.name)||this.user.name}
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}>
@@ -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
- >${S(this)}</div>
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
- ${((t = this.representing) == null ? void 0 : t.name) || this.user.name}
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.5.1",
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": "a54204cf22e40c2db4a5e8d4f30be50d57be8250"
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
- >${slotContent(this)}</div>
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
- ${this.representing?.name || this.user.name}
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 { TAriaLive } from 'shared-types'
11
-
12
- export type TProgressbarRole = 'progressbar' | 'meter'
13
- export type TProgressbarSkin = 'dark-blue' | 'light-blue' | 'green' | 'red'
14
- export type TProgressbarStatusPlacement = 'center' | 'left' | 'following'
15
- export type TProgressbarStatusType = 'none' | 'percentage' | 'fraction'
16
- export type TProgressbarTitlePosition = 'left' | 'center'
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