@oslokommune/punkt-react 18.0.0 → 18.1.0

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [18.1.0](https://github.com/oslokommune/punkt/compare/18.0.0...18.1.0) (2026-08-31)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [18.0.0](https://github.com/oslokommune/punkt/compare/17.1.3...18.0.0) (2026-08-27)
 
 ### ⚠ BREAKING CHANGES

package/dist/components/accordion/Accordion.d.ts

@@ -1,18 +1,8 @@
 import { ReactNode } from 'react';
-import { TAccordionSkin } from '../../shared-types';
+import { IPktAccordionBase, TAccordionSkin } from '../../shared-types';
 export type TPktAccordionSkin = TAccordionSkin;
-export interface IPktAccordion {
-    compact?: boolean;
-    /**
-     * @default skin: "borderless"
-     */
-    skin?: TPktAccordionSkin;
-    /**
-     * @description A unique identifier to connect the accordion with a heading
-     */
-    ariaLabelledBy?: string;
+export interface IPktAccordion extends IPktAccordionBase {
     children?: ReactNode;
-    name?: string;
     className?: string;
 }
 export declare const useAccordionContext: () => {

package/dist/components/accordion/AccordionItem.d.ts

@@ -1,15 +1,9 @@
 import { MouseEvent, ReactNode, SyntheticEvent } from 'react';
-import { TAccordionSkin } from '../../shared-types';
+import { IPktAccordionItemBase, TAccordionSkin } from '../../shared-types';
 export type TPktAccordionSkin = TAccordionSkin;
-export interface IPktAccordionItem {
-    defaultOpen?: boolean;
-    id: string;
+export interface IPktAccordionItem extends Omit<IPktAccordionItemBase, 'title'> {
     title: string | ReactNode;
-    skin?: TPktAccordionSkin;
-    compact?: boolean;
-    isOpen?: boolean;
     children?: ReactNode;
-    name?: string;
     className?: string;
     onClick?: (e: MouseEvent<HTMLDetailsElement>) => void;
     onToggle?: (e: SyntheticEvent<HTMLDetailsElement>) => void;

package/dist/components/alert/Alert.d.ts

@@ -1,6 +1,7 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { TAlertRole, TAlertSkin, TAriaLive } from '../../shared-types';
-export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+import { TAlertRole, TAlertSkin, TAlertSize, TAriaLive } from '../../shared-types';
+import { IPktStringsProps } from '../../shared-strings';
+export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, IPktStringsProps {
     skin?: TAlertSkin;
     closeAlert?: boolean;
     title?: ReactNode;
@@ -16,7 +17,7 @@ export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
      *
      * @default medium
      */
-    size?: 'medium' | 'small' | 'xsmall';
+    size?: TAlertSize;
     onClose?: (e: CustomEvent) => void;
 }
 export type { TAlertSkin };

package/dist/components/backlink/BackLink.d.ts

@@ -1,17 +1,7 @@
 import { AnchorHTMLAttributes, ReactNode, Ref } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IPktBackLink extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
-    href?: string;
-    text?: string;
-    ariaLabel?: string;
-    renderLink?: (args: {
-        href: string;
-        className: string;
-        children: ReactNode;
-        props: AnchorHTMLAttributes<HTMLAnchorElement>;
-    }) => ReactNode;
+import { IPktBackLinkBase, TRenderLink } from '../../shared-types';
+export interface IPktBackLink extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, IPktBackLinkBase {
+    renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>;
     ref?: Ref<HTMLElement>;
 }
 export declare const PktBackLink: import('react').ForwardRefExoticComponent<Omit<IPktBackLink, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,19 +1,10 @@
 import { AnchorHTMLAttributes, ReactNode } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IBreadcrumbs {
-    text: string;
-    href: string;
-}
-export interface IPktBreadcrumbs extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
-    breadcrumbs: IBreadcrumbs[];
-    navigationType?: 'router' | 'anchor';
-    renderLink?: (args: {
-        href: string;
-        className: string;
-        children: ReactNode;
-        props: AnchorHTMLAttributes<HTMLAnchorElement>;
-    }) => ReactNode;
+import { IBreadcrumb, IPktBreadcrumbsBase, TBreadcrumbsNavigationType, TRenderLink } from '../../shared-types';
+export type { IBreadcrumb };
+/** @deprecated Use `IBreadcrumb`. */
+export type IBreadcrumbs = IBreadcrumb;
+export interface IPktBreadcrumbs extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>, IPktBreadcrumbsBase {
+    navigationType?: TBreadcrumbsNavigationType;
+    renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>;
 }
 export declare const PktBreadcrumbs: import('react').ForwardRefExoticComponent<IPktBreadcrumbs & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/components/fileupload/FileUpload.d.ts

@@ -1,86 +1,31 @@
 import { FC, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import { IPktFileUploadBase } from '../../shared-types';
 import { ItemRenderers } from './QueueDisplay';
-import { FileItem, TFileItemList, TFileTransfer, TFileValidateDetail, TItemRenderer, TQueueItemOperation, TUploadStrategy } from './types';
-import { TPktStringsOverride } from '../../shared-strings';
+import { FileItem, TFileItemList, TFileTransfer, TItemRenderer, TQueueItemOperation } from './types';
 export { formatFileSize, parseFileSize } from '../../shared-utils/fileupload';
 /**
  * Shared props for `PktFileUpload` (both `form` and `custom` strategies).
  */
-interface IBaseFileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width' | 'defaultValue'> {
+interface IBaseFileUploadProps extends Omit<IPktFileUploadBase, 'helptext' | 'helptextDropdown' | 'itemRenderer' | 'extraOperations' | 'value' | 'defaultValue' | 'onFilesChanged' | 'onFileUploadRequested'>, Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width' | 'defaultValue' | 'name'> {
     /** Called with the next file list when files are added/removed/updated. */
     onFilesChanged?: (files: TFileItemList) => void;
-    /** Allow selecting/dropping multiple files. */
-    multiple?: boolean;
-    /** Controlled value (recommended). */
-    value?: TFileItemList;
-    /** Upload mode. Defaults to `"form"`. */
-    uploadStrategy?: TUploadStrategy;
-    /** Field name. Used for native input (`form`) or hidden ID inputs (`custom`). */
-    name: string;
-    /** Enable comment operation (disabled automatically in thumbnail view). */
-    addCommentsEnabled?: boolean;
-    /** Enable rename operation (disabled automatically in thumbnail view). */
-    renameFilesEnabled?: boolean;
-    /** Renderer for queue items (`filename`, `thumbnail`, or custom function). */
-    itemRenderer?: keyof typeof ItemRenderers | TItemRenderer;
-    /** Number of trailing characters to keep when truncating long filenames. */
-    truncateTail?: number;
     /**
      * Called immediately when a file is added in `uploadStrategy="custom"`.
      * Use it to start uploading the file and update `transfers`.
      */
     onFileUploadRequested?: (fileItem: FileItem) => void;
+    /** Controlled value (recommended). */
+    value?: TFileItemList;
     /** Uncontrolled initial value (use either `value` or `defaultValue`, not both). */
     defaultValue?: TFileItemList;
-    /** Extra operations appended after built-ins (rename/comment). */
-    extraOperations?: Array<TQueueItemOperation>;
-    /** Stretch to full container width (drop zone + queue). */
-    fullwidth?: boolean;
-    /** Allowed formats for built-in validation (extensions like `pdf`, or MIME patterns like `image/*`). */
-    allowedFormats?: string[];
-    /** Custom message for invalid format. Use `{formats}` placeholder. */
-    formatErrorMessage?: string;
-    /** Max file size (e.g. `"5MB"` or bytes). */
-    maxFileSize?: string | number;
-    /** Custom message for size validation. Use `{maxSize}` placeholder. */
-    sizeErrorMessage?: string;
-    /** Optional additional validation hook (runs after built-in format/size checks). Return string to block. */
-    onFileValidation?: (file: File) => string | null;
-    /**
-     * Low-level validation escape hatch — Lit parity with the `file-validate` CustomEvent.
-     * Receives a detail object whose `errorMessage` can be mutated; set it to reject the file.
-     */
-    onFileValidate?: (detail: TFileValidateDetail) => void;
-    /** External/programmatic error message shown under the component. */
-    errorMessage?: string;
-    /** External error flag (combined with internal validation errors). */
-    hasError?: boolean;
-    /** Disable the whole component (no interaction). */
-    disabled?: boolean;
-    /** Optional label/title (wraps the component in `PktInputWrapper`). */
-    label?: string;
+    /** Renderer for queue items (`filename`, `thumbnail`, or custom function). */
+    itemRenderer?: keyof typeof ItemRenderers | TItemRenderer;
     /** Help text under the label. */
     helptext?: string | ReactNode;
     /** Expandable help text (dropdown). */
     helptextDropdown?: string | ReactNode;
-    /** Button label for expandable help text. */
-    helptextDropdownButton?: string;
-    /** Shows an "optional" tag. */
-    optionalTag?: boolean;
-    /** Label text for the optional tag. */
-    optionalText?: string;
-    /** Shows a "required" tag. */
-    requiredTag?: boolean;
-    /** Label text for the required tag. */
-    requiredText?: string;
-    /** Extra tag next to the label. */
-    tagText?: string | null;
-    /** Marks the upload as required. Native validation is used in `form`; submit validation in `custom`. */
-    required?: boolean;
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
-    /** Enable image preview modal (only applies to thumbnail renderer). */
-    enableImagePreview?: boolean;
+    /** Extra operations appended after built-ins (rename/comment). */
+    extraOperations?: Array<TQueueItemOperation>;
 }
 interface IFileInputFileUploadProps extends IBaseFileUploadProps, Omit<HTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> {
     uploadStrategy?: 'form';

package/dist/components/index.d.ts

@@ -55,4 +55,4 @@ export * from './types';
 export { PktStringsProvider } from './strings/PktStringsProvider';
 export type { IPktStringsProvider } from './strings/PktStringsProvider';
 export { getPktStrings, nb as pktStringsNb, resetPktStrings, setPktStrings, subscribePktStrings, } from '../shared-strings';
-export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride } from '../shared-strings';
+export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride, IPktStringsProps } from '../shared-strings';

package/dist/components/link/Link.d.ts

@@ -1,4 +1,5 @@
 import { AnchorHTMLAttributes, FC, LinkHTMLAttributes, ReactNode } from 'react';
+import { TRenderLink } from '../../shared-types';
 interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
     href?: string;
     iconName?: string | undefined;
@@ -6,12 +7,7 @@ interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
     iconPosition?: string | undefined;
     external?: boolean;
     target?: string | undefined;
-    renderLink?: (args: {
-        href: string;
-        className: string;
-        children: ReactNode;
-        props: AnchorHTMLAttributes<HTMLAnchorElement>;
-    }) => ReactNode;
+    renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>;
 }
 export declare const PktLink: FC<IPktLink>;
 export {};