@goodhood-web/ui 3.0.0-development.22 → 3.0.0-development.23

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

@@ -1,7 +1,8 @@
 import { ButtonOwnProps } from '@mui/base';
-import { AriaRole, ForwardedRef, MouseEvent, ReactElement, ReactNode } from 'react';
+import { AriaRole, ElementType, ForwardedRef, MouseEvent, ReactElement, ReactNode } from 'react';
 import { IconProps } from '../../../Base/Icon/Icon.types';
 interface CommonProps {
+    allowedIcons?: ElementType[];
     ariaDescribedBy?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
@@ -9,7 +10,9 @@ interface CommonProps {
     'data-testid'?: string;
     disabled?: boolean;
     isToggleButton?: boolean;
+    leftIcon?: ReactElement<IconProps>;
     ref?: ForwardedRef<null>;
+    rightIcon?: ReactElement<IconProps>;
     role?: AriaRole;
     selected?: boolean;
 }
@@ -25,9 +28,7 @@ export interface LinkProps extends CommonProps {
 }
 export interface ButtonVariationProps {
     fullWidth?: boolean;
-    leftIcon?: ReactElement<IconProps>;
     loading?: boolean;
-    rightIcon?: ReactElement<IconProps>;
     size?: 'small' | 'medium' | 'large' | 'extraLarge';
     target?: string;
     text?: string;

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

@@ -1,3 +1,3 @@
 import { ButtonPrimaryProps } from './ButtonPrimary.types';
-declare const ButtonPrimary: ({ children, className, color, disabled, fullWidth, leftIcon, loading, rightIcon, 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/Atoms/Buttons/ButtonSecondary/ButtonSecondary.d.ts

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

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

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

package/lib/Atoms/Buttons/TextButton/TextButton.d.ts

@@ -5,5 +5,5 @@ export declare const typographyType: {
     medium: string;
     small: string;
 };
-export declare function TextButton({ className, color, disabled, leftIcon, rightIcon, size, text, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextButton({ className, color, disabled, size, text, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
 export default TextButton;

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

@@ -1,12 +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';
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
     className?: string;
     color: 'green' | 'blue' | 'deepPurple' | 'pinkLight' | 'pinkDark';
-    leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
-    rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     size: 'large' | 'medium' | 'small' | 'link';
     text: string;
     type?: 'button' | 'submit' | 'reset';

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,18 +1,65 @@
 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' | 'infoVanilla';
-    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;
+    variant?: 'simple';
+} | {
+    bodyText: string;
+    variant: 'detailed';
+}) & {
+    dismissible?: false;
+    onDismiss?: IconButtonProps['onClick'];
+}) | (NoticePropsBase & ({
+    bodyText: string;
+    variant: 'detailed';
+} | {
+    bodyText?: never;
+    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/package.json

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