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

package/lib/Button/Button.types.d.ts

@@ -1,5 +1,5 @@
-import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
 import { ButtonOwnProps } from '@mui/base';
+import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
 
 interface CommonProps {
     ariaLabel?: string;
@@ -16,7 +16,7 @@ export interface BaseButtonProps extends ButtonOwnProps, CommonProps {
 export interface LinkProps extends CommonProps {
     children: ReactNode;
     href?: string;
-    onClick?: (event?: MouseEvent<HTMLElement>) => void;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
     rel?: string;
     target?: string;
 }

package/lib/ButtonPrimary/ButtonPrimary.types.d.ts

@@ -1,8 +1,8 @@
+import { ReactNode } from 'react';
 import { ButtonProps } from '../Button/Button.types';
-import { default as React } from 'react';
 
 export interface ButtonPrimaryProps extends Omit<ButtonProps, 'children'> {
-    children?: React.ReactNode;
+    children?: ReactNode;
     color?: 'highlight' | 'primary' | 'transparent';
     loading?: boolean;
     size?: 'tiny' | 'small' | 'medium' | 'large';

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

@@ -1,6 +1,6 @@
-import { CardHeaderProps } from './CardHeader/CardHeader.type';
-import { CardBodyProps } from './CardBody/CardBody.types';
 import { ReactElement } from 'react';
+import { CardBodyProps } from './CardBody/CardBody.types';
+import { CardHeaderProps } from './CardHeader/CardHeader.type';
 
 export interface CardProps {
     ariaLabel?: string;

package/lib/Card/CardHeader/CardHeader.type.d.ts

@@ -1,14 +1,13 @@
-import { TypographyProps } from '../../Typography/Typography.types';
-import { IconButtonProps } from '../../IconButton/IconButton.types';
-import { IconProps } from '../../Icon/Icon.types';
-import { BaseButtonProps } from '../../BaseButton/BaseButton';
 import { ReactElement } from 'react';
+import { IconProps } from '../../Icon/Icon.types';
+import { IconButtonProps } from '../../IconButton/IconButton.types';
+import { TypographyProps } from '../../Typography/Typography.types';
 
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
     className?: string;
     headline: string;
     leftElement?: ReactElement<IconProps | IconButtonProps>;
-    rightElement?: ReactElement<BaseButtonProps>;
+    rightElement?: ReactElement<IconButtonProps>;
     type?: Exclude<TypographyProps['type'], 'h1'>;
 };

package/lib/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from './Icon.types';
 import { ReactElement } from 'react';
+import { IconProps } from './Icon.types';
 
 declare const Icon: ({ className, name, role, size, title, }: IconProps) => ReactElement | null;
 export default Icon;

package/lib/Icon/Icon.types.d.ts

@@ -1,6 +1,6 @@
-import { default as icons32 } from './icons/32x32';
-import { default as icons24 } from './icons/24x24';
 import { AriaRole } from 'react';
+import { default as icons24 } from './icons/24x24';
+import { default as icons32 } from './icons/32x32';
 
 export type Icon32 = keyof typeof icons32;
 export type Icon24 = keyof typeof icons24;

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

@@ -69,6 +69,12 @@ declare const IconsMap: {
     readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;

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

@@ -126,6 +126,12 @@ declare const IconsMap: {
     readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly house: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -171,6 +177,9 @@ declare const IconsMap: {
     readonly more_dots_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly more_dots_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly music: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;

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

@@ -70,6 +70,12 @@ declare const iconsMap: {
         readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -258,6 +264,12 @@ declare const iconsMap: {
         readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly house: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -303,6 +315,9 @@ declare const iconsMap: {
         readonly more_dots_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly more_dots_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly music: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;

package/lib/IconButton/IconButton.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon24, Icon32 } from '../Icon/Icon.types';
 import { ButtonProps } from '../Button/Button.types';
+import { Icon24, Icon32 } from '../Icon/Icon.types';
 
 type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
     ariaLabel: string;

package/lib/Markdown/Markdown.d.ts

@@ -3,5 +3,5 @@ type MarkdownProps = {
     inline?: boolean;
     text: string;
 };
-declare function Markdown({ text }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Markdown({ className, text }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
 export default Markdown;

package/lib/MenuItem/MenuItem.d.ts

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

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

@@ -1,12 +1,14 @@
-import { BaseButtonProps } from '../BaseButton/BaseButton';
 import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button.types';
 
 export interface MenuItemProps {
+    className?: string;
+    href?: string;
     isSelected?: boolean;
     labelPillText?: string;
     leftIcon: ReactNode;
-    onClick: BaseButtonProps['onClick'];
+    onClick?: ButtonProps['onClick'];
     rightIcon?: ReactNode;
-    role?: BaseButtonProps['role'];
+    role?: ButtonProps['role'];
     text: string;
 }

package/lib/Modal/Backdrop/Backdrop.d.ts

@@ -1,5 +1,4 @@
 import { BackdropProps } from './Backdrop.types';
-import { default as React } from 'react';
 
-declare const Backdrop: React.ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Backdrop;

package/lib/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
 import { ModalProps } from './Modal.types';
 
-declare const Modal: ({ ariaLabel, ariaLabelledBy, closeButtonText, modalBody, modalHeader, onClose, open, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const Modal: ({ actionButtonText, ariaLabel, ariaLabelledBy, closeButtonText, modalBody, modalHeader, onAction, onClose, open, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/lib/Modal/Modal.types.d.ts

@@ -1,13 +1,15 @@
-import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
-import { CardBodyProps } from '../Card/CardBody/CardBody.types';
 import { ReactElement } from 'react';
+import { CardBodyProps } from '../Card/CardBody/CardBody.types';
+import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
 
 export interface ModalProps {
+    actionButtonText?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
     closeButtonText?: string;
     modalBody?: ReactElement<CardBodyProps>;
     modalHeader?: ReactElement<CardHeaderProps>;
+    onAction?: () => void;
     onClose: () => void;
     open: boolean;
 }

package/lib/NavBar/NavItem/NavItem.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon24, Icon32 } from '../../Icon/Icon.types';
 import { ReactElement } from 'react';
+import { Icon24, Icon32 } from '../../Icon/Icon.types';
 
 export type NavItemProps = {
     active?: boolean;

package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts

@@ -1,7 +1,8 @@
+import { ReactElement } from 'react';
 import { IconProps } from '../Icon/Icon.types';
 
 export type PlaceholderThumbnailProps = {
     className?: string;
-    icon: React.ReactElement<IconProps>;
+    icon: ReactElement<IconProps>;
     size: 'small' | 'large';
 };

package/lib/Popup/Popup.d.ts

@@ -1,4 +1,4 @@
 import { PopupProps } from './Popup.types';
 
-declare const Popup: ({ anchor, children, id, offset, open, placement }: PopupProps) => import("react/jsx-runtime").JSX.Element;
+declare const Popup: import('react').ForwardRefExoticComponent<PopupProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Popup;

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

@@ -1,13 +1,15 @@
-import { ReactNode } from 'react';
 import { PopupPlacement } from '@mui/base';
+import { ReactNode } from 'react';
 
 export interface PopupProps {
     anchor?: HTMLElement | null;
     children: ReactNode;
+    container?: HTMLElement | null;
     id?: string;
-    offset?: 'sm' | 'md' | 'lg' | 'xl';
+    offset?: OffsetType;
     open: boolean;
     placement?: PopupPlacement;
+    strategy?: 'absolute' | 'fixed';
 }
 export declare enum OffsetMap {
     lg = 16,
@@ -15,3 +17,8 @@ export declare enum OffsetMap {
     sm = 8,
     xl = 24
 }
+type OffsetType = keyof typeof OffsetMap | Partial<{
+    crossAxis: number;
+    mainAxis: number;
+}>;
+export {};

package/lib/TextButton/TextButton.types.d.ts

@@ -1,7 +1,7 @@
-import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
-import { IconProps } from '../Icon/Icon.types';
-import { ButtonProps } from '../Button/Button.types';
 import { ReactElement } from 'react';
+import { ButtonProps } from '../Button/Button.types';
+import { IconProps } from '../Icon/Icon.types';
+import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
 
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
     color: 'green' | 'blue' | 'text';

package/lib/TextInput/TextInput.types.d.ts

@@ -1,5 +1,5 @@
-import { ForwardedRef } from 'react';
 import { UseInputParameters } from '@mui/base/useInput';
+import { ForwardedRef } from 'react';
 
 export interface TextInputProps extends UseInputParameters {
     colorScheme: 'light' | 'dark';

package/lib/ToggleInput/ToggleInput.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon32 } from '../Icon/Icon.types';
 import { UseSwitchParameters } from '@mui/base';
+import { Icon32 } from '../Icon/Icon.types';
 
 export interface ToggleInputProps extends UseSwitchParameters {
     icon?: Icon32;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "1.6.0-development.2",
+  "version": "1.6.0-development.20",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {