@norges-domstoler/dds-components 21.12.0 → 21.14.0

package/dist/index.d.mts

@@ -526,7 +526,7 @@ declare function createSizes<T extends Array<Size>>(...sizes: T): T;
 declare const BORDER_RADII: readonly ["button", "input", "surface", "chip", "rounded", "0"];
 declare const ELEVATIONS: readonly [1, 2, 3, 4];
 declare const BORDER_COLORS: readonly ["border-default", "border-subtle", "border-inverse", "border-action-default", "border-action-hover", "border-success", "border-warning", "border-danger", "border-info", "border-on-action"];
-declare const BACKGROUNDS: readonly ["surface-subtle", "surface-medium", "surface-inverse-default", "surface-danger-default", "surface-danger-strong", "surface-success-default", "surface-success-strong", "surface-warning-default", "surface-warning-strong", "surface-info-default", "surface-info-strong", "surface-paper-default", "surface-notification", "brand-primary-default", "brand-primary-subtle", "brand-primary-medium", "brand-primary-strong", "brand-secondary-default", "brand-secondary-subtle", "brand-secondary-medium", "brand-secondary-strong", "brand-tertiary-default", "brand-tertiary-subtle", "brand-tertiary-medium", "brand-tertiary-strong"];
+declare const BACKGROUNDS: readonly ["surface-subtle", "surface-medium", "surface-inverse-default", "surface-danger-default", "surface-danger-strong", "surface-success-default", "surface-success-strong", "surface-warning-default", "surface-warning-strong", "surface-info-default", "surface-info-strong", "surface-paper-default", "surface-notification", "surface-field-disabled", "brand-primary-default", "brand-primary-subtle", "brand-primary-medium", "brand-primary-strong", "brand-secondary-default", "brand-secondary-subtle", "brand-secondary-medium", "brand-secondary-strong", "brand-tertiary-default", "brand-tertiary-subtle", "brand-tertiary-medium", "brand-tertiary-strong"];
 type BorderRadius = (typeof BORDER_RADII)[number];
 type Elevation = (typeof ELEVATIONS)[number];
 type BorderColor = (typeof BORDER_COLORS)[number];
@@ -3048,8 +3048,7 @@ type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType
 type FileUploaderAccept = MimeType | FileExtensionAccept;
 type FileList = Array<File>;
 
