@dynamic-framework/ui-react 1.9.1 → 1.10.0

package/dist/types/components/DAlertBox/DAlertBox.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import type { BaseProps, AlertBoxTheme, FamilyIconProps } from '../interface';
+type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
+    id?: string;
+    theme?: AlertBoxTheme;
+    icon?: string;
+}>;
+export default function DAlertBox({ theme, icon, iconFamilyClass, iconFamilyPrefix, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DAlertBox/index.d.ts

@@ -0,0 +1,2 @@
+import DAlertBox from './DAlertBox';
+export default DAlertBox;

package/dist/types/components/DBadge/DBadge.d.ts

@@ -1,9 +1,9 @@
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
     text?: string;
-    isDot?: boolean;
+    dot?: boolean;
     theme?: string;
     id?: string;
 };
-export default function DBadge({ text, isDot, theme, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DBadge({ text, dot, theme, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DBoxFile/DBoxFile.d.ts

@@ -3,7 +3,7 @@ import type { DropzoneOptions } from 'react-dropzone';
 import type { BaseProps, FamilyIconProps } from '../interface';
 type Props = BaseProps & FamilyIconProps & PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize' | 'maxSize' | 'maxFiles' | 'onDrop' | 'onDropAccepted' | 'onDropRejected' | 'onFileDialogCancel' | 'onFileDialogOpen'> & {
     icon?: string;
-    isDisabled: DropzoneOptions['disabled'];
+    disabled: DropzoneOptions['disabled'];
 }>;
-export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix, isDisabled, children, className, style, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix, disabled, children, className, style, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DButton/DButton.d.ts

@@ -7,13 +7,15 @@ type Props = BaseProps & StartIconProps & EndIconProps & {
     variant?: ButtonVariant;
     state?: InputState;
     text?: string;
+    ariaLabel?: string;
     value?: string;
     type?: ButtonType;
-    isPill?: boolean;
-    isLoading?: boolean;
-    isDisabled?: boolean;
-    isStopPropagationEnabled?: boolean;
+    pill?: boolean;
+    loading?: boolean;
+    loadingAriaLabel?: string;
+    disabled?: boolean;
+    stopPropagationEnabled?: boolean;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export default function DButton({ theme, size, variant, state, text, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, value, type, isPill, isLoading, isDisabled, isStopPropagationEnabled, className, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DButton({ theme, size, variant, state, text, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, value, type, pill, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DChip/DChip.d.ts

@@ -4,7 +4,8 @@ type Props = BaseProps & FamilyIconProps & {
     text?: string;
     icon?: string;
     showClose?: boolean;
+    closeAriaLabel?: string;
     onClose?: () => void;
 };
-export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, showClose, className, style, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, showClose, closeAriaLabel, className, style, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DDatePicker/DDatePicker.d.ts

@@ -6,16 +6,20 @@ type Props = BaseProps & Omit<ReactDatePickerProps, 'selected' | 'selectsRange'
     withMonthSelector?: boolean;
     selectsRange?: boolean;
     inputLabel?: string;
+    inputAriaLabel?: string;
+    inputActionAriaLabel?: string;
     inputIcon?: string;
     inputId?: string;
     timeId?: string;
     timeLabel?: string;
-    headerDecreaseMonthIcon?: string;
-    headerIncreaseMonthIcon?: string;
+    headerPrevMonthIcon?: string;
+    headerNextMonthIcon?: string;
+    headerPrevMonthAriaLabel?: string;
+    headerNextMonthAriaLabel?: string;
     headerIconSize?: ComponentSize;
     headerButtonVariant?: ButtonVariant;
     headerButtonTheme?: string;
     locale?: Locale;
 };
-export default function DDatePicker({ date, selectsRange, withMonthSelector, inputLabel, inputIcon, inputId, timeId, timeLabel, headerDecreaseMonthIcon, headerIncreaseMonthIcon, headerIconSize, headerButtonVariant, headerButtonTheme, locale, className, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePicker({ date, selectsRange, withMonthSelector, inputLabel, inputAriaLabel, inputActionAriaLabel, inputIcon, inputId, timeId, timeLabel, headerPrevMonthIcon, headerPrevMonthAriaLabel, headerNextMonthIcon, headerNextMonthAriaLabel, headerIconSize, headerButtonVariant, headerButtonTheme, locale, className, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DDatePickerHeader/DDatePickerHeader.d.ts

@@ -11,11 +11,13 @@ type Props = BaseProps & {
     prevMonthButtonDisabled: boolean;
     nextMonthButtonDisabled: boolean;
     withMonthSelector: boolean;
-    decreaseMonthIcon: string;
-    increaseMonthIcon: string;
+    prevMonthIcon: string;
+    nextMonthIcon: string;
+    prevMonthAriaLabel?: string;
+    nextMonthAriaLabel?: string;
     iconSize: ComponentSize;
     buttonVariant: ButtonVariant;
     buttonTheme: string;
 } & Omit<ComponentProps<typeof DButton>, 'iconStart' | 'onMClick' | 'isDisabled'>;
-export default function DDatePickerHeader({ monthDate, changeMonth, changeYear, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, withMonthSelector, decreaseMonthIcon, increaseMonthIcon, iconSize, buttonVariant, buttonTheme, locale, style, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePickerHeader({ monthDate, changeMonth, changeYear, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, withMonthSelector, prevMonthIcon, nextMonthIcon, prevMonthAriaLabel, nextMonthAriaLabel, iconSize, buttonVariant, buttonTheme, locale, style, className, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts

@@ -5,5 +5,5 @@ type Props = BaseProps & {
     value?: string;
     onClick?: () => void;
 } & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onIconEndClick' | 'value'>;
-declare const ForwardedDDatePickerInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<unknown>>;
+declare const ForwardedDDatePickerInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default ForwardedDDatePickerInput;

package/dist/types/components/DIcon/DIcon.d.ts

@@ -3,7 +3,7 @@ type Props = BaseProps & {
     icon: string;
     theme?: string;
     size?: string;
-    isLoading?: boolean;
+    loading?: boolean;
     loadingDuration?: number;
     hasCircle?: boolean;
     circleSize?: string;
@@ -12,5 +12,5 @@ type Props = BaseProps & {
     familyClass?: string;
     familyPrefix?: string;
 };
-export default function DIcon({ icon, theme, style, className, size, isLoading, loadingDuration, hasCircle, circleSize, color, backgroundColor, familyClass, familyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DIcon({ icon, theme, style, className, size, loading, loadingDuration, hasCircle, circleSize, color, backgroundColor, familyClass, familyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DInputCheck/DInputCheck.d.ts

@@ -4,12 +4,13 @@ type Props = BaseProps & {
     type: InputCheckType;
     name?: string;
     label?: string;
-    isChecked?: boolean;
+    ariaLabel?: string;
+    checked?: boolean;
     id: string;
-    isDisabled?: boolean;
-    isIndeterminate?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DInputCheck({ type, name, label, isChecked, id, isDisabled, isIndeterminate, value, onChange, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputCheck({ type, name, label, ariaLabel, checked, id, disabled, indeterminate, value, onChange, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DInputPin/DInputPin.d.ts

@@ -4,16 +4,16 @@ type Props = BaseProps & LabelIconProps & FamilyIconProps & {
     label?: string;
     placeholder?: string;
     type?: PinInputType;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-    isLoading?: boolean;
-    isSecret?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    loading?: boolean;
+    secret?: boolean;
     characters?: number;
     innerInputMode?: PinInputMode;
     hint?: string;
-    isInvalid?: boolean;
-    isValid?: boolean;
+    invalid?: boolean;
+    valid?: boolean;
     onChange?: (value: string) => void;
 };
-export default function DInputPin({ id, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, isDisabled, isLoading, isSecret, iconFamilyClass, iconFamilyPrefix, characters, innerInputMode, hint, isInvalid, isValid, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputPin({ id, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, disabled, loading, secret, iconFamilyClass, iconFamilyPrefix, characters, innerInputMode, hint, invalid, valid, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DInputSelect/DInputSelect.d.ts

@@ -8,8 +8,8 @@ export type Props<T> = BaseProps & LabelIconProps & StartIconProps & EndIconProp
     id: string;
     name?: string;
     label?: string;
-    isDisabled?: boolean;
-    isLoading?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
     hint?: string;
     onBlur?: (event: FocusEvent) => void;
     onIconStartClick?: (event: MouseEvent) => void;
@@ -20,4 +20,4 @@ export type Props<T> = BaseProps & LabelIconProps & StartIconProps & EndIconProp
     valueExtractor?: (item: T) => string | number;
     labelExtractor?: (item: T) => string;
 };
-export default function DInputSelect<T extends object = DefaultOption>({ id, name, label, className, style, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, isDisabled, isLoading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, hint, selectedOption, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function DInputSelect<T extends object = DefaultOption>({ id, name, label, className, style, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, disabled, loading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, selectedOption, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DInputSwitch/DInputSwitch.d.ts

@@ -1,12 +1,13 @@
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
     label?: string;
+    ariaLabel?: string;
     id: string;
     name?: string;
-    isChecked?: boolean;
-    isDisabled?: boolean;
-    isReadonly?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
     onChange?: (isChecked: boolean) => void;
 };
-export default function DInputSwitch({ label, id, name, isChecked, isDisabled, isReadonly, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputSwitch({ label, ariaLabel, id, name, checked, disabled, readonly, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DList/DList.d.ts

@@ -2,12 +2,12 @@ import type { PropsWithChildren } from 'react';
 import DListItem from './components/DListItem';
 import type { BaseProps, BreakpointSize } from '../interface';
 type Props = BaseProps & PropsWithChildren<{
-    isFlush?: boolean;
-    isNumbered?: boolean;
-    isHorizontal?: boolean;
+    flush?: boolean;
+    numbered?: boolean;
+    horizontal?: boolean;
     horizontalBreakpoint?: BreakpointSize;
 }>;
-declare function DList({ children, className, style, isFlush, isNumbered, isHorizontal, horizontalBreakpoint, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DList({ children, className, style, flush, numbered, horizontal, horizontalBreakpoint, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DList & {
     Item: typeof DListItem;
 };

package/dist/types/components/DList/components/DListItem.d.ts

@@ -1,10 +1,10 @@
 import type { PropsWithChildren } from 'react';
 import type { BaseProps } from '../../interface';
 type Props = BaseProps & PropsWithChildren<{
-    isActive?: boolean;
-    isDisabled?: boolean;
+    active?: boolean;
+    disabled?: boolean;
     theme?: string;
     onClick?: () => void;
 }>;
-export default function DListItem({ children, className, style, isActive, isDisabled, theme, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DListItem({ children, className, style, active, disabled, theme, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DModal/DModal.d.ts

@@ -5,14 +5,14 @@ import DModalFooter from './components/DModalFooter';
 import type { BaseProps, ModalFullScreenFrom, ModalSize } from '../interface';
 type Props = BaseProps & PropsWithChildren<{
     name: string;
-    isStatic?: boolean;
-    isScrollable?: boolean;
-    isCentered?: boolean;
-    isFullScreen?: boolean;
+    staticBackdrop?: boolean;
+    scrollable?: boolean;
+    centered?: boolean;
+    fullScreen?: boolean;
     fullScreenFrom?: ModalFullScreenFrom;
     modalSize?: ModalSize;
 }>;
-declare function DModal({ name, className, style, isStatic, isScrollable, isCentered, isFullScreen, fullScreenFrom, modalSize, children, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, modalSize, children, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DModal & {
     Header: typeof DModalHeader;
     Body: typeof DModalBody;

package/dist/types/components/DMonthPicker/DMonthPicker.d.ts

@@ -4,6 +4,8 @@ type Props = BaseProps & Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'
     date: string;
     onChangeDate: (value: Date | null) => void;
     locale?: Locale;
+    headerPrevYearAriaLabel?: string;
+    headerNextYearAriaLabel?: string;
 };
-export default function DMonthPicker({ onChangeDate, date, locale, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DMonthPicker({ onChangeDate, date, locale, className, headerPrevYearAriaLabel, headerNextYearAriaLabel, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DOffcanvas/DOffcanvas.d.ts

@@ -5,11 +5,11 @@ import DOffcanvasFooter from './components/DOffcanvasFooter';
 import type { BaseProps, OffcanvasPositionToggleFrom } from '../interface';
 type Props = BaseProps & PropsWithChildren<{
     name: string;
-    isStatic?: boolean;
-    isScrollable?: boolean;
+    staticBackdrop?: boolean;
+    scrollable?: boolean;
     openFrom?: OffcanvasPositionToggleFrom;
 }>;
-declare function DOffcanvas({ name, className, style, isStatic, isScrollable, openFrom, children, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom, children, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DOffcanvas & {
     Header: typeof DOffcanvasHeader;
     Body: typeof DOffcanvasBody;

package/dist/types/components/DPopover/DPopover.d.ts

@@ -1,10 +1,10 @@
 import type { PropsWithChildren, ReactElement } from 'react';
 import type { BaseProps } from '../interface';
 type Props = BaseProps & PropsWithChildren<{
-    renderComponent: (isOpen: boolean) => ReactElement;
-    isOpen: boolean;
-    setEventIsOpen?: (isOpen: boolean) => void;
+    renderComponent: (open: boolean) => ReactElement;
+    open: boolean;
+    setOpen?: (open: boolean) => void;
     adjustContentToRender?: boolean;
 }>;
-export default function DPopover({ children, renderComponent, isOpen, setEventIsOpen, adjustContentToRender, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DPopover({ children, renderComponent, open, setOpen, adjustContentToRender, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DQuickActionButton/DQuickActionButton.d.ts

@@ -6,6 +6,7 @@ type Props = BaseProps & {
     actionLinkTheme?: string;
     actionIcon?: string;
     secondaryActionIcon?: string;
+    secondaryActionAriaLabel?: string;
     actionIconFamilyClass?: string;
     actionIconFamilyPrefix?: string;
     representativeImage?: string;
@@ -17,5 +18,5 @@ type Props = BaseProps & {
     onClick?: () => void;
     onClickSecondary?: () => void;
 };
-export default function DQuickActionButton({ line1, line2, className, actionLinkText, actionLinkTheme, actionIcon, secondaryActionIcon, actionIconFamilyClass, actionIconFamilyPrefix, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, onClickSecondary, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionButton({ line1, line2, className, actionLinkText, actionLinkTheme, actionIcon, secondaryActionIcon, secondaryActionAriaLabel, actionIconFamilyClass, actionIconFamilyPrefix, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, onClickSecondary, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DQuickActionCheck/DQuickActionCheck.d.ts

@@ -7,8 +7,8 @@ type Props = BaseProps & {
     line1: string;
     line2: string;
     line3: string;
-    isChecked?: boolean;
+    checked?: boolean;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DQuickActionCheck({ id, name, value, line1, line2, line3, className, style, isChecked, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionCheck({ id, name, value, line1, line2, line3, className, style, checked, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DQuickActionSelect/DQuickActionSelect.d.ts

@@ -6,8 +6,8 @@ type Props = BaseProps & {
     value: string;
     line1: string;
     line2: string;
-    isSelected?: boolean;
+    selected?: boolean;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DQuickActionSelect({ id, name, value, line1, line2, className, style, isSelected, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionSelect({ id, name, value, line1, line2, className, style, selected, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DQuickActionSwitch/DQuickActionSwitch.d.ts

@@ -4,9 +4,9 @@ type Props = BaseProps & {
     name?: string;
     label: string;
     hint: string;
-    isChecked?: boolean;
-    isDisabled?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
     onClick?: (isChecked: boolean | undefined) => void;
 };
-export default function DQuickActionSwitch({ id, name, label, hint, isChecked, isDisabled, className, style, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionSwitch({ id, name, label, hint, checked, disabled, className, style, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DStepper/DStepper.d.ts

@@ -8,8 +8,8 @@ type Props = BaseProps & {
     options: Array<Step>;
     currentStep: number;
     successIcon?: string;
-    isVertical?: boolean;
+    vertical?: boolean;
     breakpoint?: BreakpointSize;
 };
-export default function DStepper({ options, currentStep, successIcon, isVertical, breakpoint, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DStepper({ options, currentStep, successIcon, vertical, breakpoint, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts

@@ -7,7 +7,7 @@ type Props = BaseProps & {
     options: Array<Step>;
     currentStep: number;
     successIcon?: string;
-    isVertical?: boolean;
+    vertical?: boolean;
 };
-export default function DStepper({ options, currentStep, successIcon, isVertical, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DStepper({ options, currentStep, successIcon, vertical, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DTabs/DTabs.d.ts

@@ -4,15 +4,15 @@ import type { BaseProps } from '../interface';
 export type DTabOption = {
     label: string;
     tab: string;
-    isDisabled?: boolean;
+    disabled?: boolean;
 };
 type Props = BaseProps & PropsWithChildren<{
     onChange: (option: DTabOption) => void;
     options: Array<DTabOption>;
     defaultSelected: string;
-    isVertical?: boolean;
+    vertical?: boolean;
 }>;
-declare function DTabs({ children, defaultSelected, onChange, options, className, style, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DTabs({ children, defaultSelected, onChange, options, className, style, vertical, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DTabs & {
     Tab: typeof DTabContent;
 };

package/dist/types/components/{DAlert/DAlert.d.ts → DToast/DToast.d.ts}

@@ -1,8 +1,8 @@
 import type { PropsWithChildren } from 'react';
-import type { AlertType, BaseProps } from '../interface';
+import type { ToastType, BaseProps } from '../interface';
 type Props = BaseProps & PropsWithChildren<{
     id?: string;
-    type?: AlertType;
+    type?: ToastType;
     icon?: string;
     iconFamilyClass?: string;
     iconFamilyPrefix?: string;
@@ -10,5 +10,5 @@ type Props = BaseProps & PropsWithChildren<{
     showClose?: boolean;
     onClose?: () => void;
 }>;
-export default function DAlert({ type, icon, iconFamilyClass, iconFamilyPrefix, showIcon, showClose, onClose, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DToast({ type, icon, iconFamilyClass, iconFamilyPrefix, showIcon, showClose, onClose, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DToast/index.d.ts

@@ -0,0 +1,2 @@
+import DToast from './DToast';
+export default DToast;

package/dist/types/components/DToastContainer/useToast.d.ts

@@ -1,7 +1,7 @@
 import type { ToastPosition } from 'react-toastify';
-import type { AlertType } from '../interface';
+import type { ToastType } from '../interface';
 export type ToastConfig = {
-    type?: AlertType;
+    type?: ToastType;
     showClose?: boolean;
     position?: ToastPosition;
     autoClose?: number | false;

package/dist/types/components/DTooltip/DTooltip.d.ts

@@ -8,9 +8,9 @@ export type Props = BaseProps & PropsWithChildren<{
     withHover?: boolean;
     withFocus?: boolean;
     withClick?: boolean;
-    isOpen?: boolean;
+    open?: boolean;
     size?: ComponentSize;
     placement?: Placement;
     Component: ReactNode;
 }>;
-export default function DTooltip({ classNameContainer, className, style, offSet, padding, withFocus, withClick, withHover, isOpen, placement, size, Component, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DTooltip({ classNameContainer, className, style, offSet, padding, withFocus, withClick, withHover, open, placement, size, Component, children, }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/banking/DPermissionGroup.d.ts

@@ -4,7 +4,7 @@ type Props = {
     description: string;
     permissionState: string;
     permissionList: Array<PermissionItemType>;
-    onChangePermission: (permission: PermissionItemType, isChecked: boolean) => void;
+    onChangePermission: (permission: PermissionItemType, checked: boolean) => void;
     onCustomAction?: (permission: PermissionItemType) => void;
 };
 export default function DPermissionGroup({ title, description, permissionState, permissionList, onChangePermission, onCustomAction, }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/config.d.ts

@@ -1,5 +1,5 @@
-import { AlertTypeIconMap } from './interface';
+import { ToastTypeIconMap } from './interface';
 export declare const PREFIX_BS = "bs-";
 export declare const ICON_FAMILY_CLASS = "bi";
 export declare const ICON_FAMILY_PREFIX = "bi-";
-export declare const ALERT_TYPE_ICON: AlertTypeIconMap;
+export declare const ALERT_TYPE_ICON: ToastTypeIconMap;

package/dist/types/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './banking';
-export { default as DAlert } from './DAlert';
+export { default as DToast } from './DToast';
+export { default as DAlertBox } from './DAlertBox';
 export { default as DBadge } from './DBadge';
 export { default as DBoxFile } from './DBoxFile';
 export { default as DButton } from './DButton';

package/dist/types/components/interface.d.ts

@@ -29,16 +29,21 @@ export type StartIconProps = {
     iconStart?: string;
     iconStartFamilyClass?: string;
     iconStartFamilyPrefix?: string;
+    iconStartAriaLabel?: string;
+    iconStartTabIndex?: number;
 };
 export type EndIconProps = {
     iconEnd?: string;
     iconEndFamilyClass?: string;
     iconEndFamilyPrefix?: string;
+    iconEndAriaLabel?: string;
+    iconEndTabIndex?: number;
 };
-export type AlertType = 'success' | 'info' | 'light' | 'dark' | 'warning' | 'danger';
-export type AlertTypeIconMap = {
-    [state in AlertType]: string;
+export type ToastType = 'success' | 'info' | 'warning' | 'danger';
+export type ToastTypeIconMap = {
+    [state in ToastType]: string;
 };
+export type AlertBoxTheme = 'box-info' | 'box-white' | 'box-secondary';
 export type ButtonVariant = 'outline' | 'link';
 export type ButtonType = 'submit' | 'reset' | 'button';
 export type InputCheckType = 'checkbox' | 'radio';

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "React Dynamic Framework",
   "license": "MIT",
   "repository": {
@@ -42,6 +42,7 @@
   "scripts": {
     "test": "jest",
     "test:watch": "jest --watch",
+    "test:storybook": "test-storybook",
     "build": "pnpm clean && pnpm build:react && pnpm build:scss",
     "build:react": "tsc -p ./tsconfig.build.json && rollup -c rollup.config.mjs",
     "build:react:watch": "tsc -p ./tsconfig.build.json && rollup -c rollup.config.mjs",
@@ -86,6 +87,7 @@
     "@babel/preset-typescript": "^7.23.2",
     "@mdx-js/react": "^2.3.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@storybook/addon-a11y": "^7.5.3",
     "@storybook/addon-actions": "^7.5.1",
     "@storybook/addon-essentials": "^7.5.1",
     "@storybook/addon-interactions": "^7.5.1",
@@ -94,6 +96,7 @@
     "@storybook/blocks": "^7.5.1",
     "@storybook/react": "^7.5.1",
     "@storybook/react-webpack5": "^7.5.1",
+    "@storybook/test-runner": "^0.14.1",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^7.5.1",
     "@testing-library/jest-dom": "^6.1.4",
@@ -106,6 +109,7 @@
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
     "autoprefixer": "^10.4.16",
+    "axe-playwright": "^1.2.3",
     "babel-loader": "^9.1.3",
     "bootstrap": "^5.3.2",
     "eslint": "^8.52.0",
@@ -116,6 +120,7 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^29.7.0",
+    "jest-axe": "^8.0.0",
     "jest-cli": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.0.2",
@@ -138,5 +143,5 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^13.3.1"
   },
-  "gitHead": "06a9c8a57f224fd54a68bc521b45a4b1d75ac8ed"
+  "gitHead": "f7280601844885e69bf3a1b66976f0ca57fc59fc"
 }

package/src/style/abstracts/_maps.scss

@@ -1 +1,7 @@
 // Theme maps
+
+$alert-boxes: (
+  "secondary": (var(--#{$prefix}secondary-100), var(--#{$prefix}secondary)),
+  "white": (var(--#{$prefix}white), var(--#{$prefix}secondary)),
+  "info": (var(--#{$prefix}info-100), var(--#{$prefix}info)),
+) !default;