@goodhood-web/ui 3.0.0-development.5 → 3.0.0-development.51

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

@@ -12,6 +12,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 +29,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,4 +1,4 @@
-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;
@@ -11,6 +11,10 @@ type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> &
     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/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, 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 = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
     id: string;
     label: string;
-    size: 'tiny' | 'small' | 'medium';
-}
+} & ({
+    pill?: never;
+    secondaryText?: never;
+    size: 'tiny' | 'small';
+} | {
+    pill?: string;
+    secondaryText?: string;
+    size: 'medium';
+});

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> & {
@@ -197,6 +215,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -221,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;
@@ -985,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

@@ -71,6 +71,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    readonly clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -95,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> & {
@@ -110,6 +128,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
@@ -134,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;
@@ -898,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;

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
 export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-uppercase' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline' | 'body-large' | 'body-large-semibold' | 'body' | 'body-semibold' | 'body-italic' | 'quote-large' | 'detail-small' | 'detail-small-bold';
-export type TypographyTypeProduct = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'body-text-link' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
+export type TypographyTypeProduct = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'body-text-link' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular' | 'detail-text-link';
 type AsProp<C extends ElementType> = {
     as?: C;
     markdown?: boolean;

package/lib/Molecules/Card/Card.d.ts

@@ -1,3 +1,3 @@
 import { CardProps } from './Card.types';
-declare const Card: ({ allowedElement, ariaLabel, as: Tag, borderRadius, children, className, role, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ allowedElement, ariaLabel, as: Tag, borderRadius, children, className, responsive, role, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/lib/Molecules/Card/Card.types.d.ts

@@ -1,13 +1,21 @@
 import { ReactElement } from 'react';
 import { CardBodyProps } from './CardBody/CardBody.types';
 import { CardHeaderProps } from './CardHeader/CardHeader.types';
-export interface CardProps {
+export interface CardBaseProps {
     allowedElement?: React.ElementType;
     ariaLabel?: string;
     as?: Extract<keyof JSX.IntrinsicElements, 'section' | 'div'>;
-    borderRadius?: boolean;
     children: ReactElement<CardBodyProps | CardHeaderProps> | ReactElement<CardBodyProps | CardHeaderProps>[];
     className?: string;
     role?: string;
     withoutPadding?: boolean;
 }
+export type ResponsiveProps = {
+    borderRadius: true;
+    responsive?: boolean;
+} & CardBaseProps;
+export type NonResponsiveProps = {
+    borderRadius?: boolean;
+    responsive?: false;
+} & CardBaseProps;
+export type CardProps = ResponsiveProps | NonResponsiveProps;

package/lib/Molecules/Card/CardHeader/CardHeader.types.d.ts

@@ -6,7 +6,7 @@ export type CardHeaderProps = {
     as?: Exclude<AllowedTypographyHTMLTags, 'h1' | 'p' | 'span'>;
     className?: string;
     headline: string;
-    leftElement?: ReactElement<IconProps | IconButtonProps>;
+    leftElement?: ReactElement<IconProps | IconButtonProps> | ReactNode;
     rightElement?: ReactElement<IconButtonProps> | ReactNode;
     type?: Exclude<TypographyTypeProduct, 'h1'>;
 };

package/lib/Molecules/Navigation/MenuItem/MenuItem.d.ts

@@ -1,3 +1,3 @@
 import { MenuItemProps } from './MenuItem.types';
-declare const MenuItem: ({ className: passedClassName, compact, href, isSelected, labelPillClassName, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ className: passedClassName, compact, descriptionText, href, isSelected, labelPillClassName, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItem;

package/lib/Molecules/Navigation/MenuItem/MenuItem.types.d.ts

@@ -3,6 +3,7 @@ import { ButtonProps } from '../../../Atoms/Buttons/Button/Button.types';
 export interface MenuItemProps {
     className?: string;
     compact?: boolean;
+    descriptionText?: string;
     href?: string;
     id?: string;
     isSelected?: boolean;