@oslokommune/punkt-react 16.9.0 → 16.10.0

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.10.0](https://github.com/oslokommune/punkt/compare/16.9.1...16.10.0) (2026-04-22)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Legger til støtte for "fit-content" som størrelse på modal (#3433). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [16.9.1](https://github.com/oslokommune/punkt/compare/16.9.0...16.9.1) (2026-04-22)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Fikser opp i bygging og DTS-generering (#3434). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.9.0](https://github.com/oslokommune/punkt/compare/16.8.3...16.9.0) (2026-04-21)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes } from 'react';
-import { Booleanish } from '../../../../../shared-types';
+import { Booleanish } from './shared-types';
 import { ButtonHTMLAttributes } from 'react';
 import { ChangeEvent } from 'react';
 import { ChangeEventHandler } from 'react';
@@ -9,13 +9,13 @@ import { FocusEvent as FocusEvent_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLProps } from 'react';
-import { IDatepickerStrings } from '../../../../../shared-types/datepicker';
+import { IDatepickerStrings } from './shared-types/datepicker';
 import { InputHTMLAttributes } from 'react';
-import { IPktComboboxOption } from '../../../../../shared-types/combobox';
+import { IPktComboboxOption } from './shared-types/combobox';
 import { IPktConsent as IPktConsent_2 } from '@oslokommune/punkt-elements';
 import { IPktHeading as IPktHeading_2 } from '@oslokommune/punkt-elements';
 import { IPktLoader as IPktLoader_2 } from '@oslokommune/punkt-elements';
-import { ITimepickerStrings } from '../../../../../shared-types/timepicker';
+import { ITimepickerStrings } from './shared-types/timepicker';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LegacyRef } from 'react';
 import { LinkHTMLAttributes } from 'react';
@@ -27,26 +27,26 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SelectHTMLAttributes } from 'react';
 import { SyntheticEvent } from 'react';
-import { TAccordionSkin } from '../../../../../shared-types';
-import { TAlertRole } from '../../../../../shared-types';
-import { TAlertSkin } from '../../../../../shared-types';
-import { TAriaLive } from '../../../../../shared-types';
-import { TCardSkin } from '../../../../../shared-types';
+import { TAccordionSkin } from './shared-types';
+import { TAlertRole } from './shared-types';
+import { TAlertSkin } from './shared-types';
+import { TAriaLive } from './shared-types';
+import { TCardSkin } from './shared-types';
 import { TextareaHTMLAttributes } from 'react';
-import { THeaderMenu } from '../../../../../shared-types';
-import { THeaderPosition } from '../../../../../shared-types';
-import { THeaderScrollBehavior } from '../../../../../shared-types';
-import { TLayout } from '../../../../../shared-types';
-import { TLogOutButtonPlacement } from '../../../../../shared-types';
-import { TMessageboxSkin } from '../../../../../shared-types';
-import { TPktComboboxDisplayValue } from '../../../../../shared-types/combobox';
-import { TPktComboboxTagPlacement } from '../../../../../shared-types/combobox';
-import { TProgressbarRole } from '../../../../../shared-types';
-import { TProgressbarSkin } from '../../../../../shared-types';
-import { TProgressbarStatusPlacement } from '../../../../../shared-types';
-import { TProgressbarStatusType } from '../../../../../shared-types';
-import { TProgressbarTitlePosition } from '../../../../../shared-types';
-import { TSlotMenuVariant } from '../../../../../shared-types';
+import { THeaderMenu } from './shared-types';
+import { THeaderPosition } from './shared-types';
+import { THeaderScrollBehavior } from './shared-types';
+import { TLayout } from './shared-types';
+import { TLogOutButtonPlacement } from './shared-types';
+import { TMessageboxSkin } from './shared-types';
+import { TPktComboboxDisplayValue } from './shared-types/combobox';
+import { TPktComboboxTagPlacement } from './shared-types/combobox';
+import { TProgressbarRole } from './shared-types';
+import { TProgressbarSkin } from './shared-types';
+import { TProgressbarStatusPlacement } from './shared-types';
+import { TProgressbarStatusType } from './shared-types';
+import { TProgressbarTitlePosition } from './shared-types';
+import { TSlotMenuVariant } from './shared-types';
 
 declare interface BasePktTagProps {
     skin?: 'blue' | 'blue-light' | 'blue-dark' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray';
@@ -618,7 +618,7 @@ export declare interface IPktModal extends Omit<HTMLAttributes<HTMLDialogElement
     headingText?: string;
     hideCloseButton?: boolean;
     closeOnBackdropClick?: boolean;
-    size?: 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large' | 'fit-content';
     removePadding?: boolean;
     closeButtonSkin?: 'blue' | 'yellow-filled';
     variant?: 'dialog' | 'drawer';

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.9/icons/";
+var Kt = dt(Gt), qt = "https://punkt-cdn.oslo.kommune.no/16.10/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.9/animations/";
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.10/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.9/logos/", ka = class extends Vt {
+var Oa = "https://punkt-cdn.oslo.kommune.no/16.10/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.9/animations/";
+window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.10/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;
@@ -9117,7 +9117,7 @@ try {
 	console.warn("Forsøker å definere <pkt-messagebox>, men den er allerede definert");
 }
 //#endregion
-//#region ../elements/dist/modal-C_wtsh9m.js
+//#region ../elements/dist/modal-pPp8nia6.js
 var go = {
 	name: "pkt-modal",
 	react: "PktModal",
@@ -9169,7 +9169,8 @@ var go = {
 			type: [
 				"small",
 				"medium",
-				"large"
+				"large",
+				"fit-content"
 			],
 			category: "ui",
 			default: "medium"
@@ -9298,10 +9299,9 @@ var go = {
                     </div>`}
               </div>` : V}
           <div class="pkt-modal__container">
-            <div
-              id="pkt-modal__content"
-              class=${Y(n)}
-            >${Bt(this)}</div>
+            <div id="pkt-modal__content" class=${Y(n)}>
+              ${Bt(this)}
+            </div>
           </div>
         </div>
       </dialog>
@@ -10807,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.9/animations/";
+Jo.displayName = "PktBreadcrumbs", window.pktAnimationPath = window.pktAnimationPath || "https://punkt-cdn.oslo.kommune.no/16.10/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,
@@ -16450,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.9/logos/"
+							path: "https://punkt-cdn.oslo.kommune.no/16.10/logos/"
 						})
 					}) : re ? /* @__PURE__ */ y("button", {
 						"aria-label": "Tilbake til forside",
@@ -16459,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.9/logos/"
+							path: "https://punkt-cdn.oslo.kommune.no/16.10/logos/"
 						})
 					}) : /* @__PURE__ */ y(Q, {
 						name: "oslologo",
 						"aria-hidden": "true",
-						path: "https://punkt-cdn.oslo.kommune.no/16.9/logos/"
+						path: "https://punkt-cdn.oslo.kommune.no/16.10/logos/"
 					})
 				}), T && /* @__PURE__ */ y("span", {
 					className: "pkt-header-service__service-name",