@oslokommune/punkt-react 14.1.1 → 14.3.0

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [14.3.0](https://github.com/oslokommune/punkt/compare/14.2.0...14.3.0) (2026-02-04)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Header nye props slotMenuVariant og slotMenuText (#3226). Pluss flyttet en del typer til shared-types
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [14.2.0](https://github.com/oslokommune/punkt/compare/14.1.1...14.2.0) (2026-02-04)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Ny mappe `shared-types` for å samle alle TS-definisjoner som deles mellom komponenter (#3225). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [14.0.0](https://github.com/oslokommune/punkt/compare/13.22.0...14.0.0) (2026-02-02)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 
 import { AnchorHTMLAttributes } from 'react';
+import { Booleanish } from '../../../../../shared-types';
 import { ButtonHTMLAttributes } from 'react';
 import { ChangeEvent } from 'react';
 import { ChangeEventHandler } from 'react';
@@ -30,9 +31,19 @@ import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SelectHTMLAttributes } from 'react';
 import { SyntheticEvent } from 'react';
-import { TAlertRole } from '../../types/aria';
-import { TAriaLive } from '../../types/aria';
+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 { TSlotMenuVariant } from '../../../../../shared-types';
 
 declare interface BasePktTagProps {
     skin?: 'blue' | 'blue-light' | 'blue-dark' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray';
@@ -45,8 +56,6 @@ declare interface BasePktTagProps {
     children?: ReactNode;
 }
 
-declare type Booleanish = boolean | 'true' | 'false';
-
 declare interface ButtonPktTagProps extends BasePktTagProps, HTMLAttributes<HTMLButtonElement> {
     closeTag: true;
     type?: 'button' | 'submit' | 'reset';
@@ -108,7 +117,7 @@ export declare interface IPktAccordionItem {
 }
 
 export declare interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-    skin?: 'error' | 'success' | 'warning' | 'info';
+    skin?: TAlertSkin;
     closeAlert?: boolean;
     title?: ReactNode;
     date?: string;
@@ -319,7 +328,7 @@ export declare interface IPktHeader {
     /** @deprecated userOptions is no longer available. Use userMenu instead. */
     userOptions?: UserMenuItem[];
     /** Where to show the logout button: 'userMenu', 'header', 'both', or 'none' */
-    logOutButtonPlacement?: 'userMenu' | 'header' | 'both' | 'none';
+    logOutButtonPlacement?: TLogOutButtonPlacement;
     /** Callback when user clicks logout */
     logOut?: () => void;
     /** Show search input in the header */
@@ -337,11 +346,15 @@ export declare interface IPktHeader {
     /** Custom breakpoint for tablet responsive behavior (interaction pattern) in pixels. Default: 1280 */
     tabletBreakpoint?: number;
     /** Which menu is initially open */
-    openedMenu?: TPktHeaderServiceMenu;
+    openedMenu?: THeaderMenu;
     /** Header position. 'fixed' fixes to top of viewport, 'relative' follows document flow. Default: 'fixed' */
-    position?: 'fixed' | 'relative';
+    position?: THeaderPosition;
     /** Scroll behavior. 'hide' hides header on scroll down, 'none' keeps it visible. Default: 'hide' */
-    scrollBehavior?: 'hide' | 'none';
+    scrollBehavior?: THeaderScrollBehavior;
+    /** Variant for the slot menu button in tablet/mobile mode. Default: 'icon-only' */
+    slotMenuVariant?: TSlotMenuVariant;
+    /** Text for the slot menu button in tablet/mobile mode. Default: 'Meny' */
+    slotMenuText?: string;
 }
 
 export declare type IPktHeaderService = IPktHeader;
@@ -863,19 +876,11 @@ declare type TCardImageShape = 'square' | 'round';
 
 declare type TCardPadding = 'none' | 'default';
 
-declare type TCardSkin = 'outlined' | 'outlined-beige' | 'gray' | 'beige' | 'green' | 'blue';
-
 declare type TCardTagPosition = 'top' | 'bottom';
 
-declare type TLayout = 'vertical' | 'horizontal';
-
-declare type TMessageboxSkin = 'beige' | 'blue' | 'red' | 'green';
-
-declare type TPktAccordionSkin = 'borderless' | 'outlined' | 'beige' | 'blue';
-
-declare type TPktAccordionSkin_2 = 'borderless' | 'outlined' | 'beige' | 'blue';
+declare type TPktAccordionSkin = TAccordionSkin;
 
-declare type TPktHeaderServiceMenu = 'none' | 'slot' | 'search' | 'user';
+declare type TPktAccordionSkin_2 = TAccordionSkin;
 
 declare type TSkin = 'blue' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray' | 'blue-light';