dibk-design 10.5.0 → 10.5.2

package/dist/index.d.ts

@@ -24,6 +24,8 @@ import { default as ErrorIcon } from '../assets/svg/error-icon.svg?react';
 import { default as errorIcon } from '../assets/svg/error-icon.svg?url';
 import { default as ExternalLinkIcon } from '../assets/svg/external-link-icon.svg?react';
 import { default as externalLinkIcon } from '../assets/svg/external-link-icon.svg?url';
+import { default as FilterIcon } from '../assets/svg/filter-icon.svg?react';
+import { default as filterIcon } from '../assets/svg/filter-icon.svg?url';
 import { default as InfoIcon } from '../assets/svg/info-icon.svg?react';
 import { default as infoIcon } from '../assets/svg/info-icon.svg?url';
 import { JSX } from 'react/jsx-runtime';
@@ -38,6 +40,8 @@ import { default as PhoneIcon } from '../assets/svg/phone.svg?react';
 import { default as phoneIcon } from '../assets/svg/phone.svg?url';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
+import { default as SearchIcon } from '../assets/svg/search-icon.svg?react';
+import { default as searchIcon } from '../assets/svg/search-icon.svg?url';
 import { default as SuccessIcon } from '../assets/svg/success-icon.svg?react';
 import { default as successIcon } from '../assets/svg/success-icon.svg?url';
 import { default as WarningIcon } from '../assets/svg/warning-icon.svg?react';
@@ -125,7 +129,7 @@ declare interface CheckBoxIconProps {
     checkmarkIconSrc?: string;
 }
 
