@goodhood-web/ui 3.0.0-development.2 → 3.0.0-development.20

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

@@ -8,6 +8,7 @@ interface CommonProps {
     className?: string;
     'data-testid'?: string;
     disabled?: boolean;
+    isToggleButton?: boolean;
     ref?: ForwardedRef<null>;
     role?: AriaRole;
     selected?: boolean;

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/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/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/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/Notice/InfoNotice/InfoNotice.d.ts

@@ -1,3 +1,3 @@
 import { default as NoticeProps } from '../Notice.types';
-declare const InfoNotice: ({ context, dismissible, iconName, notificationBubble, onClick, onDismiss, primaryText, secondaryText, size, textButton, type, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
+declare const InfoNotice: ({ context, dismissible, iconName, markdown, notificationBubble, onClick, onDismiss, primaryText, secondaryText, size, textButton, type, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
 export default InfoNotice;

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

@@ -3,9 +3,10 @@ import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.ty
 import { NotificationBubbleProps } from '../../../Atoms/NotificationBubble/NotificationBubble.types';
 import { Icon24 } from '../../../Base/Icon/Icon.types';
 export default interface NoticeProps {
-    context: 'warning' | 'infoGrey' | 'infoGreen';
+    context: 'warning' | 'infoGrey' | 'infoGreen' | 'infoVanilla';
     dismissible?: boolean;
     iconName?: Icon24;
+    markdown?: boolean;
     notificationBubble?: NotificationBubbleProps;
     onClick?: TextButtonProps['onClick'];
     onDismiss?: IconButtonProps['onClick'];

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

@@ -1,3 +1,3 @@
 import { default as NoticeProps } from '../Notice.types';
-declare const WarningNotice: ({ dismissible, iconName, notificationBubble, onDismiss, primaryText, secondaryText, size, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
+declare const WarningNotice: ({ dismissible, iconName, markdown, notificationBubble, onDismiss, primaryText, secondaryText, size, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
 export default WarningNotice;

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

@@ -1,3 +1,3 @@
 import { default as SnackbarProps } from './Snackbar.types';
-declare const Snackbar: ({ dismissable, isOpen, leftIconLarge, leftIconSmall, onClick, onClose, rightIconLarge, rightIconSmall, textButton, textLabel, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Snackbar: ({ color, dismissable, isOpen, leftIconLarge, leftIconSmall, onClick, onClose, rightIconLarge, rightIconSmall, textButton, textLabel, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Snackbar;

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

@@ -1,5 +1,7 @@
+import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
 import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 export default interface SnackbarProps {
+    color?: TextButtonProps['color'];
     dismissable?: boolean;
     isOpen: boolean;
     leftIconLarge?: Icon32;

package/lib/Organisms/Modals/Popup/Popup.types.d.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 export interface PopupProps {
     anchor?: HTMLElement | null;
     children: ReactNode;
+    className?: string;
     container?: HTMLElement | null;
     handleClickAway?: () => void;
     id?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.0.0-development.2",
+  "version": "3.0.0-development.20",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",