@oslokommune/punkt-react 12.37.8 → 12.38.0

package/CHANGELOG.md

@@ -5,6 +5,43 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.38.0](https://github.com/oslokommune/punkt/compare/12.37.8...12.38.0) (2025-05-13)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Refaktorering og forbedringer av kort – klikkbart lenkekort, runde bilder, tilgjengelighet, semantikk, fleksibilitet, styling (#2511). Lagt til støtte for: 
+  - Tilgjenglig, klikkbart lenkekort
+  - Variabel tagposisjon
+  - Runde bilder
+  - Responsivitet
+  - Fokus på rammen av kortet
+  - Valgfri hover på rammen av kortet
+  - Variant uten padding
+  - Ny skin: outlined-beige
+  - forfatter
+  - dato
+  
+  Annet:
+  - Bruker ny headingkomponent
+  - Støtte for valg av headingnivå
+  - Semantisk HTML med article, header, section og footer
+  - Fokusert på UU og lagt til aria-label og roller på ulike deler av kortet
+  - Kortet går nå fra landskap til portett på små skjermer
+  - Mange stylingendringer
+  - Håndterer nå at brukere ikke cropper bilder på forhånd slik at de ved ulike størrelser allikevel får uniforme størrelser på bildene i kortene
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.37.7](https://github.com/oslokommune/punkt/compare/12.37.6...12.37.7) (2025-05-13)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -15,6 +15,7 @@ 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';
@@ -119,18 +120,28 @@ export declare interface IPktButton extends ExtendedButton {
     onKeyup?: KeyboardEventHandler<HTMLButtonElement>;
 }
 
-declare interface IPktCard extends PktElType {
-    direction?: 'portrait' | 'landscape';
-    skin?: 'outlined' | 'gray' | 'beige' | 'green' | 'blue';
+export declare interface IPktCard extends PktElType {
+    ariaLabel?: string;
+    author?: string | null;
+    borderOnHover?: boolean | null;
+    date?: string | null;
+    direction?: TDirection;
     heading?: string;
-    subheading?: string;
-    tags?: (Omit<IPktTag, 'closeTag'> & {
-        text: string;
-    })[] | string;
+    headingLevel?: IPktHeading['level'];
     image?: {
         src: string;
         alt: string;
-    } | string;
+    };
+    imageShape?: TCardImageShape;
+    clickCardLink?: string | null;
+    padding?: TCardPadding;
+    openLinkInNewTab?: boolean | null;
+    skin?: TCardSkin;
+    subheading?: string;
+    tagPosition?: TCardTagPosition;
+    tags?: (Omit<IPktTag, 'closeTag'> & {
+        text: string;
+    })[];
 }
 
 export declare interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement> {
@@ -742,6 +753,16 @@ declare interface SocialLink {
     openInNewTab?: boolean;
 }
 
+declare type TCardImageShape = 'square' | 'round';
+
+declare type TCardPadding = 'none' | 'standard';
+
+declare type TCardSkin = 'outlined' | 'outlined-beige' | 'gray' | 'beige' | 'green' | 'blue';
+
+declare type TCardTagPosition = 'top' | 'bottom';
+
+declare type TDirection = 'portrait' | 'landscape';
+
 declare type TSkin = 'blue' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray' | 'blue-light';
 
 declare type TStepStatus = 'completed' | 'incomplete' | 'current';