@goodhood-web/ui 4.12.0 → 4.13.0-development.10

package/lib/Atoms/Badges/Badge/Badge.d.ts

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

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

@@ -4,6 +4,7 @@ export type BadgeIconType = BadgeIconProps['type'];
 export interface BadgeProps {
     ariaLabel?: string;
     badgeIcons: [BadgeIconType] | [BadgeIconType, BadgeIconType] | [BadgeIconType, BadgeIconType, BadgeIconType] | [];
+    badgeListClassName?: string;
     children: BadgeOwnProps['children'];
     size?: BadgeIconProps['size'];
 }

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

@@ -11,7 +11,7 @@ type BaseIconButtonProps = Omit<ButtonProps, 'ref' | 'className'> & {
     loading?: boolean;
     target?: string;
     type?: 'button' | 'submit' | 'reset';
-    variant?: 'green' | 'white' | 'grey' | 'inverse' | 'none';
+    variant?: 'green' | 'white' | 'grey' | 'inverse' | 'pink' | 'none';
 };
 export type IconButtonIcon16Props = {
     icon: Icon16;

package/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.d.ts

@@ -1,3 +1,3 @@
 import { ContentCreatorTileProps } from './ContentCreatorTile.types';
-declare const ContentCreatorTile: ({ dataTestId, description, headline, isActive, isPending, onClick, selected, sticker, }: ContentCreatorTileProps) => import("react/jsx-runtime").JSX.Element;
+declare const ContentCreatorTile: ({ dataTestId, description, headline, isActive, isPending, layout, onClick, selected, sticker, }: ContentCreatorTileProps) => import("react/jsx-runtime").JSX.Element;
 export default ContentCreatorTile;

package/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.types.d.ts

@@ -6,6 +6,7 @@ export interface ContentCreatorTileProps {
     headline: string;
     isActive: boolean;
     isPending?: boolean;
+    layout?: 'horizontal' | 'vertical';
     onClick?: BaseButtonProps['onClick'];
     selected?: boolean;
     sticker: StickerProps;

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

@@ -1,6 +1,8 @@
+import { IconProps } from '../../../Base/Icon/Icon.types';
 import { TSquareSize } from '../Thumbnail/Thumbnail.type';
 type BaseAvatarProps = {
     alt: string;
+    icon?: IconProps;
     imageSrc?: string;
 };
 type SquareAvatarProps = BaseAvatarProps & {

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

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

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

@@ -1,4 +1,4 @@
-export declare const poiAvatarSizes: readonly ["48", "56", "64", "80"];
+export declare const poiAvatarSizes: readonly ["40", "48", "56", "64", "80"];
 export type TSize = (typeof poiAvatarSizes)[number];
 export interface PoiAvatarType {
     alt?: string;

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
-export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-uppercase' | 'h2' | 'h2-uppercase' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline' | 'body-large' | 'body-large-semibold' | 'body' | 'body-semibold' | 'body-small' | 'body-small-semibold' | 'body-small-italic' | 'body-italic' | 'body-large-italic' | 'quote-large' | 'detail-small' | 'detail-small-bold';
+export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-uppercase' | 'h2' | 'h2-uppercase' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline' | 'body-large' | 'body-large-semibold' | 'body' | 'body-semibold' | 'body-small' | 'body-small-semibold' | 'body-small-italic' | 'body-italic' | 'body-large-italic' | 'quote-large' | 'quote-small' | 'detail-small' | 'detail-small-bold';
 export type TypographyTypeProduct = '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' | 'detail-text-link';
 type AsProp<C extends ElementType> = {
     as?: C;

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

@@ -1,3 +1,3 @@
 import { CardProps } from './Card.types';
-declare const Card: ({ allowedElement, ariaLabel, as: Tag, borderRadius, children, className, responsive, role, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ allowedElement, ariaLabel, as: Tag, borderRadius, children, className, responsive, role, shadow, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

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

@@ -8,6 +8,7 @@ export interface CardBaseProps {
     children: ReactElement<CardBodyProps | CardHeaderProps> | ReactElement<CardBodyProps | CardHeaderProps>[];
     className?: string;
     role?: string;
+    shadow?: CardShadow;
     withoutPadding?: boolean;
 }
 export type ResponsiveProps = {
@@ -19,3 +20,4 @@ export type NonResponsiveProps = {
     responsive?: false;
 } & CardBaseProps;
 export type CardProps = ResponsiveProps | NonResponsiveProps;
+export type CardShadow = 'low-small' | 'middle-small';

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

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

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

@@ -8,5 +8,6 @@ export type CardHeaderProps = {
     headline?: string;
     leftElement?: ReactElement<IconProps | IconButtonProps> | ReactNode;
     rightElement?: ReactElement<IconButtonProps> | ReactNode;
+    subHeadline?: string;
     type?: Exclude<TypographyTypeProduct, 'h1'>;
 };

package/package.json

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