@goodhood-web/ui 3.0.0-development.8 → 3.0.0

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

@@ -1,9 +1,10 @@
 import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
 export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-uppercase' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline' | 'body-large' | 'body-large-semibold' | 'body' | 'body-semibold' | 'body-italic' | 'quote-large' | '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';
+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;
     markdown?: boolean;
+    markdownInline?: boolean;
 };
 type PropsToOmit<C extends ElementType, P> = keyof (AsProp<C> & P);
 type PolymorphicComponentProp<C extends ElementType, Props = Record<string, unknown>> = PropsWithChildren<Props & AsProp<C>> & Omit<ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;

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, role, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ allowedElement, ariaLabel, as: Tag, borderRadius, children, className, responsive, role, withoutPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

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

@@ -1,13 +1,21 @@
 import { ReactElement } from 'react';
 import { CardBodyProps } from './CardBody/CardBody.types';
 import { CardHeaderProps } from './CardHeader/CardHeader.types';
-export interface CardProps {
+export interface CardBaseProps {
     allowedElement?: React.ElementType;
     ariaLabel?: string;
     as?: Extract<keyof JSX.IntrinsicElements, 'section' | 'div'>;
-    borderRadius?: boolean;
     children: ReactElement<CardBodyProps | CardHeaderProps> | ReactElement<CardBodyProps | CardHeaderProps>[];
     className?: string;
     role?: string;
     withoutPadding?: boolean;
 }
+export type ResponsiveProps = {
+    borderRadius: true;
+    responsive?: boolean;
+} & CardBaseProps;
+export type NonResponsiveProps = {
+    borderRadius?: boolean;
+    responsive?: false;
+} & CardBaseProps;
+export type CardProps = ResponsiveProps | NonResponsiveProps;

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

@@ -6,7 +6,7 @@ export type CardHeaderProps = {
     as?: Exclude<AllowedTypographyHTMLTags, 'h1' | 'p' | 'span'>;
     className?: string;
     headline: string;
-    leftElement?: ReactElement<IconProps | IconButtonProps>;
+    leftElement?: ReactElement<IconProps | IconButtonProps> | ReactNode;
     rightElement?: ReactElement<IconButtonProps> | ReactNode;
     type?: Exclude<TypographyTypeProduct, 'h1'>;
 };

package/lib/Molecules/Markdown/Markdown.d.ts

@@ -1,5 +1,3 @@
 import { MarkdownProps } from './Markdown.types';
-export declare const quotesToTokens: (string: string) => string;
-export declare const tokensToQuotes: (string: string) => string;
-declare function Markdown({ className, elementTag, inline, text, }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Markdown({ className, elementTag, inline, isExternalLinksIcon, text, }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
 export default Markdown;

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

@@ -3,5 +3,6 @@ export type MarkdownProps = {
     className?: string;
     elementTag?: AllowedHTMLElements;
     inline?: boolean;
+    isExternalLinksIcon?: boolean;
     text: string;
 };

package/lib/Molecules/Navigation/MenuItem/MenuItem.d.ts

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

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

@@ -3,6 +3,7 @@ import { ButtonProps } from '../../../Atoms/Buttons/Button/Button.types';
 export interface MenuItemProps {
     className?: string;
     compact?: boolean;
+    descriptionText?: string;
     href?: string;
     id?: string;
     isSelected?: boolean;

package/lib/Molecules/Notices/EmptyState/EmptyState.types.d.ts

@@ -7,13 +7,13 @@ import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.ty
 type TextButton = Omit<TextButtonProps, 'size'> & {
     buttonType: 'text';
 };
-type ButtonPrimary = Omit<ButtonPrimaryProps, 'size'> & {
+type ButtonPrimary = ButtonPrimaryProps & {
     buttonType: 'primary';
 };
-type ButtonSecondary = Omit<ButtonSecondaryProps, 'size'> & {
+type ButtonSecondary = ButtonSecondaryProps & {
     buttonType: 'secondary';
 };
-type ButtonTertiary = Omit<ButtonTertiaryProps, 'size'> & {
+type ButtonTertiary = ButtonTertiaryProps & {
     buttonType: 'tertiary';
 };
 export type ButtonProps = TextButton | ButtonPrimary | ButtonSecondary | ButtonTertiary;

package/lib/Molecules/Notices/Notice/Notice.d.ts

@@ -1,3 +1,3 @@
-import { default as NoticeProps } from './Notice.types';
-declare const Notice: (props: NoticeProps) => import("react/jsx-runtime").JSX.Element;
+import { NoticeInfoProps, NoticeWarningProps } from './Notice.types';
+declare const Notice: ({ bodyText, color, context, cta, dismissible, headline, icon, markdown, notificationBubble, onDismiss, size, type, variant, }: NoticeWarningProps | NoticeInfoProps) => import("react/jsx-runtime").JSX.Element;
 export default Notice;

package/lib/Molecules/Notices/Notice/Notice.types.d.ts

@@ -1,17 +1,67 @@
 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';
-    dismissible?: boolean;
-    iconName?: Icon24;
+import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
+interface NoticePropsBase {
+    bodyText?: string;
+    cta?: {
+        color?: TextButtonProps['color'];
+        onClick: TextButtonProps['onClick'];
+        text: string;
+    };
+    headline?: string;
+    icon?: {
+        name: Icon24;
+        size?: '24';
+    } | {
+        name: Icon32;
+        size: '32';
+    };
+    markdown?: boolean;
     notificationBubble?: NotificationBubbleProps;
-    onClick?: TextButtonProps['onClick'];
-    onDismiss?: IconButtonProps['onClick'];
-    primaryText: string;
-    secondaryText?: string;
-    size: 'small' | 'medium';
-    textButton?: string;
-    type: 'embedded' | 'sticky';
+    size?: 'small' | 'medium';
+    type?: 'embedded' | 'sticky';
+    variant?: 'detailed' | 'simple';
 }
+type NoticeProps = (NoticePropsBase & ({
+    bodyText?: never;
+    headline: string;
+    variant?: 'simple';
+} | {
+    bodyText: string;
+    variant: 'detailed';
+}) & {
+    dismissible?: false;
+    onDismiss?: IconButtonProps['onClick'];
+}) | (NoticePropsBase & ({
+    bodyText: string;
+    variant: 'detailed';
+} | {
+    bodyText?: never;
+    headline: string;
+    variant?: 'simple';
+}) & {
+    dismissible?: true;
+    onDismiss: IconButtonProps['onClick'];
+});
+export type NoticeWarningProps = {
+    color?: 'pinkDark' | 'pinkLight';
+    context: 'warning';
+} & NoticeProps;
+export type NoticeInfoProps = {
+    color?: 'green' | 'grey' | 'vanilla';
+    context?: 'info';
+} & NoticeProps;
+export declare const VariantEnum: {
+    readonly DETAILED: "detailed";
+    readonly SIMPLE: "simple";
+};
+export declare const SizeEnum: {
+    readonly MEDIUM: "medium";
+    readonly SMALL: "small";
+};
+export declare const ContextEnum: {
+    readonly INFO: "info";
+    readonly WARNING: "warning";
+};
+export {};

package/lib/Molecules/Notices/Snackbar/Snackbar.d.ts

@@ -1,3 +1,3 @@
 import { default as SnackbarProps } from './Snackbar.types';
-declare const Snackbar: ({ dismissable, isOpen, leftIconLarge, leftIconSmall, onClick, onClose, rightIconLarge, rightIconSmall, textButton, textLabel, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Snackbar: ({ color, dismissable, isOpen, leftIconLarge, leftIconSmall, onClick, onClose, rightIconLarge, rightIconSmall, textButton, textLabel, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
 export default Snackbar;

package/lib/Molecules/Notices/Snackbar/Snackbar.types.d.ts

@@ -1,5 +1,7 @@
+import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
 import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
 export default interface SnackbarProps {
+    color?: TextButtonProps['color'];
     dismissable?: boolean;
     isOpen: boolean;
     leftIconLarge?: Icon32;

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

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 export interface PopupProps {
     anchor?: HTMLElement | null;
     children: ReactNode;
+    className?: string;
     container?: HTMLElement | null;
     handleClickAway?: () => void;
     id?: string;

package/package.json

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