@goodhood-web/ui 1.6.0-development.4 → 1.6.0-development.40

package/lib/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import { BadgeProps } from './Badge.types';
+
+declare const Badge: ({ ariaLabel, badgeIcons, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/lib/Badge/Badge.types.d.ts

@@ -0,0 +1,10 @@
+import { BadgeOwnProps } from '@mui/base';
+import { default as BadgeIconProps } from '../BadgeIcon/BadgeIcon.types';
+
+type BadgeIcon = BadgeIconProps['type'];
+export interface BadgeProps {
+    ariaLabel?: string;
+    badgeIcons: [BadgeIcon] | [BadgeIcon, BadgeIcon] | [BadgeIcon, BadgeIcon, BadgeIcon];
+    children: BadgeOwnProps['children'];
+}
+export {};

package/lib/BadgeIcon/BadgeIcon.d.ts

@@ -0,0 +1,4 @@
+import { default as BadgeIconProps } from './BadgeIcon.types';
+
+declare const BadgeIcon: ({ ariaLabel, className, role, size, type }: BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
+export default BadgeIcon;

package/lib/BadgeIcon/BadgeIcon.types.d.ts

@@ -0,0 +1,9 @@
+import { AriaRole } from 'react';
+
+export default interface BadgeIconProps {
+    ariaLabel?: string;
+    className?: string;
+    role?: AriaRole;
+    size: 'small' | 'medium';
+    type: 'ben' | 'localBiz' | 'localOrg' | 'supporter' | 'muted';
+}

package/lib/BadgeLabel/BadgeLabel.d.ts

@@ -0,0 +1,4 @@
+import { default as BadgeLabelProps } from './BadgeLabel.types';
+
+declare const BadgeLabel: ({ buttonHref, buttonOnClick, buttonText, text, type, }: BadgeLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default BadgeLabel;

package/lib/BadgeLabel/BadgeLabel.types.d.ts

@@ -0,0 +1,10 @@
+import { default as BadgeIconProps } from '../BadgeIcon/BadgeIcon.types';
+import { TextButtonProps } from '../TextButton/TextButton.types';
+
+export default interface BadgeLabelProps {
+    buttonHref: TextButtonProps['href'];
+    buttonOnClick: TextButtonProps['onClick'];
+    buttonText: string;
+    text: string;
+    type: Extract<BadgeIconProps['type'], 'ben' | 'supporter' | 'muted'>;
+}

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

@@ -1,4 +1,4 @@
 import { ButtonPrimaryProps } from './ButtonPrimary.types';
 
-declare const ButtonPrimary: ({ children, className, color, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonPrimary: ({ children, className, color, disabled, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonPrimary;

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

@@ -1,4 +1,4 @@
 import { FieldsetProps } from './Fieldset.types';
 
-declare const Fieldset: ({ children, classname, disabled, form, name }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
+declare const Fieldset: ({ children, className, disabled, form, name }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
 export default Fieldset;

package/lib/Fieldset/Fieldset.types.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 
 export interface FieldsetProps {
     children: ReactNode;
-    classname?: string;
+    className?: string;
     disabled?: boolean;
     form?: string;
     name?: string;

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;
     }>;
@@ -111,6 +117,9 @@ declare const IconsMap: {
     readonly privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly react: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly search: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -123,6 +132,9 @@ declare const IconsMap: {
     readonly sort: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly special_place: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly thanks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;

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

@@ -72,6 +72,9 @@ declare const IconsMap: {
     readonly computer: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly confetti: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly couch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -126,6 +129,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 +180,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;
         }>;
@@ -112,6 +118,9 @@ declare const iconsMap: {
         readonly privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly react: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly search: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -124,6 +133,9 @@ declare const iconsMap: {
         readonly sort: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly special_place: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly thanks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -204,6 +216,9 @@ declare const iconsMap: {
         readonly computer: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly confetti: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly couch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -258,6 +273,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 +324,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/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/NotificationListItem/NotificationListItem.d.ts

@@ -0,0 +1,4 @@
+import { NotificationListItemProps } from './NotificationListItem.types';
+
+declare const NotificationListItem: ({ defaultIcon, imgSrc, isSeen, linkText, onNotificationClick, timeAgo, title, }: NotificationListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationListItem;

package/lib/NotificationListItem/NotificationListItem.types.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface NotificationListItemProps {
+    defaultIcon?: React.ReactNode;
+    imgSrc?: string;
+    isSeen?: boolean;
+    linkText: string;
+    onNotificationClick?: () => void;
+    timeAgo: string;
+    title: string;
+}

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

@@ -0,0 +1,3 @@
+import { SelectTypes } from './Select.types';
+
+export default function Select(props: SelectTypes): import("react/jsx-runtime").JSX.Element;

package/lib/Select/Select.example.d.ts

@@ -0,0 +1,10 @@
+interface SelectExampleProps {
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    filled?: boolean;
+    placeholder?: string;
+    value?: string;
+}
+export declare function SelectExample(props: SelectExampleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Select/Select.types.d.ts

@@ -0,0 +1,18 @@
+import { FocusEvent, KeyboardEvent, MouseEvent, ReactElement } from 'react';
+
+export interface SelectTypes {
+    children: ReactElement<HTMLOptionElement> | ReactElement<HTMLOptionElement>[];
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    filled?: boolean;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    value: string | null;
+}
+export interface OptionTypes {
+    child?: ReactElement;
+    label?: string;
+    value: string | null;
+}
+export type OnChangeType = ((event: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element> | FocusEvent<Element, Element> | null, value: string | null) => void) | undefined;

package/lib/Sheet/Backdrop/Backdrop.d.ts

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

package/lib/Sheet/Sheet.d.ts

@@ -0,0 +1,4 @@
+import { SheetProps } from './Sheet.types';
+
+declare const Sheet: ({ ariaLabel, ariaLabelledBy, closeButtonText, onClose, open, sheetBody, sheetFooter, sheetHeader, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
+export default Sheet;

package/lib/{Modal/Modal.types.d.ts → Sheet/Sheet.types.d.ts}

@@ -1,13 +1,14 @@
-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 {
+export interface SheetProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;
     closeButtonText?: string;
-    modalBody?: ReactElement<CardBodyProps>;
-    modalHeader?: ReactElement<CardHeaderProps>;
     onClose: () => void;
     open: boolean;
+    sheetBody?: ReactElement<CardBodyProps>;
+    sheetFooter?: ReactElement<CardHeaderProps>;
+    sheetHeader?: ReactElement<CardHeaderProps>;
 }

package/lib/Sticker/Sticker.d.ts

@@ -0,0 +1,4 @@
+import { StickerProps } from './Sticker.types';
+
+declare const Sticker: ({ color, icon, size }: StickerProps) => import("react/jsx-runtime").JSX.Element;
+export default Sticker;

package/lib/Sticker/Sticker.types.d.ts

@@ -0,0 +1,7 @@
+import { Icon32 } from '../Icon/Icon.types';
+
+export interface StickerProps {
+    color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey';
+    icon: Icon32;
+    size: 'small' | 'medium' | 'large';
+}

package/lib/TextArea/TextArea.d.ts

@@ -0,0 +1,4 @@
+import { TextAreaProps } from './TextArea.types';
+
+declare const TextArea: ({ colorScheme, errorMessage, id, label, name, ref, size, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/lib/TextArea/TextArea.types.d.ts

@@ -0,0 +1,12 @@
+import { UseInputParameters } from '@mui/base/useInput';
+import { ForwardedRef } from 'react';
+
+export interface TextAreaProps extends UseInputParameters {
+    colorScheme: 'light' | 'dark';
+    errorMessage?: string;
+    id: string;
+    label: string;
+    name?: string;
+    ref?: ForwardedRef<null>;
+    size: 'small' | 'medium';
+}

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

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

package/lib/Tile/Tile.type.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '../Button/Button.types';
+import { Icon32 } from '../Icon/Icon.types';
+
+export default interface TileProps extends Omit<ButtonProps, 'children'> {
+    fullWidth?: boolean;
+    icon?: Icon32;
+    primaryText?: string;
+    secondaryText?: string;
+}

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.4",
+  "version": "1.6.0-development.40",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -15,7 +15,7 @@
   },
   "private": false,
   "peerDependencies": {
-    "@mui/base": "~5.0.0-beta.37",
-    "@goodhood/design-tokens": "1.0.0-dev.26"
+    "@mui/base": "~5.0.0-beta.40",
+    "@goodhood/design-tokens": "1.0.0-develop.1"
   }
 }