@kystverket/styrbord 0.301.5 → 0.302.1
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/dist/main.js +4505 -4487
- package/dist/main.umd.cjs +8 -17
- package/dist/src/components/kystverket/Header/Header.d.ts +38 -1
- package/dist/src/components/kystverket/Header/Header.stories.d.ts +3 -0
- package/dist/src/components/kystverket/Icon/icon.types.d.ts +1 -1
- package/dist/src/hooks/useOnClickOutsideAndEscape.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { LogoVariant, SupportedLanguage } from '~/main';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { IconId } from '../Icon/icon.types';
|
|
3
4
|
export interface HeaderProps {
|
|
4
5
|
/**
|
|
5
6
|
* Utvidelse for å legge til ekstra innhold i headeren.
|
|
@@ -29,5 +30,41 @@ export interface HeaderProps {
|
|
|
29
30
|
*/
|
|
30
31
|
variant?: LogoVariant;
|
|
31
32
|
};
|
|
33
|
+
/**
|
|
34
|
+
* links - En kolleksjon av lenker
|
|
35
|
+
* @default undefined
|
|
36
|
+
*/
|
|
37
|
+
links?: {
|
|
38
|
+
/**
|
|
39
|
+
* icon - Typed til IconId
|
|
40
|
+
*/
|
|
41
|
+
icon: IconId;
|
|
42
|
+
/**
|
|
43
|
+
* label
|
|
44
|
+
*/
|
|
45
|
+
label: string;
|
|
46
|
+
/**
|
|
47
|
+
* url
|
|
48
|
+
*/
|
|
49
|
+
url: string;
|
|
50
|
+
}[];
|
|
51
|
+
profile?: {
|
|
52
|
+
/**
|
|
53
|
+
* name
|
|
54
|
+
*/
|
|
55
|
+
name: string;
|
|
56
|
+
/**
|
|
57
|
+
* department
|
|
58
|
+
*/
|
|
59
|
+
department: string;
|
|
60
|
+
/**
|
|
61
|
+
* initials. Keep it to `2` characters
|
|
62
|
+
*/
|
|
63
|
+
initials: string;
|
|
64
|
+
/**
|
|
65
|
+
* logoutHandler
|
|
66
|
+
*/
|
|
67
|
+
logoutHandler: () => void;
|
|
68
|
+
};
|
|
32
69
|
}
|
|
33
|
-
export declare function Header({ children, language, logo: { title, variant, url }, }: HeaderProps): React.JSX.Element;
|
|
70
|
+
export declare function Header({ children, language, logo: { title, variant, url }, links, profile, }: HeaderProps): React.JSX.Element;
|
|
@@ -36,3 +36,6 @@ export declare const Hais: Story;
|
|
|
36
36
|
export declare const Pfsa: Story;
|
|
37
37
|
export declare const Saksbehandling: Story;
|
|
38
38
|
export declare const Selvbetjening: Story;
|
|
39
|
+
export declare const medProfilOgMenyItems: Story;
|
|
40
|
+
export declare const medMenyItems: Story;
|
|
41
|
+
export declare const medProfil: Story;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const iconIdList: readonly ["add", "adjust", "anchor", "arrow_back", "arrow_right_alt", "calendar_month", "change_history", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "content_copy", "delete", "download", "edit", "error", "event", "file_save", "info", "keyboard_arrow_down", "keyboard_arrow_up", "lightbulb", "link", "lock", "login", "logout", "menu", "more_vert", "pending_actions", "person_add", "person", "radio_button_checked", "radio_button_unchecked", "sailing", "settings_input_antenna", "source_environment", "stylus", "timeline", "video_library", "warning", "domain", "distance", "article", "edit_square"];
|
|
1
|
+
export declare const iconIdList: readonly ["add", "adjust", "anchor", "arrow_back", "arrow_right_alt", "calendar_month", "change_history", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "content_copy", "delete", "download", "edit", "error", "event", "file_save", "info", "keyboard_arrow_down", "keyboard_arrow_up", "lightbulb", "link", "lock", "login", "logout", "menu", "more_vert", "pending_actions", "person_add", "person", "radio_button_checked", "radio_button_unchecked", "sailing", "settings_input_antenna", "source_environment", "stylus", "timeline", "video_library", "warning", "domain", "distance", "article", "edit_square", "settings", "data_table"];
|
|
2
2
|
export type IconId = (typeof iconIdList)[number];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useOnClickOutsideAndEscape(ref: React.RefObject<HTMLElement | null>, handler: () => void): void;
|