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

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.24",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",