@goodhood-web/ui 3.3.0-development.2 → 3.3.0-development.21

package/lib/Atoms/AccordionItem/AccordionItem.d.ts

@@ -1,3 +1,3 @@
 import { AccordionItemProps } from './AccordionItem.types';
-declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, id, size, title, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, handleClick, hideBorder, id, opened, size, title, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/lib/Atoms/AccordionItem/AccordionItem.types.d.ts

@@ -3,7 +3,10 @@ export type AccordionItemProps = {
     accordionBtnClassName?: string;
     accordionPanelClassName?: string;
     children: ReactNode;
+    handleClick?: () => void;
+    hideBorder?: boolean;
     id: number | string;
+    opened?: boolean;
     size?: 'small' | 'large';
     title: string;
 };

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

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariationProps } from '../Button/Button.types';
 export interface ButtonTertiaryProps extends ButtonVariationProps, Omit<ButtonProps, 'children'> {
     children?: ReactNode;
-    color?: 'green' | 'pink' | 'blue' | 'grey';
+    color?: 'green' | 'pink' | 'blue' | 'greySubtle' | 'greyStrong';
 }

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

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../Button/Button.types';
+declare const CarouselNavigation: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "children" | "className" | "ref"> & {
+    direction: "left" | "right";
+} & import('react').RefAttributes<HTMLButtonElement>>;
+export default CarouselNavigation;

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

@@ -0,0 +1,4 @@
+import { ButtonProps } from '../Button/Button.types';
+export type CarouselNavigationProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & {
+    direction: 'left' | 'right';
+};

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

@@ -0,0 +1 @@
+export declare const GalleryPlaceholder: () => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -1,3 +1,3 @@
 import { ThumbnailCircularProps, ThumbnailSquareProps } from './Thumbnail.type';
-declare const Thumbnail: ({ alt, className, isPlaceholder, shape, size, src, }: ThumbnailCircularProps | ThumbnailSquareProps) => import("react/jsx-runtime").JSX.Element;
+declare const Thumbnail: ({ alt, children, className, isPlaceholder, shape, size, src, }: ThumbnailCircularProps | ThumbnailSquareProps) => import("react/jsx-runtime").JSX.Element;
 export default Thumbnail;

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

@@ -1,7 +1,10 @@
+import { ReactNode } from 'react';
 import { ImageProps } from '../../Image/Image.type';
-export interface ThumbnailProps extends ImageProps {
+export interface ThumbnailProps extends Omit<ImageProps, 'src'> {
+    children?: ReactNode;
     className?: string;
     isPlaceholder?: boolean;
+    src?: string;
 }
 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", "96", "120"];

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

@@ -6,12 +6,12 @@ type BaseUserAvatarProps = {
     userImageSrc?: string;
 };
 type UserIdMandatory = BaseUserAvatarProps & {
-    avatarColor?: AvatarColor;
+    avatarColor?: never;
     userId: number;
 };
 type AvatarColorMandatory = BaseUserAvatarProps & {
     avatarColor: AvatarColor;
-    userId?: number;
+    userId?: never;
 };
 export type UserAvatarProps = UserIdMandatory | AvatarColorMandatory;
 export {};

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

@@ -0,0 +1 @@
+export declare const getCharCount: (value?: string | number | readonly string[]) => number;

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

@@ -0,0 +1,3 @@
+import { CarouselIndicatorProps } from './CarouselIndicator.types';
+export declare const CarouselIndicator: ({ currentStep, hasContainer, maxDots, onDotClick, totalSteps, type, }: CarouselIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default CarouselIndicator;

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

@@ -0,0 +1,18 @@
+type BaseCarouselIndicatorProps = {
+    currentStep: number;
+    hasContainer?: boolean;
+    maxDots?: number;
+    onDotClick?: (index: number) => void;
+    totalSteps: number;
+    type: 'dots' | 'numbers';
+};
+export type CarouselIndicatorDotsProps = BaseCarouselIndicatorProps & {
+    maxDots: number;
+    onDotClick?: (index: number) => void;
+    type: 'dots';
+};
+export type CarouselIndicatorNumbersProps = BaseCarouselIndicatorProps & {
+    type: 'numbers';
+};
+export type CarouselIndicatorProps = CarouselIndicatorDotsProps | CarouselIndicatorNumbersProps;
+export {};

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

@@ -111,6 +111,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -135,6 +141,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            rotate: 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;
@@ -245,6 +257,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -383,6 +401,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly photo_upload: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly pin: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -637,6 +661,12 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly cutlery: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;
@@ -943,6 +973,18 @@ declare const iconsMap: {
                 desc?: string;
                 descId?: string;
             }>;
+            readonly percentage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
+            readonly percentage_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+                title?: string;
+                titleId?: string;
+                desc?: string;
+                descId?: string;
+            }>;
             readonly phone: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
                 title?: string;
                 titleId?: string;

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

@@ -23,6 +23,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -47,6 +53,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    rotate: 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;

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

@@ -101,6 +101,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -239,6 +245,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    readonly photo_upload: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly pin: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

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

@@ -167,6 +167,12 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly cutlery: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -473,6 +479,18 @@ declare const IconsMap: {
         desc?: string;
         descId?: string;
     }>;
+    readonly percentage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    readonly percentage_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly phone: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

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

@@ -24,6 +24,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
@@ -48,6 +54,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        rotate: 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;
@@ -158,6 +170,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
@@ -296,6 +314,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly photo_upload: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly pin: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
@@ -550,6 +574,12 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly cutlery: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;
@@ -856,6 +886,18 @@ declare const iconsMap: {
             desc?: string;
             descId?: string;
         }>;
+        readonly percentage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
+        readonly percentage_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
+        }>;
         readonly phone: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
             titleId?: string;

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

