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

package/lib/ActionBar/ActionBar.d.ts

@@ -0,0 +1,4 @@
+import { ActionBarProps } from './ActionBar.types';
+
+declare const ActionBar: (props: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionBar;

package/lib/ActionBar/ActionBar.types.d.ts

@@ -0,0 +1,8 @@
+import { default as ActionBarCtaProps } from './ActionBarCta/ActionBarCta.types';
+import { default as ActionBarListProps } from './ActionBarList/ActionBarList.types';
+
+export type ActionBarProps = (ActionBarListProps & {
+    type: 'list';
+}) | (ActionBarCtaProps & {
+    type: 'cta';
+});

package/lib/ActionBar/ActionBarCta/ActionBarCta.d.ts

@@ -0,0 +1,4 @@
+import { default as ActionBarCtaProps } from './ActionBarCta.types';
+
+declare const ActionBarCta: ({ button, text }: ActionBarCtaProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionBarCta;

package/lib/ActionBar/ActionBarCta/ActionBarCta.types.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '../../Button/Button.types';
+
+export default interface ActionBarCtaProps {
+    button: Pick<ButtonProps, 'onClick' | 'ariaLabel'> & {
+        text: string;
+    };
+    text: string;
+}

package/lib/ActionBar/ActionBarList/ActionBarList.d.ts

@@ -0,0 +1,4 @@
+import { default as ActionBarListProps } from './ActionBarList.types';
+
+declare const ActionBarList: ({ items }: ActionBarListProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionBarList;

package/lib/ActionBar/ActionBarList/ActionBarList.types.d.ts

@@ -0,0 +1,5 @@
+import { default as ActionBarItemProps } from './ActionItem/ActionItem.types';
+
+export default interface ActionBarListProps {
+    items: ActionBarItemProps[];
+}

package/lib/ActionBar/ActionBarList/ActionItem/ActionItem.d.ts

@@ -0,0 +1,4 @@
+import { default as ActionItemProps } from './ActionItem.types';
+
+declare const ActionItem: ({ className, disabled, icon, onClick, text }: ActionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionItem;

package/lib/ActionBar/ActionBarList/ActionItem/ActionItem.types.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../../../Button/Button.types';
+import { Icon24 } from '../../../Icon/Icon.types';
+
+export default interface ActionBarItemProps {
+    className?: string;
+    disabled?: boolean;
+    icon: Icon24;
+    onClick?: ButtonProps['onClick'];
+    text: string;
+}

package/lib/BodyText/BodyText.d.ts

@@ -0,0 +1,4 @@
+import { default as BodyTextProps } from './BodyText.types';
+
+declare const BodyText: ({ bodyText, headlineText, type }: BodyTextProps) => import("react/jsx-runtime").JSX.Element;
+export default BodyText;

package/lib/BodyText/BodyText.types.d.ts

@@ -0,0 +1,5 @@
+export default interface BodyTextProps {
+    bodyText?: string;
+    headlineText?: string;
+    type: 'post' | 'modal';
+}

package/lib/BodyText/util.d.ts

@@ -0,0 +1 @@
+export declare const parseText: (text: string, regEx: RegExp) => (string | import("react/jsx-runtime").JSX.Element)[] | null;

package/lib/BottomSheet/BottomSheet.d.ts

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

package/lib/BottomSheet/BottomSheet.types.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { ButtonPrimaryProps } from '../ButtonPrimary/ButtonPrimary.types';
+import { CardBodyProps } from '../Card/CardBody/CardBody.types';
+import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
+import { TextButtonProps } from '../TextButton/TextButton.types';
+
+export interface SheetProps {
+    ariaLabel?: string;
+    ctaButtonProps?: ButtonPrimaryProps;
+    linkProps?: TextButtonProps;
+    onClose: () => void;
+    open: boolean;
+    sheetBody?: ReactElement<CardBodyProps>;
+    sheetHeader?: ReactElement<CardHeaderProps>;
+}

package/lib/ButtonPrimary/ButtonPrimary.d.ts

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

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

@@ -4,6 +4,7 @@ import { ButtonProps } from '../Button/Button.types';
 export interface ButtonPrimaryProps extends Omit<ButtonProps, 'children'> {
     children?: ReactNode;
     color?: 'highlight' | 'primary' | 'transparent';
+    fullWidth?: boolean;
     loading?: boolean;
     size?: 'tiny' | 'small' | 'medium' | 'large';
     target?: string;

package/lib/ButtonSecondary/ButtonSecondary.d.ts

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

package/lib/ButtonSecondary/ButtonSecondary.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button.types';
+
+export interface ButtonSecondaryProps extends Omit<ButtonProps, 'children'> {
+    children?: ReactNode;
+    color?: 'green' | 'pink' | 'grey';
+    fullWidth?: boolean;
+    loading?: boolean;
+    size?: 'tiny' | 'small' | 'medium' | 'large';
+    target?: string;
+    text?: string;
+}

package/lib/ButtonTertiary/ButtonTertiary.d.ts

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

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button.types';
+
+export interface ButtonTertiaryProps extends Omit<ButtonProps, 'children'> {
+    children?: ReactNode;
+    color?: 'green' | 'pink' | 'blue';
+    fullWidth?: boolean;
+    loading?: boolean;
+    size?: 'tiny' | 'small' | 'medium' | 'large';
+    target?: string;
+    text?: string;
+}

package/lib/FeedTile/FeedTile.d.ts

@@ -0,0 +1,4 @@
+import { default as FeedTileProps } from './FeedTile.types';
+
+declare const FeedTile: ({ fullWidth, icon, onClick, text }: FeedTileProps) => import("react/jsx-runtime").JSX.Element;
+export default FeedTile;

package/lib/FeedTile/FeedTile.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { BaseButtonProps } from '../Button/Button.types';
+import { Icon32 } from '../Icon/Icon.types';
+
+export default interface FeedTileProps {
+    fullWidth?: boolean;
+    icon: Icon32;
+    onClick?: BaseButtonProps['onClick'];
+    text: ReactNode;
+}

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

@@ -84,12 +84,21 @@ declare const IconsMap: {
     readonly cross_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly gift_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly cutlery: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly group_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly drill_tool: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly heart_handShake_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly email: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -147,6 +156,9 @@ declare const IconsMap: {
     readonly info: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly info_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly invite_neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;

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

@@ -228,12 +228,21 @@ declare const iconsMap: {
         readonly cross_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly gift_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly cutlery: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly group_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly drill_tool: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly heart_handShake_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly email: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -291,6 +300,9 @@ declare const iconsMap: {
         readonly info: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly info_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly invite_neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;

package/lib/MenuItem/MenuItem.d.ts

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

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

@@ -3,10 +3,13 @@ import { ButtonProps } from '../Button/Button.types';
 
 export interface MenuItemProps {
     className?: string;
+    compact?: boolean;
     href?: string;
+    id?: string;
     isSelected?: boolean;
+    labelPillClassName?: string;
     labelPillText?: string;
-    leftIcon: ReactNode;
+    leftIcon?: ReactNode;
     onClick?: ButtonProps['onClick'];
     rightIcon?: ReactNode;
     role?: ButtonProps['role'];

package/lib/MenuTile/MenuTile.d.ts

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

package/lib/{Tile/Tile.type.d.ts → MenuTile/MenuTile.type.d.ts}

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

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

@@ -4,7 +4,7 @@ import { IconProps } from '../Icon/Icon.types';
 import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
 
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
-    color: 'green' | 'blue' | 'text';
+    color: 'green' | 'blue' | 'deepPurple';
     leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     size: 'large' | 'medium' | 'small';

package/lib/Thumbnail/Thumbnail.d.ts

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

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

@@ -1,6 +1,7 @@
 import { ImageProps } from '../Image/Image.type';
 
-interface ThumbnailProps extends ImageProps {
+export interface ThumbnailProps extends ImageProps {
+    className?: string;
     isPlaceholder?: boolean;
 }
 export type TCircularSize = '28' | '32' | '40' | '48' | '56' | '64' | '80' | '120' | '280';
@@ -13,4 +14,3 @@ export interface ThumbnailSquareProps extends ThumbnailProps {
     shape: 'square';
     size: TSquareSize;
 }
-export {};

package/lib/ThumbnailWithLabel/ThumbnailWithLabel.d.ts

@@ -0,0 +1,4 @@
+import { ThumbnailWithLabelProps } from './ThumbnailWithLabel.type';
+
+declare const ThumbnailWithLabel: ({ alt, isPlaceholder, label, placeholderIcon, shape, src, }: ThumbnailWithLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default ThumbnailWithLabel;

package/lib/ThumbnailWithLabel/ThumbnailWithLabel.type.d.ts

@@ -0,0 +1,9 @@
+import { Icon32 } from '../Icon/Icon.types';
+import { ThumbnailProps } from '../Thumbnail/Thumbnail.type';
+
+export type ThumbnailWithLabelProps = ThumbnailProps & {
+    label: string;
+    placeholderIcon?: Icon32;
+    shape: 'circular' | 'square';
+    src?: string;
+};

package/lib/Typography/Typography.types.d.ts

@@ -1,6 +1,6 @@
 import { JSX, ReactNode } from 'react';
 
-export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
+export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'body-text-link' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
 export interface TypographyProps {
     as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
     children: ReactNode;

package/package.json

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