@innovaccer/design-system 4.19.2 → 4.21.0

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 | "false" | "true";
+    'aria-describedby'?: string;
+    'aria-labelledby'?: string;
+    'aria-label'?: string;
+    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/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 interface GenericChipProps extends BaseProps {
@@ -15,6 +15,10 @@ export interface GenericChipProps extends BaseProps {
     name: Name;
     maxWidth: string | number;
     size?: TChipSize;
+    type?: ChipType;
+    role?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare const GenericChip: {
     (props: GenericChipProps): React.JSX.Element;

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

@@ -16,6 +16,7 @@ export interface AvatarProps extends BaseProps {
     disabled?: boolean;
     role?: string;
     tabIndex?: number;
+    'aria-label'?: string;
     presence?: TPresence;
     status?: React.ReactNode;
     strokeColor?: string;

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

@@ -18,6 +18,9 @@ export interface ChipProps extends BaseProps {
     onClick?: (name: Name) => void;
     name: Name;
     maxWidth?: string | number;
+    role?: React.AriaRole;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 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?: React.ReactText;

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 interface IconProps extends BaseProps {
     onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     children?: React.ReactNode;
     tabIndex?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>['tabIndex'];
+    'aria-hidden'?: React.AriaAttributes['aria-hidden'];
 }
 export declare const Icon: {
     (props: IconProps): React.JSX.Element;

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

@@ -7,7 +7,7 @@ export interface LegendProps extends BaseProps {
     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;
 }

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

@@ -34,7 +34,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;

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 interface PillsProps extends BaseProps {
     appearance: AccentAppearance;
     subtle?: boolean;
     children: React.ReactText;
+    'aria-label'?: string;
 }
 export declare const Pills: {
     (props: PillsProps): React.JSX.Element;

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -566,7 +566,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         MozUserSelect?: "none" | "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "all" | "contain" | "-moz-none" | "element" | undefined;
         MozWindowDragging?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "drag" | "no-drag" | undefined;
         MozWindowShadow?: "default" | "menu" | "none" | "tooltip" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "sheet" | undefined;
-        msAccelerator?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "true" | "false" | undefined;
+        msAccelerator?: "false" | "true" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;
         msBlockProgression?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "bt" | "lr" | "rl" | "tb" | undefined;
         msContentZoomChaining?: "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "chained" | undefined;
         msContentZoomLimitMax?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | undefined;

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 declare type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large';
 export interface SpinnerProps extends BaseProps {
     appearance: SpinnerAppearance;
     size: SpinnerSize;
+    'aria-label'?: string;
 }
 export declare const Spinner: {
     (props: SpinnerProps): React.JSX.Element;
@@ -12,6 +13,7 @@ export declare const Spinner: {
     defaultProps: {
         appearance: string;
         size: string;
+        'aria-label': string;
     };
 };
 export default Spinner;

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

@@ -7,6 +7,7 @@ declare type ChipOptions = {
     iconType?: ChipProps['iconType'];
     clearButton?: ChipProps['clearButton'];
     maxWidth?: ChipProps['maxWidth'];
+    role?: ChipProps['role'];
     onClick?: (value: string, index: number) => void;
 };
 export declare type ChipInputSize = 'regular' | 'small';
@@ -24,6 +25,9 @@ export interface ChipInputProps extends BaseProps {
     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;
 }
 export declare const ChipInput: {
     (props: ChipInputProps): React.JSX.Element;

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

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

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

@@ -15,6 +15,7 @@ export interface ModalProps extends BaseProps {
     children?: React.ReactNode;
     seperator?: boolean;
     closeOnEscape?: boolean;
+    'aria-labelledby'?: string;
 }
 interface ModalState {
     open: boolean;
@@ -23,12 +24,19 @@ interface ModalState {
 }
 declare class Modal extends React.Component<ModalProps, ModalState> {
     modalRef: React.RefObject<HTMLDivElement>;
+    modalContentRef: React.RefObject<HTMLDivElement>;
+    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 interface SidesheetProps extends BaseProps {
     backdropClose?: boolean;
     closeOnEscape?: boolean;
     onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
+    'aria-labelledby'?: string;
 }
 interface SidesheetState {
     open: boolean;
@@ -24,14 +25,24 @@ interface SidesheetState {
 }
 declare class Sidesheet extends React.Component<SidesheetProps, SidesheetState> {
     sidesheetRef: React.RefObject<HTMLDivElement>;
+    sidesheetContentRef: React.RefObject<HTMLDivElement>;
+    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?: React.ReactText) => 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 interface TabsProps extends BaseProps {
     headerClassName?: string;
     size?: TTabSize;
     maxWidth?: string | number;
+    'aria-labelledby'?: string;
 }
 export declare const Tabs: {
     (props: TabsProps): React.JSX.Element;

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

@@ -37,6 +37,8 @@ export interface SharedProps extends BaseProps {
     yearNav?: number;
     monthNav?: number;
     allowReverseSelection?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 export declare type CalendarProps = {
     onDateChange?: (date: Date) => void;

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 interface ChoiceListProps extends BaseProps {
     title?: string;
@@ -20,6 +25,8 @@ export interface ChoiceListProps extends BaseProps {
     selected?: string[];
     onChange?: (event: ChangeEvent, selected: string[]) => void;
     wrapLabel?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 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 @@ declare 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 declare 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 declare 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 interface GridProps extends 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 declare type HorizontalNavProps = BaseProps & Pick<VerticalNavProps, 'menus' | 'active' | 'onClick'>;
+export declare type HorizontalNavProps = BaseProps & Pick<VerticalNavProps, 'menus' | 'active' | 'onClick'> & {
+    'aria-label'?: string;
+};
 export declare 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 interface MenuProps extends 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 interface MenuTriggerProps extends 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;
@@ -18,6 +19,7 @@ export declare const VerticalNavigation: {
         expanded: boolean;
         autoCollapse: boolean;
         rounded: boolean;
+        'aria-label': string;
     };
 };
 export default VerticalNavigation;

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

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

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;

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

@@ -9,6 +9,7 @@ export interface SelectOptionProps extends BaseProps {
     checkedState?: checkedType;
     withCheckbox?: boolean;
     disabled?: boolean;
+    'aria-label'?: string;
 }
 export declare const SelectOption: {
     (props: SelectOptionProps): React.JSX.Element;

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

@@ -3,6 +3,7 @@ import { IconType } from "../../../common.type";
 import { BaseProps } from "../../../utils/types";
 export declare type SelectTriggerSize = 'small' | 'regular';
 export interface SelectTriggerProps extends BaseProps {
+    'aria-label'?: string;
     triggerSize?: SelectTriggerSize;
     icon?: string;
     iconType?: IconType;

package/dist/core/components/organisms/table/Table.d.ts

@@ -19,6 +19,8 @@ interface AsyncProps {
     fetchData?: fetchDataFunction;
 }
 interface SharedTableProps extends BaseProps {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     showHead: GridProps['showHead'];
     type: GridProps['type'];
     size: GridProps['size'];

package/dist/core/components/organisms/timePicker/TimePicker.d.ts

@@ -7,6 +7,7 @@ export declare const TimePicker: {
     defaultProps: {
         timeFormat: string;
         interval: number;
+        optionsAriaLabel: string;
         inputFormat: string;
         outputFormat: string;
         inputOptions: {};

package/dist/core/components/organisms/timePicker/TimePickerWithInput.d.ts

@@ -12,6 +12,7 @@ export interface TimePickerInputProps {
     validators: Validators;
     onTimeChange?: (timeVal?: string) => void;
     error?: boolean;
+    'aria-label'?: string;
 }
 export declare const TimePickerWithInput: {
     (props: TimePickerInputProps): React.JSX.Element;

package/dist/core/components/organisms/timePicker/TimePickerWithSearch.d.ts

@@ -22,12 +22,15 @@ export interface TimePickerDropdownProps extends BaseProps {
     fetchTimeOptions?: fetchOptionsFunction;
     id?: string;
     error?: boolean;
+    'aria-label'?: string;
+    optionsAriaLabel?: string;
 }
 export declare const TimePickerWithSearch: {
     (props: TimePickerDropdownProps): React.JSX.Element;
     defaultProps: {
         timeFormat: string;
         interval: number;
+        optionsAriaLabel: string;
     };
     displayName: string;
 };

package/dist/core/components/organisms/verticalNav/MenuItem.d.ts

@@ -12,6 +12,7 @@ export interface MenuItemProps extends BaseProps {
     onClick?: (menu: Menu) => void;
     customItemRenderer?: (props: MenuItemProps) => JSX.Element;
     customOptionRenderer?: (props: MenuItemProps) => JSX.Element;
+    tabIndex?: number;
 }
 export declare const MenuItem: {
     (props: MenuItemProps): React.JSX.Element | null;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Menu } from "../../../utils/navigationHelper";
+export declare const getVisibleMenuItems: (container: HTMLElement | null) => HTMLElement[];
+export interface VerticalNavKeyDownOptions {
+    containerRef: React.RefObject<HTMLElement | null>;
+    setFocusedItemName: React.Dispatch<React.SetStateAction<string | null>>;
+    menuState: Record<string, boolean>;
+    subMenuExpandedState: Record<string, boolean>;
+    setMenuState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setSubMenuExpandedState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    menus: Menu[];
+    expanded: boolean;
+    autoCollapse: boolean;
+}
+export declare const handleVerticalNavKeyDown: (event: React.KeyboardEvent, options: VerticalNavKeyDownOptions) => void;
+export declare const getFirstVisibleMenuItemName: (menus: Menu[], expanded: boolean) => string | null;
+export declare const getInitialFocusedItemName: (menus: Menu[], active: {
+    name?: string;
+    link?: string;
+} | undefined, menuState: Record<string, boolean>, subMenuExpandedState: Record<string, boolean>, expanded: boolean) => string | null;

package/dist/core/utils/Keys.d.ts

@@ -4,6 +4,10 @@ export declare const ENTER = 13;
 export declare const SHIFT = 16;
 export declare const ESCAPE = 27;
 export declare const SPACE = 32;
+export declare const PAGE_UP = 33;
+export declare const PAGE_DOWN = 34;
+export declare const END = 35;
+export declare const HOME = 36;
 export declare const ARROW_LEFT = 37;
 export declare const ARROW_UP = 38;
 export declare const ARROW_RIGHT = 39;

package/dist/core/utils/overlayHelper.d.ts

@@ -6,4 +6,6 @@ interface elementData {
 }
 export declare const getUpdatedZIndex: (ele: elementData) => number | undefined;
 export declare const closeOnEscapeKeypress: (event: KeyboardEvent, isTopOverlay: boolean | undefined, onClose: (event: Event) => void) => void;
+export declare const getFocusableElements: (container: HTMLElement) => HTMLElement[];
+export declare const handleFocusTrapKeyDown: (event: KeyboardEvent, container: HTMLElement) => boolean;
 export {};