@goodhood-web/ui 3.3.0-development.3 → 3.3.0-development.31

package/lib/Atoms/AccordionItem/AccordionItem.d.ts

@@ -1,3 +1,3 @@
 import { AccordionItemProps } from './AccordionItem.types';
-declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, id, size, title, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, handleClick, hideBorder, id, opened, size, title, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/lib/Atoms/AccordionItem/AccordionItem.types.d.ts

@@ -3,7 +3,10 @@ export type AccordionItemProps = {
     accordionBtnClassName?: string;
     accordionPanelClassName?: string;
     children: ReactNode;
+    handleClick?: () => void;
+    hideBorder?: boolean;
     id: number | string;
+    opened?: boolean;
     size?: 'small' | 'large';
     title: string;
 };

package/lib/Atoms/Badges/Sticker/Sticker.d.ts

@@ -1,3 +1,3 @@
 import { StickerProps } from './Sticker.types';
-declare const Sticker: ({ color, icon, size }: StickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sticker: ({ className, color, icon, size, value }: StickerProps) => import("react/jsx-runtime").JSX.Element;
 export default Sticker;

package/lib/Atoms/Badges/Sticker/Sticker.types.d.ts

@@ -1,6 +1,12 @@
 import { Icon32 } from '../../../Base/Icon/Icon.types';
-export interface StickerProps {
-    color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey' | 'lightGrey';
-    icon: Icon32;
+export type StickerProps = {
+    className?: string;
+    color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey' | 'lightGrey' | 'darkGrey';
     size: 'small' | 'medium' | 'large';
-}
+} & ({
+    icon?: never;
+    value: number;
+} | {
+    icon: Icon32;
+    value?: never;
+});

package/lib/Atoms/Buttons/ButtonGoogleSSO/ButtonGoogleSSO.d.ts

@@ -0,0 +1,3 @@
+import { ButtonGoogleSSOProps } from './ButtonGoogleSSO.types';
+declare const ButtonGoogleSSO: ({ onError, onSuccess, size, text, trackClick, }: ButtonGoogleSSOProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonGoogleSSO;

package/lib/Atoms/Buttons/ButtonGoogleSSO/ButtonGoogleSSO.types.d.ts

@@ -0,0 +1,7 @@
+export interface ButtonGoogleSSOProps {
+    onError?: (error: string) => void;
+    onSuccess: (credential: string) => Promise<void>;
+    size: 'large' | 'medium' | 'small';
+    text: string;
+    trackClick?: () => void;
+}

package/lib/Atoms/Buttons/ButtonTertiary/ButtonTertiary.types.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariationProps } from '../Button/Button.types';
 export interface ButtonTertiaryProps extends ButtonVariationProps, Omit<ButtonProps, 'children'> {
     children?: ReactNode;
-    color?: 'green' | 'pink' | 'blue' | 'grey';
+    color?: 'green' | 'pink' | 'blue' | 'greySubtle' | 'greyStrong';
 }

package/lib/Atoms/Buttons/CarouselNavigation/CarouselNavigation.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../Button/Button.types';
+declare const CarouselNavigation: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "children" | "className" | "ref"> & {
+    direction: "left" | "right";
+} & import('react').RefAttributes<HTMLButtonElement>>;
+export default CarouselNavigation;

package/lib/Atoms/Buttons/CarouselNavigation/CarouselNavigation.types.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from '../Button/Button.types';
+export type CarouselNavigationProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & {
+    direction: 'left' | 'right';
+};

package/lib/Atoms/Buttons/TextButton/TextButton.d.ts

@@ -6,5 +6,5 @@ export declare const typographyType: {
     small: string;
     tiny: string;
 };
-export declare function TextButton({ className, color, disabled, leftIcon, rightIcon, size, text, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextButton({ className, color, disabled, inline, leftIcon, rightIcon, size, text, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
 export default TextButton;

package/lib/Atoms/Buttons/TextButton/TextButton.types.d.ts

@@ -4,7 +4,8 @@ import { NotificationBubbleProps } from '../../NotificationBubble/NotificationBu
 import { ButtonProps } from '../Button/Button.types';
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
     className?: string;
-    color: 'green' | 'blue' | 'deepPurple' | 'pinkLight' | 'pinkDark';
+    color: 'green' | 'blue' | 'deepPurple' | 'pinkLight' | 'pinkDark' | 'default';
+    inline?: boolean;
     leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     size: 'large' | 'medium' | 'small' | 'link' | 'tiny';

package/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.d.ts

@@ -0,0 +1,3 @@
+import { ContentCreatorTileProps } from './ContentCreatorTile.types';
+declare const ContentCreatorTile: ({ description, headline, isActive, isPending, onClick, selected, sticker, }: ContentCreatorTileProps) => import("react/jsx-runtime").JSX.Element;
+export default ContentCreatorTile;

package/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.types.d.ts

@@ -0,0 +1,11 @@
+import { StickerProps } from '../../../Badges/Sticker/Sticker.types';
+import { BaseButtonProps } from '../../Button/Button.types';
+export interface ContentCreatorTileProps {
+    description?: string;
+    headline: string;
+    isActive: boolean;
+    isPending?: boolean;
+    onClick?: BaseButtonProps['onClick'];
+    selected?: boolean;
+    sticker: StickerProps;
+}

package/lib/Atoms/Content/GalleryPlaceholder/GalleryPlaceholder.d.ts

@@ -0,0 +1 @@
+export declare const GalleryPlaceholder: () => import("react/jsx-runtime").JSX.Element;

package/lib/Atoms/Content/List/List.d.ts

@@ -0,0 +1,3 @@
+import { ListProps } from './List.types';
+declare const List: ({ className, items }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export default List;

package/lib/Atoms/Content/List/List.types.d.ts

@@ -0,0 +1,22 @@
+import { StickerProps } from '../../Badges/Sticker/Sticker.types';
+export type ListProps = {
+    className?: string;
+    items: ListItemProps[];
+};
+type AllowedTitleAs = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type ListItemProps = {
+    size: 'medium' | 'large';
+} & Omit<StickerProps, 'className'> & ({
+    text: string;
+    title?: undefined;
+    titleAs?: never;
+} | {
+    text?: undefined;
+    title: string;
+    titleAs?: AllowedTitleAs;
+} | {
+    text: string;
+    title: string;
+    titleAs?: AllowedTitleAs;
+});
+export {};

package/lib/Atoms/Content/PoiAvatar/PoiAvatar.d.ts

@@ -1,3 +1,3 @@
 import { PoiAvatarType } from './PoiAvatar.type';
-export declare const PoiAvatar: ({ size, type }: PoiAvatarType) => import("react/jsx-runtime").JSX.Element;
+export declare const PoiAvatar: ({ alt, imageSrc, size, type }: PoiAvatarType) => import("react/jsx-runtime").JSX.Element;
 export default PoiAvatar;

package/lib/Atoms/Content/PoiAvatar/PoiAvatar.type.d.ts

@@ -1,6 +1,8 @@
 export declare const poiAvatarSizes: readonly ["48", "56", "64", "80"];
 export type TSize = (typeof poiAvatarSizes)[number];
 export interface PoiAvatarType {
+    alt?: string;
+    imageSrc?: string;
     size: TSize;
     type: 'business' | 'special_place' | 'organisation';
 }

package/lib/Atoms/Content/Thumbnail/Thumbnail.d.ts

@@ -1,3 +1,3 @@
 import { ThumbnailCircularProps, ThumbnailSquareProps } from './Thumbnail.type';
-declare const Thumbnail: ({ alt, className, isPlaceholder, shape, size, src, }: ThumbnailCircularProps | ThumbnailSquareProps) => import("react/jsx-runtime").JSX.Element;
+declare const Thumbnail: ({ alt, children, className, isPlaceholder, outline, shape, size, src, }: ThumbnailCircularProps | ThumbnailSquareProps) => import("react/jsx-runtime").JSX.Element;
 export default Thumbnail;

package/lib/Atoms/Content/Thumbnail/Thumbnail.type.d.ts

@@ -1,17 +1,22 @@
+import { ReactNode } from 'react';
 import { ImageProps } from '../../Image/Image.type';
-export interface ThumbnailProps extends ImageProps {
+export interface ThumbnailProps extends Omit<ImageProps, 'src'> {
+    children?: ReactNode;
     className?: string;
     isPlaceholder?: boolean;
+    src?: string;
 }
 export declare const circularSizes: readonly ["28", "32", "40", "48", "56", "64", "80", "120", "280"];
 export declare const squareSizes: readonly ["24", "32", "40", "48", "56", "64", "80", "96", "120"];
 export type TCircularSize = (typeof circularSizes)[number];
 export type TSquareSize = (typeof squareSizes)[number];
 export interface ThumbnailCircularProps extends ThumbnailProps {
+    outline?: never;
     shape: 'circular';
     size: TCircularSize;
 }
 export interface ThumbnailSquareProps extends ThumbnailProps {
+    outline?: 'none' | 'highlight';
     shape: 'square';
     size: TSquareSize;
 }

package/lib/Atoms/Content/UserAvatar/UserAvatar.types.d.ts

@@ -6,12 +6,12 @@ type BaseUserAvatarProps = {
     userImageSrc?: string;
 };
 type UserIdMandatory = BaseUserAvatarProps & {
-    avatarColor?: AvatarColor;
+    avatarColor?: never;
     userId: number;
 };
 type AvatarColorMandatory = BaseUserAvatarProps & {
     avatarColor: AvatarColor;
-    userId?: number;
+    userId?: never;
 };
 export type UserAvatarProps = UserIdMandatory | AvatarColorMandatory;
 export {};

package/lib/Atoms/Divider/Divider.types.d.ts

@@ -1,4 +1,4 @@
-type OffsetType = 0 | 8 | 16;
+type OffsetType = 0 | 8 | 12 | 16;
 export interface DividerProps {
     offsetLeft?: OffsetType;
     offsetRight?: OffsetType;

package/lib/Atoms/Image/Image.d.ts

@@ -1,3 +1,3 @@
 import { ImageProps } from './Image.type';
-declare const Image: ({ alt, className, src }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+declare const Image: ({ alt, className, height, loading, src, width }: ImageProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Image;

package/lib/Atoms/Image/Image.type.d.ts

@@ -1,5 +1,8 @@
 export interface ImageProps {
     alt: string;
     className?: string;
+    height?: number;
+    loading?: 'lazy' | 'eager';
     src: string;
+    width?: number;
 }

package/lib/Atoms/Inputs/TextAreaInput/TextAreaInput.d.ts

@@ -1,3 +1,3 @@
 import { TextAreaInputProps } from './TextAreaInput.types';
-declare const TextAreaInput: ({ ariaDescribedby, attachment, charLimit, colorScheme, errorText, hintText, id, label, name, ref, showInputHints, size, ...props }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextAreaInput: ({ ariaDescribedby, attachment, charLimit, colorScheme, errorText, hintText, id, label, limitCharInput, name, ref, showInputHints, size, ...props }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextAreaInput;

package/lib/Atoms/Inputs/TextAreaInput/TextAreaInput.types.d.ts

@@ -2,5 +2,6 @@ import { IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types
 import { CommonTextInputProps } from '../TextInput/TextInput.types';
 export interface TextAreaInputProps extends CommonTextInputProps {
     attachment?: Pick<IconButtonIcon24Props, 'icon' | 'onClick' | 'ariaLabel' | 'disabled'>[];
+    ref?: React.RefObject<HTMLTextAreaElement>;
     size: 'medium' | 'large';
 }

package/lib/Atoms/Inputs/TextInput/TextInput.d.ts

@@ -1,3 +1,3 @@
 import { TextInputProps } from './TextInput.types';
-declare const TextInput: ({ ariaDescribedby, ariaExpanded, charLimit, colorScheme, errorText, hintText, icon, iconButton, id, inputFieldType, label, name, onClick, onKeyDown, readonly, ref, role, showInputHints, size, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default TextInput;

package/lib/Atoms/Inputs/TextInput/TextInput.types.d.ts

@@ -1,30 +1,44 @@
 import { UseInputParameters } from '@mui/base';
 import { ForwardedRef, HTMLInputTypeAttribute, KeyboardEventHandler } from 'react';
+import { CountryCode } from '../../../Base/FlagIcon/FlagIcon.types';
 import { IconProps } from '../../../Base/Icon/Icon.types';
-import { IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
+import { IconButtonIcon16Props, IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
 export interface CommonTextInputProps extends UseInputParameters {
+    ariaActivedescendant?: string;
+    ariaAutocomplete?: 'none' | 'inline' | 'list' | 'both' | undefined;
+    ariaControls?: string;
     ariaDescribedby?: string;
     ariaExpanded?: boolean;
+    autoFocus?: boolean;
+    autocomplete?: string;
     charLimit?: number;
     colorScheme?: 'outline' | 'filled';
     errorText?: string;
     hintText?: string;
     id: string;
     label: string;
+    limitCharInput?: boolean;
     name?: string;
     onKeyDown?: KeyboardEventHandler;
+    placeholder?: string;
+    progressBar?: React.ReactNode;
     readonly?: boolean;
-    ref?: ForwardedRef<null>;
     role?: 'combobox';
     showInputHints?: boolean;
+    wrapperClassName?: string;
 }
 export interface TextInputProps extends CommonTextInputProps {
+    flagIcon?: CountryCode;
     icon?: IconProps;
-    iconButton?: IconButtonIcon24Props & {
+    iconButton?: (IconButtonIcon24Props & {
         ariaExpanded?: boolean;
         ariaHaspopup?: boolean;
         ref?: ForwardedRef<null>;
-    };
+    }) | (IconButtonIcon16Props & {
+        ariaExpanded?: boolean;
+        ariaHaspopup?: boolean;
+        ref?: ForwardedRef<null>;
+    });
     inputFieldType?: HTMLInputTypeAttribute;
-    size: 'medium' | 'large' | 'small';
+    size?: 'medium' | 'large' | 'small';
 }

package/lib/Atoms/Inputs/utils.d.ts

@@ -0,0 +1 @@
+export declare const getCharCount: (value?: string | number | readonly string[]) => number;

package/lib/Atoms/Progress/CarouselIndicator/CarouselIndicator.d.ts

@@ -0,0 +1,3 @@
+import { CarouselIndicatorProps } from './CarouselIndicator.types';
+export declare const CarouselIndicator: ({ currentStep, hasContainer, maxDots, onDotClick, totalSteps, type, }: CarouselIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default CarouselIndicator;

package/lib/Atoms/Progress/CarouselIndicator/CarouselIndicator.types.d.ts

@@ -0,0 +1,18 @@
+type BaseCarouselIndicatorProps = {
+    currentStep: number;
+    hasContainer?: boolean;
+    maxDots?: number;
+    onDotClick?: (index: number) => void;
+    totalSteps: number;
+    type: 'dots' | 'numbers';
+};
+export type CarouselIndicatorDotsProps = BaseCarouselIndicatorProps & {
+    maxDots: number;
+    onDotClick?: (index: number) => void;
+    type: 'dots';
+};
+export type CarouselIndicatorNumbersProps = BaseCarouselIndicatorProps & {
+    type: 'numbers';
+};
+export type CarouselIndicatorProps = CarouselIndicatorDotsProps | CarouselIndicatorNumbersProps;
+export {};

package/lib/Atoms/Progress/ProgressBar/ProgressBar.d.ts

@@ -1,3 +1,3 @@
 import { ProgressBarProps } from './ProgressBar.types';
-export declare const ProgressBar: ({ progress, steps }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ className, progress, steps, type, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ProgressBar;

package/lib/Atoms/Progress/ProgressBar/ProgressBar.types.d.ts

@@ -1,4 +1,6 @@
 export type ProgressBarProps = {
+    className?: string;
     progress: number;
     steps: number;
+    type?: 'progress' | 'password';
 };

package/lib/Base/FlagIcon/FlagIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as FlagIconProps } from './FlagIcon.types';
+declare const FlagIcon: ({ countryCode, disabled }: FlagIconProps) => import("react/jsx-runtime").JSX.Element;
+export default FlagIcon;

package/lib/Base/FlagIcon/FlagIcon.types.d.ts

@@ -0,0 +1,6 @@
+import { IconMap } from './icons';
+export type CountryCode = keyof typeof IconMap;
+export default interface FlagIconProps {
+    countryCode: CountryCode;
+    disabled?: boolean;
+}

package/lib/Base/FlagIcon/icons/index.d.ts

@@ -0,0 +1,164 @@
+export declare const IconMap: {
+    AT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    BE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    BG: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    CY: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    CZ: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    DE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    DK: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    EE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    ES: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    FI: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    FR: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    GR: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    HR: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    HU: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    IE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    IT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LU: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    LV: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    MT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    NL: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PL: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    PT: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    RO: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    SE: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    SI: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    SK: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+};

package/lib/Base/Icon/icons/index.d.ts

@@ -111,6 +111,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -251,6 +257,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -389,6 +401,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly photo_upload: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly pin: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -571,6 +589,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly checkmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly christmas_tree: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -643,6 +667,18 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
+            readonly cursor_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly cutlery: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -949,6 +985,18 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly percentage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
+            readonly percentage_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly phone: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;

package/lib/Base/Icon/icons/outline/16x16/index.d.ts

@@ -23,6 +23,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;