-interface FileUploaderHookProps {
-    id: string | undefined;
+type FileUploaderHookProps = {
     /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
     initialFiles: FileList | undefined;
     /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
@@ -3058,13 +3057,14 @@ interface FileUploaderHookProps {
     onChange: (newFiles: FileList) => void;
     /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
     accept: Array<FileUploaderAccept> | undefined;
-    /**Om filopplasteren er avslått eller ikke */
-    disabled: boolean | undefined;
+    /**Om filopplasteren er avslått eller ikke. */
+    disabled?: boolean;
+    /**Om filopplasteren er read-only. */
+    readOnly?: boolean;
     /**Maks antall filer som tillates. */
     maxFiles: number | undefined;
-    /**Feilmelding. Setter også error state. */
-    errorMessage: string | undefined;
-}
+    onKeyDown?: ComponentProps<'input'>['onKeyDown'];
+} & Pick<InputProps, 'errorMessage' | 'id'>;
 
 type FileUploaderProps = {
     /**Id til filopplasteren. */
@@ -3079,8 +3079,6 @@ type FileUploaderProps = {
      * @default Velg fil
      */
     btnLabel?: string;
-    /**Hjelpetekst. */
-    tip?: string;
     /**Om det er påkrevd med minst én fil. */
     required?: boolean;
     /**Callback for når fil-listen endres. */
@@ -3091,7 +3089,7 @@ type FileUploaderProps = {
     withDragAndDrop?: boolean;
     /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
     hideFileList?: boolean;
-} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'>;
+} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'> & Pick<InputProps, 'tip'>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -3784,7 +3782,7 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     ref?: SelectForwardRefType<Option, IsMulti>;
 } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & Pick<ResponsiveProps, 'width'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
 type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
-declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, required, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
+declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -526,7 +526,7 @@ declare function createSizes<T extends Array<Size>>(...sizes: T): T;
 declare const BORDER_RADII: readonly ["button", "input", "surface", "chip", "rounded", "0"];
 declare const ELEVATIONS: readonly [1, 2, 3, 4];
 declare const BORDER_COLORS: readonly ["border-default", "border-subtle", "border-inverse", "border-action-default", "border-action-hover", "border-success", "border-warning", "border-danger", "border-info", "border-on-action"];
-declare const BACKGROUNDS: readonly ["surface-subtle", "surface-medium", "surface-inverse-default", "surface-danger-default", "surface-danger-strong", "surface-success-default", "surface-success-strong", "surface-warning-default", "surface-warning-strong", "surface-info-default", "surface-info-strong", "surface-paper-default", "surface-notification", "brand-primary-default", "brand-primary-subtle", "brand-primary-medium", "brand-primary-strong", "brand-secondary-default", "brand-secondary-subtle", "brand-secondary-medium", "brand-secondary-strong", "brand-tertiary-default", "brand-tertiary-subtle", "brand-tertiary-medium", "brand-tertiary-strong"];
+declare const BACKGROUNDS: readonly ["surface-subtle", "surface-medium", "surface-inverse-default", "surface-danger-default", "surface-danger-strong", "surface-success-default", "surface-success-strong", "surface-warning-default", "surface-warning-strong", "surface-info-default", "surface-info-strong", "surface-paper-default", "surface-notification", "surface-field-disabled", "brand-primary-default", "brand-primary-subtle", "brand-primary-medium", "brand-primary-strong", "brand-secondary-default", "brand-secondary-subtle", "brand-secondary-medium", "brand-secondary-strong", "brand-tertiary-default", "brand-tertiary-subtle", "brand-tertiary-medium", "brand-tertiary-strong"];
 type BorderRadius = (typeof BORDER_RADII)[number];
 type Elevation = (typeof ELEVATIONS)[number];
 type BorderColor = (typeof BORDER_COLORS)[number];
@@ -3048,8 +3048,7 @@ type MimeType = `image/${ImageMimeType | AnyMimeType}` | `video/${VideoMimeType
 type FileUploaderAccept = MimeType | FileExtensionAccept;
 type FileList = Array<File>;
 
-interface FileUploaderHookProps {
-    id: string | undefined;
+type FileUploaderHookProps = {
     /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
     initialFiles: FileList | undefined;
     /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
@@ -3058,13 +3057,14 @@ interface FileUploaderHookProps {
     onChange: (newFiles: FileList) => void;
     /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
     accept: Array<FileUploaderAccept> | undefined;
-    /**Om filopplasteren er avslått eller ikke */
-    disabled: boolean | undefined;
+    /**Om filopplasteren er avslått eller ikke. */
+    disabled?: boolean;
+    /**Om filopplasteren er read-only. */
+    readOnly?: boolean;
     /**Maks antall filer som tillates. */
     maxFiles: number | undefined;
-    /**Feilmelding. Setter også error state. */
-    errorMessage: string | undefined;
-}
+    onKeyDown?: ComponentProps<'input'>['onKeyDown'];
+} & Pick<InputProps, 'errorMessage' | 'id'>;
 
 type FileUploaderProps = {
     /**Id til filopplasteren. */
@@ -3079,8 +3079,6 @@ type FileUploaderProps = {
      * @default Velg fil
      */
     btnLabel?: string;
-    /**Hjelpetekst. */
-    tip?: string;
     /**Om det er påkrevd med minst én fil. */
     required?: boolean;
     /**Callback for når fil-listen endres. */
@@ -3091,7 +3089,7 @@ type FileUploaderProps = {
     withDragAndDrop?: boolean;
     /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
     hideFileList?: boolean;
-} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'>;
+} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'> & Pick<InputProps, 'tip'>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -3784,7 +3782,7 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     ref?: SelectForwardRefType<Option, IsMulti>;
 } & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & Pick<ResponsiveProps, 'width'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
 type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
-declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, required, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
+declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, instanceId, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
     var displayName: string;
 }