@@ -3,7 +3,7 @@ import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.ty
 import { IconProps } from '../../../Base/Icon/Icon.types';
 import { AllowedTypographyHTMLTags, TypographyTypeProduct } from '../../../Base/Typography/Typography.types';
 export type CardHeaderProps = {
-    as?: Exclude<AllowedTypographyHTMLTags, 'h1' | 'p' | 'span'>;
+    as?: Exclude<AllowedTypographyHTMLTags, 'p' | 'span'>;
     className?: string;
     headline: string;
     leftElement?: ReactElement<IconProps | IconButtonProps> | ReactNode;

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

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

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

@@ -4,10 +4,12 @@ export default interface SnackbarProps {
     color?: TextButtonProps['color'];
     dismissable?: boolean;
     isOpen: boolean;
+    leftIconClassName?: string;
     leftIconLarge?: Icon32;
     leftIconSmall?: Icon24;
     onClick?: () => void;
     onClose?: () => void;
+    rightIconClassName?: string;
     rightIconLarge?: Icon32;
     rightIconSmall?: Icon24;
     textButton?: string;

package/lib/Organisms/Modals/Sheet/Sheet.d.ts

@@ -1,3 +1,3 @@
 import { SheetProps } from './Sheet.types';
-declare const Sheet: ({ ariaLabel, ariaLabelledBy, closeButtonText, onClose, open, sheetBody, sheetFooter, sheetHeader, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sheet: ({ ariaLabel, ariaLabelledBy, breakpoint, cancelButtonText, content, contentClassName, defaultHeaderTitle, footer, footerClassName, header, headerClassName, onDismiss, onPrimaryAction, open, primaryButtonText, sheetClassName, stickyFooter, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
 export default Sheet;

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

@@ -1,13 +1,23 @@
-import { ReactElement } from 'react';
-import { CardBodyProps } from '../../../Molecules/Card/CardBody/CardBody.types';
-import { CardHeaderProps } from '../../../Molecules/Card/CardHeader/CardHeader.types';
-export interface SheetProps {
+import { ReactNode } from 'react';
+export type SheetBreakpoint = '690' | '800';
+interface SheetBaseProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;
-    closeButtonText?: string;
-    onClose?: () => void;
+    breakpoint?: SheetBreakpoint;
+    cancelButtonText?: string;
+    content?: ReactNode;
+    contentClassName?: string;
+    defaultHeaderTitle?: string;
+    footer?: ReactNode;
+    footerClassName?: string;
+    header?: ReactNode;
+    headerClassName?: string;
+    onDismiss?: () => void;
+    onPrimaryAction?: () => void;
     open: boolean;
-    sheetBody?: ReactElement<CardBodyProps>;
-    sheetFooter?: ReactElement<CardHeaderProps>;
-    sheetHeader?: ReactElement<CardHeaderProps>;
+    primaryButtonText?: string;
+    sheetClassName?: string;
+    stickyFooter?: boolean;
 }
+export type SheetProps = SheetBaseProps;
+export {};

package/package.json

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