@oslokommune/punkt-react 16.19.0 → 16.21.0

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [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
+Ingen
+
+### Features
+* Helptext i React, og faktisk ta den i bruk i InputWrapper (#3500). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.19.0](https://github.com/oslokommune/punkt/compare/16.18.0...16.19.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';
@@ -17,7 +16,6 @@ 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';
@@ -28,7 +26,6 @@ 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,8 +77,6 @@ declare interface Column {
     text?: string;
 }
 
-declare type ExtendedLoader = IPktLoader_2 & PktElType;
-
 /**
  * A selected file plus metadata used by the FileUpload UI.
  *
@@ -564,12 +559,11 @@ declare interface IPktHeading extends HTMLAttributes<HTMLHeadingElement> {
 }
 
 declare interface IPktHelptextProps extends HTMLAttributes<HTMLDivElement> {
-    helptext?: string | ReactNode | ReactNode[];
-    helptextDropdown?: string | ReactNode | ReactNode[];
+    helptext?: string | ReactNode;
+    helptextDropdown?: string | ReactNode;
     helptextDropdownButton?: string;
     forId?: string;
-    ref?: LegacyRef<HTMLDivElement>;
-    onToggleHelpText?: (e: CustomEvent) => void;
+    onToggleHelpText?: (isOpen: boolean) => void;
 }
 
 declare interface IPktIcon extends HTMLAttributes<HTMLElement> {
@@ -625,7 +619,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'> {
@@ -1065,14 +1089,6 @@ export declare const PktConsent: ForwardRefExoticComponent<IPktConsent>;
 
 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>;
@@ -1111,7 +1127,7 @@ export declare const PktHeaderService: ForwardRefExoticComponent<IPktHeader & Re
 
 export declare const PktHeading: ForwardRefExoticComponent<IPktHeading & RefAttributes<HTMLHeadingElement>>;
 
-export declare const PktHelptext: FC<IPktHelptextProps>;
+export declare const PktHelptext: ForwardRefExoticComponent<IPktHelptextProps & RefAttributes<HTMLDivElement>>;
 
 export declare const PktIcon: ForwardRefExoticComponent<IPktIcon & RefAttributes<HTMLSpanElement>>;
 
@@ -1138,7 +1154,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>;
 
@@ -1261,6 +1277,10 @@ 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).
  *