@muraldevkit/ui-toolkit 2.77.0 → 2.77.1-dev-kjoR.1

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { DSIconType } from '../../svg';
+export type InlineNotificationKind = 'error' | 'info' | 'warning' | 'success' | 'helper';
+interface PropTypes {
+    /**
+     * A custom DS icon which is only applied if the alert is not an error, info, or warning type
+     */
+    customIcon?: DSIconType;
+    /**
+     * The id of the notification.
+     *
+     * Used to link the notification to a form field using aria-describedby.
+     */
+    id: string;
+    /**
+     * Choose the kind of notification to display.
+     *
+     * Accepted values: error, info, warning, success, helper
+     */
+    kind: InlineNotificationKind;
+    /**
+     * The text to be displayed in the notification.
+     */
+    message: string;
+    /**
+     * The data-qa attribute for testing purposes.
+     */
+    ['data-qa']?: string;
+}
+/**
+ * MrlInlineNotification is a notification component that can be used to display messages to the user.
+ *
+ * @param props - The properties of the component.
+ * @returns A React component.
+ */
+export declare const MrlInlineNotification: ({ customIcon, id, kind, message, ["data-qa"]: qa }: PropTypes) => React.ReactElement;
+export {};

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

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

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

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

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

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