@muraldevkit/ui-toolkit 2.78.0-dev-jyjW.1 → 2.78.0
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.
- package/dist/components/form/textarea/MrlTextarea/MrlTextarea.d.ts +2 -4
- package/dist/components/notification/MrlInlineMessage/MrlInlineMessage.d.ts +37 -0
- package/dist/components/notification/MrlInlineMessage/index.d.ts +1 -0
- package/dist/components/notification/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/styles/MrlInlineMessage/module.scss +34 -0
- package/dist/styles/MrlTextarea/module.scss +0 -6
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ interface MrlTextareaProps {
|
|
|
5
5
|
/** Applies additional HTML attributes to the textarea element */
|
|
6
6
|
attrs?: AttrsObject;
|
|
7
7
|
/** The value of the textarea used to make it a controlled input */
|
|
8
|
-
value
|
|
8
|
+
value: string;
|
|
9
9
|
/**
|
|
10
10
|
* The maximum number of characters that the user can enter.
|
|
11
11
|
* If undefined or set to "0", removes the character counter from the textarea
|
|
@@ -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
|
|
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 InlineMessageKind = '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: InlineMessageKind;
|
|
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
|
+
* MrlInlineMessage 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 MrlInlineMessage: ({ customIcon, id, kind, message, ["data-qa"]: qa }: PropTypes) => React.ReactElement;
|
|
37
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlInlineMessage } from './MrlInlineMessage';
|