@innovaccer/design-system 5.0.0-21 → 5.0.0-23

package/dist/core/accessibility/utils/useAccessibilityProps.d.ts

@@ -6,16 +6,24 @@ interface IProps {
     role?: AriaRoleType;
     tabIndex?: number;
     'aria-label'?: React.AriaAttributes['aria-label'];
+    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
+    'aria-describedby'?: React.AriaAttributes['aria-describedby'];
+    'aria-hidden'?: React.AriaAttributes['aria-hidden'];
 }
 declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...rest }: IProps) => {
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-label'?: string | undefined;
+    onClick?: undefined;
+    role?: undefined;
+    tabIndex?: undefined;
+    onKeyDown?: undefined;
+} | {
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     role: React.AriaRole;
     tabIndex: number;
     'aria-label': string | undefined;
     onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
-} | {
-    role: React.AriaRole;
-    tabIndex: number | undefined;
-    'aria-label': string | undefined;
 };
 export default useAccessibilityProps;

package/dist/core/ai-components/AIResponse/index.d.ts

@@ -120,7 +120,7 @@ export declare const AIResponse: {
         accessKey?: string | undefined | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;

package/dist/core/components/atoms/_chip/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Name } from '../chip/Chip';
+import { Name, ChipType } from '../chip/Chip';
 import { BaseProps } from '@/utils/types';
 import { IconType, TChipSize } from '@/common.type';
 export type GenericChipProps = {
@@ -15,6 +15,10 @@ export type GenericChipProps = {
     name: Name;
     maxWidth?: string | number;
     size?: TChipSize;
+    type?: ChipType;
+    role?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 } & BaseProps;
 export declare const GenericChip: {
     (props: GenericChipProps): React.JSX.Element;

package/dist/core/components/atoms/avatar/Avatar.d.ts

@@ -16,9 +16,11 @@ export type AvatarProps = {
     disabled?: boolean;
     role?: string;
     tabIndex?: number;
+    'aria-label'?: string;
     presence?: TPresence;
     status?: React.ReactNode;
     strokeColor?: string;
+    'aria-hidden'?: boolean;
 } & BaseProps;
 export declare const Avatar: {
     (props: AvatarProps): React.JSX.Element;

package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts

@@ -29,6 +29,8 @@ interface AvatarPopoverProps {
     searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
 }
 export type AvatarGroupProps = {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     list: AvatarData[];
     max?: number;
     borderColor?: string;

package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts

@@ -16,6 +16,8 @@ export interface AvatarData extends Record<string, any> {
     shape?: AvatarShape;
 }
 export interface AvatarSelectionProps extends BaseProps {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     list: AvatarData[];
     max?: number;
     borderColor?: string;

package/dist/core/components/atoms/chip/Chip.d.ts

@@ -18,6 +18,9 @@ export type ChipProps = {
     onClick?: (name: Name) => void;
     name: Name;
     maxWidth?: string | number;
+    role?: React.AriaRole;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 } & BaseProps;
 export declare const Chip: {
     (props: ChipProps): React.JSX.Element;

package/dist/core/components/atoms/dropdown/DropdownButton.d.ts

@@ -10,6 +10,8 @@ export interface TriggerProps {
     disabled?: boolean;
     menu?: boolean;
     error?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export interface DropdownButtonProps extends TriggerProps {
     children?: string | number;

package/dist/core/components/atoms/dropdown/DropdownList.d.ts

@@ -48,6 +48,7 @@ export interface DropdownListProps extends TriggerAndOptionProps {
     popoverOptions?: PopoverOptions;
     searchPlaceholder?: string;
     scrollIndex?: number;
+    optionsAriaLabel?: string;
 }
 interface OptionsProps extends DropdownListProps, BaseProps {
     listOptions: OptionSchema[];

package/dist/core/components/atoms/dropdown/option/index.d.ts

@@ -24,6 +24,7 @@ export interface OptionTypeProps {
     dataTest?: string;
     optionData: OptionSchema;
     selected: boolean;
+    menu?: boolean;
     appearance?: IconProps['appearance'];
     color?: TextProps['color'];
     index: number;

package/dist/core/components/atoms/icon/Icon.d.ts

@@ -11,6 +11,7 @@ export type IconProps = {
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     children?: React.ReactNode;
     tabIndex?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>['tabIndex'];
+    'aria-hidden'?: React.AriaAttributes['aria-hidden'];
 } & BaseProps;
 export declare const Icon: {
     (props: IconProps): React.JSX.Element;

package/dist/core/components/atoms/legend/Legend.d.ts

@@ -7,7 +7,7 @@ export type LegendProps = {
     labelAppearance?: TextAppearance;
     iconSize?: number;
     labelWeight?: 'strong' | 'medium';
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
     onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
     onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
 } & BaseProps;

package/dist/core/components/atoms/multiSlider/Handle.d.ts

@@ -20,11 +20,13 @@ export interface InternalHandleProps extends HandleProps {
 export interface HandleState {
     isHandleMoving?: boolean;
     isHandleHovered?: boolean;
+    isHandleFocused?: boolean;
 }
 export declare class Handle extends React.Component<InternalHandleProps, HandleState> {
     state: {
         isHandleMoving: boolean;
         isHandleHovered: boolean;
+        isHandleFocused: boolean;
     };
     handleElement: HTMLElement | null;
     refHandlers: {
@@ -34,7 +36,7 @@ export declare class Handle extends React.Component<InternalHandleProps, HandleS
     componentDidUpdate(_prevProps: InternalHandleProps, prevState: HandleState): void;
     mouseEventClientOffset: (event: MouseEvent | React.MouseEvent<HTMLElement>) => number;
     clientToValue: (clientPixel: number) => number;
-    changeValue: (newValue: number, callback?: ((newValue: number) => void) | undefined) => number;
+    changeValue: (newValue: number, callback?: ((newValue: number) => void) | undefined, isDirectionalUpdate?: boolean) => number;
     endHandleMovement: (event: MouseEvent) => void;
     continueHandleMovement: (event: MouseEvent) => void;
     beginHandleMovement: (event: MouseEvent | React.MouseEvent<HTMLElement>) => void;
@@ -46,6 +48,8 @@ export declare class Handle extends React.Component<InternalHandleProps, HandleS
     };
     handleMouseOver: () => void;
     handleMouseLeave: () => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
     render(): React.JSX.Element;
     removeDocumentEventListeners: () => void;
 }

package/dist/core/components/atoms/multiSlider/SliderUtils.d.ts

@@ -2,7 +2,7 @@ export declare const formatPercentage: (ratio: number) => string;
 export declare const countDecimalPlaces: (value: number) => number;
 export declare const approxEqual: (a: number, b: number) => boolean;
 export declare const clamp: (value: number, min: number, max: number) => number;
-export declare const arraysEqual: (oldValues: number[], newValues: number[]) => boolean | undefined;
+export declare const arraysEqual: (oldValues: number[], newValues: number[]) => boolean;
 export declare function argMin<T>(values: T[], argFn: (value: T) => any): T | undefined;
 export declare function fillValues<T>(values: T[], startIndex: number, endIndex: number, fillValue: T): void;
 export declare function isElementOfType(element: React.ReactElement): boolean;

package/dist/core/components/atoms/pills/Pills.d.ts

@@ -5,6 +5,7 @@ export type PillsProps = {
     appearance?: AccentAppearance;
     subtle?: boolean;
     children?: string | number;
+    'aria-label'?: string;
 } & BaseProps;
 export declare const Pills: {
     (props: PillsProps): React.JSX.Element;

package/dist/core/components/atoms/segmentedControl/SegmentedControlItem.d.ts

@@ -11,6 +11,8 @@ export interface SegmentedControlItemProps extends BaseProps {
     tooltip?: string;
     disabled?: boolean;
     value?: SegmentedControlValue;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare const SegmentedControlItem: {
     (props: SegmentedControlItemProps): React.JSX.Element | null;

package/dist/core/components/atoms/spinner/Spinner.d.ts

@@ -5,6 +5,7 @@ export type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large';
 export type SpinnerProps = {
     appearance?: SpinnerAppearance;
     size?: SpinnerSize;
+    'aria-label'?: string;
 } & BaseProps;
 export declare const Spinner: {
     (props: SpinnerProps): React.JSX.Element;

package/dist/core/components/molecules/chipInput/ChipInput.d.ts

@@ -7,6 +7,7 @@ type ChipOptions = {
     iconType?: ChipProps['iconType'];
     clearButton?: ChipProps['clearButton'];
     maxWidth?: ChipProps['maxWidth'];
+    role?: ChipProps['role'];
     onClick?: (value: string, index: number) => void;
 };
 export type ChipInputSize = 'regular' | 'small';
@@ -24,6 +25,9 @@ export type ChipInputProps = {
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
     chipValidator?: (chip: string) => boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
 } & BaseProps;
 export declare const ChipInput: {
     (props: ChipInputProps): React.JSX.Element;

package/dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts

@@ -13,6 +13,9 @@ export type FullscreenModalProps = {
     footer?: React.ReactNode;
     children?: React.ReactNode;
     closeOnEscape?: boolean;
+    'aria-labelledby'?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
 } & BaseProps;
 interface ModalState {
     open: boolean;
@@ -21,6 +24,7 @@ interface ModalState {
 }
 declare class FullscreenModal extends React.Component<FullscreenModalProps, ModalState> {
     modalRef: React.RefObject<HTMLDivElement | null>;
+    autoHeadingId: string;
     element: Element;
     static defaultProps: {
         dimension: string;

package/dist/core/components/molecules/modal/Modal.d.ts

@@ -15,6 +15,7 @@ export type ModalProps = {
     children?: React.ReactNode;
     seperator?: boolean;
     closeOnEscape?: boolean;
+    'aria-labelledby'?: string;
 } & BaseProps;
 interface ModalState {
     open: boolean;
@@ -23,12 +24,19 @@ interface ModalState {
 }
 declare class Modal extends React.Component<ModalProps, ModalState> {
     modalRef: React.RefObject<HTMLDivElement | null>;
+    modalContentRef: React.RefObject<HTMLDivElement | null>;
+    previousActiveElement: HTMLElement | null;
+    autoHeadingId: string;
     element: Element;
     static defaultProps: {
         dimension: string;
+        closeOnEscape: boolean;
     };
     constructor(props: ModalProps);
     onCloseHandler: (event: KeyboardEvent) => void;
+    onFocusTrapKeyDown: (event: KeyboardEvent) => void;
+    activateFocusTrap: () => void;
+    deactivateFocusTrap: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: ModalProps): void;

package/dist/core/components/molecules/modal/ModalHeader.d.ts

@@ -7,6 +7,7 @@ export interface ModalHeaderProps extends BaseProps {
     seperator?: boolean;
     backIcon?: boolean;
     backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    headingId?: string;
 }
 export declare const ModalHeader: {
     (props: ModalHeaderProps): React.JSX.Element;

package/dist/core/components/molecules/overlayFooter/OverlayFooter.d.ts

@@ -5,6 +5,7 @@ export interface OverlayFooterProps extends BaseProps {
     open?: boolean;
     children?: React.ReactNode;
     actions?: ButtonProps[];
+    skipFocusOnOpen?: boolean;
 }
 export declare const OverlayFooter: {
     (props: OverlayFooterProps): React.JSX.Element;

package/dist/core/components/molecules/overlayHeader/OverlayHeader.d.ts

@@ -9,6 +9,7 @@ export interface OverlayHeaderProps extends BaseProps {
     backIcon?: boolean;
     backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     headingClass?: string;
+    headingId?: string;
 }
 export declare const OverlayHeader: {
     (props: OverlayHeaderProps): React.JSX.Element;

package/dist/core/components/molecules/sidesheet/Sidesheet.d.ts

@@ -16,6 +16,7 @@ export type SidesheetProps = {
     backdropClose?: boolean;
     closeOnEscape?: boolean;
     onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
+    'aria-labelledby'?: string;
 } & BaseProps;
 interface SidesheetState {
     open: boolean;
@@ -24,14 +25,24 @@ interface SidesheetState {
 }
 declare class Sidesheet extends React.Component<SidesheetProps, SidesheetState> {
     sidesheetRef: React.RefObject<HTMLDivElement | null>;
+    sidesheetContentRef: React.RefObject<HTMLDivElement | null>;
+    previousActiveElement: HTMLElement | null;
+    autofocusRAF: number | null;
+    autoHeadingId: string;
     element: Element;
     static defaultProps: {
         dimension: string;
         stickFooter: boolean;
         headerOptions: {};
+        closeOnEscape: boolean;
     };
     constructor(props: SidesheetProps);
     onCloseHandler: (event: KeyboardEvent) => void;
+    onFocusTrapKeyDown: (event: KeyboardEvent) => void;
+    focusFirstFocusable: () => void;
+    onOpenAnimationStart: (event: React.AnimationEvent<HTMLDivElement>) => void;
+    activateFocusTrap: () => void;
+    deactivateFocusTrap: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: SidesheetProps): void;

package/dist/core/components/molecules/stepper/Step.d.ts

@@ -6,9 +6,8 @@ export interface StepProps {
     active: boolean;
     completed: boolean;
     onChange?: (label: string, value?: string | number) => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    isTabStop?: boolean;
 }
-export declare const Step: {
-    (props: StepProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
 export default Step;

package/dist/core/components/molecules/tabs/Tabs.d.ts

@@ -25,6 +25,7 @@ export type TabsProps = {
     headerClassName?: string;
     size?: TTabSize;
     maxWidth?: string | number;
+    'aria-labelledby'?: string;
 } & BaseProps;
 export declare const Tabs: {
     (props: TabsProps): React.JSX.Element;

package/dist/core/components/molecules/tooltip/Tooltip.d.ts

@@ -24,6 +24,8 @@ export declare const Tooltip: {
     };
     defaultProps: {
         hoverable: boolean;
+        showTooltip: boolean;
+        showOnTruncation: boolean;
     };
 };
 export default Tooltip;

package/dist/core/components/organisms/calendar/Calendar.d.ts

@@ -37,6 +37,8 @@ export type SharedProps = {
     yearNav?: number;
     monthNav?: number;
     allowReverseSelection?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 } & BaseProps;
 export type CalendarProps = {
     onDateChange?: (date: Date) => void;
@@ -66,6 +68,11 @@ interface CalendarState {
     todayDate: number;
     currMonth: number;
     currYear: number;
+    focusedDateRow?: number;
+    focusedDateCol?: number;
+    focusedDateMonthIndex?: number;
+    focusedMonth?: number;
+    focusedYearIndex?: number;
 }
 export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
     static defaultProps: {
@@ -75,16 +82,21 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
         firstDayOfWeek: string;
         jumpView: boolean;
     };
+    calendarWrapperRef: React.RefObject<HTMLDivElement | null>;
     constructor(props: CalendarProps);
     componentDidUpdate(prevProps: CalendarProps, prevState: CalendarState): void;
     updateState: (year: number, month?: number, date?: number) => void;
     getDateValue: (year: number, month: number, date: number) => Date | undefined;
     getNavDateInfo: (index: number) => Record<string, any>;
+    getDateGridPosition: (year: number, month: number, date: number) => {
+        row: number;
+        col: number;
+    } | null;
     getInRangeError: () => boolean;
     selectYear: (year: number) => () => void;
-    yearMouseOverHandler: (year: number, isCurrentYear: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLDivElement>) => void;
+    yearMouseOverHandler: (year: number, isCurrentYear: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLButtonElement>) => void;
     selectMonth: (month: number) => () => void;
-    monthMouseOverHandler: (month: number, isCurrentMonth: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLDivElement>) => void;
+    monthMouseOverHandler: (month: number, isCurrentMonth: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLButtonElement>) => void;
     selectDate: (index: number, date: number, prevMonthDayRange: number, dayRange: number) => void;
     calculateDate: (index: number, date: number, prevMonthDayRange: number, dayRange: number, isDateHovered: boolean) => Date | undefined;
     onNavIconClickHandler: (type: string) => () => void;
@@ -94,6 +106,9 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     renderBodyYear: () => React.JSX.Element[];
     renderBodyMonth: () => React.JSX.Element[];
     onDateRowMouseLeaveHandler: () => void;
+    handleMonthCellKeyDown: (event: React.KeyboardEvent, _month: number, disabled: boolean) => void;
+    handleYearCellKeyDown: (event: React.KeyboardEvent, _year: number, _offset: number, disabled: boolean) => void;
+    handleDateCellKeyDown: (ev: React.KeyboardEvent, index: number, row: number, col: number, noOfRows: number, date: number, prevMonthDayRange: number, dayRange: number, inRangeError: boolean, rangePicker: boolean, startDate?: Date, endDate?: Date) => void;
     renderBodyDate: (index: number) => React.JSX.Element;
     renderEventsIndicator(size: string, active: boolean): React.JSX.Element;
     renderDateValues: (index: number) => React.JSX.Element[];

package/dist/core/components/organisms/calendar/utils.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+export declare const DATE_CELL_SELECTOR = "[data-calendar-date-cell]";
+export declare const MONTH_CELL_SELECTOR = "[data-calendar-month-cell]";
+export declare const YEAR_CELL_SELECTOR = "[data-calendar-year-cell]";
+export interface FocusedCell {
+    row: number;
+    col: number;
+}
+export declare const focusDateCell: (container: HTMLElement, row: number, col: number, monthIndex?: number) => boolean;
+export declare const focusMonthCell: (container: HTMLElement, monthIndex: number) => boolean;
+export declare const focusYearCell: (container: HTMLElement, yearIndex: number) => boolean;
+export declare const getFocusedDateCell: (container: HTMLElement) => FocusedCell | null;
+export declare const navigateDateGrid: (direction: "up" | "down" | "left" | "right", row: number, col: number, totalRows: number) => {
+    row: number;
+    col: number;
+} | null;
+export declare const formatDateAriaLabel: (d: Date) => string;
+export interface HandleDateViewKeyDownParams {
+    event: React.KeyboardEvent;
+    container: HTMLElement;
+    focusedRow: number;
+    focusedCol: number;
+    totalRows: number;
+    monthIndex: number;
+    onNavigate: (row: number, col: number) => void;
+    onSelect: () => void;
+    onPageUp: () => void;
+    onPageDown: () => void;
+    onShiftPageUp: () => void;
+    onShiftPageDown: () => void;
+    onEscape?: () => void;
+}
+export declare const handleDateViewKeyDown: (params: HandleDateViewKeyDownParams) => boolean;
+export interface HandleMonthViewKeyDownParams {
+    event: React.KeyboardEvent;
+    container: HTMLElement;
+    focusedMonth: number;
+    onNavigate: (month: number) => void;
+    onSelect: (month: number) => void;
+    onEscape?: () => void;
+}
+export declare const handleMonthViewKeyDown: (params: HandleMonthViewKeyDownParams) => boolean;
+export interface HandleYearViewKeyDownParams {
+    event: React.KeyboardEvent;
+    container: HTMLElement;
+    focusedYearIndex: number;
+    yearBlockStart: number;
+    onNavigate: (yearIndex: number) => void;
+    onSelect: (year: number) => void;
+    onPageUp: () => void;
+    onPageDown: () => void;
+    onEscape?: () => void;
+}
+export declare const handleYearViewKeyDown: (params: HandleYearViewKeyDownParams) => boolean;

package/dist/core/components/organisms/choiceList/ChoiceList.d.ts

@@ -9,6 +9,11 @@ export interface Choice {
     disabled?: boolean;
     helpText?: string;
     name: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    tabIndex?: number;
+    required?: boolean;
 }
 export type ChoiceListProps = {
     title?: string;
@@ -20,6 +25,8 @@ export type ChoiceListProps = {
     selected?: string[];
     onChange?: (event: ChangeEvent, selected: string[]) => void;
     wrapLabel?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 } & BaseProps;
 export declare const ChoiceList: {
     (props: ChoiceListProps): React.JSX.Element;

package/dist/core/components/organisms/combobox/Combobox.d.ts

@@ -27,6 +27,8 @@ export interface ComboboxProps extends BaseProps {
     clearButton?: boolean;
     computeStyles?: object;
     className?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare const Combobox: {
     (props: ComboboxProps): React.JSX.Element;

package/dist/core/components/organisms/combobox/trigger/ComboboxTrigger.d.ts

@@ -17,6 +17,8 @@ interface ComboboxTriggerProps {
     size?: ComboboxInputSize;
     chipValue?: OptionType[];
     clearButton?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare const ComboboxTrigger: (props: ComboboxTriggerProps) => React.JSX.Element;
 export default ComboboxTrigger;

package/dist/core/components/organisms/combobox/trigger/MultiselectTrigger.d.ts

@@ -7,6 +7,7 @@ type ChipOptions = {
     type?: ChipProps['type'];
     iconType?: ChipProps['iconType'];
     clearButton?: ChipProps['clearButton'];
+    role?: ChipProps['role'];
     onClick?: (value: OptionType, index: number) => void;
 };
 export interface MultiSelectTriggerProps extends BaseProps {
@@ -27,6 +28,8 @@ export interface MultiSelectTriggerProps extends BaseProps {
     tabIndex?: number;
     forwardedRef?: React.Ref<HTMLInputElement>;
     role?: React.AriaRole;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare const MultiSelectTrigger: React.ForwardRefExoticComponent<MultiSelectTriggerProps & React.RefAttributes<HTMLElement>>;
 export default MultiSelectTrigger;

package/dist/core/components/organisms/datePicker/DatePicker.d.ts

@@ -18,6 +18,8 @@ export type DatePickerProps = SharedProps & {
     children?: React.ReactNode;
     onError?: (date: Date | undefined, dateVal?: string) => void;
     popoverOptions?: PopoverOptions;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 };
 export interface DatePickerState {
     init: boolean;

package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts

@@ -24,6 +24,8 @@ export type DateRangePickerProps = SharedProps & {
     endInputOptions: InputOptions;
     validators: Validators;
     monthsInView?: CalendarProps['monthsInView'];
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 };
 export interface DateRangePickerState {
     init: boolean;

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -145,6 +145,8 @@ export type GridProps = BaseProps & {
     searchTerm?: string;
     highlightRegex?: (searchTerm: string) => RegExp;
     showNestedRowTrigger?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 };
 export interface GridState {
     init: boolean;

package/dist/core/components/organisms/horizontalNav/HorizontalNav.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { VerticalNavProps } from '@/index.type';
 import { BaseProps } from '@/utils/types';
-export type HorizontalNavProps = BaseProps & Pick<VerticalNavProps, 'menus' | 'active' | 'onClick'>;
+export type HorizontalNavProps = BaseProps & Pick<VerticalNavProps, 'menus' | 'active' | 'onClick'> & {
+    'aria-label'?: string;
+};
 export type Align = 'left' | 'center';
 export declare const HorizontalNav: (props: HorizontalNavProps) => React.JSX.Element;
 export default HorizontalNav;

package/dist/core/components/organisms/menu/Menu.d.ts

@@ -15,6 +15,8 @@ export type MenuProps = BaseProps & {
     };
     onToggle?: (open?: boolean) => void;
     disabled?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 };
 export declare const Menu: {
     (props: MenuProps): React.JSX.Element;

package/dist/core/components/organisms/menu/trigger/MenuTrigger.d.ts

@@ -3,6 +3,7 @@ import { BaseProps } from '@/utils/types';
 export type MenuTriggerProps = BaseProps & {
     size?: 'tiny' | 'regular';
     appearance?: 'transparent' | 'basic';
+    'aria-label'?: string;
 };
 export declare const MenuTrigger: (props: MenuTriggerProps) => React.JSX.Element;
 export default MenuTrigger;

package/dist/core/components/organisms/navigation/VerticalNavigation.d.ts

@@ -11,6 +11,7 @@ export interface VerticalNavigationProps {
     footer?: boolean;
     onToggle?: (expanded: boolean) => void;
     autoCollapse?: boolean;
+    'aria-label'?: string;
 }
 export declare const VerticalNavigation: (props: VerticalNavigationProps) => React.JSX.Element;
 export default VerticalNavigation;

package/dist/core/components/organisms/pageHeader/PageHeader.d.ts

@@ -14,6 +14,7 @@ export type PageHeaderProps = {
     button?: React.ReactNode;
     navigationPosition?: navigationPositionType;
     separator?: boolean;
+    'aria-label'?: string;
 } & BaseProps;
 export declare const PageHeader: (props: PageHeaderProps) => React.JSX.Element;
 export default PageHeader;

package/dist/core/components/organisms/select/SelectList.d.ts

@@ -7,6 +7,7 @@ export interface SelectListProps extends BaseProps {
     size?: TListboxSize;
     tagName?: TagType;
     showDivider?: boolean;
+    'aria-label'?: string;
 }
 export declare const SelectList: (props: SelectListProps) => React.JSX.Element;
 export default SelectList;