@kystverket/styrbord 1.6.8 → 1.7.1

package/README.md

@@ -41,6 +41,10 @@ Styrbords design tokens hentes fra [@Kystverket/styrbord-tokens](https://github.
 
 ## Endringslogg
 
+### 2026-05-19 -- v1.7.0
+
+Etter mange problemer med implementasjon og styling av en DatePicker har vi gått til en native datepicker. Noen attributter på datepicker er ikke lenger nødvendige eller tilgjengelige.
+
 ### 2026-04-14 -- v1.5.0
 
 - Oppdatert Header til å støtte 'applikasjoner'. For å overstyre LinkComponent som brukes (for å slippe full reload i f.eks. NextJS) kan man wrapper Header med HeaderContext.

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react-vite';
+declare const _default: Meta;
+export default _default;
+export declare const Preview: () => React.JSX.Element;
+export declare const Multiple: () => React.JSX.Element;
+export declare const Filter: () => React.JSX.Element;
+export declare const ControlledMultiple: () => React.JSX.Element;
+export declare const Creatable: () => React.JSX.Element;

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

@@ -1,20 +1,18 @@
+import { InputSize } from '~/utils/input/input';
 export interface DateTimePickerProps {
+    className?: string;
     optional?: boolean | string | undefined;
     required?: boolean | string | undefined;
     label: string;
-    dateTimeFormat?: string;
     description?: string;
     error?: string;
+    loading?: boolean;
     onBlur?: () => void;
     value: Date | undefined;
-    timeInputLabel?: string;
-    showMonthDropdown?: boolean;
-    showYearDropdown?: boolean;
     onChange?: (date: Date | undefined) => void;
-    showCalendarIcon?: boolean;
     minDate?: Date;
     maxDate?: Date;
+    size?: InputSize;
     disabled?: boolean;
-    withPortal?: boolean;
 }
-export declare const DateTimePicker: ({ value, onChange, dateTimeFormat, timeInputLabel, showCalendarIcon, minDate, maxDate, withPortal, showMonthDropdown, showYearDropdown, ...props }: DateTimePickerProps) => React.JSX.Element;
+export declare const DateTimePicker: ({ size, className, label, loading, required, optional, onChange, value, minDate, maxDate, ...props }: DateTimePickerProps) => React.JSX.Element;

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

@@ -4,23 +4,20 @@ declare const meta: {
     title: string;
     component: (props: DateTimePickerProps) => React.JSX.Element;
     decorators: (((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element) | ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
         optional?: boolean | string | undefined | undefined;
         required?: boolean | string | undefined | undefined;
         label: string;
-        dateTimeFormat?: string | undefined;
         description?: string | undefined;
         error?: string | undefined;
+        loading?: boolean | undefined;
         onBlur?: (() => void) | undefined;
         value: Date | undefined;
-        timeInputLabel?: string | undefined;
-        showMonthDropdown?: boolean | undefined;
-        showYearDropdown?: boolean | undefined;
         onChange?: ((date: Date | undefined) => void) | undefined;
-        showCalendarIcon?: boolean | undefined;
         minDate?: Date | undefined;
         maxDate?: Date | undefined;
+        size?: import("../../../main").InputSize | undefined;
         disabled?: boolean | undefined;
-        withPortal?: boolean | undefined;
     }>) => React.JSX.Element))[];
     tags: string[];
     argTypes: {};
@@ -28,7 +25,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithoutCalendarIcon: Story;
 export declare const Optional: Story;
 export declare const OptionalText: Story;
 export declare const Required: Story;
@@ -38,5 +34,4 @@ export declare const WithError: Story;
 export declare const WithMinDate: Story;
 export declare const WithMaxDate: Story;
 export declare const WithMinAndMaxDate: Story;
-export declare const WithPortal: Story;
-export declare const WithYearAndMonthDropdown: Story;
+export declare const Disabled: Story;

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

@@ -1,20 +1,18 @@
+import { InputSize } from '~/main';
 export interface DatepickerProps {
+    className?: string;
+    loading?: boolean;
+    size?: InputSize;
     optional?: boolean | string | undefined;
     required?: boolean | string | undefined;
     label: string;
-    dateFormat?: string;
     description?: string;
     error?: string;
     onBlur?: () => void;
     value: Date | undefined;
     onChange?: (date: Date | undefined) => void;
-    showYearDropdown?: boolean;
-    showMonthDropdown?: boolean;
-    showCalendarIcon?: boolean;
     minDate?: Date;
     maxDate?: Date;
-    popperPlacement?: 'top' | 'bottom' | 'left' | 'right';
-    withPortal?: boolean;
     disabled?: boolean;
 }
-export declare const Datepicker: ({ value, onChange, dateFormat, showCalendarIcon, minDate, maxDate, popperPlacement, withPortal, showMonthDropdown, showYearDropdown, ...props }: DatepickerProps) => React.JSX.Element;
+export declare const Datepicker: ({ size, className, label, loading, required, optional, onChange, value, minDate, maxDate, ...props }: DatepickerProps) => React.JSX.Element;

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

@@ -4,22 +4,19 @@ declare const meta: {
     title: string;
     component: (props: DatepickerProps) => React.JSX.Element;
     decorators: (((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element) | ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+        loading?: boolean | undefined;
+        size?: import("../../../main").InputSize | undefined;
         optional?: boolean | string | undefined | undefined;
         required?: boolean | string | undefined | undefined;
         label: string;
-        dateFormat?: string | undefined;
         description?: string | undefined;
         error?: string | undefined;
         onBlur?: (() => void) | undefined;
         value: Date | undefined;
         onChange?: ((date: Date | undefined) => void) | undefined;
-        showYearDropdown?: boolean | undefined;
-        showMonthDropdown?: boolean | undefined;
-        showCalendarIcon?: boolean | undefined;
         minDate?: Date | undefined;
         maxDate?: Date | undefined;
-        popperPlacement?: "top" | "bottom" | "left" | "right" | undefined;
-        withPortal?: boolean | undefined;
         disabled?: boolean | undefined;
     }>) => React.JSX.Element))[];
     tags: string[];
@@ -28,7 +25,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithoutCalendarIcon: Story;
 export declare const WithoutDescription: Story;
 export declare const WithValue: Story;
 export declare const Optional: Story;
@@ -38,6 +34,4 @@ export declare const WithError: Story;
 export declare const WithMinDate: Story;
 export declare const WithMaxDate: Story;
 export declare const WithMinAndMaxDate: Story;
-export declare const PopperPlacement: Story;
-export declare const InDialogNearEdge: Story;
-export declare const WithYearAndMonthDropdown: Story;
+export declare const Disabled: Story;