@goodhood-web/ui 3.0.0-development.6 → 3.0.0-development.60

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

@@ -1,3 +1,3 @@
 import { BadgeProps } from './Badge.types';
-declare const Badge: ({ ariaLabel, badgeIcons, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+declare const Badge: ({ ariaLabel, badgeIcons, children, size }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

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

@@ -5,4 +5,5 @@ export interface BadgeProps {
     ariaLabel?: string;
     badgeIcons: [BadgeIconType] | [BadgeIconType, BadgeIconType] | [BadgeIconType, BadgeIconType, BadgeIconType] | [];
     children: BadgeOwnProps['children'];
+    size?: BadgeIconProps['size'];
 }

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

@@ -1,3 +1,3 @@
 import { default as BadgeIconProps } from './BadgeIcon.types';
-declare const BadgeIcon: ({ ariaLabel, className, role, size, type }: BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const BadgeIcon: ({ ariaLabel, className, role, size, type }: BadgeIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BadgeIcon;

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

@@ -4,6 +4,6 @@ export default interface BadgeIconProps {
     ariaLabel?: string;
     className?: string;
     role?: AriaRole;
-    size: 'small' | 'medium';
+    size: 'small' | 'medium' | 'large';
     type: BadgeIconType;
 }

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

@@ -1,4 +1,4 @@
-export type Color = 'teal' | 'lavender';
+export type Color = 'teal' | 'lavender' | 'grey';
 interface CommonProps {
     className?: string;
     label: string;

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

@@ -1,6 +1,6 @@
 import { Icon32 } from '../../../Base/Icon/Icon.types';
 export interface StickerProps {
-    color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey';
+    color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey' | 'lightGrey';
     icon: Icon32;
     size: 'small' | 'medium' | 'large';
 }

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

@@ -3,6 +3,9 @@ import { AriaRole, ForwardedRef, MouseEvent, ReactElement, ReactNode } from 'rea
 import { IconProps } from '../../../Base/Icon/Icon.types';
 interface CommonProps {
     ariaDescribedBy?: string;
+    ariaDisabled?: boolean;
+    ariaExpanded?: boolean;
+    ariaHaspopup?: boolean;
     ariaLabel?: string;
     ariaLabelledBy?: string;
     className?: string;
@@ -12,6 +15,7 @@ interface CommonProps {
     ref?: ForwardedRef<null>;
     role?: AriaRole;
     selected?: boolean;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
 }
 export interface BaseButtonProps extends ButtonOwnProps, CommonProps {
     onClick: (event: MouseEvent<HTMLElement>) => void;
@@ -28,7 +32,7 @@ export interface ButtonVariationProps {
     leftIcon?: ReactElement<IconProps>;
     loading?: boolean;
     rightIcon?: ReactElement<IconProps>;
-    size?: 'small' | 'medium' | 'large' | 'extraLarge';
+    size?: 'tiny' | 'small' | 'medium' | 'large';
     target?: string;
     text?: string;
 }

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

@@ -1,3 +1,3 @@
 import { ButtonPrimaryProps } from './ButtonPrimary.types';
-declare const ButtonPrimary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, rightIcon, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonPrimary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, onClick, rightIcon, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonPrimary;

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

@@ -1,3 +1,3 @@
 import { ButtonSecondaryProps } from './ButtonSecondary.types';
-declare const ButtonSecondary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, rightIcon, size, text, ...props }: ButtonSecondaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonSecondary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, onClick, rightIcon, size, text, ...props }: ButtonSecondaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonSecondary;

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

@@ -1,3 +1,3 @@
 import { ButtonTertiaryProps } from './ButtonTertiary.types';
-declare const ButtonTertiary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, rightIcon, size, text, ...props }: ButtonTertiaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonTertiary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, onClick, rightIcon, size, text, ...props }: ButtonTertiaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonTertiary;

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

@@ -1,16 +1,20 @@
-import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
+import { Icon16, Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 import { ButtonProps } from '../Button/Button.types';
-type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
-    ariaLabel: string;
-} | {
-    ariaLabelledBy: string;
-}) & {
+type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & {
+    ariaExpanded?: boolean;
+    ariaHaspopup?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
     className?: string;
     iconClassName?: string;
     loading?: boolean;
     type?: 'button' | 'submit' | 'reset';
     variant?: 'green' | 'white' | 'grey';
 };
+export type IconButtonIcon16Props = {
+    icon: Icon16;
+    size?: 'extraSmall';
+} & BaseIconButtonProps;
 export type IconButtonIcon24Props = {
     icon: Icon24;
     size?: 'small';
@@ -19,5 +23,5 @@ export type IconButtonIcon32Props = {
     icon: Icon32;
     size?: 'medium' | 'large';
 } & BaseIconButtonProps;
-export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props;
+export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props | IconButtonIcon16Props;
 export {};

package/lib/Atoms/Buttons/IconButton/utils.d.ts

@@ -1,3 +1,3 @@
-type IconButtonSize = 'large' | 'medium' | 'small';
-export declare const getIconSize: (size: IconButtonSize) => "32" | "24";
+type IconButtonSize = 'large' | 'medium' | 'small' | 'extraSmall';
+export declare const getIconSize: (size: IconButtonSize) => "32" | "24" | "16";
 export {};

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

@@ -4,6 +4,7 @@ export declare const typographyType: {
     link: string;
     medium: string;
     small: string;
+    tiny: string;
 };
 export declare function TextButton({ className, color, disabled, 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,10 +4,10 @@ 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';
+    color: 'green' | 'blue' | 'deepPurple' | 'pinkLight' | 'pinkDark';
     leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
-    size: 'large' | 'medium' | 'small' | 'link';
+    size: 'large' | 'medium' | 'small' | 'link' | 'tiny';
     text: string;
     type?: 'button' | 'submit' | 'reset';
 }

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

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

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

@@ -0,0 +1,16 @@
+import { TSquareSize } from '../Thumbnail/Thumbnail.type';
+type BaseAvatarProps = {
+    alt: string;
+    imageSrc?: string;
+};
+type SquareAvatarProps = BaseAvatarProps & {
+    id?: number;
+    size: TSquareSize;
+    type: 'square';
+};
+type ResponsiveAvatarProps = BaseAvatarProps & {
+    id?: number;
+    type: 'mobile' | 'desktop';
+};
+export type AvatarWithPlaceholderProps = SquareAvatarProps | ResponsiveAvatarProps;
+export {};

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

@@ -1,3 +1,3 @@
 import { PlaceholderThumbnailProps } from './PlaceholderThumbnail.type';
-declare const PlaceholderThumbnail: ({ className, icon, size }: PlaceholderThumbnailProps) => import("react/jsx-runtime").JSX.Element;
+declare const PlaceholderThumbnail: ({ className, icon, size, style, type, }: PlaceholderThumbnailProps) => import("react/jsx-runtime").JSX.Element;
 export default PlaceholderThumbnail;

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

@@ -4,4 +4,6 @@ export type PlaceholderThumbnailProps = {
     className?: string;
     icon: ReactElement<IconProps>;
     size: 'small' | 'large';
+    style?: 'rounded' | 'square';
+    type?: 'default' | 'post';
 };

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

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

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

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

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

@@ -4,7 +4,7 @@ export interface ThumbnailProps extends ImageProps {
     isPlaceholder?: boolean;
 }
 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", "120"];
+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 {

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

@@ -1,3 +1,3 @@
-import { default as ThumbnailWrapperProps } from './ThumbnailWrapper.types';
-declare const ThumbnailWrapper: ({ ariaLabel, children, thumbnail }: ThumbnailWrapperProps) => import("react/jsx-runtime").JSX.Element;
+import { ThumbnailWrapperProps } from './ThumbnailWrapper.types';
+declare const ThumbnailWrapper: (props: ThumbnailWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default ThumbnailWrapper;

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

@@ -1,7 +1,15 @@
 import { BadgeOwnProps } from '@mui/base/Badge/Badge.types';
 import { ThumbnailCircularProps, ThumbnailSquareProps } from '../Thumbnail/Thumbnail.type';
-export default interface ThumbnailWrapperProps {
+import { UserAvatarProps } from '../UserAvatar/UserAvatar.types';
+interface CommonProps {
     ariaLabel?: string;
     children: BadgeOwnProps['children'];
+}
+interface HasThumbnail extends CommonProps {
     thumbnail: ThumbnailCircularProps | ThumbnailSquareProps;
 }
+interface HasUserAvatar extends CommonProps {
+    userAvatar: UserAvatarProps;
+}
+export type ThumbnailWrapperProps = HasThumbnail | HasUserAvatar;
+export {};

package/lib/Atoms/Inputs/DateTimeInput/DateInput/DateInput.d.ts

@@ -0,0 +1,3 @@
+import { default as DateInputProps } from './DateInput.types';
+declare const DateInput: ({ dateFormat, label, minDate, onChange, size, withPortal, }: DateInputProps) => import("react/jsx-runtime").JSX.Element;
+export default DateInput;

package/lib/Atoms/Inputs/DateTimeInput/DateInput/DateInput.types.d.ts

@@ -0,0 +1,9 @@
+import { TextInputProps } from '../../TextInput/TextInput.types';
+export default interface DateInputProps {
+    dateFormat?: 'dd. MMMM' | 'dd. MMMM YYYY' | 'dd.MM.' | 'dd.MM.YY' | 'dd.MM.YYYY';
+    label: string;
+    minDate?: Date;
+    onChange?: (date: Date) => void;
+    size?: TextInputProps['size'];
+    withPortal?: boolean;
+}

package/lib/Atoms/Inputs/DateTimeInput/DateInput/components/CustomHeader.d.ts

@@ -0,0 +1,3 @@
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+declare const CustomHeader: ({ decreaseMonth, increaseMonth, monthDate, prevMonthButtonDisabled, }: ReactDatePickerCustomHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomHeader;

package/lib/Atoms/Inputs/DateTimeInput/DateInput/util.d.ts

@@ -0,0 +1 @@
+export declare const addKeyboardNavigation: (event: React.KeyboardEvent<HTMLElement>) => void;

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

@@ -0,0 +1,3 @@
+import { DateTimeInputProps } from './DateTimeInput.types';
+declare const DateTimeInput: ({ type, ...props }: DateTimeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default DateTimeInput;

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

@@ -0,0 +1,7 @@
+import { default as DateInputProps } from './DateInput/DateInput.types';
+import { default as TimeInputProps } from './TimeInput/TimeInput.types';
+type CommonProps = {
+    type: 'time' | 'date';
+};
+export type DateTimeInputProps = (CommonProps & DateInputProps) | (CommonProps & TimeInputProps);
+export {};

package/lib/Atoms/Inputs/DateTimeInput/TimeInput/TimeInput.d.ts

@@ -0,0 +1,3 @@
+import { default as TimeInputProps } from './TimeInput.types';
+declare const TimeInput: ({ interval, label, minDate, onChange, size, withPortal, }: TimeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TimeInput;

package/lib/Atoms/Inputs/DateTimeInput/TimeInput/TimeInput.types.d.ts

@@ -0,0 +1,10 @@
+import { NearestMinutes } from 'date-fns';
+import { TextInputProps } from '../../TextInput/TextInput.types';
+export default interface TimeInputProps {
+    interval?: Extract<NearestMinutes, 15 | 30>;
+    label: string;
+    minDate?: Date;
+    onChange?: (date: Date) => void;
+    size?: TextInputProps['size'];
+    withPortal?: boolean;
+}

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

@@ -5,7 +5,7 @@ export interface InputFieldSpecialProps {
     id: string;
     maxDigits?: 'two' | 'three' | 'four';
     name?: string;
-    onChange: (id: string, value: number) => void;
+    onChange: (value: number) => void;
     placeholder?: string;
     style?: 'outline' | 'filled';
     value?: number;

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

@@ -1,3 +1,3 @@
-import { RadioButtonTypes } from './RadioButton.types';
-export declare function RadioButton({ checked, disabled, id, label, onChange, size, value, }: RadioButtonTypes): import("react/jsx-runtime").JSX.Element;
+import { RadioButtonPropsType } from './RadioButton.types';
+export declare function RadioButton({ checked, disabled, id, label, onChange, onClick, pill, secondaryText, size, value, }: RadioButtonPropsType): import("react/jsx-runtime").JSX.Element;
 export default RadioButton;

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

@@ -1,6 +1,13 @@
 import { InputHTMLAttributes } from 'react';
-export interface RadioButtonTypes extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+export type RadioButtonPropsType = Pick<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'disabled' | 'id' | 'onChange' | 'value' | 'onClick'> & {
     id: string;
     label: string;
-    size: 'tiny' | 'small' | 'medium';
-}
+} & ({
+    pill?: never;
+    secondaryText?: never;
+    size: 'tiny' | 'small';
+} | {
+    pill?: string;
+    secondaryText?: string;
+    size: 'medium';
+});

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

@@ -1,3 +1,3 @@
 import { TextInputProps } from './TextInput.types';
-declare const TextInput: ({ ariaDescribedby, charLimit, colorScheme, errorText, hintText, icon, id, inputFieldType, label, name, ref, showInputHints, size, textButton, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+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;
 export default TextInput;

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

@@ -1,9 +1,10 @@
 import { UseInputParameters } from '@mui/base';
-import { ForwardedRef, HTMLInputTypeAttribute } from 'react';
+import { ForwardedRef, HTMLInputTypeAttribute, KeyboardEventHandler } from 'react';
 import { IconProps } from '../../../Base/Icon/Icon.types';
 import { IconButtonIcon24Props } from '../../Buttons/IconButton/IconButton.types';
 export interface CommonTextInputProps extends UseInputParameters {
     ariaDescribedby?: string;
+    ariaExpanded?: boolean;
     charLimit?: number;
     colorScheme?: 'outline' | 'filled';
     errorText?: string;
@@ -11,12 +12,19 @@ export interface CommonTextInputProps extends UseInputParameters {
     id: string;
     label: string;
     name?: string;
+    onKeyDown?: KeyboardEventHandler;
+    readonly?: boolean;
     ref?: ForwardedRef<null>;
+    role?: 'combobox';
     showInputHints?: boolean;
 }
 export interface TextInputProps extends CommonTextInputProps {
     icon?: IconProps;
+    iconButton?: IconButtonIcon24Props & {
+        ariaExpanded?: boolean;
+        ariaHaspopup?: boolean;
+        ref?: ForwardedRef<null>;
+    };
     inputFieldType?: HTMLInputTypeAttribute;
     size: 'medium' | 'large' | 'small';
-    textButton?: IconButtonIcon24Props;
 }

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

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

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

@@ -0,0 +1,4 @@
+export type ProgressBarProps = {
+    progress: number;
+    steps: number;
+};

package/lib/Atoms/Selectables/SelectablePill/SelectablePill.d.ts

@@ -1,3 +1,3 @@
 import { SelectablePillProps } from './SelectablePill.types';
-declare const SelectablePill: ({ disabled, icon, id, isSelected, label, onToggleChange, orientation, popular, style, value, variant, }: SelectablePillProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectablePill: ({ disabled, icon, iconSize, id, isSelected, label, onToggleChange, orientation, popular, style, value, variant, }: SelectablePillProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectablePill;

package/lib/Atoms/Selectables/SelectablePill/SelectablePill.types.d.ts

@@ -1,7 +1,8 @@
-import { Icon32 } from '../../../Base/Icon/Icon.types';
+import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 export interface SelectablePillProps {
     disabled?: boolean;
-    icon?: Icon32;
+    icon?: Icon24 | Icon32;
+    iconSize?: '24' | '32';
     id: string;
     isSelected?: boolean;
     label: string;

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

@@ -111,18 +111,36 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
                 desc?: string;
                 descId?: string;
             }>;
+            list: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
                 desc?: string;
                 descId?: string;
             }>;
+            send: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
         };
         '24': {
             readonly arrow_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -227,12 +245,24 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
                 desc?: string;
                 descId?: string;
             }>;
+            readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly event_calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -991,6 +1021,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly shield: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly shopping_bag: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;

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

@@ -23,17 +23,35 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
+    list: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
+    send: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
 };
 export default IconsMap;

package/lib/Base/Icon/icons/outline/24x24/index.d.ts

@@ -101,12 +101,24 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
+    readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly event_calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/lib/Base/Icon/icons/outline/32x32/index.d.ts

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

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

@@ -24,18 +24,36 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
             desc?: string;
             descId?: string;
         }>;
+        list: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
             desc?: string;
             descId?: string;
         }>;
+        send: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
     };
     '24': {
         readonly arrow_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -140,12 +158,24 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
             desc?: string;
             descId?: string;
         }>;
+        readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly event_calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
@@ -904,6 +934,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly shield: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly shopping_bag: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;