@oslokommune/punkt-react 12.40.9 → 12.41.0

package/CHANGELOG.md

@@ -5,6 +5,37 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.41.0](https://github.com/oslokommune/punkt/compare/12.40.10...12.41.0) (2025-06-10)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Tilbakestill React-button til ren React + bruk native button i custom element (#2596). - Fjern pkt-button fra testing-utils
+  - Oppdater tester til å ikke vente på pkt-button
+  - Legg til prop `loadingPath` og støtte for global loading-path
+  - Legg til `aria-busy` ved isLoading, `aria-disabled` ved disabled
+  - Default `aria-busy`/`aria-disabled` til undefined for å unngå unødvendige aria-attributter
+  - Skriv om custom element-versjon til å bruke native `<button>`:
+    - Fjern element-internals og event listeners fordi vi har native button og ikke bruker shadow DOM
+    - Bruk `classMap` og fjern `role=button` på host
+    - Legg til `formId`-prop for å sette `form`-attributt på `<button>`
+  - CSS-oppdateringer:
+    - Legg til fokusstyling på active og loading
+    - Behold knappen uendret ved loading-animasjon
+    - Støtt brukerdefinerte + interne`pkt-button--state`-klasser
+    - Sett `pointer-events: none` når isLoading
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.40.6](https://github.com/oslokommune/punkt/compare/12.40.5...12.40.6) (2025-05-26)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 
 import { AnchorHTMLAttributes } from 'react';
-import { ButtonHTMLAttributes } from 'react';
 import { ChangeEventHandler } from 'react';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
@@ -12,14 +11,12 @@ import { HTMLAttributes } from 'react';
 import { HTMLProps } from 'react';
 import { InputHTMLAttributes } from 'react';
 import { IPktBackLink as IPktBackLink_2 } from '@oslokommune/punkt-elements';
-import { IPktButton as IPktButton_2 } from '@oslokommune/punkt-elements';
 import { IPktCombobox as IPktCombobox_2 } from '@oslokommune/punkt-elements';
 import { IPktConsent as IPktConsent_2 } from '@oslokommune/punkt-elements';
 import { IPktHeading } from '@oslokommune/punkt-elements';
 import { IPktLoader as IPktLoader_2 } from '@oslokommune/punkt-elements';
 import { IPktProgressbar as IPktProgressbar_2 } from '@oslokommune/punkt-elements';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { KeyboardEventHandler } from 'react';
 import { LegacyRef } from 'react';
 import { LinkHTMLAttributes } from 'react';
 import { MouseEventHandler } from 'react';
@@ -42,8 +39,6 @@ declare interface Column {
 
 declare type ExtendedBackLink = Omit<IPktBackLink_2, 'text'> & AnchorHTMLAttributes<HTMLAnchorElement>;
 
-declare type ExtendedButton = IPktButton_2 & ButtonHTMLAttributes<HTMLButtonElement>;
-
 declare type ExtendedCombobox = Omit<IPktCombobox_2, 'helptext'> & SelectHTMLAttributes<HTMLSelectElement>;
 
 declare type ExtendedLoader = IPktLoader_2 & PktElType;
@@ -111,14 +106,18 @@ export declare interface IPktBreadcrumbs extends default_2.AnchorHTMLAttributes<
     navigationType?: 'router' | 'anchor';
 }
 
-export declare interface IPktButton extends ExtendedButton {
-    ref?: LegacyRef<HTMLButtonElement>;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    onChange?: ChangeEventHandler<HTMLButtonElement>;
-    onBlur?: FocusEventHandler<HTMLButtonElement>;
-    onFocus?: FocusEventHandler<HTMLButtonElement>;
-    onKeydown?: KeyboardEventHandler<HTMLButtonElement>;
-    onKeyup?: KeyboardEventHandler<HTMLButtonElement>;
+export declare interface IPktButton extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    iconName?: string;
+    secondIconName?: string;
+    mode?: 'light' | 'dark';
+    size?: 'small' | 'medium' | 'large';
+    color?: 'blue' | 'blue-outline' | 'green' | 'green-outline' | 'green-dark' | 'green-dark-outline' | 'beige-light' | 'beige-dark-outline' | 'yellow' | 'yellow-outline' | 'red' | 'red-outline';
+    skin?: 'primary' | 'secondary' | 'tertiary';
+    variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only' | 'icons-right-and-left';
+    state?: 'normal' | 'focus' | 'hover' | 'active';
+    type?: 'button' | 'submit' | 'reset';
+    isLoading?: boolean;
+    loadingAnimationPath?: string;
 }
 
 export declare interface IPktCard extends PktElType {
@@ -625,7 +624,7 @@ export declare const PktBackLink: default_2.ForwardRefExoticComponent<IPktBackLi
 
 export declare const PktBreadcrumbs: default_2.ForwardRefExoticComponent<IPktBreadcrumbs & default_2.RefAttributes<HTMLAnchorElement>>;
 
-export declare const PktButton: FC<IPktButton>;
+export declare const PktButton: default_2.ForwardRefExoticComponent<IPktButton & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const PktCard: FC<IPktCard>;