@oslokommune/punkt-react 12.21.6 → 12.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/dist/index.d.ts +44 -43
- package/dist/punkt-react.es.js +2298 -2271
- package/dist/punkt-react.umd.js +186 -184
- package/package.json +4 -4
- package/src/components/index.ts +1 -0
- package/src/components/interfaces.ts +24 -0
- package/src/components/modal/Modal.tsx +1 -0
- package/src/components/tabs/Tabs.tsx +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,27 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [12.22.0](https://github.com/oslokommune/punkt/compare/12.21.6...12.22.0) (2025-03-03)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
* Eksporter interfaces og rename Tab interface til ITab (#2238) 🎨. ---------
|
|
15
|
+
|
|
16
|
+
Co-authored-by: My T. Nguyen <mythng94@gmail.com>
|
|
17
|
+
Co-authored-by: My T. Nguyen <my.nguyen@origo.oslo.kommune.no>
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
### Chores
|
|
24
|
+
Ingen
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
|
|
8
29
|
## [12.21.0](https://github.com/oslokommune/punkt/compare/12.20.0...12.21.0) (2025-02-11)
|
|
9
30
|
|
|
10
31
|
### ⚠ BREAKING CHANGES
|
package/dist/index.d.ts
CHANGED
|
@@ -43,7 +43,7 @@ declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElem
|
|
|
43
43
|
id: string;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
declare interface IPktAccordion {
|
|
46
|
+
export declare interface IPktAccordion {
|
|
47
47
|
className?: string;
|
|
48
48
|
children: ReactNode | ReactNode[];
|
|
49
49
|
/**
|
|
@@ -56,7 +56,7 @@ declare interface IPktAccordion {
|
|
|
56
56
|
skin?: 'borderless' | 'outlined' | 'beige' | 'blue';
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
declare interface IPktAccordionItem {
|
|
59
|
+
export declare interface IPktAccordionItem {
|
|
60
60
|
children?: default_2.ReactNode | default_2.ReactNode[];
|
|
61
61
|
className?: string;
|
|
62
62
|
defaultOpen?: boolean;
|
|
@@ -76,7 +76,7 @@ declare interface IPktAccordionToggleProps {
|
|
|
76
76
|
onToggleClick: (e: default_2.MouseEvent, id: string) => void;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
declare interface IPktAlert extends PktElType {
|
|
79
|
+
export declare interface IPktAlert extends PktElType {
|
|
80
80
|
skin?: 'error' | 'success' | 'warning' | 'info';
|
|
81
81
|
closeAlert?: boolean;
|
|
82
82
|
title?: string;
|
|
@@ -86,18 +86,18 @@ declare interface IPktAlert extends PktElType {
|
|
|
86
86
|
onClose?: (e: CustomEvent) => void;
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
declare interface IPktBackLink extends default_2.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
89
|
+
export declare interface IPktBackLink extends default_2.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
90
90
|
href?: string;
|
|
91
91
|
text?: string;
|
|
92
92
|
className?: string;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
declare interface IPktBreadcrumbs extends default_2.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
95
|
+
export declare interface IPktBreadcrumbs extends default_2.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
96
96
|
breadcrumbs: IBreadcrumbs[];
|
|
97
97
|
navigationType?: 'router' | 'anchor';
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
declare interface IPktButton extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
100
|
+
export declare interface IPktButton extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
101
101
|
iconName?: string;
|
|
102
102
|
secondIconName?: string;
|
|
103
103
|
mode?: 'light' | 'dark';
|
|
@@ -125,7 +125,7 @@ declare interface IPktCard extends PktElType {
|
|
|
125
125
|
} | string;
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
declare interface IPktCheckbox extends default_2.InputHTMLAttributes<HTMLInputElement> {
|
|
128
|
+
export declare interface IPktCheckbox extends default_2.InputHTMLAttributes<HTMLInputElement> {
|
|
129
129
|
id: string;
|
|
130
130
|
hasTile?: boolean;
|
|
131
131
|
disabled?: boolean;
|
|
@@ -139,7 +139,7 @@ declare interface IPktCheckbox extends default_2.InputHTMLAttributes<HTMLInputEl
|
|
|
139
139
|
value?: string;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
declare interface IPktDatepicker extends InputHTMLAttributes<HTMLInputElement> {
|
|
142
|
+
export declare interface IPktDatepicker extends InputHTMLAttributes<HTMLInputElement> {
|
|
143
143
|
value?: string | string[];
|
|
144
144
|
label?: string;
|
|
145
145
|
dateformat?: string;
|
|
@@ -175,7 +175,7 @@ declare interface IPktDatepicker extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
175
175
|
skipForwardTestid?: boolean;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
declare interface IPktFooter extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
178
|
+
export declare interface IPktFooter extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
179
179
|
columnOne: Column;
|
|
180
180
|
columnTwo: Column;
|
|
181
181
|
socialLinks?: SocialLink[];
|
|
@@ -183,7 +183,7 @@ declare interface IPktFooter extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
|
183
183
|
tilgjengelighetLink?: string;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
declare interface IPktFooterSimple extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
186
|
+
export declare interface IPktFooterSimple extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
187
187
|
links?: Array<{
|
|
188
188
|
href: string;
|
|
189
189
|
text: string;
|
|
@@ -194,7 +194,7 @@ declare interface IPktFooterSimple extends default_2.HTMLAttributes<HTMLDivEleme
|
|
|
194
194
|
tilgjengelighetLink?: string;
|
|
195
195
|
}
|
|
196
196
|
|
|
197
|
-
declare interface IPktHeader extends HTMLAttributes<HTMLDivElement> {
|
|
197
|
+
export declare interface IPktHeader extends HTMLAttributes<HTMLDivElement> {
|
|
198
198
|
logoLink?: string | (() => void);
|
|
199
199
|
serviceName?: string;
|
|
200
200
|
fixed?: boolean;
|
|
@@ -219,7 +219,7 @@ declare interface IPktIcon extends PktElType {
|
|
|
219
219
|
'aria-hidden'?: Booleanish | undefined;
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
declare interface IPktInputWrapper extends Omit<PktElType, 'ref'> {
|
|
222
|
+
export declare interface IPktInputWrapper extends Omit<PktElType, 'ref'> {
|
|
223
223
|
forId: string;
|
|
224
224
|
label: string;
|
|
225
225
|
helptext?: string | ReactNode | ReactNode[];
|
|
@@ -252,7 +252,7 @@ declare interface IPktLink extends Omit<PktElType, 'onClick'> {
|
|
|
252
252
|
onClick?: (e: CustomEvent) => void;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
-
declare interface IPktLinkCard extends PktElType {
|
|
255
|
+
export declare interface IPktLinkCard extends PktElType {
|
|
256
256
|
skin?: 'normal' | 'blue' | 'beige' | 'green' | 'gray' | 'beige-outline' | 'gray-outline';
|
|
257
257
|
title?: string;
|
|
258
258
|
href?: string;
|
|
@@ -261,7 +261,7 @@ declare interface IPktLinkCard extends PktElType {
|
|
|
261
261
|
external?: boolean;
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
-
declare interface IPktLoader extends HTMLAttributes<HTMLDivElement> {
|
|
264
|
+
export declare interface IPktLoader extends HTMLAttributes<HTMLDivElement> {
|
|
265
265
|
message?: string;
|
|
266
266
|
inline?: boolean;
|
|
267
267
|
/**
|
|
@@ -286,7 +286,7 @@ declare interface IPktLoader extends HTMLAttributes<HTMLDivElement> {
|
|
|
286
286
|
delay?: number;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
-
declare interface IPktMessagebox extends PktElType {
|
|
289
|
+
export declare interface IPktMessagebox extends PktElType {
|
|
290
290
|
skin?: 'beige' | 'red' | 'green' | 'blue';
|
|
291
291
|
title?: string;
|
|
292
292
|
compact?: boolean;
|
|
@@ -294,18 +294,19 @@ declare interface IPktMessagebox extends PktElType {
|
|
|
294
294
|
onClose?: (e: CustomEvent) => void;
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
declare interface IPktModal extends PktElType {
|
|
297
|
+
export declare interface IPktModal extends PktElType {
|
|
298
298
|
headingText?: string;
|
|
299
299
|
hideCloseButton?: boolean;
|
|
300
300
|
closeOnBackdropClick?: boolean;
|
|
301
301
|
size?: 'small' | 'medium' | 'large';
|
|
302
302
|
removePadding?: boolean;
|
|
303
|
+
closeButtonSkin?: 'blue' | 'yellow-filled';
|
|
303
304
|
}
|
|
304
305
|
|
|
305
|
-
declare interface IPktProgressbar extends ExtendedProgressbar {
|
|
306
|
+
export declare interface IPktProgressbar extends ExtendedProgressbar {
|
|
306
307
|
}
|
|
307
308
|
|
|
308
|
-
declare interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement> {
|
|
309
|
+
export declare interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement> {
|
|
309
310
|
id: string;
|
|
310
311
|
name: string;
|
|
311
312
|
label: string;
|
|
@@ -352,7 +353,7 @@ declare interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement
|
|
|
352
353
|
onToggleHelpText?: (e: CustomEvent) => void;
|
|
353
354
|
}
|
|
354
355
|
|
|
355
|
-
declare interface IPktStep {
|
|
356
|
+
export declare interface IPktStep {
|
|
356
357
|
/**
|
|
357
358
|
* Step content. Can be a string, a React component or an element.
|
|
358
359
|
*/
|
|
@@ -371,7 +372,7 @@ declare interface IPktStep {
|
|
|
371
372
|
title: string;
|
|
372
373
|
}
|
|
373
374
|
|
|
374
|
-
declare interface IPktStepper extends default_2.HTMLAttributes<HTMLOListElement> {
|
|
375
|
+
export declare interface IPktStepper extends default_2.HTMLAttributes<HTMLOListElement> {
|
|
375
376
|
/**
|
|
376
377
|
* The index of the current active step
|
|
377
378
|
*/
|
|
@@ -401,7 +402,26 @@ declare interface IPktStepper extends default_2.HTMLAttributes<HTMLOListElement>
|
|
|
401
402
|
orientation?: 'horizontal' | 'vertical';
|
|
402
403
|
}
|
|
403
404
|
|
|
404
|
-
declare interface
|
|
405
|
+
export declare interface IPktTab {
|
|
406
|
+
text: string;
|
|
407
|
+
href?: string;
|
|
408
|
+
action?: (index: number) => void;
|
|
409
|
+
icon?: string;
|
|
410
|
+
controls?: string;
|
|
411
|
+
tag?: {
|
|
412
|
+
text: string;
|
|
413
|
+
skin: TSkin | undefined;
|
|
414
|
+
};
|
|
415
|
+
active?: boolean;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
declare interface IPktTabs {
|
|
419
|
+
arrowNav?: boolean;
|
|
420
|
+
tabs: IPktTab[];
|
|
421
|
+
onTabSelected?: (index: number) => void;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
export declare interface IPktTag extends PktElType {
|
|
405
425
|
skin?: 'blue' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray' | 'blue-light';
|
|
406
426
|
textStyle?: 'normal-text' | 'thin-text';
|
|
407
427
|
size?: 'small' | 'medium' | 'large';
|
|
@@ -411,7 +431,7 @@ declare interface IPktTag extends PktElType {
|
|
|
411
431
|
onClose?: (e: CustomEvent) => void;
|
|
412
432
|
}
|
|
413
433
|
|
|
414
|
-
declare interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
434
|
+
export declare interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
415
435
|
ariaDescribedby?: string;
|
|
416
436
|
ariaLabelledby?: string;
|
|
417
437
|
counter?: boolean;
|
|
@@ -441,7 +461,7 @@ declare interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElemen
|
|
|
441
461
|
skipForwardTestid?: boolean;
|
|
442
462
|
}
|
|
443
463
|
|
|
444
|
-
declare interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
|
|
464
|
+
export declare interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
|
|
445
465
|
ariaLabelledby?: string;
|
|
446
466
|
counter?: boolean;
|
|
447
467
|
counterMaxLength?: number;
|
|
@@ -545,12 +565,6 @@ declare interface ITableRowProps {
|
|
|
545
565
|
children: React_2.ReactNode;
|
|
546
566
|
}
|
|
547
567
|
|
|
548
|
-
declare interface ITabs {
|
|
549
|
-
arrowNav?: boolean;
|
|
550
|
-
tabs: Tab[];
|
|
551
|
-
onTabSelected?: (index: number) => void;
|
|
552
|
-
}
|
|
553
|
-
|
|
554
568
|
declare interface Link {
|
|
555
569
|
href: string;
|
|
556
570
|
text: string;
|
|
@@ -644,7 +658,7 @@ export declare const PktTableHeaderCell: ({ className, children }: ITableHeaderC
|
|
|
644
658
|
|
|
645
659
|
export declare const PktTableRow: ({ className, children }: ITableRowProps) => JSX_2.Element;
|
|
646
660
|
|
|
647
|
-
export declare const PktTabs: default_2.ForwardRefExoticComponent<
|
|
661
|
+
export declare const PktTabs: default_2.ForwardRefExoticComponent<IPktTabs & default_2.RefAttributes<HTMLDivElement>>;
|
|
648
662
|
|
|
649
663
|
export declare const PktTag: FC<IPktTag>;
|
|
650
664
|
|
|
@@ -689,19 +703,6 @@ declare interface SocialLink {
|
|
|
689
703
|
openInNewTab?: boolean;
|
|
690
704
|
}
|
|
691
705
|
|
|
692
|
-
declare interface Tab {
|
|
693
|
-
text: string;
|
|
694
|
-
href?: string;
|
|
695
|
-
action?: (index: number) => void;
|
|
696
|
-
icon?: string;
|
|
697
|
-
controls?: string;
|
|
698
|
-
tag?: {
|
|
699
|
-
text: string;
|
|
700
|
-
skin: TSkin | undefined;
|
|
701
|
-
};
|
|
702
|
-
active?: boolean;
|
|
703
|
-
}
|
|
704
|
-
|
|
705
706
|
declare type TSkin = 'blue' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray' | 'blue-light';
|
|
706
707
|
|
|
707
708
|
declare type TStepStatus = 'completed' | 'incomplete' | 'current';
|