@goodhood-web/ui 3.0.0-development.3 → 3.0.0-development.30

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;

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.types.d.ts

@@ -4,7 +4,7 @@ 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';

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' | 'specialPlace' | '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/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

@@ -117,12 +117,24 @@ declare const iconsMap: {
                 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 +209,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 +239,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 +1015,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

@@ -29,11 +29,23 @@ declare const IconsMap: {
         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

@@ -30,12 +30,24 @@ declare const iconsMap: {
             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 +122,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 +152,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 +928,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/ListItems/Neighbour/Neighbour.d.ts

@@ -1,3 +1,3 @@
 import { NeighbourListItemProps } from './Neighbour.types';
-declare const Neighbour: ({ address, altText, callToAction, fullName, iconType, imageUrl, linkTarget, onClick, profileUrl, }: NeighbourListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const Neighbour: ({ address, altText, callToAction, fullName, iconType, imageUrl, linkTarget, onClick, profileUrl, userId, }: NeighbourListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default Neighbour;

package/lib/Molecules/ListItems/Neighbour/Neighbour.types.d.ts

@@ -10,6 +10,7 @@ export interface NeighbourListItemBaseProps {
     imageUrl: string;
     linkTarget?: string;
     profileUrl: string;
+    userId: number;
 }
 export interface NeighbourListItemWithIcon extends NeighbourListItemBaseProps {
     iconType: 'invite_neighbour' | 'envelope';

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;

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

@@ -1,17 +1,65 @@
 import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.types';
 import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
 import { NotificationBubbleProps } from '../../../Atoms/NotificationBubble/NotificationBubble.types';
-import { Icon24 } from '../../../Base/Icon/Icon.types';
-export default interface NoticeProps {
-    context: 'warning' | 'infoGrey' | 'infoGreen';
-    dismissible?: boolean;
-    iconName?: Icon24;
+import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
+interface NoticePropsBase {
+    bodyText?: string;
+    cta?: {
+        color?: TextButtonProps['color'];
+        onClick: TextButtonProps['onClick'];
+        text: string;
+    };
+    headline: string;
+    icon?: {
+        name: Icon24;
+        size?: '24';
+    } | {
+        name: Icon32;
+        size: '32';
+    };
+    markdown?: boolean;
     notificationBubble?: NotificationBubbleProps;
-    onClick?: TextButtonProps['onClick'];
-    onDismiss?: IconButtonProps['onClick'];
-    primaryText: string;
-    secondaryText?: string;
-    size: 'small' | 'medium';
-    textButton?: string;
-    type: 'embedded' | 'sticky';
+    size?: 'small' | 'medium';
+    type?: 'embedded' | 'sticky';
+    variant?: 'detailed' | 'simple';
 }
+type NoticeProps = (NoticePropsBase & ({
+    bodyText?: never;
+    variant?: 'simple';
+} | {
+    bodyText: string;
+    variant: 'detailed';
+}) & {
+    dismissible?: false;
+    onDismiss?: IconButtonProps['onClick'];
+}) | (NoticePropsBase & ({
+    bodyText: string;
+    variant: 'detailed';
+} | {
+    bodyText?: never;
+    variant?: 'simple';
+}) & {
+    dismissible?: true;
+    onDismiss: IconButtonProps['onClick'];
+});
+export type NoticeWarningProps = {
+    color?: 'pinkDark' | 'pinkLight';
+    context: 'warning';
+} & NoticeProps;
+export type NoticeInfoProps = {
+    color?: 'green' | 'grey' | 'vanilla';
+    context?: 'info';
+} & NoticeProps;
+export declare const VariantEnum: {
+    readonly DETAILED: "detailed";
+    readonly SIMPLE: "simple";
+};
+export declare const SizeEnum: {
+    readonly MEDIUM: "medium";
+    readonly SMALL: "small";
+};
+export declare const ContextEnum: {
+    readonly INFO: "info";
+    readonly WARNING: "warning";
+};
+export {};