@kystverket/styrbord 1.9.11 → 1.11.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/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';