@oslokommune/punkt-react 16.17.3 → 16.18.0

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.18.0](https://github.com/oslokommune/punkt/compare/16.17.4...16.18.0) (2026-05-28)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Ny PktIcon-komponent i React erstatter wrapper rundt Elements pkt-icon + aria-endringer (#3495). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [16.17.4](https://github.com/oslokommune/punkt/compare/16.17.3...16.17.4) (2026-05-28)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+* legg til TTagSkin-type i shared-types (#3498). 
+
+
+---
+
+
 ## [16.17.3](https://github.com/oslokommune/punkt/compare/16.17.2...16.17.3) (2026-05-27)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -54,9 +54,10 @@ import { TProgressbarStatusPlacement } from './shared-types';
 import { TProgressbarStatusType } from './shared-types';
 import { TProgressbarTitlePosition } from './shared-types';
 import { TSlotMenuVariant } from './shared-types';
+import { TTagSkin } from './shared-types';
 
 declare interface BasePktTagProps {
-    skin?: 'blue' | 'blue-light' | 'blue-dark' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray';
+    skin?: TTagSkin;
     textStyle?: 'normal-text' | 'thin-text';
     size?: 'small' | 'medium' | 'large';
     closeTag?: boolean;
@@ -565,10 +566,11 @@ declare interface IPktHelptextProps extends HTMLAttributes<HTMLDivElement> {
     onToggleHelpText?: (e: CustomEvent) => void;
 }
 
-declare interface IPktIcon extends PktElType {
+declare interface IPktIcon extends HTMLAttributes<HTMLElement> {
     name?: string;
     path?: string;
-    'aria-hidden'?: Booleanish | undefined;
+    ariaHidden?: Booleanish;
+    ariaLabel?: string;
 }
 
 export declare interface IPktInputWrapper extends RefAttributes<HTMLElement> {
@@ -766,7 +768,7 @@ export declare interface IPktTab {
     controls?: string;
     tag?: {
         text: string;
-        skin: TSkin | undefined;
+        skin: TTagSkin | undefined;
     };
     active?: boolean;
 }
@@ -780,7 +782,7 @@ declare interface IPktTabItem {
     icon?: string;
     controls?: string;
     tag?: string;
-    tagSkin?: TSkin_2;
+    tagSkin?: TTagSkin;
     index?: number;
 }
 
@@ -1105,7 +1107,7 @@ export declare const PktHeading: FC<IPktHeading>;
 
 export declare const PktHelptext: FC<IPktHelptextProps>;
 
-export declare const PktIcon: FC<IPktIcon>;
+export declare const PktIcon: ForwardRefExoticComponent<IPktIcon & RefAttributes<HTMLSpanElement>>;
 
 /**
  * Input component
@@ -1174,7 +1176,7 @@ export declare const PktTableRow: ({ className, children, ...props }: ITableRowP
 
 export declare const PktTabs: ForwardRefExoticComponent<IPktTabs & RefAttributes<HTMLDivElement>>;
 
-export declare const PktTag: ForwardRefExoticComponent<(ButtonPktTagProps | SpanPktTagProps) & RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
+export declare const PktTag: ForwardRefExoticComponent<(ButtonPktTagProps | SpanPktTagProps) & RefAttributes<HTMLSpanElement | HTMLButtonElement>>;
 
 export declare const PktTextarea: ForwardRefExoticComponent<IPktTextarea & RefAttributes<HTMLTextAreaElement>>;
 
@@ -1281,14 +1283,8 @@ export declare type TQueueOperationContext = {
 
 declare type TQueueOperationLabel = string | ((fileItem: FileItem) => string);
 
-declare type TSkin = 'blue' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray' | 'blue-light';
-
-declare type TSkin_2 = IPktTag['skin'];
-
 declare type TStepStatus = 'completed' | 'incomplete' | 'current';
 
-declare type TTagSkin = 'blue' | 'blue-light' | 'blue-dark' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray';
-
 export declare type TTransferItemInProgress = TFileAndTransfer & {
     progress: number;
 };