@goodhood-web/ui 1.11.0 → 1.12.0-development.10

package/lib/{BadgeLabel → Atoms/Badges/BadgeLabel}/BadgeLabel.types.d.ts

@@ -1,5 +1,5 @@
+import { TextButtonProps } from '../../Buttons/TextButton/TextButton.types';
 import { default as BadgeIconProps } from '../BadgeIcon/BadgeIcon.types';
-import { TextButtonProps } from '../TextButton/TextButton.types';
 
 export default interface BadgeLabelProps {
     buttonHref: TextButtonProps['href'];

package/lib/{Sticker → Atoms/Badges/Sticker}/Sticker.types.d.ts

@@ -1,4 +1,4 @@
-import { Icon32 } from '../Icon/Icon.types';
+import { Icon32 } from '../../../Base/Icon/Icon.types';
 
 export interface StickerProps {
     color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey';

package/lib/{Button → Atoms/Buttons/Button}/Button.types.d.ts

@@ -20,5 +20,12 @@ export interface LinkProps extends CommonProps {
     rel?: string;
     target?: string;
 }
+export interface ButtonVariationProps {
+    fullWidth?: boolean;
+    loading?: boolean;
+    size?: 'small' | 'medium' | 'large' | 'extraLarge';
+    target?: string;
+    text?: string;
+}
 export type ButtonProps = BaseButtonProps | LinkProps;
 export {};

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { ButtonProps, ButtonVariationProps } from '../Button/Button.types';
+
+export interface ButtonPrimaryProps extends ButtonVariationProps, Omit<ButtonProps, 'children'> {
+    children?: ReactNode;
+    color?: 'highlight' | 'primary' | 'transparent';
+}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { ButtonProps, ButtonVariationProps } from '../Button/Button.types';
+
+export interface ButtonSecondaryProps extends ButtonVariationProps, Omit<ButtonProps, 'children'> {
+    children?: ReactNode;
+    color?: 'green' | 'pink' | 'grey' | 'teal' | 'lavender' | 'orange';
+}

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

@@ -0,0 +1,7 @@
+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' | 'deepPurple';
+}

package/lib/{IconButton → Atoms/Buttons/IconButton}/IconButton.types.d.ts

@@ -1,5 +1,5 @@
+import { Icon24, Icon32 } from '../../../Base/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/{TextButton → Atoms/Buttons/TextButton}/TextButton.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
+import { IconProps } from '../../../Base/Icon/Icon.types';
+import { NotificationBubbleProps } from '../../NotificationBubble/NotificationBubble.types';
 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'> {
     className?: string;

package/lib/{FeedTile → Atoms/Buttons/Tiles/FeedTile}/FeedTile.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { BaseButtonProps } from '../Button/Button.types';
-import { Icon32 } from '../Icon/Icon.types';
+import { Icon32 } from '../../../../Base/Icon/Icon.types';
+import { BaseButtonProps } from '../../../Buttons/Button/Button.types';
 
 export default interface FeedTileProps {
     fullWidth?: boolean;

package/lib/{MenuTile → Atoms/Buttons/Tiles/MenuTile}/MenuTile.type.d.ts

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

package/lib/{PointOfInterestIProfileTile → Atoms/Buttons/Tiles/PointOfInterestIProfileTile}/PointOfInterestIProfileTile.types.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../Button/Button.types';
-import { Icon32 } from '../Icon/Icon.types';
+import { Icon32 } from '../../../../Base/Icon/Icon.types';
+import { ButtonProps } from '../../Button/Button.types';
 
 export interface PointOfInterestProfileProps extends Omit<ButtonProps, 'children'> {
     buttonLabel: string;

package/lib/{PlaceholderThumbnail → Atoms/Content/PlaceholderThumbnail}/PlaceholderThumbnail.type.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { IconProps } from '../Icon/Icon.types';
+import { IconProps } from '../../../Base/Icon/Icon.types';
 
 export type PlaceholderThumbnailProps = {
     className?: string;

package/lib/{Thumbnail → Atoms/Content/Thumbnail}/Thumbnail.type.d.ts

@@ -1,4 +1,4 @@
-import { ImageProps } from '../Image/Image.type';
+import { ImageProps } from '../../Image/Image.type';
 
 export interface ThumbnailProps extends ImageProps {
     className?: string;

package/lib/{ThumbnailWithLabel → Atoms/Content/ThumbnailWithLabel}/ThumbnailWithLabel.type.d.ts

@@ -1,4 +1,4 @@
-import { Icon32 } from '../Icon/Icon.types';
+import { Icon32 } from '../../../Base/Icon/Icon.types';
 import { ThumbnailProps } from '../Thumbnail/Thumbnail.type';
 
 export type ThumbnailWithLabelProps = ThumbnailProps & {

package/lib/{SelectablePill → Atoms/Selectables/SelectablePill}/SelectablePill.types.d.ts

@@ -1,4 +1,4 @@
-import { Icon32 } from '../Icon/Icon.types';
+import { Icon32 } from '../../../Base/Icon/Icon.types';
 
 export interface SelectablePillProps {
     disabled?: boolean;

package/lib/{Icon → Base/Icon}/Icon.types.d.ts

@@ -1,11 +1,11 @@
 import { AriaRole } from 'react';
-import { default as icons18 } from './icons/18x18';
+import { default as icons16 } from './icons/16x16';
 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;
-export type Icon18 = keyof typeof icons18;
+export type Icon16 = keyof typeof icons16;
 type BaseIconProps = {
     className?: string;
     role?: Extract<AriaRole, 'presentation' | 'img'>;
@@ -18,7 +18,7 @@ export type IconProps = ({
     name: Icon24;
     size: '24';
 } & BaseIconProps) | ({
-    name: Icon18;
-    size: '18';
+    name: Icon16;
+    size: '16';
 } & BaseIconProps);
 export {};

package/lib/{Icon/icons/18x18 → Base/Icon/icons/16x16}/index.d.ts

@@ -11,6 +11,12 @@ declare const IconsMap: {
     chevron_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;
+    heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
     privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
     }>;

package/lib/{Icon → Base/Icon}/icons/index.d.ts

@@ -1,5 +1,5 @@
 declare const iconsMap: {
-    '18': {
+    '16': {
         chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
@@ -12,6 +12,12 @@ declare const iconsMap: {
         chevron_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;
+        heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
+        heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string;
+        }>;
         privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
         }>;

package/lib/{Card → Molecules/Card}/Card.types.d.ts

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

package/lib/{ActionBar → Molecules/Card/CardFooters/ActionBar}/ActionBarCta/ActionBarCta.types.d.ts

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

package/lib/{ActionBar → Molecules/Card/CardFooters/ActionBar}/ActionBarList/ActionItem/ActionItem.types.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../../../Button/Button.types';
-import { Icon24 } from '../../../Icon/Icon.types';
+import { ButtonProps } from '../../../../../../Atoms/Buttons/Button/Button.types';
+import { Icon24 } from '../../../../../../Base/Icon/Icon.types';
 
 export default interface ActionBarItemProps {
     className?: string;

package/lib/{Card → Molecules/Card}/CardHeader/CardHeader.d.ts

@@ -1,4 +1,4 @@
-import { CardHeaderProps } from './CardHeader.type';
+import { CardHeaderProps } from './CardHeader.types';
 
 declare const CardHeader: ({ as, className, headline, leftElement, rightElement, type, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default CardHeader;

package/lib/{Card/CardHeader/CardHeader.type.d.ts → Molecules/Card/CardHeader/CardHeader.types.d.ts}

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
-import { IconProps } from '../../Icon/Icon.types';
-import { IconButtonProps } from '../../IconButton/IconButton.types';
-import { TypographyProps } from '../../Typography/Typography.types';
+import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.types';
+import { IconProps } from '../../../Base/Icon/Icon.types';
+import { TypographyProps } from '../../../Base/Typography/Typography.types';
 
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;

package/lib/Molecules/ListItems/NotificationListItem/NotificationListItem.d.ts

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

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+
+type Shape = 'circular' | 'square';
+export type NotificationListItemImageProps = {
+    icon: React.ReactNode;
+    imageURL: string | null | undefined;
+    shape: Shape;
+};
+export interface NotificationListItemProps {
+    linkText: string;
+    onNotificationClick?: () => void;
+    primaryImg: NotificationListItemImageProps;
+    secondaryImg?: NotificationListItemImageProps;
+    timeAgo: string;
+    title: string;
+    unread?: boolean;
+}
+export type ThumbnailProps = {
+    className: string;
+    imgProps: NotificationListItemImageProps;
+    size: '32' | '56';
+};
+export {};

package/lib/{MenuItem → Molecules/Navigation/MenuItem}/MenuItem.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps } from '../Button/Button.types';
+import { ButtonProps } from '../../../Atoms/Buttons/Button/Button.types';
 
 export interface MenuItemProps {
     className?: string;

package/lib/{NavBar → Molecules/Navigation/NavBar}/NavItem/NavItem.types.d.ts

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

package/lib/{EmptyState → Molecules/Notices/EmptyState}/EmptyState.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { ButtonPrimaryProps } from '../ButtonPrimary/ButtonPrimary.types';
-import { StickerProps } from '../Sticker/Sticker.types';
-import { TextButtonProps } from '../TextButton/TextButton.types';
+import { StickerProps } from '../../../Atoms/Badges/Sticker/Sticker.types';
+import { ButtonPrimaryProps } from '../../../Atoms/Buttons/ButtonPrimary/ButtonPrimary.types';
+import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
 
 type TextButton = Omit<TextButtonProps, 'size'> & {
     buttonType: 'text';

package/lib/{Notice → Molecules/Notices/Notice}/Notice.types.d.ts

@@ -1,7 +1,7 @@
-import { Icon24 } from '../Icon/Icon.types';
-import { IconButtonProps } from '../IconButton/IconButton.types';
-import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
-import { TextButtonProps } from '../TextButton/TextButton.types';
+import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.types';
+import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
+import { NotificationBubbleProps } from '../../../Atoms/NotificationBubble/NotificationBubble.types';
+import { Icon24 } from '../../../Base/Icon/Icon.types';
 
 export default interface NoticeProps {
     context: 'warning' | 'infoGrey' | 'infoGreen';

package/lib/{Snackbar → Molecules/Notices/Snackbar}/Snackbar.types.d.ts

@@ -1,4 +1,4 @@
-import { Icon24, Icon32 } from '../Icon/Icon.types';
+import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 
 export default interface SnackbarProps {
     dismissable?: boolean;

package/lib/{SelectablePillGroup → Molecules/Selections/SelectablePillGroup}/SelectablePillGroup.types.d.ts

@@ -1,4 +1,4 @@
-import { SelectablePillProps } from '../SelectablePill/SelectablePill.types';
+import { SelectablePillProps } from '../../../Atoms/Selectables/SelectablePill/SelectablePill.types';
 
 export interface ToggleButtonGroupProps {
     className?: string;

package/lib/{ToggleInput → Molecules/Selections/ToggleInput}/ToggleInput.types.d.ts

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

package/lib/{BottomSheet → Organisms/Modals/BottomSheet}/BottomSheet.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { ButtonPrimaryProps } from '../ButtonPrimary/ButtonPrimary.types';
-import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
-import { TextButtonProps } from '../TextButton/TextButton.types';
+import { ButtonPrimaryProps } from '../../../Atoms/Buttons/ButtonPrimary/ButtonPrimary.types';
+import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
+import { CardHeaderProps } from '../../../Molecules/Card/CardHeader/CardHeader.types';
 
 export interface SheetProps {
     ariaLabel?: string;

package/lib/{Modal → Organisms/Modals/Modal}/Modal.types.d.ts

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

package/lib/{Sheet → Organisms/Modals/Sheet}/Sheet.types.d.ts

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

package/package.json

@@ -1,21 +1,17 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "1.11.0",
+  "version": "1.12.0-development.10",
   "main": "./index.js",
   "types": "./index.d.ts",
+  "repository": "https://github.com/good-hood-gmbh/goodhood-web",
   "exports": {
     ".": {
       "import": "./index.mjs",
       "require": "./index.js"
     }
   },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "private": false,
   "peerDependencies": {
-    "@mui/base": "~5.0.0-beta.47",
-    "@goodhood/design-tokens": "1.0.0-develop.3"
+    "@mui/base": "~5.0.0-beta.58",
+    "@goodhood/design-tokens": "1.0.0-develop.5"
   }
 }