@kystverket/styrbord 1.4.1 → 1.4.3

package/README.md

@@ -7,7 +7,7 @@ applikasjonen ha et Kystverket uttrykk samtidig som det følger moderne prinsipp
 Styrbord tar i bruk [designsystemet.no](https://www.designsystemet.no/) sine komponenter og prinsipper.
 Komponentene til Designsystemet blir eksportert videre av Styrbord med Kystverkets farger og tekststil.
 Dette betyr at [dokumentasjonen til Designsystemet](https://storybook.designsystemet.no/) er vel så viktig
-som den du finner her.
+som den du finner [her](https://kystverket.github.io/styrbord/base).
 
 Alle komponentene og typene i Designsystemet er tilgjengelig i Styrbord med følgende merknader:
 

package/dist/src/components/designsystemet/Button/Button.d.ts

@@ -4,8 +4,9 @@ export type ButtonProps = {
     variant?: 'filled' | 'subtle' | 'outline' | 'ghost' | 'dashed';
     color?: 'primary' | 'neutral' | 'danger';
     size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
     text?: string;
     href?: string;
     target?: string;
-} & Omit<DsButtonProps, 'variant' | 'data-color' | 'data-size'>;
+} & Omit<DsButtonProps, 'variant' | 'data-color' | 'data-size' | 'disabled'>;
 export declare const Button: FC<ButtonProps>;

package/dist/src/components/designsystemet/Button/Button.stories.d.ts

@@ -30,3 +30,4 @@ export declare const Large: Story;
 export declare const Loading: Story;
 export declare const Disabled: Story;
 export declare const WithIcon: Story;
+export declare const IconButton: Story;

package/dist/src/components/kystverket/ColorTokenCollections/ColorTokenCollections.stories.d.ts

@@ -0,0 +1,43 @@
+import type { StoryObj } from '@storybook/react-vite';
+type DataColor = 'primary' | 'neutral' | 'danger';
+type DataColorSchemes = 'light' | 'dark';
+type StoryArgs = {
+    dataColor: DataColor;
+    dataColorScheme: DataColorSchemes;
+};
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: ({ dataColor, dataColorScheme }: StoryArgs) => React.JSX.Element;
+    args: {
+        dataColor: "primary";
+        dataColorScheme: "light";
+    };
+    argTypes: {
+        dataColor: {
+            options: DataColor[];
+            control: {
+                type: "inline-radio";
+            };
+            description: string;
+        };
+        dataColorScheme: {
+            options: DataColorSchemes[];
+            control: {
+                type: "inline-radio";
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AllCollectionTokens: Story;

package/dist/src/components/kystverket/FileUploader/FileUploader.d.ts

@@ -21,7 +21,12 @@ export interface FileUploaderProps {
     allowedFileTypes?: string[];
     required?: boolean | string;
     optional?: boolean | string;
+    /**
+     * Adds a button with "Open Camera" on most NON-PC devices
+     * \ Opens on the back camera by default
+     */
+    withCaptureButton?: boolean;
     existingFilesProvider?: () => Promise<ExistingFilesProviderItem[]>;
     variant?: 'dropzone' | 'buttons';
 }
-export declare const FileUploader: ({ label, maxSizeInBytes, required, optional, description, error, multiple, files, maxFiles, onChange, allowedFileTypes, existingFilesProvider, variant, }: FileUploaderProps) => React.JSX.Element;
+export declare const FileUploader: ({ label, maxSizeInBytes, required, optional, description, error, multiple, files, maxFiles, onChange, allowedFileTypes, withCaptureButton, existingFilesProvider, variant, }: FileUploaderProps) => React.JSX.Element;

package/dist/src/components/kystverket/FileUploader/FileUploader.stories.d.ts

@@ -17,6 +17,7 @@ export declare const RequiredText: Story;
 export declare const Dropzone: Story;
 export declare const DropzoneWithExistingFiles: Story;
 export declare const WithError: Story;
+export declare const WithCaptureButton: Story;
 export declare const WithExistingFiles: Story;
 export declare const withFileSizeLimit: Story;
 export declare const withAllowedFileTypes: Story;

package/dist/src/components/kystverket/FileUploader/fileUploadActions/FileUploadActions.d.ts

@@ -2,9 +2,11 @@ import { ExistingFilesDialogHandle } from '../existingFilesDialog/ExistingFilesD
 import { FileUploaderProps } from '~/main';
 type FileUploadActionsProps = {
     fileInputRef: React.RefObject<HTMLInputElement | null>;
+    fileCameraInputRef: React.RefObject<HTMLInputElement | null>;
     dialogRef: React.RefObject<ExistingFilesDialogHandle | null>;
     t: (key: string) => string;
     onUploadFile: (uploadedFiles: File[]) => void;
-} & Pick<FileUploaderProps, 'variant' | 'existingFilesProvider'>;
-export declare function FileUploadActions({ variant, fileInputRef, onUploadFile, existingFilesProvider, dialogRef, t, }: FileUploadActionsProps): React.JSX.Element;
+    allowedFileTypes: string[];
+} & Pick<FileUploaderProps, 'variant' | 'existingFilesProvider' | 'withCaptureButton' | 'multiple'>;
+export declare function FileUploadActions({ variant, fileInputRef, onUploadFile, existingFilesProvider, fileCameraInputRef, dialogRef, allowedFileTypes, withCaptureButton, multiple, t, }: FileUploadActionsProps): React.JSX.Element;
 export {};

package/dist/src/components/kystverket/Icon/icon.types.d.ts

@@ -1,2 +1,2 @@
-export declare const iconIdList: readonly ["add_box", "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", "code_blocks", "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", "export_notes", "favorite", "file_map", "file_save", "folder_open", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "image", "inbox", "info_i", "info", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map_pin_heart", "map", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pan_zoom", "pending_actions", "person_add", "person_pin_circle", "person_pin", "person", "picture_as_pdf", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "save", "send", "settings_input_antenna", "settings", "severe_cold", "source_environment", "stylus", "timeline", "upload", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map"];
+export declare const iconIdList: readonly ["add", "add_box", "add_location", "add_location_alt", "adjust", "anchor", "archive", "arrow_back", "arrow_forward", "arrow_right_alt", "article", "calendar_month", "change_history", "chat", "check", "check_circle", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "code_blocks", "content_copy", "data_table", "delete", "description", "directions_boat", "distance", "domain", "download", "edit", "edit_document", "edit_location", "edit_location_alt", "edit_square", "error", "event", "explore", "explore_nearby", "export_notes", "favorite", "file_map", "file_save", "folder_open", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "image", "inbox", "info", "info_i", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map", "map_pin_heart", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pan_zoom", "pending_actions", "person", "person_add", "person_pin", "person_pin_circle", "photo_camera", "picture_as_pdf", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "save", "send", "settings", "settings_input_antenna", "severe_cold", "source_environment", "stylus", "timeline", "upload", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map"];
 export type IconId = (typeof iconIdList)[number];