@kystverket/styrbord 1.1.25 → 1.1.27
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 +2110 -2091
- package/dist/main.umd.cjs +6 -6
- package/dist/src/components/designsystemet/Avatar/Avatar.d.ts +1 -0
- package/dist/src/components/designsystemet/Avatar/Avatar.stories.d.ts +2 -0
- package/dist/src/components/kystverket/FilePreviewer/FilePreviewer-context.d.ts +3 -2
- package/dist/src/components/kystverket/FilePreviewer/FilePreviewer-dialog.d.ts +3 -2
- package/dist/src/components/kystverket/FilePreviewer/FilePreviewer.stories.d.ts +41 -5
- package/dist/src/components/kystverket/FilePreviewer/FileRenderer.d.ts +2 -1
- package/dist/src/components/kystverket/Icon/icon.types.d.ts +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -12,6 +12,7 @@ type AriaHidden = Partial<AriaLabel> & {
|
|
|
12
12
|
export type AvatarProps = MergeRight<DsAvatarProps, (AriaLabel | AriaHidden) & {
|
|
13
13
|
'data-size'?: '2xs' | '3xs' | DsAvatarProps['data-size'];
|
|
14
14
|
'data-color-variant'?: 'base' | 'surface-tinted';
|
|
15
|
+
border?: 'solid' | 'dashed' | 'dotted' | 'double' | 'none';
|
|
15
16
|
}>;
|
|
16
17
|
export declare const Avatar: FC<AvatarProps>;
|
|
17
18
|
export {};
|
|
@@ -7,6 +7,8 @@ export declare const Preview: Story;
|
|
|
7
7
|
export declare const NoName: Story;
|
|
8
8
|
export declare const Sizes: Story;
|
|
9
9
|
export declare const ColorVariants: Story;
|
|
10
|
+
export declare const BorderVariants: Story;
|
|
11
|
+
export declare const CombinedVariants: Story;
|
|
10
12
|
export declare const ShapeVariants: Story;
|
|
11
13
|
export declare const WithImage: Story;
|
|
12
14
|
export declare const InDropdown: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, Ref } from 'react';
|
|
2
|
-
import { FilePreviewRef } from './FilePreviewer-dialog';
|
|
2
|
+
import { FilePreviewerDialogProps, FilePreviewRef } from './FilePreviewer-dialog';
|
|
3
3
|
import { FileInfo } from './FilePreviewer.types';
|
|
4
4
|
export declare const FPContext: React.Context<{
|
|
5
5
|
files: FileInfo[];
|
|
@@ -10,5 +10,6 @@ export interface FilePreviewerContextProps {
|
|
|
10
10
|
children?: ReactNode;
|
|
11
11
|
ref?: Ref<FilePreviewRef>;
|
|
12
12
|
files?: FileInfo[];
|
|
13
|
+
animation?: FilePreviewerDialogProps['animation'];
|
|
13
14
|
}
|
|
14
|
-
export declare const FilePreviewerContext: ({ children, ref, files }: FilePreviewerContextProps) => React.JSX.Element;
|
|
15
|
+
export declare const FilePreviewerContext: ({ animation, children, ref, files }: FilePreviewerContextProps) => React.JSX.Element;
|
|
@@ -3,9 +3,10 @@ export type FilePreviewRef = {
|
|
|
3
3
|
close: () => void;
|
|
4
4
|
showModal: (idx?: number) => void;
|
|
5
5
|
};
|
|
6
|
-
export interface
|
|
6
|
+
export interface FilePreviewerDialogProps {
|
|
7
|
+
animation?: 'none' | 'slide';
|
|
7
8
|
files: FileInfo[];
|
|
8
9
|
startIndex?: number;
|
|
9
10
|
onClose?: () => void;
|
|
10
11
|
}
|
|
11
|
-
export declare const FilePreviewerDialog: ({ onClose, files, startIndex }:
|
|
12
|
+
export declare const FilePreviewerDialog: ({ animation, onClose, files, startIndex }: FilePreviewerDialogProps) => React.JSX.Element;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { StoryFn } from '@storybook/react';
|
|
2
|
+
import { FilePreviewerDialogProps } from './FilePreviewer-dialog';
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
|
-
component: (({ children, ref, files }: import("~/main").FilePreviewerProps) => React.JSX.Element) & {
|
|
5
|
+
component: (({ animation, children, ref, files }: import("~/main").FilePreviewerProps) => React.JSX.Element) & {
|
|
5
6
|
Thumbnail: typeof import("./FilePreviewer-thumbnail").FilePreviewerThumbnail & {
|
|
6
7
|
displayName?: string;
|
|
7
8
|
};
|
|
@@ -9,9 +10,44 @@ declare const meta: {
|
|
|
9
10
|
};
|
|
10
11
|
decorators: ((Story: import("@storybook/types").PartialStoryFn) => React.JSX.Element)[];
|
|
11
12
|
tags: string[];
|
|
12
|
-
|
|
13
|
+
parameters: {
|
|
14
|
+
docs: {
|
|
15
|
+
source: {
|
|
16
|
+
type: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
args: {
|
|
21
|
+
animation: "slide";
|
|
22
|
+
files: import("./FilePreviewer.types").FileInfo[];
|
|
23
|
+
};
|
|
24
|
+
argTypes: {
|
|
25
|
+
animation: {
|
|
26
|
+
control: "radio";
|
|
27
|
+
options: string[];
|
|
28
|
+
description: string;
|
|
29
|
+
table: {
|
|
30
|
+
type: {
|
|
31
|
+
summary: string;
|
|
32
|
+
};
|
|
33
|
+
defaultValue: {
|
|
34
|
+
summary: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
files: {
|
|
39
|
+
control: "object";
|
|
40
|
+
description: string;
|
|
41
|
+
table: {
|
|
42
|
+
type: {
|
|
43
|
+
summary: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
};
|
|
13
48
|
};
|
|
14
49
|
export default meta;
|
|
15
|
-
export declare const
|
|
16
|
-
export declare const
|
|
17
|
-
export declare const
|
|
50
|
+
export declare const Default: StoryFn<FilePreviewerDialogProps>;
|
|
51
|
+
export declare const withFlex: StoryFn<FilePreviewerDialogProps>;
|
|
52
|
+
export declare const openWithRef: StoryFn<FilePreviewerDialogProps>;
|
|
53
|
+
export declare const withNoneAnimation: StoryFn<FilePreviewerDialogProps>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FileInfo } from './FilePreviewer.types';
|
|
2
|
-
export declare const FileRenderer: ({ file, className, mode, }: {
|
|
2
|
+
export declare const FileRenderer: ({ file, className, mode, tabIndex, }: {
|
|
3
3
|
file: FileInfo;
|
|
4
4
|
mode?: "thumbnail" | "full";
|
|
5
5
|
className?: string;
|
|
6
|
+
tabIndex?: number;
|
|
6
7
|
}) => React.JSX.Element | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const iconIdList: readonly ["add_location_alt", "add_location", "add", "adjust", "anchor", "archive", "arrow_back", "arrow_forward", "arrow_right_alt", "article", "calendar_month", "change_history", "chat", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "content_copy", "data_table", "delete", "description", "directions_boat", "distance", "domain", "download", "edit_document", "edit_location_alt", "edit_location", "edit_square", "edit", "error", "event", "explore_nearby", "explore", "favorite", "file_map", "file_save", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "inbox", "info", "keyboard_arrow_down", "keyboard_arrow_up", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map_pin_heart", "map", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pending_actions", "person_add", "person_pin_circle", "person_pin", "person", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "send", "settings_input_antenna", "settings", "severe_cold", "source_environment", "stylus", "timeline", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map", "picture_as_pdf", "pan_zoom"];
|
|
1
|
+
export declare const iconIdList: readonly ["add_location_alt", "add_location", "add", "adjust", "anchor", "archive", "arrow_back", "arrow_forward", "arrow_right_alt", "article", "calendar_month", "change_history", "chat", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "content_copy", "data_table", "delete", "description", "directions_boat", "distance", "domain", "download", "edit_document", "edit_location_alt", "edit_location", "edit_square", "edit", "error", "event", "explore_nearby", "explore", "favorite", "file_map", "file_save", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "inbox", "info", "keyboard_arrow_down", "keyboard_arrow_up", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map_pin_heart", "map", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pending_actions", "person_add", "person_pin_circle", "person_pin", "person", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "save", "send", "settings_input_antenna", "settings", "severe_cold", "source_environment", "stylus", "timeline", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map", "picture_as_pdf", "pan_zoom"];
|
|
2
2
|
export type IconId = (typeof iconIdList)[number];
|