kiban-design-system 1.1.4-hotfix.0 → 1.1.5-hotfix.0

package/dist/components/ActionList/ActionList.props.d.ts

@@ -11,6 +11,10 @@ export interface ActionListItemProps {
      * Determines if the item is active or not
      */
     isActive?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }
 export interface ActionListHeaderItemsProps {
     /** Action list header illustration */

package/dist/components/AlphaButton/AlphaButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { AlphaButtonProps } from './AlphaButton.props';
 import './AlphaButton.styles.scss';
-declare const AlphaButton: ({ children, icon, spinnerIcon, iconPosition, id, isDanger, isDisabled, isFullWidth, isLink, isLoading, isPrimary, isSubmit, isTertiary, size, textAlign, isRounded, theme: themeProp, onClick, onFocus, onBlur, onKeyPress, onKeyUp, onKeyDown, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, }: AlphaButtonProps) => JSX.Element;
+declare const AlphaButton: ({ ariaLabel, children, icon, spinnerIcon, iconPosition, id, isDanger, isDisabled, isFullWidth, isLink, isLoading, isPrimary, isSubmit, isTertiary, size, textAlign, isRounded, theme: themeProp, onClick, onFocus, onBlur, onKeyPress, onKeyUp, onKeyDown, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, }: AlphaButtonProps) => JSX.Element;
 export default AlphaButton;

package/dist/components/AlphaButton/AlphaButton.props.d.ts

@@ -1,5 +1,9 @@
 import type { ActionProps, IconProp, ThemeType } from '../../types';
 export interface AlphaButtonProps extends ActionProps {
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
     /** Content which will be displayed inside the button  */
     children?: string;
     /** Sets primary style to the button */

package/dist/components/AlphaGraphicCard/AlphaGraphicCard.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AlphaGraphicCardProps } from './AlphaGraphicCard.props';
+import './AlphaGraphicCard.styles.scss';
+declare const AlphaGraphicCard: ({ data }: AlphaGraphicCardProps) => JSX.Element;
+export default AlphaGraphicCard;

package/dist/components/AlphaGraphicCard/AlphaGraphicCard.props.d.ts

@@ -0,0 +1,15 @@
+export declare type TVariantGraphic = 'error' | 'success' | 'warning' | 'workfloo' | 'primary' | 'neutral';
+export declare type TDataGraphic = {
+    label: string;
+    total: string;
+    percent: number;
+};
+export declare type TDataGraphicCard = {
+    title: string;
+    variant?: TVariantGraphic;
+    hidePercent?: boolean;
+    dataGraphics: TDataGraphic[];
+};
+export interface AlphaGraphicCardProps {
+    data: TDataGraphicCard[];
+}

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

@@ -0,0 +1,3 @@
+import AlphaGraphicCard from './AlphaGraphicCard';
+export * from './AlphaGraphicCard.props';
+export { AlphaGraphicCard };

package/dist/components/AlphaInputDate/AlphaInputDate.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { AlphaInputDateProps } from './AlphaInputDate.props';
-declare const AlphaInputDate: ({ disabled, label, onChange, value, isRequired, placeholder, onBlur, errorMessage, months, weekdays, }: AlphaInputDateProps) => JSX.Element;
+declare const AlphaInputDate: ({ ariaLabel, disabled, label, onChange, value, isRequired, placeholder, onBlur, errorMessage, months, weekdays, }: AlphaInputDateProps) => JSX.Element;
 export default AlphaInputDate;

package/dist/components/AlphaInputDate/AlphaInputDate.props.d.ts

@@ -1,4 +1,5 @@
 export interface AlphaInputDateProps {
+    ariaLabel?: string;
     label?: string;
     value?: string;
     onChange?: (value: Date | null) => void;

package/dist/components/AlphaInputTag/AlphaInputTag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { AlphaInputTagProps } from './AlphaInputTag.props';
 import './AlphaInputTag.styles.scss';
-declare const InputTag: ({ id, inputTextPlaceholder, inputTextValue, isRequired, label, onChange, onInputTextChange, addedTags, triggerKeys, onBlur, onFocus, isDisabled, hasError, tagRemoveIcon, helpText, }: AlphaInputTagProps) => JSX.Element;
+declare const InputTag: ({ ariaLabel, id, inputTextPlaceholder, inputTextValue, isRequired, label, onChange, onInputTextChange, addedTags, triggerKeys, onBlur, onFocus, isDisabled, hasError, tagRemoveIcon, helpText, }: AlphaInputTagProps) => JSX.Element;
 export default InputTag;

package/dist/components/AlphaInputTag/AlphaInputTag.props.d.ts

@@ -19,4 +19,5 @@ export interface AlphaInputTagProps {
     hasError?: InlineErrorType;
     tagRemoveIcon?: IconProp;
     helpText?: HelpTextType;
+    ariaLabel?: string;
 }

package/dist/components/ChoiceList/ChoiceList.d.ts

@@ -14,7 +14,8 @@ import './ChoiceList.styles.scss';
  * @param {Function} ChoiceListProps.onChange - Callback when the selected choices change
  * @param {string} ChoiceListProps.title - Label for list of choices
  * @param {string} ChoiceListProps.allowSelectAll - Let user select all choices when is multiple choice list
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  * @returns {symbol} - Returns the component
  */
-declare const ChoiceList: ({ choices, name, selected, allowMultiple, allowSelectAll, isDisabled, onChange, title, }: ChoiceListProps) => JSX.Element;
+declare const ChoiceList: ({ ariaLabel, choices, name, selected, allowMultiple, allowSelectAll, isDisabled, onChange, title, }: ChoiceListProps) => JSX.Element;
 export default ChoiceList;

package/dist/components/ChoiceList/ChoiceList.props.d.ts

@@ -26,4 +26,8 @@ export interface ChoiceListProps {
     onChange?: (selected: string[], name: string) => void;
     /** Let user select all choices when is multiple choice list */
     allowSelectAll?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/Collapsible/Collapsible.d.ts

@@ -12,7 +12,8 @@ import './Collapsible.styles.scss';
  * @param {function} CollapsibleProps.onClick - Component opening function
  * @param {string} CollapsibleProps.buttonText - Text to display on the button
  * @param {string} CollapsibleProps.title - Component Title
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  * @returns {symbol} The component.
  */
-declare const Collapsible: ({ iconMedia, mediaAppearance, children, isOpen, onClick, buttonText, title, }: CollapsibleProps) => JSX.Element;
+declare const Collapsible: ({ ariaLabel, iconMedia, mediaAppearance, children, isOpen, onClick, buttonText, title, }: CollapsibleProps) => JSX.Element;
 export default Collapsible;

package/dist/components/Collapsible/Collapsible.props.d.ts

@@ -30,4 +30,8 @@ export interface CollapsibleProps {
      * Component Title
      */
     title?: string;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/DynamicForm/DynamicForm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { DynamicFormProps } from './DynamicForm.props';
 import './DynamicForm.styles.scss';
-declare const DynamicForm: <T>({ dataFormArray, fields, fieldsSection, iconDeletable, iconHelperText, labelDivider, onChange, onAddForm, tagRemoveIcon, deletableFormArray, extraPropsFieldsArray, }: DynamicFormProps<T>) => JSX.Element;
+declare const DynamicForm: <T>({ ariaLabel, dataFormArray, fields, fieldsSection, iconDeletable, iconHelperText, labelDivider, onChange, onAddForm, tagRemoveIcon, deletableFormArray, extraPropsFieldsArray, }: DynamicFormProps<T>) => JSX.Element;
 export default DynamicForm;

package/dist/components/DynamicForm/DynamicForm.props.d.ts

@@ -14,6 +14,7 @@ export declare type TItemExtraPropField = {
 };
 export declare type TExtraPropFields = Record<string, TItemExtraPropField>;
 export interface DynamicFormProps<T> {
+    ariaLabel?: string;
     dataFormArray?: (DataDynamicFormType & T)[];
     fields?: TFormField[];
     fieldsSection?: TSectionFormField[];

package/dist/components/DynamicForm/components/DeletableSection/DeletableSection.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { DeletableSectionProps } from './DeletableSection.props';
 import './DeletableSection.styles.scss';
-declare const DeletableSection: ({ children, onDelete, iconDeletable, isDeletable, }: DeletableSectionProps) => JSX.Element;
+declare const DeletableSection: ({ ariaLabel, children, onDelete, iconDeletable, isDeletable, }: DeletableSectionProps) => JSX.Element;
 export default DeletableSection;

package/dist/components/DynamicForm/components/DeletableSection/DeletableSection.props.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { IconType } from '../../../../types';
 export interface DeletableSectionProps {
+    ariaLabel?: string;
     children?: React.ReactNode;
     iconDeletable?: IconType;
     onDelete?: () => void;

package/dist/components/DynamicForm/components/Form/Form.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { FormProps } from './Form.props';
-declare function Form<T>({ data, fields, fieldsSection, iconHelperText, onChange, fieldWrapperElement, tagRemoveIcon, extraPropsField, }: FormProps<T>): JSX.Element;
+declare function Form<T>({ ariaLabel, data, fields, fieldsSection, iconHelperText, onChange, fieldWrapperElement, tagRemoveIcon, extraPropsField, }: FormProps<T>): JSX.Element;
 export default Form;

package/dist/components/DynamicForm/components/Form/Form.props.d.ts

@@ -3,6 +3,7 @@ import type { IconType } from '../../../../types';
 import type { TExtraPropFields } from '../../DynamicForm.props';
 import type { TSectionFormField, TFormField } from '../FormField';
 export interface FormProps<T> {
+    ariaLabel?: string;
     data?: T;
     fields?: Partial<TFormField>[];
     fieldsSection?: TSectionFormField[];

package/dist/components/DynamicForm/components/FormField/FormField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { FormFieldProps } from './FormField.props';
 import './FormField.styles.scss';
-declare const FormField: ({ hasError, label, labelInputFile, labelUploadButton, onChange, placeholder, type, value, iconHelperText, isRequired, defaultValue, files, extensionFiles, errorTooltipPosition, onRemoveFile, isReadOnly, addedTags, helpText, action, isDisabled, isMultiLine, maxLength, options, tagRemoveIcon, onBlur, weekdays, months, minLength, }: FormFieldProps) => JSX.Element;
+declare const FormField: ({ ariaLabel, hasError, label, labelInputFile, labelUploadButton, onChange, placeholder, type, value, iconHelperText, isRequired, defaultValue, files, extensionFiles, errorTooltipPosition, onRemoveFile, isReadOnly, addedTags, helpText, action, isDisabled, isMultiLine, maxLength, options, tagRemoveIcon, onBlur, weekdays, months, minLength, }: FormFieldProps) => JSX.Element;
 export default FormField;

package/dist/components/DynamicForm/components/FormField/FormField.props.d.ts

@@ -41,6 +41,7 @@ export declare type TInputPhoneValue = {
     value: string;
 };
 export interface FormFieldProps {
+    ariaLabel?: string;
     type?: TFormField['type'];
     label?: string;
     labelInputFile?: string;

package/dist/components/DynamicForm/components/SectionForm/SectionForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { SectionFormProps } from './SectionForm.props';
-declare const SectionForm: <T>({ data, fields, fieldsSection, iconDeletable, iconHelperText, onChange, onDelete, tagRemoveIcon, isDeletable, extraPropsField, }: SectionFormProps<T>) => JSX.Element;
+declare const SectionForm: <T>({ ariaLabel, data, fields, fieldsSection, iconDeletable, iconHelperText, onChange, onDelete, tagRemoveIcon, isDeletable, extraPropsField, }: SectionFormProps<T>) => JSX.Element;
 export default SectionForm;

package/dist/components/DynamicForm/components/SectionForm/SectionForm.props.d.ts

@@ -2,6 +2,7 @@ import type { IconType } from '../../../../types';
 import type { TExtraPropFields } from '../../DynamicForm.props';
 import { TSectionFormField, TFormField } from '../FormField';
 export interface SectionFormProps<T> {
+    ariaLabel?: string;
     data?: T;
     fields?: TFormField[];
     fieldsSection?: TSectionFormField[];

package/dist/components/FileDownloader/FileDownloader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { FileDownloaderProps } from './FileDownloader.props';
 import './FileDownloader.styles.scss';
-declare const FileDownloader: ({ title, isDisabled, onDownload, }: FileDownloaderProps) => JSX.Element;
+declare const FileDownloader: ({ ariaLabel, title, isDisabled, onDownload, }: FileDownloaderProps) => JSX.Element;
 export default FileDownloader;

package/dist/components/FileDownloader/FileDownloader.props.d.ts

@@ -2,4 +2,5 @@ export interface FileDownloaderProps {
     title: string;
     onDownload: () => void;
     isDisabled?: boolean;
+    ariaLabel?: string;
 }

package/dist/components/Filedrop/Filedrop.d.ts

@@ -27,10 +27,11 @@ import type { FiledropProps } from './Filedrop.props';
  * @param {string} Filedrop.label - To show label inside input
  * @param {string} Filedrop.labelButton - Text to show inside button
  * @param {boolean} Filedrop.isMultipleFiles - To active functionality to upload multiple files
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  * @returns {symbol} The component.
  */
 declare const Filedrop: {
-    ({ arrayFiles, isEncodeBase64, extensionsFiles, isGzip, onChange, onDelete, onCreateBase64, isEnableDragAndDrop, isReadOnly, label, labelButton, isMultipleFiles, isShowButton, }: FiledropProps): JSX.Element;
-    FileItem: ({ name, addon, onDelete, size }: import("./components").FileProps) => JSX.Element;
+    ({ arrayFiles, ariaLabel, isEncodeBase64, extensionsFiles, isGzip, onChange, onDelete, onCreateBase64, isEnableDragAndDrop, isReadOnly, label, labelButton, isMultipleFiles, isShowButton, }: FiledropProps): JSX.Element;
+    FileItem: ({ ariaLabel, name, addon, onDelete, size, }: import("./components").FileProps) => JSX.Element;
 };
 export default Filedrop;

package/dist/components/Filedrop/Filedrop.props.d.ts

@@ -36,4 +36,8 @@ export interface FiledropProps {
     isEnableDragAndDrop?: boolean;
     isMultipleFiles?: boolean;
     isShowButton?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/Filedrop/components/File/File.d.ts

@@ -15,6 +15,7 @@ import './File.styles.scss';
  * @param {void} FileProps.onDelete - Function to return data
  * @param {string} FileProps.size - Size to show in input
  * @returns {symbol} - Element FileItem
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  */
-declare const FileItem: ({ name, addon, onDelete, size }: FileProps) => JSX.Element;
+declare const FileItem: ({ ariaLabel, name, addon, onDelete, size, }: FileProps) => JSX.Element;
 export default FileItem;

package/dist/components/Filedrop/components/File/File.props.d.ts

@@ -4,4 +4,5 @@ export interface FileProps {
     addon?: React.ReactNode;
     onDelete?(): void;
     size?: number;
+    ariaLabel?: string;
 }

package/dist/components/Filters/Filters.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { FiltersProps } from './Filters.props';
 import './Filters.styles.scss';
-declare const Filters: ({ filters, onApplyFilters, onRemoveFilter, appliedFilters, onCleanFilters, onAddFilter, addFilterButtonIcon, addFilterButtonLabel, clearButtonLabel, searchButtonLabel, extraActions, selectedFilters, }: FiltersProps) => JSX.Element;
+declare const Filters: ({ ariaLabel, filters, onApplyFilters, onRemoveFilter, appliedFilters, onCleanFilters, onAddFilter, addFilterButtonIcon, addFilterButtonLabel, clearButtonLabel, searchButtonLabel, extraActions, selectedFilters, }: FiltersProps) => JSX.Element;
 export default Filters;

package/dist/components/Filters/Filters.props.d.ts

@@ -13,8 +13,10 @@ export declare type TExtraAction = {
     isDanger?: boolean;
     onClick?: () => void;
     isDisabled?: boolean;
+    ariaLabel?: string;
 };
 export interface FiltersProps {
+    ariaLabel?: string;
     filters: TFilter[];
     onApplyFilters?: () => void;
     onRemoveFilter?: (filter: string) => void;

package/dist/components/IndexList/IndexList.props.d.ts

@@ -12,6 +12,10 @@ export interface Index {
      * Flag to set if Index is disabled
      */
     isDisabled: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }
 export interface IndexListProps {
     /**

package/dist/components/InlineEdit/InlineEdit.d.ts

@@ -15,6 +15,7 @@ import './InlineEdit.styles.scss';
  * @param {Function} InlineEditProps.onEdit - Function to execute when click Edit
  * @param {Function} InlineEditProps.onSave - Function to execut when click Save
  * @param {Function} InlineEditProps.onInputChange - Function to execut when input changes
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  */
-declare const InlineEdit: ({ editIcon, isDisable, onChange, onEdit, onSave, saveIcon, size, state, value, }: InlineEditProps) => JSX.Element;
+declare const InlineEdit: ({ ariaLabel, editIcon, isDisable, onChange, onEdit, onSave, saveIcon, size, state, value, }: InlineEditProps) => JSX.Element;
 export default InlineEdit;

package/dist/components/InlineEdit/InlineEdit.props.d.ts

@@ -44,4 +44,8 @@ export interface InlineEditProps {
      * Function to execute when input changes
      */
     onChange: (value: string) => void;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/InputPhoneNumber/InputPhoneNumber.d.ts

@@ -2,5 +2,5 @@
 import type { InputPhoneNumberProps } from './InputPhoneNumber.props';
 import 'react-phone-input-2/lib/style.css';
 import './InputPhoneNumber.styles.scss';
-declare const InputPhoneNumber: ({ helperText, isHelperMode, isErrorMode, label, tooltip, disabled, placeholder, id, name, value, isFocused, onChange, onBlur, onFocus, defaultCountry, language, preferredCountries, isRequired, tooltipLabel, }: InputPhoneNumberProps) => JSX.Element;
+declare const InputPhoneNumber: ({ ariaLabel, helperText, isHelperMode, isErrorMode, label, tooltip, disabled, placeholder, id, name, value, isFocused, onChange, onBlur, onFocus, defaultCountry, language, preferredCountries, isRequired, tooltipLabel, }: InputPhoneNumberProps) => JSX.Element;
 export default InputPhoneNumber;

package/dist/components/InputPhoneNumber/InputPhoneNumber.props.d.ts

@@ -100,4 +100,8 @@ export interface InputPhoneNumberProps {
      */
     isRequired?: boolean;
     tooltipLabel?: TooltipInput;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/InputTag/InputTag.d.ts

@@ -26,6 +26,7 @@ import './InputTag.styles.scss';
  * @param {TagPropsInputTag[]} PageActionsProps.tags - Array of string to preload tags
  * @param {Tooltip} PageActionsProps.tooltip - Array of objects to preload tags
  * @param {keyToAddTag[]} PageActionsProps.triggerKeys - Array of string to set keys to add tag
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  */
-declare const InputTag: ({ helperText, isDisabled, isDanger, isFocused, isHelperMode, isReadOnly, label, onAddTag, onBlur, onChange, onDeleteTag, onFocus, placeholder, tags, tooltip, triggerKeys, value, isRequired, tooltipLabel, }: InputTagProps) => JSX.Element;
+declare const InputTag: ({ ariaLabel, helperText, isDisabled, isDanger, isFocused, isHelperMode, isReadOnly, label, onAddTag, onBlur, onChange, onDeleteTag, onFocus, placeholder, tags, tooltip, triggerKeys, value, isRequired, tooltipLabel, }: InputTagProps) => JSX.Element;
 export default InputTag;

package/dist/components/InputTag/InputTag.props.d.ts

@@ -93,4 +93,8 @@ export interface InputTagProps {
      */
     isRequired?: boolean;
     tooltipLabel?: TooltipInput;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/InputText/InputText.d.ts

@@ -29,7 +29,8 @@ import './InputText.styles.scss';
  * @param {number} InputTextProps.max - For a max value input.
  * @param {number} InputTextProps.min - For a min value input.
  * @param {boolean} InputTextProps.isFocused - For active focus whit a boolean.
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  * @returns {symbol} The component.
  */
-declare const InputText: ({ action, helperText, isHelperMode, isErrorMode, icon, label, secondaryAction, prefix, suffix, tooltip, disabled, placeholder, type, readOnly, id, name, className, value, maxLength, minLength, max, min, isFocused, onChange, onBlur, onFocus, onKeyDown, isRequired, isMultiline, autoComplete, inputMode, tooltipLabel, }: InputTextProps) => JSX.Element;
+declare const InputText: ({ action, ariaLabel, helperText, isHelperMode, isErrorMode, icon, label, secondaryAction, prefix, suffix, tooltip, disabled, placeholder, type, readOnly, id, name, className, value, maxLength, minLength, max, min, isFocused, onChange, onBlur, onFocus, onKeyDown, isRequired, isMultiline, autoComplete, inputMode, tooltipLabel, }: InputTextProps) => JSX.Element;
 export default InputText;

package/dist/components/InputText/InputText.props.d.ts

@@ -166,4 +166,8 @@ export interface InputTextProps {
     autoComplete?: 'on' | 'off';
     inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
     tooltipLabel?: TooltipInput;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/Link/Link.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { LinkProps } from './Link.props';
 import './Link.styles.scss';
-declare const Link: ({ children, className: classNameProp, component, to, }: LinkProps) => JSX.Element;
+declare const Link: ({ children, className: classNameProp, component, to, target, }: LinkProps) => JSX.Element;
 export default Link;

package/dist/components/Link/Link.props.d.ts

@@ -4,4 +4,5 @@ export interface LinkProps {
     children: React.ReactNode;
     className?: string;
     component: React.ElementType;
+    target?: string;
 }

package/dist/components/Modal/Modal.d.ts

@@ -20,8 +20,8 @@ import './Modal.styles.scss';
  * @param {boolean} ModalProps.hasPane - Validate if it has Pane
  */
 declare const Modal: {
-    ({ children, isOpen, media, onClose, position, primaryAction, secondaryActions, extraAction, hideFooter, hideHeader, size, title, hasPane, id, mediaTheme, height, }: ModalProps): JSX.Element;
-    Header: ({ title, media, onClose, hideHeader, mediaTheme, }: import("./components").ModalHeaderProps) => JSX.Element;
+    ({ ariaLabel, children, isOpen, media, onClose, position, primaryAction, secondaryActions, extraAction, hideFooter, hideHeader, size, title, hasPane, id, mediaTheme, height, }: ModalProps): JSX.Element;
+    Header: ({ ariaLabel, title, media, onClose, hideHeader, mediaTheme, }: import("./components").ModalHeaderProps) => JSX.Element;
     Pane: ({ children, size }: import("./components").PaneProps) => JSX.Element;
     Content: ({ children, hasPane, height }: import("./components").ModalContentProps) => JSX.Element;
     Footer: ({ position, primaryAction, secondaryActions, extraAction, hideFooter, }: import("./components").ModalFooterProps) => JSX.Element;

package/dist/components/Modal/Modal.props.d.ts

@@ -30,4 +30,8 @@ export interface ModalProps extends ModalHeaderProps, ModalFooterProps, ModalCon
      * @default 'true'
      */
     hideHeader?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/Modal/components/Footer/Footer.props.d.ts

@@ -23,6 +23,10 @@ export interface SecondaryActionProps {
      * @default 'false'
      */
     isLoading?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }
 export interface PrimaryActionProps extends SecondaryActionProps {
     /**

package/dist/components/Modal/components/Header/Header.d.ts

@@ -9,5 +9,5 @@ import './Header.styles.scss';
  * @param {string} ModalHeaderProps.media - Icon name to create a media component to display in header
  * @param {Function} ModalHeaderProps.onClose - Function to exeute when clic close icon modal
  */
-declare const ModalHeader: ({ title, media, onClose, hideHeader, mediaTheme, }: ModalHeaderProps) => JSX.Element;
+declare const ModalHeader: ({ ariaLabel, title, media, onClose, hideHeader, mediaTheme, }: ModalHeaderProps) => JSX.Element;
 export default ModalHeader;

package/dist/components/Modal/components/Header/Header.props.d.ts

@@ -25,4 +25,8 @@ export interface ModalHeaderProps {
      * Media appearance
      */
     mediaTheme?: MediaProps['themeAppearance'];
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/Nip/Nip.d.ts

@@ -11,5 +11,5 @@ import './Nip.styles.scss';
  * @param {boolean} NipProps.nipLength - Nip length
  * @returns {symbol} - Returns the component
  */
-declare const Nip: ({ onChange, isDisabled, nip, nipLength, }: NipProps) => JSX.Element;
+declare const Nip: ({ ariaLabel, onChange, isDisabled, nip, nipLength, }: NipProps) => JSX.Element;
 export default Nip;

package/dist/components/Nip/Nip.props.d.ts

@@ -3,4 +3,5 @@ export interface NipProps {
     isDisabled?: boolean;
     nip: string[];
     nipLength?: number;
+    ariaLabel?: string;
 }

package/dist/components/OptionList/OptionList.d.ts

@@ -18,6 +18,7 @@ import './OptionList.styles.scss';
  * @param {string[]} OptionListProps.selected -  Preselected data to
  * highlight in the render of the list items
  * @param {string[]} OptionListProps.parentId - ParentId to focus when select with keys
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  * @returns {symbol} - Returns the component
  */
 declare const OptionList: ({ sections, items, className, isMultiple, onChange, selected, parentId, onEscKeyDown, }: OptionListProps) => JSX.Element;

package/dist/components/OptionList/OptionList.props.d.ts

@@ -4,6 +4,10 @@ export interface OptionListItemType {
     label: React.ReactNode | string;
     /** Value to return each time an item in the list is clicked */
     value: string;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }
 export interface OptionListSectionType {
     /** Text to display in the divider */

package/dist/components/Page/components/Header/Header.props.d.ts

@@ -7,16 +7,19 @@ export declare type PageHeaderPrimaryActionType = {
     isLoading?: boolean;
     isDanger?: boolean;
     appearance?: 'secondary' | 'tertiary' | 'transparent' | 'danger';
+    ariaLabel?: string;
 };
 export declare type PageHeaderSecondaryActionType = {
     text?: string;
     onClick?: () => void;
     isDisabled?: boolean;
     isDanger?: boolean;
+    ariaLabel?: string;
 };
 export declare type PageBreadcrumbType = {
     onClick?: () => void;
     text?: string;
+    ariaLabel?: string;
 };
 export interface PageHeaderThumbnailType extends ThumbnailProps {
     size?: 'huge';

package/dist/components/PageActions/PageActions.props.d.ts

@@ -17,6 +17,10 @@ export declare type PageActionsButtonType = {
      * @default false
      */
     isLoading?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 };
 export interface SecundaryActionButton extends PageActionsButtonType {
     /** The type of button to display, only primary is disabled */

package/dist/components/Pagination/Pagination.d.ts

@@ -13,6 +13,7 @@ import './Pagination.styles.scss';
  * @param {Function} PaginationProps.onNext - Acction to execute when click on next button
  * @param {hasPrevious} PaginationProps.hasPrevious - Flag to disable previous button
  * @param {hasNext} PaginationProps.hasNext - Flag to disable next button
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  */
-declare const Pagination: ({ previousButtonContent, nextButtonContent, onPrevious, onNext, hasPrevious, hasNext, }: PaginationProps) => JSX.Element;
+declare const Pagination: ({ ariaLabel, previousButtonContent, nextButtonContent, onPrevious, onNext, hasPrevious, hasNext, }: PaginationProps) => JSX.Element;
 export default Pagination;

package/dist/components/Pagination/Pagination.props.d.ts

@@ -23,4 +23,8 @@ export interface PaginationProps {
      * Flag to enable o disabled next button
      */
     hasNext?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/Panel/components/Footer/Footer.props.d.ts

@@ -23,6 +23,10 @@ export interface PanelSecondaryActionProps {
      * @default 'false'
      */
     isLoading?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }
 export interface PanelPrimaryActionProps extends PanelSecondaryActionProps {
     /**

package/dist/components/Panel/components/Header/Header.props.d.ts

@@ -4,6 +4,10 @@ import { ThemeType } from '../../../ThemeProvider';
 export interface PanelHeaderExtraActions {
     onClick: () => void;
     iconName: IconName;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }
 export interface PanelHeaderProps {
     /**

package/dist/components/Select/Select.d.ts

@@ -26,7 +26,8 @@ import './Select.styles.scss';
  * time the search engine is typed
  * @param {boolean}  SelectProps.isReadOnly  - Disables popover operation
  * @default 'false'
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
  * @returns {symbol} - Element Select
  */
-declare const Select: ({ items, sections, isMultiple, placeholder, label, selected, onChange, searchPlaceholder, searchLabel, helperText, isHelperMode, isDisabled, onSearchChange, search, tooltip, isDanger, isReadOnly, id, emptyState, onBlur, isRequired, tooltipLabel, action, }: SelectProps) => JSX.Element;
+declare const Select: ({ ariaLabel, items, sections, isMultiple, placeholder, label, selected, onChange, searchPlaceholder, searchLabel, helperText, isHelperMode, isDisabled, onSearchChange, search, tooltip, isDanger, isReadOnly, id, emptyState, onBlur, isRequired, tooltipLabel, action, }: SelectProps) => JSX.Element;
 export default Select;

package/dist/components/Select/Select.props.d.ts

@@ -101,4 +101,8 @@ export interface SelectProps {
     isRequired?: boolean;
     tooltipLabel?: TooltipInput;
     action?: ActionType;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }

package/dist/components/SideMenu/SideMenu.props.d.ts

@@ -3,6 +3,10 @@ import type { IconName } from '../Icon';
 export interface SecondaryActionsType {
     icon?: IconName;
     onClick?: () => void;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
 }
 export interface SideMenuProps {
     /**

package/dist/components/Tabs/components/Tab/Tab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { TabProps } from './Tab.props';
-declare const Tab: ({ content, isSelected, onClick, isFitted }: TabProps) => JSX.Element;
+declare const Tab: ({ ariaLabel, content, isSelected, onClick, isFitted, }: TabProps) => JSX.Element;
 export default Tab;