@oslokommune/punkt-react 16.8.2 → 16.9.0

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.9.0](https://github.com/oslokommune/punkt/compare/16.8.3...16.9.0) (2026-04-21)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Oppsett for Playwright med samme tester mot begge pakker (#3425). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [16.8.3](https://github.com/oslokommune/punkt/compare/16.8.2...16.8.3) (2026-04-21)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Backlink trenger className-støtte (#3429). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.8.2](https://github.com/oslokommune/punkt/compare/16.8.1...16.8.2) (2026-04-21)
 
 ### ⚠ BREAKING CHANGES

package/dist/punkt-react.es.js

@@ -1084,7 +1084,7 @@ var Ut = class extends ft {
 Ut.directiveName = "unsafeHTML", Ut.resultType = 1;
 var Wt = dt(Ut), Gt = class extends Ut {};
 Gt.directiveName = "unsafeSVG", Gt.resultType = 2;
-var Kt = dt(Gt), qt = "https://punkt-cdn.oslo.kommune.no/16.8/icons/";
+var Kt = dt(Gt), qt = "https://punkt-cdn.oslo.kommune.no/16.9/icons/";
 typeof window < "u" && (window.pktFetch = window.pktFetch === void 0 ? fetch : window.pktFetch, window.pktIconPath = window.pktIconPath || qt);
 var Jt = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"></svg>", Yt = {}, Xt = 2, Zt = 1500, Qt = typeof Storage < "u" && typeof sessionStorage < "u", $t = (e) => window.pktFetch(e).then((t) => {
 	if (!t.ok) throw Error("Missing icon: " + e);
@@ -1146,7 +1146,7 @@ try {
 var X = (e) => e ?? V;
 //#endregion
 //#region ../elements/dist/button-BIpd1xJh.js
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.8/animations/";
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.9/animations/";
 var rn = class extends Vt {
 	constructor(...e) {
 		super(...e), this.iconName = "user", this.secondIconName = "user", this.mode = "light", this.size = "medium", this.fullWidth = !1, this.fullWidthOnMobile = !1, this.skin = "primary", this.variant = "label-only", this.state = "normal", this.type = "button", this.form = void 0, this.isLoading = !1, this.disabled = !1, this.loadingAnimationPath = window.pktAnimationPath;
@@ -6918,7 +6918,7 @@ try {
 } catch {
 	console.warn("Forsøker å definere <pkt-header-user-menu>, men den er allerede definert");
 }
-var Oa = "https://punkt-cdn.oslo.kommune.no/16.8/logos/", ka = class extends Vt {
+var Oa = "https://punkt-cdn.oslo.kommune.no/16.9/logos/", ka = class extends Vt {
 	constructor(...e) {
 		super(...e), this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.isMobile = !1, this.isTablet = !1, this.openMenu = "none", this.isHidden = !1, this.componentWidth = typeof window < "u" ? window.innerWidth : 0, this.alignSlotRight = !1, this.alignSearchRight = !1, this.headerRef = sn(), this.userContainerRef = sn(), this.slotContainerRef = sn(), this.searchContainerRef = sn(), this.slotContentRef = sn(), this.searchMenuRef = sn(), this.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
 			if (!this.shouldHideOnScroll) return;
@@ -8958,7 +8958,7 @@ try {
 }
 //#endregion
 //#region ../elements/dist/loader-6kFZUErT.js
-window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.8/animations/";
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.9/animations/";
 var po = class extends Vt {
 	constructor(...e) {
 		super(...e), this.delay = 0, this.inline = !1, this.isLoading = !0, this.message = null, this.size = "medium", this.variant = "shapes", this.loadingAnimationPath = window.pktAnimationPath, this._shouldDisplayLoader = !1;
@@ -10722,29 +10722,32 @@ var $ = /* @__PURE__ */ te((/* @__PURE__ */ D(((e, t) => {
 Ko.displayName = "PktAlert";
 //#endregion
 //#region src/components/backlink/BackLink.tsx
-var qo = s(({ href: e = "/", text: t = "Forsiden", ariaLabel: n, renderLink: r, ...i }, a) => /* @__PURE__ */ y("nav", {
-	className: "pkt-back-link",
-	"aria-label": n || "Gå tilbake til forrige side",
-	ref: a,
-	children: (r || (({ href: e, className: t, children: n, props: r }) => /* @__PURE__ */ y("a", {
+var qo = s(({ href: e = "/", text: t = "Forsiden", ariaLabel: n, renderLink: r, className: i, ...a }, o) => {
+	let s = /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(Q, {
+		className: "pkt-back-link__icon pkt-icon pkt-link__icon",
+		name: "chevron-thin-left",
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ y("span", {
+		className: "pkt-back-link__text",
+		children: t
+	})] }), c = r || (({ href: e, className: t, children: n, props: r }) => /* @__PURE__ */ y("a", {
 		href: e,
 		className: t,
 		...r,
 		children: n
-	})))({
-		href: e,
-		className: "pkt-link pkt-link--icon-left",
-		children: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(Q, {
-			className: "pkt-back-link__icon pkt-icon pkt-link__icon",
-			name: "chevron-thin-left",
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ y("span", {
-			className: "pkt-back-link__text",
-			children: t
-		})] }),
-		props: i
-	})
-}));
+	}));
+	return /* @__PURE__ */ y("nav", {
+		className: ["pkt-back-link", i].filter(Boolean).join(" "),
+		"aria-label": n || "Gå tilbake til forrige side",
+		ref: o,
+		children: c({
+			href: e,
+			className: "pkt-link pkt-link--icon-left",
+			children: s,
+			props: a
+		})
+	});
+});
 qo.displayName = "PktBackLink";
 //#endregion
 //#region src/components/breadcrumbs/Breadcrumbs.tsx
@@ -10804,7 +10807,7 @@ var Jo = s(({ breadcrumbs: e, navigationType: t, renderLink: n, className: r, ..
 });
 //#endregion
 //#region src/components/button/Button.tsx
-Jo.displayName = "PktBreadcrumbs", window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.8/animations/";
+Jo.displayName = "PktBreadcrumbs", window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.9/animations/";
 var Yo = s(({ children: e, className: t, iconName: n = "user", secondIconName: r = "user", iconPath: i, secondIconPath: a, size: o = "medium", fullWidth: s = !1, fullWidthOnMobile: c = !1, skin: l = "primary", type: u = "button", variant: d = "label-only", state: f, color: p, isLoading: m = void 0, disabled: h = void 0, loadingAnimationPath: g = window.pktAnimationPath, ..._ }, v) => {
 	let x = [
 		t,
@@ -16447,7 +16450,7 @@ var _d = s(({ mobileBreakpoint: e = 768, tabletBreakpoint: t = 1280, children: n
 						children: /* @__PURE__ */ y(Q, {
 							name: "oslologo",
 							"aria-hidden": "true",
-							path: "https://punkt-cdn.oslo.kommune.no/16.8/logos/"
+							path: "https://punkt-cdn.oslo.kommune.no/16.9/logos/"
 						})
 					}) : re ? /* @__PURE__ */ y("button", {
 						"aria-label": "Tilbake til forside",
@@ -16456,12 +16459,12 @@ var _d = s(({ mobileBreakpoint: e = 768, tabletBreakpoint: t = 1280, children: n
 						children: /* @__PURE__ */ y(Q, {
 							name: "oslologo",
 							"aria-hidden": "true",
-							path: "https://punkt-cdn.oslo.kommune.no/16.8/logos/"
+							path: "https://punkt-cdn.oslo.kommune.no/16.9/logos/"
 						})
 					}) : /* @__PURE__ */ y(Q, {
 						name: "oslologo",
 						"aria-hidden": "true",
-						path: "https://punkt-cdn.oslo.kommune.no/16.8/logos/"
+						path: "https://punkt-cdn.oslo.kommune.no/16.9/logos/"
 					})
 				}), T && /* @__PURE__ */ y("span", {
 					className: "pkt-header-service__service-name",