dibk-design 10.3.4 → 10.4.0

package/dist/index.d.ts

@@ -7,10 +7,10 @@ import { ReactPortal } from 'react';
 
 export declare const Accordion: ({ title, color, expanded: expandedProp, onToggleExpand, buttonProps, noMargin, initialized: initializedProp, children, ...rest }: AccordionProps) => JSX.Element;
 
-declare type AccordionColor = "default" | "secondary" | "info" | "contrast";
+declare type AccordionColor = "primary" | "neutral" | "secondary" | "info";
 
 declare interface AccordionProps {
-    title?: string;
+    title?: ReactNode;
     color?: AccordionColor;
     expanded?: boolean;
     onToggleExpand?: () => void;
@@ -166,7 +166,7 @@ export declare const Dialog: ({ maxWidth, noPadding, title, onClickOutside, moda
 declare interface DialogProps {
     maxWidth?: string;
     noPadding?: boolean;
-    title?: React.ReactNode;
+    title?: React.ReactNode | string;
     onClickOutside: () => void;
     modal?: boolean;
     attachTo?: "left" | "right" | "top" | "bottom" | string;
@@ -222,23 +222,21 @@ declare interface HeaderProps {
     children?: default_2.ReactNode;
 }
 
-export declare const InfoBox: ({ title, children, variant, fullScreen, isAlert, 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: default_2.ReactNode | string;
     children?: default_2.ReactNode;
     variant?: InfoBoxVariant;
     fullScreen?: boolean;
-    isAlert?: boolean;
     noBorder?: boolean;
     hideIcon?: boolean;
     icon?: default_2.ReactNode;
-    className?: string;
 }
 
-declare type InfoBoxVariant = "info" | "warning" | "error" | "tip" | "success";
+declare type InfoBoxVariant = "secondary" | "warning" | "error" | "info" | "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;
@@ -255,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;
@@ -609,7 +606,7 @@ declare interface NavigationBarProps {
     logoLinkTitle?: string;
     openLogoLinkInNewTab?: boolean;
     theme?: CustomThemeName;
-    color?: "primary" | "secondary" | "neutral";
+    color?: "secondary" | "neutral";
     children?: default_2.ReactNode;
 }
 
@@ -626,7 +623,7 @@ declare interface PaperProps {
     children?: default_2.ReactNode;
 }
 
-export declare const Paragraph: ({ id, htmlTag, variant, children, className, }: ParagraphProps) => default_2.ReactElement<{
+export declare const Paragraph: ({ id, htmlTag, variant, noMargin, children, }: ParagraphProps) => default_2.ReactElement<{
     className: string;
     id: string | undefined;
 }, string | default_2.JSXElementConstructor<any>>;
@@ -635,8 +632,8 @@ declare interface ParagraphProps {
     id?: string;
     htmlTag?: keyof JSX_2.IntrinsicElements;
     variant?: ParagraphVariant;
+    noMargin?: boolean;
     children?: default_2.ReactNode;
-    className?: string;
 }
 
 declare type ParagraphVariant = "lead" | "large" | "small";
@@ -690,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;
 }
 
@@ -723,7 +720,19 @@ declare interface SelectPropsBase {
     "aria-describedby"?: string;
     hasErrors?: boolean;
     errorMessage?: default_2.ReactNode;
-    size?: "small" | "medium";
+    formatOptionLabel?: (option: Option_2, meta: {
+        context: "menu" | "value";
+    }) => default_2.ReactNode;
+    actionButtonColor?: "primary" | "secondary";
+    actionButtonContent?: string;
+    actionButtonIconLeft?: default_2.ReactNode;
+    actionButtonIconRight?: default_2.ReactNode;
+    actionButtonOnClick?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+    actionButtonDisabled?: boolean;
+    actionButtonAriaLabel?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
 }
 
 declare interface SingleSelectProps extends SelectPropsBase {
@@ -753,7 +762,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, totalCount, totalPages: totalPagesProp, 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;