dibk-design 10.3.2 → 10.3.5

package/dist/index.d.ts

@@ -127,6 +127,13 @@ declare interface ContentBoxProps {
     href?: string | null;
 }
 
+declare type CustomThemeName = keyof typeof customThemes;
+
+declare const customThemes: {
+    dibk: ThemeProps;
+    arbeidstilsynet: ThemeProps;
+};
+
 export declare const DescriptionDetails: ({ compact, titleWidth, children, }: DescriptionDetailsProps) => JSX.Element;
 
 declare interface DescriptionDetailsProps {
@@ -215,22 +222,21 @@ declare interface HeaderProps {
     children?: default_2.ReactNode;
 }
 
-export declare const InfoBox: ({ title, children, variant, fullScreen, noBorder, hideIcon, icon, className, }: InfoBoxProps) => JSX.Element;
+export declare const InfoBox: ({ title, children, variant, fullScreen, noBorder, hideIcon, icon, }: InfoBoxProps) => JSX.Element;
 
 declare interface InfoBoxProps {
-    title?: default_2.ReactNode;
+    title: string;
     children?: default_2.ReactNode;
     variant?: InfoBoxVariant;
     fullScreen?: boolean;
     noBorder?: boolean;
     hideIcon?: boolean;
     icon?: default_2.ReactNode;
-    className?: string;
 }
 
 declare type InfoBoxVariant = "info" | "warning" | "error" | "tip" | "success";
 
-export declare const InputField: ({ id, onChange, onBlur, onFocus, name, type, disabled, required, readOnly, width, value, defaultValue, elementKey, label, buttonColor, buttonContent, actionButtonContent, actionButtonIconLeft, actionButtonIconRight, actionButtonOnClick, actionButtonDisabled, actionButtonAriaLabel, selectedFileName, placeholder, min, max, role, "aria-describedby": ariaDescribedBy, "aria-autocomplete": ariaAutocomplete, hasErrors, errorMessage, noMargin, caption, }: InputFieldProps) => JSX.Element;
+export declare const InputField: ({ id, onChange, onBlur, onFocus, name, type, disabled, required, readOnly, width, value, defaultValue, elementKey, label, actionButtonColor, actionButtonContent, actionButtonIconLeft, actionButtonIconRight, actionButtonOnClick, actionButtonDisabled, actionButtonAriaLabel, selectedFileName, placeholder, min, max, role, "aria-describedby": ariaDescribedBy, "aria-autocomplete": ariaAutocomplete, hasErrors, errorMessage, noMargin, caption, }: InputFieldProps) => JSX.Element;
 
 declare interface InputFieldProps {
     id: string;
@@ -247,9 +253,8 @@ declare interface InputFieldProps {
     defaultValue?: string | number | Date;
     elementKey?: string;
     label?: default_2.ReactNode;
-    buttonColor?: "primary" | "secondary";
-    buttonContent?: string;
-    actionButtonContent?: default_2.ReactNode;
+    actionButtonColor?: "primary" | "secondary";
+    actionButtonContent?: string;
     actionButtonIconLeft?: default_2.ReactNode;
     actionButtonIconRight?: default_2.ReactNode;
     actionButtonOnClick?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
@@ -594,15 +599,14 @@ declare interface MultipleSelectProps extends SelectPropsBase {
     defaultValue?: (string | number)[];
 }
 
-export declare const NavigationBar: ({ logoLink, logoLinkTitle, openLogoLinkInNewTab, theme, compact, color, }: NavigationBarProps) => JSX.Element;
+export declare const NavigationBar: ({ logoLink, logoLinkTitle, openLogoLinkInNewTab, theme, color, }: NavigationBarProps) => JSX.Element;
 
 declare interface NavigationBarProps {
     logoLink?: string;
     logoLinkTitle?: string;
     openLogoLinkInNewTab?: boolean;
-    theme?: ThemeProps;
-    compact?: boolean;
-    color?: "primary" | "secondary" | "neutral";
+    theme?: CustomThemeName;
+    color?: "secondary" | "neutral";
     children?: default_2.ReactNode;
 }
 
@@ -683,8 +687,8 @@ declare interface RadioButtonListItemProps {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     compact?: boolean;
     hasErrors?: boolean;
-    'aria-controls'?: string;
-    'aria-describedby'?: string;
+    "aria-controls"?: string;
+    "aria-describedby"?: string;
     children?: React.ReactNode;
 }
 
@@ -716,7 +720,9 @@ declare interface SelectPropsBase {
     "aria-describedby"?: string;
     hasErrors?: boolean;
     errorMessage?: default_2.ReactNode;
-    size?: "small" | "medium";
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
 }
 
 declare interface SingleSelectProps extends SelectPropsBase {
@@ -746,7 +752,7 @@ declare interface StepProps {
     direction?: "vertical" | "horizontal";
 }
 
-export declare const Table: <T extends object>({ columns, data, loading, loadingAriaLabel, getRowId, selectionType, selectionLabel, selectedRowId, onSelect, selectedRowIds, onSelectMany, onRowClick, pageSize, page, defaultPage, onPageChange, pageSizeOptions, defaultPageSize, onPageSizeChange, }: TableProps<T>) => JSX.Element;
+export declare const Table: <T extends object>({ columns, data, loading, loadingAriaLabel, getRowId, selectionType, selectionLabel, selectedRowId, onSelect, selectedRowIds, onSelectMany, onRowClick, pageSize, page, defaultPage, onPageChange, totalCount, totalPages: totalPagesProp, }: TableProps<T>) => JSX.Element;
 
 declare type TableColumn<T> = {
     key: string;
@@ -775,6 +781,8 @@ declare interface TableProps<T> {
     page?: number;
     defaultPage?: number;
     onPageChange?: (page: number) => void;
+    totalCount?: number;
+    totalPages?: number;
     pageSizeOptions?: number[];
     defaultPageSize?: number;
     onPageSizeChange?: (size: number) => void;
@@ -850,7 +858,6 @@ declare interface TextareaProps {
 declare interface ThemeProps {
     appName: string;
     logo: string;
-    logoCompact?: string;
     logoPadding?: string;
     colors?: {
         [key: string]: string;