@muraldevkit/ui-toolkit 2.66.1 → 2.67.0

package/dist/components/notification/MrlBlockNotification/MrlBlockNotification.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
 import { AttrsObject } from '../../../utils';
 import { NotificationKind, NotificationIconConfig, NotificationScope, NotificationState, NotificationLevel } from '../constants';
-import { DSIconType } from '../../';
+import { DSIconType } from '../..';
 import './MrlBlockNotification.global.scss';
 export interface MrlBlockNotificationProps {
     /**

package/dist/components/notification/MrlToast/MrlToast.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { NotificationKind } from '../constants';
+export type MrlToastKind = NotificationKind | 'collaborator' | 'general';
+export type MrlToastPosition = 'bottom' | 'top';
+export interface MrlToastCTA {
+    onClick: () => void;
+    text: string;
+    dataQa: string;
+}
+export interface MrlToastProps {
+    ['data-qa']?: string;
+    /**
+     * Determines whether the Toast Notification should automatically close after the time specified in `closeAfterMs` (default 3000ms).
+     *
+     * Note: auto-closing is only possible when no interactive elements (e.g. close button & CTA's) exist on the toast notification
+     */
+    autoClose?: boolean;
+    /**
+     * Sets the background color of the toast notification.
+     *
+     * Note: this is only applicable when the `kind` is set to 'collaborator'.
+     */
+    backgroundColor?: string;
+    className?: string;
+    /**
+     * The time in milliseconds after which the toast notification should automatically close.
+     */
+    closeAfterMs?: number;
+    kind?: MrlToastKind;
+    onClose?: () => void;
+    primaryCTA?: MrlToastCTA;
+    primaryMessage: string | JSX.Element;
+    secondaryCTA?: MrlToastCTA;
+    secondaryMessage?: string | JSX.Element;
+    /** Determines whether the close icon button should be shown. */
+    showCloseButton?: boolean;
+    showIcon?: boolean;
+}
+/**
+ * MrlToast component.
+ *
+ * @param root0
+ * @returns {React.ReactElement} The MrlToast component.
+ */
+export declare const MrlToast: ({ ["data-qa"]: qa, autoClose, backgroundColor, className, closeAfterMs, kind, onClose, primaryCTA, primaryMessage, secondaryCTA, secondaryMessage, showCloseButton, showIcon }: MrlToastProps) => React.ReactElement;

package/dist/components/notification/MrlToast/index.d.ts

@@ -0,0 +1 @@
+export { MrlToast } from './MrlToast';

package/dist/components/notification/constants.d.ts

@@ -1,4 +1,4 @@
-import { DSIconType } from '../../';
+import { DSIconType } from '../..';
 export declare const allowedValues: {
     kinds: readonly ["info", "success", "warning", "error", "private", "general"];
     levels: readonly ["2", "3", "4", "5", "6"];

package/dist/components/notification/index.d.ts

@@ -1 +1,2 @@
 export * from './MrlBlockNotification';
+export * from './MrlToast';

package/dist/components/svg/config.d.ts

@@ -115,7 +115,7 @@ export declare const colorPictoStoryData: {
 export declare const animateStoryData: {
     args: {
         delay: number;
-        state: "stop" | "play";
+        state: "play" | "stop";
     };
     argTypes: {
         delay: {

package/dist/components/toast/index.d.ts

@@ -0,0 +1 @@
+export * from '../notification/MrlToast';