@kystverket/styrbord 1.9.11 → 1.12.0

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

@@ -41,6 +41,7 @@ export declare const Disabled: {
     } | {
         name: string;
         disabled: boolean;
+        id?: string | undefined | undefined;
         children?: React.ReactNode;
         className?: string | undefined | undefined;
         width?: number | string | undefined | undefined;
@@ -65,7 +66,6 @@ export declare const Disabled: {
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -358,6 +358,7 @@ export declare const Disabled: {
     } | {
         name: string;
         disabled: boolean;
+        id?: string | undefined | undefined;
         children?: React.ReactNode;
         className?: string | undefined | undefined;
         width?: number | string | undefined | undefined;
@@ -382,7 +383,6 @@ export declare const Disabled: {
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -675,6 +675,7 @@ export declare const Disabled: {
     } | {
         name: string;
         disabled: boolean;
+        id?: string | undefined | undefined;
         children?: React.ReactNode;
         className?: string | undefined | undefined;
         width?: number | string | undefined | undefined;
@@ -699,7 +700,6 @@ export declare const Disabled: {
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
-        id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;

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

@@ -0,0 +1,14 @@
+import { ChipButtonProps, ChipRemovableProps, ChipCheckboxProps, ChipRadioProps } from '@digdir/designsystemet-react';
+import { FC } from 'react';
+export declare const ChipButton: FC<ChipButtonProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}>;
+export declare const ChipRemovable: FC<ChipRemovableProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}>;
+export declare const ChipCheckbox: FC<ChipCheckboxProps & {
+    ref?: React.Ref<HTMLLabelElement>;
+}>;
+export declare const ChipRadio: FC<ChipRadioProps & {
+    ref?: React.Ref<HTMLLabelElement>;
+}>;

package/dist/src/components/designsystemet/Chip/index.d.ts

@@ -0,0 +1,36 @@
+import { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './Chip';
+type Chip = {
+    /**
+     * Chip.Button used for interaction
+     *
+     * @example
+     * <Chip.Button>Click me</Chip.Button>
+     */
+    Button: typeof ChipButton;
+    /**
+     * Chip.Checkbox used for multiselection
+     *
+     * @example
+     * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
+     * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
+     */
+    Checkbox: typeof ChipCheckbox;
+    /**
+     * Chip.Radio used for single selection
+     *
+     * @example
+     * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
+     * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
+     */
+    Radio: typeof ChipRadio;
+    /**
+     * Chip.Removable used for interaction
+     *
+     * @example
+     * <Chip.Removable>Click to remove me</Chip.Removable>
+     */
+    Removable: typeof ChipRemovable;
+};
+declare const ChipComponent: Chip;
+export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from '@digdir/designsystemet-react';
+export { ChipButton, ChipCheckbox, ChipComponent as Chip, ChipRadio, ChipRemovable };

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

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+type ColorScheme = 'light' | 'dark';
+type StoryArgs = {
+    colorScheme: ColorScheme;
+};
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: ({ colorScheme }: StoryArgs) => React.JSX.Element;
+    args: {
+        colorScheme: "light";
+    };
+    argTypes: {
+        colorScheme: {
+            options: ColorScheme[];
+            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 AllColors: Story;

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

@@ -1,2 +1,2 @@
-export declare const iconIdList: readonly ["add", "add_box", "add_location", "add_location_alt", "adjust", "anchor", "apps", "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", "forward", "globe_uk", "groups", "image", "inbox", "info", "info_i", "keep", "keep_off", "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", "text_snippet", "timeline", "upload", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map", "format_italic", "format_bold", "format_list_bulleted", "format_list_numbered", "format_align_justify", "undo", "redo", "visibility", "left_panel_close", "left_panel_open", "right_panel_close", "right_panel_open"];
+export declare const iconIdList: readonly ["add", "add_box", "add_location", "add_location_alt", "adjust", "alternate_email", "anchor", "apps", "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", "forward", "globe_uk", "groups", "image", "inbox", "info", "info_i", "keep", "keep_off", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map", "map_pin_heart", "match_case", "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", "text_snippet", "timeline", "upload", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map", "format_italic", "format_bold", "format_list_bulleted", "format_list_numbered", "format_align_justify", "undo", "redo", "visibility", "left_panel_close", "left_panel_open", "right_panel_close", "right_panel_open"];
 export type IconId = (typeof iconIdList)[number];

package/dist/src/components/kystverket/RichTextArea/components/Toolbar/toolbar.d.ts

@@ -7,9 +7,9 @@ type ToolbarProps = {
     isBulletListActive: boolean;
     isOrderedListActive: boolean;
     isLinkActive: boolean;
-    canUploadImage?: boolean;
     selectedFormat: BlockType;
     linkPopoverTarget?: string;
+    canUploadImage?: boolean;
     onBold: () => void;
     onItalic: () => void;
     onBulletList: () => void;
@@ -20,5 +20,5 @@ type ToolbarProps = {
     onLink: () => void;
     onImageUpload?: () => void;
 };
-export declare const Toolbar: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, canUploadImage, selectedFormat, linkPopoverTarget, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: ToolbarProps) => React.JSX.Element;
+export declare const Toolbar: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, selectedFormat, linkPopoverTarget, canUploadImage, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: ToolbarProps) => React.JSX.Element;
 export {};

package/dist/src/components/kystverket/RichTextArea/components/Toolbar/toolbar.stories.d.ts

@@ -2,16 +2,16 @@ import type { StoryObj } from '@storybook/react-vite';
 import { type BlockType } from './toolbar';
 declare const meta: {
     title: string;
-    component: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, canUploadImage, selectedFormat, linkPopoverTarget, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: {
+    component: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, selectedFormat, linkPopoverTarget, canUploadImage, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: {
         disabled?: boolean;
         isBoldActive: boolean;
         isItalicActive: boolean;
         isBulletListActive: boolean;
         isOrderedListActive: boolean;
         isLinkActive: boolean;
-        canUploadImage?: boolean;
         selectedFormat: BlockType;
         linkPopoverTarget?: string;
+        canUploadImage?: boolean;
         onBold: () => void;
         onItalic: () => void;
         onBulletList: () => void;
@@ -49,6 +49,9 @@ declare const meta: {
         onLink: {
             action: string;
         };
+        onImageUpload: {
+            action: string;
+        };
     };
 };
 export default meta;

package/dist/src/components/kystverket/RichTextArea/richTextArea.stories.d.ts

@@ -14,6 +14,7 @@ declare const meta: {
         optional?: boolean | string | undefined;
         required?: boolean | string | undefined;
         error?: string | undefined;
+        bottomToolbar?: React.ReactNode;
         onImageUpload?: import("./richTextArea.types").OnImageUploadFn | undefined;
         onImageRemove?: ((ref: string) => Promise<void>) | undefined;
     }>) => React.JSX.Element))[];
@@ -24,6 +25,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Disabled: Story;
 export declare const WithError: Story;
+export declare const WithBottomToolbar: Story;
 /**
  * Demonstrates stable image references in markdown.
  *

package/dist/src/components/kystverket/RichTextArea/richTextArea.types.d.ts

@@ -1,4 +1,5 @@
 import type { CmdKey } from '@milkdown/core';
+import type { ReactNode } from 'react';
 export type RichTextAreaProps = {
     value: string | null | undefined;
     onChange: (markdown: string) => void;
@@ -10,6 +11,8 @@ export type RichTextAreaProps = {
     optional?: boolean | string;
     required?: boolean | string;
     error?: string;
+    /** Used for the bottomToolbar */
+    bottomToolbar?: ReactNode;
     /** Optional upload handler that returns a display src and optional stable image ref. */
     onImageUpload?: OnImageUploadFn;
     /** Optional remove handler for deleting persisted images by stable ref. */

package/dist/src/data/ais/AisShipTypes.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    tags: string[];
+};
+export default meta;
+export declare const Overview: StoryFn;
+export declare const Lookup: StoryFn;

package/dist/src/data/ais/shipTypes.d.ts

@@ -0,0 +1,79 @@
+export interface AisShipType {
+    readonly id: string;
+    readonly label: string;
+    readonly aisCodes: readonly string[];
+    readonly color: string;
+    readonly borderColor: string;
+}
+export declare const AIS_SHIP_TYPES: readonly [{
+    readonly id: "passasjer";
+    readonly label: "Passasjer";
+    readonly aisCodes: readonly ["40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69"];
+    readonly color: "#085382";
+    readonly borderColor: "#022C55";
+}, {
+    readonly id: "fritidsbat";
+    readonly label: "Fritidsbåt";
+    readonly aisCodes: readonly ["37"];
+    readonly color: "#83A9C0";
+    readonly borderColor: "#085382";
+}, {
+    readonly id: "seilbat";
+    readonly label: "Seilbåt";
+    readonly aisCodes: readonly ["36"];
+    readonly color: "#83A9C0";
+    readonly borderColor: "#085382";
+}, {
+    readonly id: "frakt";
+    readonly label: "Frakt";
+    readonly aisCodes: readonly ["33", "34", "53", "54", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79"];
+    readonly color: "#58A752";
+    readonly borderColor: "#0C6F06";
+}, {
+    readonly id: "tank";
+    readonly label: "Tank";
+    readonly aisCodes: readonly ["80", "81", "82", "83", "84", "85", "86", "87", "88", "89"];
+    readonly color: "#535E62";
+    readonly borderColor: "#19191A";
+}, {
+    readonly id: "fiske";
+    readonly label: "Fiske";
+    readonly aisCodes: readonly ["30"];
+    readonly color: "#F48B68";
+    readonly borderColor: "#EC481E";
+}, {
+    readonly id: "tau";
+    readonly label: "Tau";
+    readonly aisCodes: readonly ["31", "32", "52"];
+    readonly color: "#FFD666";
+    readonly borderColor: "#CC9600";
+}, {
+    readonly id: "militaer";
+    readonly label: "Militær";
+    readonly aisCodes: readonly ["35"];
+    readonly color: "#5D6533";
+    readonly borderColor: "#013200";
+}, {
+    readonly id: "redning";
+    readonly label: "Redning";
+    readonly aisCodes: readonly ["51", "55", "58"];
+    readonly color: "#FFEA00";
+    readonly borderColor: "#19191A";
+}, {
+    readonly id: "los";
+    readonly label: "Los";
+    readonly aisCodes: readonly ["50"];
+    readonly color: "#FF701A";
+    readonly borderColor: "#820000";
+}, {
+    readonly id: "ukjent";
+    readonly label: "Ukjent";
+    readonly aisCodes: readonly ["20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "56", "57", "59", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99"];
+    readonly color: "#CCCCCC";
+    readonly borderColor: "#404040";
+}];
+export type AisShipTypeEntry = (typeof AIS_SHIP_TYPES)[number];
+export type AisShipTypeId = AisShipTypeEntry['id'];
+export type AisCode = AisShipTypeEntry['aisCodes'][number];
+export declare function getShipTypeByAisCode(code: string | number): AisShipTypeEntry | undefined;
+export declare function getShipTypeById(id: AisShipTypeId): AisShipTypeEntry | undefined;

package/dist/src/main.d.ts

@@ -1,6 +1,8 @@
 import './css/index.scss';
 import '@material-symbols/font-400/outlined.css';
 export type { SupportedLanguage, ScreenSize } from './utils/types';
+export { AIS_SHIP_TYPES, getShipTypeByAisCode, getShipTypeById } from './data/ais/shipTypes';
+export type { AisShipType, AisShipTypeEntry, AisShipTypeId, AisCode } from './data/ais/shipTypes';
 export { default as DeprecatedErrorLabel, type ErrorLabelProps as DeprecatedErrorLabelProps, } from './components/deprecated/ErrorLabel/errorLabel';
 export { default as DeprecatedInputLabel, type InputLabelProps as DeprecatedInputLabelProps, } from './components/deprecated/InputLabel/inputLabel';
 export { Details as DeprecatedDetails, type DetailsProps as DeprecatedDetailsProps, } from './components/deprecated/Details/Details';
@@ -85,6 +87,8 @@ export { SideSheet, type SideSheetProps } from './components/kystverket/SideShee
 export type { SideSheetSize, SideSheetPlacement, SideSheetMode, SideSheetHeadingSize, SideSheetLayoutProps, } from './components/kystverket/SideSheet/SideSheet.types';
 export { Suggestion } from './components/designsystemet/Suggestion/Suggestion';
 export type { SuggestionProps } from './components/designsystemet/Suggestion/Suggestion';
+export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from './components/designsystemet/Chip';
+export { Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/designsystemet/Chip';
 export { RovingFocusItem, RovingFocusRoot, omit, useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation, } from '@digdir/designsystemet-react';
 export type { Size, UseRadioGroupProps, UseCheckboxGroupProps, UsePaginationProps, MergeRight, LabelRequired, } from '@digdir/designsystemet-react';
 export type { BadgePositionProps, BadgeProps } from '@digdir/designsystemet-react';
@@ -97,8 +101,6 @@ export type { CardBlockProps, CardProps } from '@digdir/designsystemet-react';
 export { Card, CardBlock } from '@digdir/designsystemet-react';
 export type { CheckboxProps } from '@digdir/designsystemet-react';
 export { Checkbox } from '@digdir/designsystemet-react';
-export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from '@digdir/designsystemet-react';
-export { Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from '@digdir/designsystemet-react';
 export type { DetailsContentProps, DetailsProps, DetailsSummaryProps } from '@digdir/designsystemet-react';
 export { Details, DetailsContent, DetailsSummary } from '@digdir/designsystemet-react';
 export type { DialogBlockProps, DialogTriggerContextProps, DialogTriggerProps } from '@digdir/designsystemet-react';