@kystverket/styrbord 1.3.39 → 1.4.0

package/README.md

@@ -41,6 +41,20 @@ Styrbords design tokens hentes fra [@Kystverket/styrbord-tokens](https://github.
 
 ## Endringslogg
 
+### 2026-03-10 -- v1.4.0
+
+Endret fra StyrbordTranslationContext til å bruke @kystverket/sprak-react.
+
+Internt i Styrbord-komponenter kan man bruke følgende for å hente oversettelsesfunksjonen.
+
+```ts
+import { useStyrbordTranslation } from '~/translations';
+...
+const { t } = useTranslation();
+```
+
+Applikasjoner som bruker Styrbord må wrappe alt med både `<SprakProvider>` (for å velge språk) og `<StyrbordTranslations>` (for å hente oversettelsene til Styrbord).
+
 ### 2026-01-13 -- v1.3.0
 
 #### Knekkende endring

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

@@ -19,21 +19,9 @@ export interface FileUploaderProps {
     maxSizeInBytes?: number;
     onChange: (files: FileInfo[]) => void;
     allowedFileTypes?: string[];
-    /** @deprecated Use translations instead. */
-    buttonLabel?: string;
     required?: boolean | string;
     optional?: boolean | string;
-    translations?: {
-        existingFiles?: {
-            buttonOpen?: string;
-            dialogTitle?: string;
-            dialogCancel?: string;
-            dialogConfirm?: string;
-            noFilesAvailable?: string;
-        };
-        buttonLabel?: string;
-    };
     existingFilesProvider?: () => Promise<ExistingFilesProviderItem[]>;
     variant?: 'dropzone' | 'buttons';
 }
-export declare const FileUploader: ({ label, maxSizeInBytes, required, optional, description, error, multiple, files, buttonLabel, maxFiles, onChange, allowedFileTypes, translations, existingFilesProvider, variant, }: FileUploaderProps) => React.JSX.Element;
+export declare const FileUploader: ({ label, maxSizeInBytes, required, optional, description, error, multiple, files, maxFiles, onChange, allowedFileTypes, existingFilesProvider, variant, }: FileUploaderProps) => React.JSX.Element;

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

@@ -18,8 +18,6 @@ export declare const Dropzone: Story;
 export declare const DropzoneWithExistingFiles: Story;
 export declare const WithError: Story;
 export declare const WithExistingFiles: Story;
-export declare const WithExistingFilesWithTranslations: Story;
 export declare const withFileSizeLimit: Story;
-export declare const WithFileSizeLimitEnglish: Story;
 export declare const withAllowedFileTypes: Story;
 export declare const withFileScanFailed: Story;

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

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { FileUploaderProps } from './FileUploader';
+import { PartialStoryFn } from 'storybook/internal/types';
+declare const meta: {
+    title: string;
+    component: (props: FileUploaderProps) => React.JSX.Element;
+    decorators: ((Story: PartialStoryFn) => React.JSX.Element)[];
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithExistingFilesWithTranslations: Story;

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

@@ -5,6 +5,6 @@ type FileUploadActionsProps = {
     dialogRef: React.RefObject<ExistingFilesDialogHandle | null>;
     t: (key: string) => string;
     onUploadFile: (uploadedFiles: File[]) => void;
-} & Pick<FileUploaderProps, 'variant' | 'existingFilesProvider' | 'buttonLabel'>;
-export declare function FileUploadActions({ variant, fileInputRef, buttonLabel, onUploadFile, existingFilesProvider, dialogRef, t, }: FileUploadActionsProps): React.JSX.Element;
+} & Pick<FileUploaderProps, 'variant' | 'existingFilesProvider'>;
+export declare function FileUploadActions({ variant, fileInputRef, onUploadFile, existingFilesProvider, dialogRef, t, }: FileUploadActionsProps): React.JSX.Element;
 export {};

package/dist/src/main.d.ts

@@ -40,7 +40,6 @@ export { FileUploader, type FileUploaderProps, type ExistingFilesProviderItem, }
 export { FileUploaderContext, type FileUploaderContextProps, } from './components/kystverket/FileUploader/FileUploader.context';
 export type * from './components/kystverket/FileUploader/FileUploader.types';
 export { default as CardTitle, type CardTitleProps } from './components/designsystemet/CardTitle/CardTitle';
-export { StyrbordTranslationContext } from './i18n/translations';
 export { Button } from './components/designsystemet/Button/Button';
 export type { ButtonProps } from './components/designsystemet/Button/Button';
 export { TextInput } from './components/designsystemet/TextInput/TextInput';

package/dist/src/translations.d.ts

@@ -0,0 +1,5 @@
+export declare const STYRBORD_TRANSLATIONS_NAMESPACE = "styrbord";
+export declare const StyrbordTranslations: (props: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useTranslation: () => import("@kystverket/sprak-react").UseTranslationResult;