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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,8 +25,6 @@ interface MrlTextareaProps {
25
25
  state?: 'disabled' | 'error';
26
26
  /** Additional class to add to the textarea */
27
27
  className?: string;
28
- /** Autoexpand will automatically adjust the height of the textarea based on the amount of text within it */
29
- autoExpand?: boolean;
30
28
  }
31
29
  /**
32
30
  * Allows the user to input plain text in a multi-line format
@@ -34,5 +32,5 @@ interface MrlTextareaProps {
34
32
  * @param {MrlTextareaProps} props - the component props
35
33
  * @returns a textarea element
36
34
  */
37
- export declare function MrlTextarea({ attrs, className, inputId, state, maxLength, placeholder, value, autoExpand }: MrlTextareaProps): JSX.Element;
35
+ export declare function MrlTextarea({ attrs, className, inputId, state, maxLength, placeholder, value }: MrlTextareaProps): JSX.Element;
38
36
  export {};
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import { DSIconType } from '../../svg';
3
+ export type InlineNotificationKind = 'error' | 'info' | 'warning' | 'success' | 'helper';
4
+ interface PropTypes {
5
+ /**
6
+ * A custom DS icon which is only applied if the alert is not an error, info, or warning type
7
+ */
8
+ customIcon?: DSIconType;
9
+ /**
10
+ * The id of the notification.
11
+ *
12
+ * Used to link the notification to a form field using aria-describedby.
13
+ */
14
+ id: string;
15
+ /**
16
+ * Choose the kind of notification to display.
17
+ *
18
+ * Accepted values: error, info, warning, success, helper
19
+ */
20
+ kind: InlineNotificationKind;
21
+ /**
22
+ * The text to be displayed in the notification.
23
+ */
24
+ message: string;
25
+ /**
26
+ * The data-qa attribute for testing purposes.
27
+ */
28
+ ['data-qa']?: string;
29
+ }
30
+ /**
31
+ * MrlInlineNotification is a notification component that can be used to display messages to the user.
32
+ *
33
+ * @param props - The properties of the component.
34
+ * @returns A React component.
35
+ */
36
+ export declare const MrlInlineNotification: ({ customIcon, id, kind, message, ["data-qa"]: qa }: PropTypes) => React.ReactElement;
37
+ export {};
@@ -0,0 +1 @@
1
+ export { MrlInlineNotification } from './MrlInlineNotification';
@@ -1,2 +1,3 @@
1
1
  export * from './MrlBlockNotification';
2
2
  export * from './MrlToast';
3
+ export * from './MrlInlineNotification';
@@ -16,6 +16,12 @@ interface MrlPanelProps extends ComponentPropsWithRef<'div'> {
16
16
  * When a custom header is used developers need to provide th aria-label and aria-describedby.
17
17
  */
18
18
  header?: ReactNode;
19
+ /**
20
+ * The custom top actions to be rendered in the panel header.
21
+ * By default top actions are rendered on the right side of the title and include a MrlDivider at the end.
22
+ * The close button should not be included as part of the top actions.
23
+ */
24
+ topActions?: ReactNode;
19
25
  /**
20
26
  * The title of the panel.
21
27
  */
@@ -28,6 +34,10 @@ interface MrlPanelProps extends ComponentPropsWithRef<'div'> {
28
34
  * Specifies whether to disable autofocus on the panel.
29
35
  */
30
36
  disableAutofocus?: boolean;
37
+ /**
38
+ * Specifies whether the panel has a sticky header to adjust styles.
39
+ */
40
+ hasStickyHeader?: boolean;
31
41
  }
32
42
  /**
33
43
  * MrlPanel component.