@oslokommune/punkt-react 16.20.0 → 16.21.1

package/CHANGELOG.md

@@ -5,6 +5,41 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.21.1](https://github.com/oslokommune/punkt/compare/16.21.0...16.21.1) (2026-05-29)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [16.21.0](https://github.com/oslokommune/punkt/compare/16.20.0...16.21.0) (2026-05-29)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* PktLoader i React (#3502). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.20.0](https://github.com/oslokommune/punkt/compare/16.19.0...16.20.0) (2026-05-28)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -3,7 +3,6 @@ import { Booleanish } from './shared-types';
 import { ButtonHTMLAttributes } from 'react';
 import { ChangeEvent } from 'react';
 import { ChangeEventHandler } from 'react';
-import { CSSProperties } from 'react';
 import { FC } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -15,20 +14,16 @@ import { IFileTransfer } from './shared-types';
 import { IFileValidateDetail } from './shared-types';
 import { InputHTMLAttributes } from 'react';
 import { IPktComboboxOption } from './shared-types/combobox';
-import { IPktConsent as IPktConsent_2 } from '@oslokommune/punkt-elements';
 import { IPktHeaderMenu as IPktHeaderMenu_2 } from './shared-types';
-import { IPktLoader as IPktLoader_2 } from '@oslokommune/punkt-elements';
 import { IPktSearchInputSuggestion } from './shared-types/searchinput';
 import { ITimepickerStrings } from './shared-types/timepicker';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { LegacyRef } from 'react';
 import { LinkHTMLAttributes } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
-import { RefObject } from 'react';
 import { SelectHTMLAttributes } from 'react';
 import { SyntheticEvent } from 'react';
 import { TAccordionSkin } from './shared-types';
@@ -80,7 +75,7 @@ declare interface Column {
     text?: string;
 }
 
-declare type ExtendedLoader = IPktLoader_2 & PktElType;
+declare type ConsentDetailsMap = Record<string, boolean>;
 
 /**
  * A selected file plus metadata used by the FileUpload UI.
@@ -396,9 +391,17 @@ export declare interface IPktCombobox {
     children?: ReactNode;
 }
 
-declare interface IPktConsent extends IPktConsent_2 {
-    ref?: LegacyRef<HTMLDivElement>;
-    onToggleConsent?: (e: CustomEvent) => void;
+declare interface IPktConsent extends HTMLAttributes<HTMLElement> {
+    devMode?: boolean;
+    cookieDomain?: string | null;
+    cookieSecure?: string | null;
+    cookieExpiryDays?: string | null;
+    hotjarId?: string | null;
+    googleAnalyticsId?: string | null;
+    i18nLanguage?: string;
+    triggerType?: TPktConsentTriggerType | null;
+    triggerText?: string | null;
+    onToggleConsent?: (e: CustomEvent<ConsentDetailsMap>) => void;
 }
 
 export declare interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
@@ -624,7 +627,37 @@ export declare interface IPktLinkCard extends Omit<HTMLAttributes<HTMLAnchorElem
     children?: ReactNode;
 }
 
-export declare interface IPktLoader extends ExtendedLoader {
+export declare interface IPktLoader extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Tid i millisekunder før loader vises. Nyttig når lastetiden kan være
+     * så kort at loader ikke trengs.
+     */
+    delay?: number;
+    /**
+     * Vises loader inline eller som blokk.
+     */
+    inline?: boolean;
+    /**
+     * Styrer om loader eller barnenoder vises. Når `false` vises barnenoder.
+     */
+    isLoading?: boolean;
+    /**
+     * Meldingstekst som vises sammen med loader.
+     */
+    message?: string | null;
+    /**
+     * Størrelse på loader. Standard er "medium".
+     */
+    size?: TPktLoaderSize;
+    /**
+     * Loader-variant. Standard er "shapes" (Oslo-bølger). Andre er "blue" og "rainbow" (spinner-varianter).
+     */
+    variant?: TPktLoaderVariant;
+    /**
+     * Overstyrer stien til loader-animasjoner.
+     */
+    loadingAnimationPath?: string;
+    children?: ReactNode;
 }
 
 export declare interface IPktMessagebox extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
@@ -1060,18 +1093,10 @@ export declare const PktCheckbox: ForwardRefExoticComponent<IPktCheckbox & RefAt
 
 export declare const PktCombobox: ForwardRefExoticComponent<IPktCombobox & RefAttributes<HTMLDivElement>>;
 
-export declare const PktConsent: ForwardRefExoticComponent<IPktConsent>;
+export declare const PktConsent: ForwardRefExoticComponent<IPktConsent & RefAttributes<HTMLElement>>;
 
 export declare const PktDatepicker: ForwardRefExoticComponent<IPktDatepicker & RefAttributes<HTMLDivElement>>;
 
-declare interface PktElType extends HTMLAttributes<HTMLElement> {
-    className?: string;
-    style?: CSSProperties;
-    children?: string | ReactNode | ReactNode[];
-    ref?: RefObject<HTMLElement> | LegacyRef<HTMLElement>;
-    id?: string;
-}
-
 export declare const PktFileUpload: FC<IPktFileUpload>;
 
 export declare const PktFooter: FC<IPktFooter>;
@@ -1137,7 +1162,7 @@ export declare const PktLinkCard: {
     displayName: string;
 };
 
-export declare const PktLoader: FC<IPktLoader>;
+export declare const PktLoader: ForwardRefExoticComponent<IPktLoader & RefAttributes<HTMLDivElement>>;
 
 export declare const PktMessagebox: FC<IPktMessagebox>;
 
@@ -1254,12 +1279,18 @@ declare type TPktAccordionSkin = TAccordionSkin;
 
 declare type TPktAccordionSkin_2 = TAccordionSkin;
 
+declare type TPktConsentTriggerType = 'button' | 'link' | 'footerlink' | 'icon';
+
 declare type TPktHeadingLevel = THeadingLevel_2;
 
 declare type TPktHeadingSize = THeadingSize;
 
 declare type TPktHeadingWeight = THeadingWeight;
 
+declare type TPktLoaderSize = 'small' | 'medium' | 'large';
+
+declare type TPktLoaderVariant = 'blue' | 'rainbow' | 'shapes';
+
 /**
  * An operation that can be attached to a queue item (rename, comment, remove, etc).
  *