@dexma/ui-components 7.1.1 → 8.0.2

package/dist/lib/components/Alert/Alert.d.ts

@@ -8,5 +8,7 @@ export type AlertProps = {
     closable?: boolean;
     className?: string;
     style?: CSSProperties;
+    ariaLive?: 'polite' | 'assertive';
+    iconAriaLabel?: string;
 };
-export declare const Alert: ({ type, closable, message, description, showIcon, onClose, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Alert: ({ type, closable, message, description, showIcon, ariaLive, iconAriaLabel, onClose, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 export declare enum ButtonSize {
     SMALL = "small",
     MEDIUM = "medium",
@@ -7,13 +7,45 @@ export declare enum ButtonSize {
 }
 export declare const BUTTON_VARIANT: string[];
 export declare const ButtonGroup: (props: any) => import("react/jsx-runtime").JSX.Element;
-export type ButtonProps = {
-    text?: string;
+type CommonButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     size?: string | ButtonSize;
     variant?: string;
+    tooltip?: string;
+    onClick?: (e?: any) => void;
+    onFocus?: () => void;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isCircle?: boolean;
+    isExpanded?: boolean;
+    debounceTime?: number;
+    children?: ReactNode;
+    dataId?: string;
+    'data-testid'?: string;
+};
+type ButtonTextProps = CommonButtonProps & {
+    kind: 'button';
+    text: string;
+};
+type IconButtonProps = CommonButtonProps & {
+    kind: 'iconButton';
+    iconColor?: string;
     iconBefore?: string;
     iconAfter?: string;
+    iconAriaLabel: string;
+};
+type IconTextButtonProps = CommonButtonProps & {
+    kind: 'iconTextButton';
+    text: string;
     iconColor?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+};
+export type ButtonProps = (Omit<ButtonTextProps, 'kind'> & {
+    kind?: 'button';
+}) | IconButtonProps | IconTextButtonProps;
+export declare const Button: import('react').ForwardRefExoticComponent<(Omit<ButtonHTMLAttributes<HTMLButtonElement> & {
+    size?: string | ButtonSize;
+    variant?: string;
     tooltip?: string;
     onClick?: (e?: any) => void;
     onFocus?: () => void;
@@ -25,14 +57,17 @@ export type ButtonProps = {
     children?: ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const Button: React.ForwardRefExoticComponent<Omit<{
-    text?: string;
-    size?: string | ButtonSize;
-    variant?: string;
+} & {
+    kind: "iconButton";
+    iconColor?: string;
     iconBefore?: string;
     iconAfter?: string;
-    iconColor?: string;
+    iconAriaLabel: string;
+} & import('react').RefAttributes<HTMLButtonElement> & {
+    dataId?: string;
+}, "ref"> | Omit<ButtonHTMLAttributes<HTMLButtonElement> & {
+    size?: string | ButtonSize;
+    variant?: string;
     tooltip?: string;
     onClick?: (e?: any) => void;
     onFocus?: () => void;
@@ -44,6 +79,17 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<{
     children?: ReactNode;
     dataId?: string;
     'data-testid'?: string;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & {
+} & {
+    kind: "iconTextButton";
+    text: string;
+    iconColor?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+} & import('react').RefAttributes<HTMLButtonElement> & {
+    dataId?: string;
+}, "ref"> | Omit<Omit<ButtonTextProps, "kind"> & {
+    kind?: "button";
+} & import('react').RefAttributes<HTMLButtonElement> & {
     dataId?: string;
-}, "ref"> & React.RefAttributes<unknown>>;
+}, "ref">) & import('react').RefAttributes<unknown>>;
+export {};

package/dist/lib/components/Card/Card.d.ts

@@ -6,9 +6,11 @@ export type CardProps = {
     description?: string;
     icon?: string;
     image?: string;
+    imageAlt?: string;
     footer?: React.ReactNode;
     isActive?: boolean;
     isHorizontal?: boolean;
+    linkTitle?: string;
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLAnchorElement>) => void;
 };

package/dist/lib/components/Cascader/Cascader.d.ts

@@ -3,16 +3,20 @@ import { CascaderProps as CascaderAntdProps } from 'antd';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultTheme } from 'styled-components';
 type Value = Array<string | number>;
-type CascaderProps<OptionType extends DefaultOptionType> = CascaderAntdProps & {
+type CascaderProps = CascaderAntdProps & {
     open?: boolean;
-    options?: OptionType[];
+    options?: OptionProps[];
+    iconAriaLabel?: string;
     onChange?: (value: Value | Value[]) => void;
 };
-export declare const tagRender: (theme: DefaultTheme) => (props: {
+type OptionProps = DefaultOptionType & {
+    selectedItemAriaLabel?: string;
+};
+export declare const tagRender: (theme: DefaultTheme, iconAriaLabel?: string) => (props: {
     label: ReactNode;
     value: string;
     closable: boolean;
     onClose: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const Cascader: <OptionType extends DefaultOptionType>({ multiple, options, maxTagCount, onChange, open, changeOnSelect, ...props }: CascaderProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
+export declare const Cascader: ({ multiple, options, maxTagCount, onChange, open, changeOnSelect, iconAriaLabel, ...props }: CascaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/components/Checkbox/Checkbox.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { CheckboxProps as AntCheckboxProps } from 'antd';
 export type CheckboxProps = {
     dataId?: string;
 } & AntCheckboxProps;
-export declare const Checkbox: React.ForwardRefExoticComponent<AntCheckboxProps & {
+export declare const Checkbox: import('react').ForwardRefExoticComponent<AntCheckboxProps & {
     dataId?: string;
-} & React.RefAttributes<unknown>>;
+} & import('react').RefAttributes<unknown>>;

package/dist/lib/components/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 export type ColorPickerProps = {
     dataId?: string;
     isLoading?: boolean;
@@ -9,6 +8,6 @@ export type ColorPickerProps = {
     showInput?: boolean;
     value?: string;
 };
-export declare const ColorPicker: React.ForwardRefExoticComponent<Omit<ColorPickerProps & React.RefAttributes<HTMLInputElement> & {
+export declare const ColorPicker: import('react').ForwardRefExoticComponent<Omit<ColorPickerProps & import('react').RefAttributes<HTMLInputElement> & {
     dataId?: string;
-}, "ref"> & React.RefAttributes<unknown>>;
+}, "ref"> & import('react').RefAttributes<unknown>>;

package/dist/lib/components/DataId/withDataId.d.ts

@@ -1,6 +1,6 @@
-import { default as React, ComponentType } from 'react';
+import { ComponentType } from 'react';
 type WithDataIdProps = {
     dataId?: string;
 };
-export declare const withDataId: <P extends object>(Component: ComponentType<P & WithDataIdProps>, defaultValue: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P & WithDataIdProps> & React.RefAttributes<unknown>>;
+export declare const withDataId: <P extends object>(Component: ComponentType<P & WithDataIdProps>, defaultValue: string) => import('react').ForwardRefExoticComponent<import('react').PropsWithoutRef<P & WithDataIdProps> & import('react').RefAttributes<unknown>>;
 export {};

package/dist/lib/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { DatePickerProps } from 'antd';
 import { RangePickerProps } from 'antd/lib/date-picker';
 import { Theme } from '../../utils/theme';
@@ -7,15 +6,16 @@ type CommonProps = {
     dataId?: string;
     'data-testid'?: string;
     theme?: Theme;
+    label?: string;
 };
 export type AntdDatePickerProps = DatePickerProps & CommonProps;
-export declare const AntdDatePicker: React.ForwardRefExoticComponent<(AntdDatePickerProps & {
+export declare const AntdDatePicker: import('react').ForwardRefExoticComponent<(AntdDatePickerProps & {
     dataId?: string;
-}) & React.RefAttributes<unknown>>;
+}) & import('react').RefAttributes<unknown>>;
 export type AntdRangePickerProps = RangePickerProps & CommonProps;
-export declare const AntdRangePicker: React.ForwardRefExoticComponent<(AntdRangePickerProps & {
+export declare const AntdRangePicker: import('react').ForwardRefExoticComponent<(AntdRangePickerProps & {
     dataId?: string;
-}) & React.RefAttributes<unknown>>;
+}) & import('react').RefAttributes<unknown>>;
 type DatePickerType = {
     type: 'date' | 'range';
 } & (AntdDatePickerProps | AntdRangePickerProps);

package/dist/lib/components/Dropdown/Dropdown.d.ts

@@ -1,11 +1,15 @@
 import { DropDownProps } from 'antd';
-type DropdownContent = {
-    text: string;
+export type DropdownContent = {
+    text?: string;
     key?: string;
     icon?: string;
     dataId?: string;
     variant?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
     onClick?: (e: any) => void;
+    iconAriaLabel?: string;
+    onKeyDown?: (e: any) => void;
 };
 export type DropdownProps = DropDownProps & {
     dataId?: string;
@@ -13,6 +17,8 @@ export type DropdownProps = DropDownProps & {
     icon?: string;
     variant?: string;
     content?: DropdownContent[];
+    iconAriaLabel?: string;
+    onItemSelected: (key: number) => void;
 };
-export declare const Dropdown: ({ dataId, trigger, text, placement, menu, icon, content, variant }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ dataId, trigger, text, placement, menu, icon, content, variant, open, disabled, iconAriaLabel, onItemSelected }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/dist/lib/components/FieldGroup/FieldGroup.d.ts

@@ -1,4 +1,4 @@
-import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { ButtonSize } from '../index.ts';
 export declare enum FieldGroupType {
     RADIO = "radio",
@@ -29,10 +29,11 @@ export type FieldGroupItem = {
     value: string;
     tooltip?: string;
     isDisabled?: boolean;
+    iconAriaLabel?: string;
 };
 export type RadioFieldGroupProps = FieldGroupProps<string | number>;
 export type CheckboxFieldGroupProps = FieldGroupProps<Array<string | number>>;
-export declare const RadioFieldGroup: React.ForwardRefExoticComponent<{
+export declare const RadioFieldGroup: import('react').ForwardRefExoticComponent<{
     selectedValues: string | number;
     variant?: FieldGroupVariant;
     values: FieldGroupItem[];
@@ -42,10 +43,10 @@ export declare const RadioFieldGroup: React.ForwardRefExoticComponent<{
     onChange?: (e: FieldGroupItem) => void;
     onFieldClick?: (e: FieldGroupItem) => void;
     dataId?: string;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
     dataId?: string;
-} & React.RefAttributes<unknown>>;
-export declare const CheckboxFieldGroup: React.ForwardRefExoticComponent<{
+} & import('react').RefAttributes<unknown>>;
+export declare const CheckboxFieldGroup: import('react').ForwardRefExoticComponent<{
     selectedValues: (string | number)[];
     variant?: FieldGroupVariant;
     values: FieldGroupItem[];
@@ -55,7 +56,7 @@ export declare const CheckboxFieldGroup: React.ForwardRefExoticComponent<{
     onChange?: (e: FieldGroupItem) => void;
     onFieldClick?: (e: FieldGroupItem) => void;
     dataId?: string;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
     dataId?: string;
-} & React.RefAttributes<unknown>>;
+} & import('react').RefAttributes<unknown>>;
 export {};

package/dist/lib/components/FormControl/FormControl.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode } from 'react';
 type FormControlProps = {
     dataId?: string;
     control: 'Input' | 'Checkbox' | 'Textarea' | 'Select' | 'ColorPicker' | 'DatePicker';
@@ -27,8 +27,9 @@ type FormControlProps = {
     placeholder?: string;
     maxLength?: number;
     rows?: number;
+    inputLabel?: string;
 };
-export declare const FormControl: React.ForwardRefExoticComponent<Omit<FormControlProps & React.RefAttributes<HTMLElement> & {
+export declare const FormControl: import('react').ForwardRefExoticComponent<Omit<FormControlProps & import('react').RefAttributes<HTMLElement> & {
     dataId?: string;
-}, "ref"> & React.RefAttributes<unknown>>;
+}, "ref"> & import('react').RefAttributes<unknown>>;
 export {};

package/dist/lib/components/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { default as React, SVGProps } from 'react';
+import { SVGProps } from 'react';
 import { default as defaultTheme } from '../../utils/theme';
 export declare enum IconSize {
     SMALL = "small",
@@ -11,6 +11,7 @@ export type IconProps = {
     name?: string;
     color?: string | keyof typeof defaultTheme.color;
     size?: number | string | IconSize;
-} & SVGProps<SVGSVGElement>;
-export declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    ariaLabel: string;
+} & Omit<SVGProps<SVGSVGElement>, 'aria-label'>;
+export declare const Icon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 export default Icon;

package/dist/lib/components/Input/Input.d.ts

@@ -1,16 +1,20 @@
-import { default as React, ReactNode } from 'react';
-export declare const Input: React.ForwardRefExoticComponent<Omit<{
+import { InputHTMLAttributes } from 'react';
+export declare const Input: import('react').ForwardRefExoticComponent<Omit<{
     placeholder?: string;
     id?: string;
     icon?: string;
-    label?: string | ReactNode;
+    label: string;
     title?: string;
     value?: string;
     isLoading?: boolean;
-    type?: string;
+    type: "email" | "file" | "number" | "password" | "tel" | "text" | "url";
     name?: string;
     disabled?: boolean;
     dataId?: string;
-} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement> & {
+    iconAriaLabel?: string;
+    ariaLabel?: string;
+    isItToSearch?: boolean;
+    autoComplete?: string;
+} & InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement> & {
     dataId?: string;
-}, "ref"> & React.RefAttributes<unknown>>;
+}, "ref"> & import('react').RefAttributes<unknown>>;

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

@@ -1,2 +1,7 @@
-import { ModalProps } from 'antd';
-export declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+import { ReactNode } from 'react';
+import { ModalProps as AntDModalProps } from 'antd';
+export type ModalProps = {
+    body?: ReactNode;
+    closeModalButtonAriaLabel: string;
+} & AntDModalProps;
+export declare const Modal: ({ open, title, body, footer, closeModalButtonAriaLabel, onCancel, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,10 @@
 import { default as React } from 'react';
 import { PaginationProps as PaginationAntProps } from 'antd';
-export declare const itemRender: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", element: React.ReactNode) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
-export type PaginationProps = PaginationAntProps;
+export declare const itemRender: (current: number) => (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", element: React.ReactNode) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export type PaginationProps = {
+    previosPageAriaLabel?: string;
+    nextPageAriaLabel?: string;
+    prevDotsPageAriaLabel?: string;
+    nextDotsPageAriaLabel?: string;
+} & PaginationAntProps;
 export declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Popover/Popover.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { PopoverProps as AntDPopoverProps } from 'antd';
-export declare const Popover: React.ForwardRefExoticComponent<AntDPopoverProps & {
+export declare const Popover: import('react').ForwardRefExoticComponent<AntDPopoverProps & {
     dataId?: string;
-} & React.RefAttributes<unknown>>;
+} & import('react').RefAttributes<unknown>>;

package/dist/lib/components/Progress/Progress.d.ts

@@ -7,6 +7,7 @@ export type ProgressProps = {
     text?: string;
     isTransparent?: boolean;
     color: string;
+    ariaLabel?: string;
 };
-export declare const Progress: ({ text, marks, percent, color, isTransparent, ...props }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Progress: ({ text, marks, percent, color, isTransparent, ariaLabel, ...props }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default Progress;

package/dist/lib/components/Result/Result.d.ts

@@ -15,5 +15,6 @@ export type ResultProps = {
     size?: number;
     icon?: string;
     iconElement?: ReactNode;
+    iconAriaLabel?: string;
 };
-export declare const Result: ({ title, info, variant, content, size, icon, iconElement }: ResultProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Result: ({ title, info, variant, content, size, icon, iconElement, iconAriaLabel }: ResultProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Section/Section.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type SectionProps = {
     dataId?: string;
     children: JSX.Element;
@@ -7,8 +6,11 @@ type SectionProps = {
     onExportExcel?: () => void;
     onExportImage?: () => void;
     onAddReport?: () => void;
+    iconExportExcelAriaLabel?: string;
+    iconExportImageAriaLabel?: string;
+    iconAddReportAriaLabel?: string;
 };
-export declare const Section: React.ForwardRefExoticComponent<SectionProps & {
+export declare const Section: import('react').ForwardRefExoticComponent<SectionProps & {
     dataId?: string;
-} & React.RefAttributes<unknown>>;
+} & import('react').RefAttributes<unknown>>;
 export {};

package/dist/lib/components/Switch/Switch.d.ts

@@ -1,18 +1,19 @@
-import { default as React } from 'react';
 import { SwitchChangeEventHandler, SwitchClickEventHandler, SwitchProps as AntdSwitchProps, SwitchSize } from 'antd/es/switch';
 export type SwitchProps = {
     disabled?: boolean;
     size?: SwitchSize;
     dataId?: string;
+    ariaLabel?: string;
     onChange?: SwitchChangeEventHandler;
     onClick?: SwitchClickEventHandler;
 } & AntdSwitchProps;
-export declare const Switch: React.ForwardRefExoticComponent<{
+export declare const Switch: import('react').ForwardRefExoticComponent<{
     disabled?: boolean;
     size?: SwitchSize;
     dataId?: string;
+    ariaLabel?: string;
     onChange?: SwitchChangeEventHandler;
     onClick?: SwitchClickEventHandler;
 } & AntdSwitchProps & {
     dataId?: string;
-} & React.RefAttributes<unknown>>;
+} & import('react').RefAttributes<unknown>>;

package/dist/lib/components/SwitchPeriodComparative/SwitchPeriodComparative.d.ts

@@ -11,6 +11,7 @@ type SwitchPeriodComparativeProps = {
     endDate: string;
     previousPeriodText?: string;
     samePeriodLastYearText?: string;
+    disabled?: boolean;
     onPeriodSelect?: ({ period, date }: {
         period: string;
         date: {
@@ -19,5 +20,5 @@ type SwitchPeriodComparativeProps = {
         };
     }) => void;
 };
-export declare const SwitchPeriodComparative: ({ selectedPeriod, startDate, endDate, previousPeriodText, samePeriodLastYearText, onPeriodSelect, ...props }: SwitchPeriodComparativeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SwitchPeriodComparative: ({ selectedPeriod, startDate, endDate, previousPeriodText, samePeriodLastYearText, disabled, onPeriodSelect, ...props }: SwitchPeriodComparativeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/components/Table/Table.d.ts

@@ -7,6 +7,12 @@ export type TableProps<RecordType> = {
     showError?: boolean;
     dataId?: string;
     errorContent?: React.ReactNode;
+    rowsCanBeSelectAriaLabel?: string;
+    selectAllRowsAriaLabel?: string;
+    currentPage?: number;
+    pageSize?: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: string[];
 } & AntDTableProps<RecordType>;
 export declare const Table: <RecordType extends AnyObject>(props: TableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export declare const buildTableWithDataId: <RecordType extends AnyObject>() => React.ForwardRefExoticComponent<{
@@ -15,6 +21,12 @@ export declare const buildTableWithDataId: <RecordType extends AnyObject>() => R
     showError?: boolean;
     dataId?: string;
     errorContent?: React.ReactNode;
+    rowsCanBeSelectAriaLabel?: string;
+    selectAllRowsAriaLabel?: string;
+    currentPage?: number;
+    pageSize?: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: string[];
 } & AntDTableProps<RecordType> & {
     dataId?: string;
 } & React.RefAttributes<unknown>>;

package/dist/lib/components/Tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import { default as React, HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type TagProps = {
     dataId?: string;
     color?: string;
@@ -7,8 +7,9 @@ export type TagProps = {
     onClose?: () => void;
     type?: 'normal' | 'rounded';
     variant?: 'primary' | 'outline';
+    iconAriaLabel?: string;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const Tag: React.ForwardRefExoticComponent<{
+export declare const Tag: import('react').ForwardRefExoticComponent<{
     dataId?: string;
     color?: string;
     icon?: string;
@@ -16,6 +17,7 @@ export declare const Tag: React.ForwardRefExoticComponent<{
     onClose?: () => void;
     type?: "normal" | "rounded";
     variant?: "primary" | "outline";
-} & React.HTMLAttributes<HTMLDivElement> & {
+    iconAriaLabel?: string;
+} & HTMLAttributes<HTMLDivElement> & {
     dataId?: string;
-} & React.RefAttributes<unknown>>;
+} & import('react').RefAttributes<unknown>>;

package/dist/lib/styles/ColorPicker/StyledColorPicker.d.ts

@@ -5,14 +5,18 @@ declare const StyledColorPickerInput: import('styled-components/dist/types').ISt
     placeholder?: string;
     id?: string;
     icon?: string;
-    label?: string | import('react').ReactNode;
+    label: string;
     title?: string;
     value?: string;
     isLoading?: boolean;
-    type?: string;
+    type: "email" | "file" | "number" | "password" | "tel" | "text" | "url";
     name?: string;
     disabled?: boolean;
     dataId?: string;
+    iconAriaLabel?: string;
+    ariaLabel?: string;
+    isItToSearch?: boolean;
+    autoComplete?: string;
 } & import('react').InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement> & {
     dataId?: string;
 }, "ref"> & import('react').RefAttributes<unknown>, "ref"> & {
@@ -21,14 +25,18 @@ declare const StyledColorPickerInput: import('styled-components/dist/types').ISt
     placeholder?: string;
     id?: string;
     icon?: string;
-    label?: string | import('react').ReactNode;
+    label: string;
     title?: string;
     value?: string;
     isLoading?: boolean;
-    type?: string;
+    type: "email" | "file" | "number" | "password" | "tel" | "text" | "url";
     name?: string;
     disabled?: boolean;
     dataId?: string;
+    iconAriaLabel?: string;
+    ariaLabel?: string;
+    isItToSearch?: boolean;
+    autoComplete?: string;
 } & import('react').InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement> & {
     dataId?: string;
 }, "ref"> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;