-export declare const CheckBoxInput: ({ checked, disabled, required, requiredGroup, id, name, onChange, hasErrors, checkmarkCharacter, tabIndex, children, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, value, }: CheckBoxInputProps) => JSX.Element;
+export declare const CheckBoxInput: ({ checked, disabled, required, requiredGroup, id, name, onChange, hasErrors, checkmarkCharacter, tabIndex, children, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, value, requirementIndicatorMode, optionalLabel, }: CheckBoxInputProps) => JSX.Element;
 
 declare interface CheckBoxInputProps {
     checked?: boolean;
@@ -142,9 +146,11 @@ declare interface CheckBoxInputProps {
     tabIndex?: number;
     children?: default_2.ReactNode;
     value?: string | number;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
 }
 
-export declare const CheckBoxList: ({ legend, legendSize, required, compact, children, }: CheckBoxListProps) => JSX.Element;
+export declare const CheckBoxList: ({ legend, legendSize, required, compact, children, requirementIndicatorMode, optionalLabel, }: CheckBoxListProps) => JSX.Element;
 
 export declare const CheckBoxListItem: ({ checked, disabled, required, requiredGroup, id, name, onChange, compact, hasErrors, checkmarkCharacter, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, children, value, }: CheckBoxListItemProps) => JSX.Element;
 
@@ -171,6 +177,8 @@ declare interface CheckBoxListProps {
     required?: boolean;
     compact?: boolean;
     children?: ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
 }
 
 export { CheckmarkSymbolIcon }
@@ -254,7 +262,7 @@ export { DibkLogoWithTitle }
 
 export { dibkLogoWithTitle }
 
-export declare const DragAndDropFileInput: ({ id, name, onSelectChange, onDragAndDropChange, label, subLabel, buttonContent, buttonContentWhenSelectedFile, selectedFileName, hasErrors, errorMessage, required, "data-transaction-name": transactionName, }: DragAndDropFileInputProps) => JSX.Element;
+export declare const DragAndDropFileInput: ({ id, name, onSelectChange, onDragAndDropChange, label, subLabel, buttonContent, buttonContentWhenSelectedFile, selectedFileName, hasErrors, errorMessage, required, requirementIndicatorMode, optionalLabel, "data-transaction-name": transactionName, }: DragAndDropFileInputProps) => JSX.Element;
 
 declare interface DragAndDropFileInputProps {
     id: string;
@@ -269,6 +277,8 @@ declare interface DragAndDropFileInputProps {
     hasErrors?: boolean;
     errorMessage?: string | (string | JSX_2.Element)[];
     required?: boolean;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
     "data-transaction-name"?: string;
 }
 
@@ -293,6 +303,33 @@ export { ExternalLinkIcon }
 
 export { externalLinkIcon }
 
+export declare const FieldRequirementIndicator: ({ required, mode, optionalLabel, requiredClassName, optionalClassName, }: FieldRequirementIndicatorProps) => JSX.Element | null;
+
+declare interface FieldRequirementIndicatorContextValue {
+    mode: RequirementIndicatorMode;
+    optionalLabel: string;
+}
+
+declare interface FieldRequirementIndicatorProps {
+    required: boolean;
+    mode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+    requiredClassName?: string;
+    optionalClassName?: string;
+}
+
+export declare const FieldRequirementProvider: ({ children, mode, optionalLabel, }: FieldRequirementProviderProps) => JSX.Element;
+
+declare interface FieldRequirementProviderProps {
+    children: ReactNode;
+    mode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+export { FilterIcon }
+
+export { filterIcon }
+
 export declare const Footer: ({ children }: FooterProps) => JSX.Element;
 
 declare interface FooterProps {
@@ -310,7 +347,7 @@ declare interface HeaderProps {
     children?: default_2.ReactNode;
 }
 
-export declare const InfoBox: ({ title, children, variant, fullScreen, noBorder, hideIcon, icon, }: InfoBoxProps) => JSX.Element;
+export declare const InfoBox: ({ title, children, variant, fullScreen, noBorder, noAnimation, hideIcon, icon, }: InfoBoxProps) => JSX.Element;
 
 declare interface InfoBoxProps {
     title: default_2.ReactNode | string;
@@ -318,6 +355,7 @@ declare interface InfoBoxProps {
     variant?: InfoBoxVariant;
     fullScreen?: boolean;
     noBorder?: boolean;
+    noAnimation?: boolean;
     hideIcon?: boolean;
     icon?: default_2.ReactNode;
 }
@@ -328,7 +366,7 @@ export { InfoIcon }
 
 export { infoIcon }
 
-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;
+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, requirementIndicatorMode, optionalLabel, }: InputFieldProps) => JSX.Element;
 
 declare interface InputFieldProps {
     id: string;
@@ -363,6 +401,8 @@ declare interface InputFieldProps {
     errorMessage?: default_2.ReactNode;
     noMargin?: boolean;
     caption?: default_2.ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
 }
 
 declare type InputType = "button" | "radio";
@@ -769,7 +809,7 @@ declare interface RadioButtonIconProps {
     hasErrors?: boolean;
 }
 
-export declare const RadioButtonInput: ({ checked, disabled, required, requiredGroup, id, name, onChange, hasErrors, inputValue, tabIndex, children, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, }: RadioButtonInputProps) => JSX.Element;
+export declare const RadioButtonInput: ({ checked, disabled, required, requiredGroup, id, name, onChange, hasErrors, inputValue, tabIndex, children, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, requirementIndicatorMode, optionalLabel, }: RadioButtonInputProps) => JSX.Element;
 
 declare interface RadioButtonInputProps {
     checked?: boolean;
@@ -785,9 +825,11 @@ declare interface RadioButtonInputProps {
     children?: default_2.ReactNode;
     "aria-controls"?: string;
     "aria-describedby"?: string;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
 }
 
-export declare const RadioButtonList: ({ legend, legendSize, required, compact, children, }: RadioButtonListProps) => JSX.Element;
+export declare const RadioButtonList: ({ legend, legendSize, required, compact, children, requirementIndicatorMode, optionalLabel, }: RadioButtonListProps) => JSX.Element;
 
 export declare const RadioButtonListItem: ({ inputValue, checked, disabled, required, requiredGroup, name, id, onChange, compact, hasErrors, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, children, }: RadioButtonListItemProps) => JSX.Element;
 
@@ -813,8 +855,16 @@ declare interface RadioButtonListProps {
     required?: boolean;
     compact?: boolean;
     children?: ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
 }
 
+export declare type RequirementIndicatorMode = "required" | "optional" | "none";
+
+export { SearchIcon }
+
+export { searchIcon }
+
 export declare const Select: (props: SelectProps) => JSX.Element;
 
 declare type SelectProps = SingleSelectProps | MultipleSelectProps;
@@ -848,6 +898,8 @@ declare interface SelectPropsBase {
     backgroundColor?: string;
     textColor?: string;
     placeholderColor?: string;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
 }
 
 declare interface SingleSelectProps extends SelectPropsBase {
@@ -961,7 +1013,7 @@ declare interface TabsProps {
     className?: string;
 }
 
-export declare const Textarea: ({ id, onChange, onBlur, name, required, readOnly, disabled, width, resize, value, defaultValue, elementKey, rows, label, placeholder, "aria-describedby": ariaDescribedBy, hasErrors, errorMessage, }: TextareaProps) => JSX.Element;
+export declare const Textarea: ({ id, onChange, onBlur, name, required, readOnly, disabled, width, resize, value, defaultValue, elementKey, rows, label, placeholder, "aria-describedby": ariaDescribedBy, hasErrors, errorMessage, requirementIndicatorMode, optionalLabel, }: TextareaProps) => JSX.Element;
 
 declare interface TextareaProps {
     id: string;
@@ -982,6 +1034,8 @@ declare interface TextareaProps {
     "aria-describedby"?: string;
     hasErrors?: boolean;
     errorMessage?: default_2.ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
 }
 
 declare interface ThemeProps {
@@ -996,11 +1050,13 @@ declare interface ThemeProps {
     };
 }
 
-export declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => ReactNode;
+export declare const ThemeProvider: ({ theme, children, fieldRequirementIndicatorMode, fieldOptionalLabel, }: ThemeProviderProps) => JSX.Element;
 
 declare interface ThemeProviderProps {
     theme?: ThemeProps;
     children: React.ReactNode;
+    fieldRequirementIndicatorMode?: RequirementIndicatorMode;
+    fieldOptionalLabel?: string;
 }
 
 export declare const ToggleNavigationButton: ({ id, htmlTag, showText, hideText, buttonProps, isOpen, }: ToggleNavigationButtonProps) => default_2.DOMElement<{
@@ -1295,6 +1351,8 @@ declare interface ToggleNavigationButtonProps {
     isOpen?: boolean;
 }
 
+export declare const useFieldRequirementIndicator: () => FieldRequirementIndicatorContextValue;
+
 export { WarningIcon }
 
 export { warningIcon }