@goodhood-web/ui 3.0.0-development.4 → 3.0.0-development.41

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

@@ -8,9 +8,11 @@ interface CommonProps {
     className?: string;
     'data-testid'?: string;
     disabled?: boolean;
+    isToggleButton?: boolean;
     ref?: ForwardedRef<null>;
     role?: AriaRole;
     selected?: boolean;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
 }
 export interface BaseButtonProps extends ButtonOwnProps, CommonProps {
     onClick: (event: MouseEvent<HTMLElement>) => void;
@@ -27,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/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/Buttons/Tiles/FeedTile/FeedTile.d.ts

@@ -1,3 +1,3 @@
 import { default as FeedTileProps } from './FeedTile.types';
-declare const FeedTile: ({ fullWidth, icon, onClick, text }: FeedTileProps) => import("react/jsx-runtime").JSX.Element;
+declare const FeedTile: ({ ariaLabel, fullWidth, icon, onClick, text }: FeedTileProps) => import("react/jsx-runtime").JSX.Element;
 export default FeedTile;

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { Icon32 } from '../../../../Base/Icon/Icon.types';
 import { BaseButtonProps } from '../../../Buttons/Button/Button.types';
 export default interface FeedTileProps {
+    ariaLabel?: string;
     fullWidth?: boolean;
     icon: Icon32;
     onClick?: BaseButtonProps['onClick'];

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

@@ -1,3 +1,3 @@
 import { default as MenuTileProps } from './MenuTile.type';
-declare const MenuTile: ({ fullWidth, icon, primaryText, secondaryText, ...props }: MenuTileProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuTile: ({ ariaLabel, fullWidth, icon, primaryText, secondaryText, ...props }: MenuTileProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuTile;

package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.type.d.ts

@@ -1,6 +1,7 @@
 import { Icon32 } from '../../../../Base/Icon/Icon.types';
 import { ButtonProps } from '../../Button/Button.types';
 export default interface MenuTileProps extends Omit<ButtonProps, 'children'> {
+    ariaLabel?: string;
     fullWidth?: boolean;
     icon?: Icon32;
     primaryText?: string;

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/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/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;

package/lib/Molecules/Notices/EmptyState/EmptyState.types.d.ts

@@ -7,13 +7,13 @@ import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.ty
 type TextButton = Omit<TextButtonProps, 'size'> & {
     buttonType: 'text';
 };
-type ButtonPrimary = Omit<ButtonPrimaryProps, 'size'> & {
+type ButtonPrimary = ButtonPrimaryProps & {
     buttonType: 'primary';
 };
-type ButtonSecondary = Omit<ButtonSecondaryProps, 'size'> & {
+type ButtonSecondary = ButtonSecondaryProps & {
     buttonType: 'secondary';
 };
-type ButtonTertiary = Omit<ButtonTertiaryProps, 'size'> & {
+type ButtonTertiary = ButtonTertiaryProps & {
     buttonType: 'tertiary';
 };
 export type ButtonProps = TextButton | ButtonPrimary | ButtonSecondary | ButtonTertiary;

package/lib/Molecules/Notices/Notice/Notice.d.ts

@@ -1,3 +1,3 @@
-import { default as NoticeProps } from './Notice.types';
-declare const Notice: (props: NoticeProps) => import("react/jsx-runtime").JSX.Element;
+import { NoticeInfoProps, NoticeWarningProps } from './Notice.types';
+declare const Notice: ({ bodyText, color, context, cta, dismissible, headline, icon, markdown, notificationBubble, onDismiss, size, type, variant, }: NoticeWarningProps | NoticeInfoProps) => import("react/jsx-runtime").JSX.Element;
 export default Notice;