@oslokommune/punkt-react 13.2.3 → 13.3.0

package/README.md

@@ -48,7 +48,7 @@ Les mer om ikoner [her.](/ressurser/ikoner/kode)
 
 ## 🧩 Komponentbiblioteket
 
-For beskrivelse av hvordan ta i bruk hver enkelt komponent se [om komponenter](/komponenter/om-komponenter).
+For beskrivelse av hvordan ta i bruk hver enkelt komponent se [om komponenter](/komponenter/).
 
 ## 🔢 Versjonering
 

package/dist/index.d.ts

@@ -275,6 +275,11 @@ export declare interface IPktHeader extends HTMLAttributes<HTMLDivElement> {
     children?: default_2.ReactNode | default_2.ReactNode[];
 }
 
+declare interface IPktHeading_2 extends IPktHeading {
+    children?: default_2.ReactNode | default_2.ReactNode[];
+    ref?: default_2.LegacyRef<HTMLElement>;
+}
+
 declare interface IPktHelptextProps extends HTMLAttributes<HTMLDivElement> {
     helptext?: string | ReactNode | ReactNode[];
     helptextDropdown?: string | ReactNode | ReactNode[];
@@ -327,7 +332,7 @@ declare interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
 }
 
 export declare interface IPktLinkCard extends PktElType {
-    skin?: 'normal' | 'blue' | 'beige' | 'green' | 'gray' | 'beige-outline' | 'gray-outline';
+    skin?: 'normal' | 'no-padding' | 'blue' | 'beige' | 'green' | 'gray' | 'beige-outline' | 'gray-outline';
     title?: string;
     href?: string;
     iconName?: string;
@@ -593,8 +598,8 @@ declare interface ISpecObject {
     'css-class'?: string;
     'dark-mode'?: boolean;
     isElement?: boolean;
-    props?: Record<string, PropObject | string[]>;
-    events?: Record<string, PropObject>;
+    props?: Record<string, TPropObject | string[] | number[]>;
+    events?: Record<string, TPropObject>;
     slots?: Record<string, any>;
     default?: any;
 }
@@ -676,6 +681,8 @@ export declare const PktFooterSimple: default_2.FC<IPktFooterSimple>;
 
 export declare const PktHeader: default_2.ForwardRefExoticComponent<IPktHeader & default_2.RefAttributes<HTMLDivElement>>;
 
+export declare const PktHeading: FC<IPktHeading_2>;
+
 export declare const PktHelptext: FC<IPktHelptextProps>;
 
 export declare const PktIcon: FC<IPktIcon>;
@@ -708,6 +715,8 @@ export declare const PktModal: FC<IPktModal>;
 
 export declare const PktPreview: default_2.FC<PreviewProps>;
 
+export declare const PktPreviewWithJson: default_2.FC<PreviewProps_2>;
+
 export declare const PktProgressbar: default_2.ForwardRefExoticComponent<Omit<IPktProgressbar, "ref"> & default_2.RefAttributes<HTMLElement>>;
 
 export declare const PktRadioButton: default_2.ForwardRefExoticComponent<IPktRadioButton & default_2.RefAttributes<HTMLInputElement>>;
@@ -746,17 +755,11 @@ declare interface PreviewProps {
     fullWidth?: boolean;
 }
 
-declare type PropObject = {
-    name?: string;
-    description?: string;
-    type?: string | string[];
-    variant?: string;
-    converter?: string;
-    reflect?: boolean;
-    default?: any;
-    previewDefault?: any;
-    items?: PropObject;
-};
+declare interface PreviewProps_2 {
+    specs: Record<string, ISpecObject>;
+    previewJson: any;
+    fullWidth?: boolean;
+}
 
 declare interface Representing {
     name?: string;
@@ -792,6 +795,21 @@ declare type TPktAccordionSkin = 'borderless' | 'outlined' | 'beige' | 'blue';
 
 declare type TPktAccordionSkin_2 = 'borderless' | 'outlined' | 'beige' | 'blue';
 
+declare type TPropObject = {
+    name?: string;
+    description?: string;
+    type?: string | string[] | number | number[];
+    variant?: string;
+    converter?: string;
+    reflect?: boolean;
+    default?: any;
+    previewDefault?: any;
+    items?: TPropObject;
+    displayAsFalse?: boolean;
+    category?: string;
+    showIf?: Record<string, any>;
+};
+
 declare type TSkin = 'blue' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray' | 'blue-light';
 
 declare type TStepStatus = 'completed' | 'incomplete' | 'current';