@muraldevkit/ui-toolkit 2.53.0-dev.1 → 2.53.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/avatar/MrlAvatar/MrlAvatar.d.ts +31 -0
- package/dist/components/avatar/MrlAvatar/index.d.ts +1 -0
- package/dist/components/avatar/index.d.ts +1 -0
- package/dist/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts +1 -1
- package/dist/components/button/MrlButton/MrlButton.d.ts +1 -1
- package/dist/components/button/MrlIconButton/MrlIconButton.d.ts +1 -1
- package/dist/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.d.ts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/loader/MrlProgressBar/MrlProgressBar.d.ts +1 -1
- package/dist/components/loader/constants.d.ts +4 -0
- package/dist/components/popover/MrlPopover/MrlPopover.d.ts +18 -46
- package/dist/components/text/MrlTextHeading/MrlTextHeading.d.ts +3 -7
- package/dist/index.js +1 -1
- package/dist/styles/MrlAvatar/module.scss +97 -0
- package/dist/styles/MrlPopover/module.scss +3 -25
- package/package.json +2 -1
- package/dist/components/callout/MrlCallout/MrlCallout.d.ts +0 -32
- package/dist/components/callout/MrlCallout/index.d.ts +0 -1
- package/dist/components/callout/constants.d.ts +0 -1
- package/dist/components/callout/index.d.ts +0 -1
- package/dist/styles/MrlCallout/module.scss +0 -37
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type AvatarKind = (typeof avatarValues.kind)[number];
|
|
3
|
+
type AvatarSize = (typeof avatarValues.size)[number];
|
|
4
|
+
interface avatarDefaults {
|
|
5
|
+
kind: AvatarKind;
|
|
6
|
+
size: AvatarSize;
|
|
7
|
+
avatarColor: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MrlAvatarPropTypes {
|
|
10
|
+
alt?: string;
|
|
11
|
+
dataQa?: string;
|
|
12
|
+
image?: React.ReactNode | string;
|
|
13
|
+
kind?: AvatarKind;
|
|
14
|
+
name?: string;
|
|
15
|
+
showBorder?: boolean;
|
|
16
|
+
size?: AvatarSize;
|
|
17
|
+
avatarColor?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const avatarValues: {
|
|
20
|
+
kind: readonly ["default", "facilitator", "lock"];
|
|
21
|
+
size: readonly ["xsmall", "small", "medium", "large"];
|
|
22
|
+
};
|
|
23
|
+
export declare const defaultAvatarValues: avatarDefaults;
|
|
24
|
+
/**
|
|
25
|
+
* Renders an avatar component
|
|
26
|
+
*
|
|
27
|
+
* @param {MrlAvatarPropTypes} props the props for your MrlAvatar
|
|
28
|
+
* @returns {React.ReactElement} an avatar containing the props you pass
|
|
29
|
+
*/
|
|
30
|
+
export declare const MrlAvatar: ({ alt, avatarColor, dataQa, kind, image, name, showBorder, size, ...rest }: MrlAvatarPropTypes) => React.ReactElement;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlAvatar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlAvatar';
|
|
@@ -5,5 +5,5 @@ import './MrlAnimatedIconButton.scss';
|
|
|
5
5
|
interface MrlAnimatedIconButtonProps extends Omit<MrlIconButtonProps, 'icon'> {
|
|
6
6
|
icon: MrlSvgAnimateProps;
|
|
7
7
|
}
|
|
8
|
-
export declare const MrlAnimatedIconButton: React.ForwardRefExoticComponent<Pick<MrlAnimatedIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "
|
|
8
|
+
export declare const MrlAnimatedIconButton: React.ForwardRefExoticComponent<Pick<MrlAnimatedIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "client" | "icon" | "badge" | "disableEvents" | "loading" | "loadingText" | "position" | "tipAnchor" | "toggleAria" | "toggleStyle" | "tooltipKind" | "wrapperClassName" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
export {};
|
|
@@ -100,5 +100,5 @@ export interface MrlButtonProps extends Omit<MrlComponentProps, 'style'>, React.
|
|
|
100
100
|
*/
|
|
101
101
|
toggleStyle?: ToggleStyle;
|
|
102
102
|
}
|
|
103
|
-
export declare const MrlButton: React.ForwardRefExoticComponent<Pick<MrlButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "
|
|
103
|
+
export declare const MrlButton: React.ForwardRefExoticComponent<Pick<MrlButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "icon" | "badge" | "disableEvents" | "loading" | "loadingText" | "toggleAria" | "toggleStyle" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "tooltip" | "iconPos"> & React.RefAttributes<HTMLButtonElement>>;
|
|
104
104
|
export {};
|
|
@@ -95,4 +95,4 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Re
|
|
|
95
95
|
*/
|
|
96
96
|
wrapperClassName?: string;
|
|
97
97
|
}
|
|
98
|
-
export declare const MrlIconButton: React.ForwardRefExoticComponent<Pick<MrlIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "
|
|
98
|
+
export declare const MrlIconButton: React.ForwardRefExoticComponent<Pick<MrlIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "client" | "icon" | "badge" | "disableEvents" | "loading" | "loadingText" | "position" | "tipAnchor" | "toggleAria" | "toggleStyle" | "tooltipKind" | "wrapperClassName" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.d.ts
CHANGED
|
@@ -22,4 +22,4 @@ export interface MrlEditableInputRightButtonProps {
|
|
|
22
22
|
* @param {MrlEditableInputRightButtonProps} props - the component props
|
|
23
23
|
* @returns a button element with an icon
|
|
24
24
|
*/
|
|
25
|
-
export declare const MrlEditableTextInputRightButton: React.ForwardRefExoticComponent<Pick<MrlEditableInputRightButtonProps, "label" | "value" | "
|
|
25
|
+
export declare const MrlEditableTextInputRightButton: React.ForwardRefExoticComponent<Pick<MrlEditableInputRightButtonProps, "label" | "value" | "dataQa" | "icon" | "hasActiveColor" | "setHasActiveColor" | "action"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './avatar';
|
|
1
2
|
export * from './button';
|
|
2
3
|
export * from './container';
|
|
3
4
|
export * from './divider';
|
|
@@ -23,4 +24,3 @@ export * from './navigation-sidebar';
|
|
|
23
24
|
export * from './skeleton';
|
|
24
25
|
export * from './empty';
|
|
25
26
|
export * from './live-region';
|
|
26
|
-
export * from './callout';
|
|
@@ -7,4 +7,4 @@ import '../../../styles/shared/a11y-helpers/a11y.global.scss';
|
|
|
7
7
|
* @param props - component props
|
|
8
8
|
* @returns a MrlProgressBar React component.
|
|
9
9
|
*/
|
|
10
|
-
export declare function MrlProgressBar({ children, className, indeterminate, percent, showText, text, time }: ProgressBarComponent): JSX.Element;
|
|
10
|
+
export declare function MrlProgressBar({ children, className, indeterminate, name, percent, showText, text, time }: ProgressBarComponent): JSX.Element;
|
|
@@ -1,31 +1,22 @@
|
|
|
1
1
|
import React, { RefObject } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { MenuPosition, MenuAlignment, ActionState, CustomMenuPosition } from '../../menu/constants';
|
|
2
|
+
import { MenuPosition, MenuAlignment, ActionState } from '../../menu/constants';
|
|
4
3
|
export interface MrlPopoverProps {
|
|
5
|
-
/**
|
|
6
|
-
* Set initial state of menu
|
|
7
|
-
*
|
|
8
|
-
* @default { actionType: null, isOpen: false }
|
|
9
|
-
*/
|
|
10
|
-
actionState?: ActionState;
|
|
11
4
|
/** Label for the popover */
|
|
12
5
|
ariaLabel?: string;
|
|
13
6
|
/** ID of element to associate a label */
|
|
14
7
|
ariaLabelledBy?: string;
|
|
15
8
|
/** Children to be rendered within the menu component*/
|
|
16
9
|
children: React.ReactNode;
|
|
17
|
-
/** Custom class names for the popover */
|
|
18
|
-
className?: string;
|
|
19
|
-
/** Custom position for the menu */
|
|
20
|
-
customPosition?: CustomMenuPosition;
|
|
21
10
|
/** If the popover should have a close button */
|
|
22
11
|
hasCloseButton?: boolean;
|
|
23
|
-
/** If the popover should open when clicking the trigger */
|
|
24
|
-
disableClickToOpen?: boolean;
|
|
25
12
|
/** If the popover should close when clicking outside of the menu */
|
|
26
13
|
disableClickOutside?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
|
|
14
|
+
/**
|
|
15
|
+
* spacing of menu
|
|
16
|
+
* - 'default' has 16px padding
|
|
17
|
+
* - 'compact' has 12px padding
|
|
18
|
+
*/
|
|
19
|
+
spacing?: 'default' | 'compact';
|
|
29
20
|
/** Unique identifier for the menu */
|
|
30
21
|
id?: string;
|
|
31
22
|
/** If the menu is a submenu */
|
|
@@ -38,6 +29,16 @@ export interface MrlPopoverProps {
|
|
|
38
29
|
* @default 'bottom'
|
|
39
30
|
*/
|
|
40
31
|
position?: MenuPosition;
|
|
32
|
+
/**
|
|
33
|
+
* Set initial state of menu
|
|
34
|
+
*
|
|
35
|
+
* @default { actionType: null, isOpen: false }
|
|
36
|
+
*/
|
|
37
|
+
actionState?: ActionState;
|
|
38
|
+
/**
|
|
39
|
+
* Reference to the DOM element that triggers this menu.
|
|
40
|
+
*/
|
|
41
|
+
triggerRef?: RefObject<HTMLButtonElement>;
|
|
41
42
|
/**
|
|
42
43
|
* Vertical and horizontal alignment of the popover relative to the position with the trigger
|
|
43
44
|
* - 'left' and 'right' work with position 'top' and 'bottom'
|
|
@@ -47,16 +48,6 @@ export interface MrlPopoverProps {
|
|
|
47
48
|
* This does not impact submenus
|
|
48
49
|
*/
|
|
49
50
|
alignment?: MenuAlignment;
|
|
50
|
-
/**
|
|
51
|
-
* spacing of menu
|
|
52
|
-
* - 'default' has 16px padding
|
|
53
|
-
* - 'compact' has 12px padding
|
|
54
|
-
*/
|
|
55
|
-
spacing?: 'default' | 'compact';
|
|
56
|
-
/**
|
|
57
|
-
* Reference to the DOM element that triggers this menu.
|
|
58
|
-
*/
|
|
59
|
-
triggerRef?: RefObject<HTMLElement>;
|
|
60
51
|
/**
|
|
61
52
|
* If the menu should be rendered with the inverse theme
|
|
62
53
|
*
|
|
@@ -69,31 +60,12 @@ export interface MrlPopoverProps {
|
|
|
69
60
|
* @default false
|
|
70
61
|
*/
|
|
71
62
|
point?: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* Props for the portal component
|
|
74
|
-
*/
|
|
75
|
-
portalProps?: Omit<PortalProps, 'children'>;
|
|
76
|
-
/**
|
|
77
|
-
* Offset in pixels for the popover
|
|
78
|
-
*
|
|
79
|
-
* The popover automatically calculates the proper offset based on the position and alignment
|
|
80
|
-
* this prop will override those values.
|
|
81
|
-
*/
|
|
82
|
-
offset?: number;
|
|
83
|
-
/**
|
|
84
|
-
* Callback to be called when the menu is opened
|
|
85
|
-
*/
|
|
86
|
-
onOpen?: () => void;
|
|
87
63
|
/**
|
|
88
64
|
* Callback to be called when the menu is closed
|
|
89
65
|
*
|
|
90
66
|
* @param type - type of close event
|
|
91
67
|
*/
|
|
92
68
|
onClose?: (type?: string) => void;
|
|
93
|
-
/**
|
|
94
|
-
* data-qa attribute for the popover
|
|
95
|
-
*/
|
|
96
|
-
['data-qa']?: string;
|
|
97
69
|
}
|
|
98
70
|
/**
|
|
99
71
|
* MrlPopover
|
|
@@ -103,7 +75,7 @@ export interface MrlPopoverProps {
|
|
|
103
75
|
* @param {MrlPopoverProps} props - The props for the MrlPopover component
|
|
104
76
|
* @returns {Element} - rendered MrlPopover component
|
|
105
77
|
*/
|
|
106
|
-
export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children,
|
|
78
|
+
export declare function MrlPopover({ alignment, ariaLabel, ariaLabelledBy, children, disableClickOutside, hasCloseButton, spacing, id, isSubMenu, actionState, position, point, kind, onClose, triggerRef, ...rest }: MrlPopoverProps): JSX.Element;
|
|
107
79
|
export declare namespace MrlPopover {
|
|
108
80
|
var componentType: string;
|
|
109
81
|
}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AttrsObject } from '../../../utils';
|
|
3
3
|
import { LevelType, HeadingHierarchies, HeadingSizes, TextSizes, HeadingKinds } from '../constants';
|
|
4
|
-
interface MrlTextHeadingProps
|
|
5
|
-
/**
|
|
6
|
-
* Applies additional HTML attributes to the text element
|
|
7
|
-
*
|
|
8
|
-
* @deprecated - use `attrs` instead
|
|
9
|
-
*/
|
|
4
|
+
interface MrlTextHeadingProps {
|
|
5
|
+
/** Applies additional HTML attributes to the text element */
|
|
10
6
|
attrs?: AttrsObject;
|
|
11
7
|
/** Children to be rendered within the text heading component */
|
|
12
8
|
children?: React.ReactNode;
|
|
@@ -34,5 +30,5 @@ interface MrlTextHeadingProps extends React.ComponentPropsWithRef<'h1'> {
|
|
|
34
30
|
* @param {MrlTextHeadingProps} props - MrlTextHeading component props
|
|
35
31
|
* @returns a heading element
|
|
36
32
|
*/
|
|
37
|
-
export declare function MrlTextHeading({ attrs, children,
|
|
33
|
+
export declare function MrlTextHeading({ attrs, children, hierarchy, kind, level, size, text }: MrlTextHeadingProps): JSX.Element;
|
|
38
34
|
export {};
|