@muraldevkit/ui-toolkit 1.15.7 → 1.16.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/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/focus-trap/MrlFocusTrap/index.d.ts +1 -0
- package/dist/components/focus-trap/index.d.ts +1 -1
- package/dist/components/form/constants.d.ts +2 -1
- package/dist/components/form/index.d.ts +4 -3
- package/dist/components/form/{MrlSelect/select.d.ts → select/MrlSelect/MrlSelect.d.ts} +2 -2
- package/dist/components/form/select/MrlSelect/index.d.ts +1 -0
- package/dist/components/form/{MrlSelectItem/index.d.ts → select/MrlSelectItem/MrlSelectItem.d.ts} +1 -1
- package/dist/components/form/select/MrlSelectItem/index.d.ts +1 -0
- package/dist/components/form/{MrlSelectMenu/index.d.ts → select/MrlSelectMenu/MrlSelectMenu.d.ts} +2 -2
- package/dist/components/form/select/MrlSelectMenu/index.d.ts +1 -0
- package/dist/components/form/{MrlSelect → select}/index.d.ts +1 -1
- package/dist/components/form/text-input/MrlTextInput/MrlTextInput.d.ts +36 -0
- package/dist/components/form/text-input/MrlTextInput/MrlTextInputRightIcon.d.ts +23 -0
- package/dist/components/form/text-input/MrlTextInput/index.d.ts +1 -0
- package/dist/components/form/text-input/MrlTextInput/useActiveColor.d.ts +13 -0
- package/dist/components/modal/MrlModal/index.d.ts +1 -1
- package/dist/components/modal/MrlModalFooter/index.d.ts +1 -1
- package/dist/components/notification/MrlBlockNotification/MrlBlockNotification.d.ts +70 -0
- package/dist/components/notification/MrlBlockNotification/index.d.ts +1 -70
- package/dist/components/svg/MrlSvg/index.d.ts +1 -0
- package/dist/components/svg/MrlSvgAnimate/index.d.ts +1 -0
- package/dist/components/tooltip/MrlTooltip/index.d.ts +1 -0
- package/dist/components/tooltip/MrlTooltipContent/MrlTooltipContent.d.ts +1 -1
- package/dist/components/tooltip/MrlTooltipContent/index.d.ts +1 -0
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/MrlBlockNotification/global.scss +2 -1
- package/dist/styles/MrlBlockNotification/module.scss +3 -2
- package/dist/styles/MrlModal/global.scss +2 -2
- package/dist/styles/MrlModal/module.scss +2 -2
- package/dist/styles/MrlModal/variables.scss +1 -1
- package/dist/styles/MrlModalContent/module.scss +1 -1
- package/dist/styles/MrlModalFooter/module.scss +1 -1
- package/dist/styles/MrlModalFooter/variables.scss +1 -1
- package/dist/styles/MrlModalHeader/module.scss +1 -1
- package/dist/styles/MrlSelect/module.scss +4 -3
- package/dist/styles/MrlSelect/variables.scss +15 -0
- package/dist/styles/MrlSelectItem/module.scss +3 -2
- package/dist/styles/MrlSelectItem/variables.scss +36 -0
- package/dist/styles/MrlSelectMenu/module.scss +3 -2
- package/dist/styles/MrlSelectMenu/variables.scss +8 -0
- package/dist/styles/MrlText/module.scss +1 -1
- package/dist/styles/MrlTextHeading/module.scss +1 -1
- package/dist/styles/MrlTextInput/module.scss +97 -0
- package/dist/styles/MrlTextInput/variables.scss +6 -0
- package/dist/styles/MrlTooltipContent/global.scss +2 -2
- package/dist/styles/form/global.scss +160 -0
- package/dist/styles/form/variables.scss +63 -0
- package/package.json +1 -1
- /package/dist/components/form/{MrlSelect → select/context}/SelectContext.d.ts +0 -0
|
@@ -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" | "
|
|
8
|
+
export declare const MrlAnimatedIconButton: React.ForwardRefExoticComponent<Pick<MrlAnimatedIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "className" | "color" | "size" | "attrs" | "onClick" | "children" | "role" | "name" | "id" | "lang" | "type" | "tabIndex" | "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" | "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" | "key" | "value" | "state" | "disabled" | "badge" | "disableEvents" | "icon" | "kind" | "position" | "toggleAria" | "toggleStyle" | "tipAnchor" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
export {};
|
|
@@ -67,5 +67,5 @@ interface MrlButtonProps extends Omit<MrlComponentProps, 'style'>, React.Compone
|
|
|
67
67
|
*/
|
|
68
68
|
toggleStyle?: ToggleStyle;
|
|
69
69
|
}
|
|
70
|
-
export declare const MrlButton: React.ForwardRefExoticComponent<Pick<MrlButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "
|
|
70
|
+
export declare const MrlButton: React.ForwardRefExoticComponent<Pick<MrlButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "className" | "color" | "size" | "attrs" | "onClick" | "children" | "role" | "name" | "id" | "lang" | "type" | "tabIndex" | "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" | "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" | "key" | "value" | "state" | "disabled" | "badge" | "disableEvents" | "icon" | "kind" | "toggleAria" | "toggleStyle" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "iconPos"> & React.RefAttributes<HTMLButtonElement>>;
|
|
71
71
|
export {};
|
|
@@ -71,4 +71,4 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Re
|
|
|
71
71
|
*/
|
|
72
72
|
toggleStyle?: ToggleStyle;
|
|
73
73
|
}
|
|
74
|
-
export declare const MrlIconButton: React.ForwardRefExoticComponent<Pick<MrlIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "
|
|
74
|
+
export declare const MrlIconButton: React.ForwardRefExoticComponent<Pick<MrlIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "className" | "color" | "size" | "attrs" | "onClick" | "children" | "role" | "name" | "id" | "lang" | "type" | "tabIndex" | "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" | "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" | "key" | "value" | "state" | "disabled" | "badge" | "disableEvents" | "icon" | "kind" | "position" | "toggleAria" | "toggleStyle" | "tipAnchor" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlFocusTrap } from './MrlFocusTrap';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { MrlFocusTrap } from './MrlFocusTrap';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
export type InputStates = 'disabled' | 'error';
|
|
2
3
|
export type InputKinds = 'default' | 'inline';
|
|
3
4
|
export type InputSizes = 'default' | 'large';
|
|
@@ -43,7 +44,7 @@ export interface StaticIconConfig {
|
|
|
43
44
|
theme?: string;
|
|
44
45
|
}
|
|
45
46
|
export interface RightActionConfig extends StaticIconConfig {
|
|
46
|
-
action: (event: MouseEvent) => void;
|
|
47
|
+
action: (event: React.MouseEvent | React.KeyboardEvent) => void;
|
|
47
48
|
label: string;
|
|
48
49
|
}
|
|
49
50
|
export declare const allowedLabelValues: {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export * from './MrlSelect';
|
|
2
|
-
export * from './MrlSelectItem';
|
|
3
|
-
export * from './MrlSelectMenu';
|
|
1
|
+
export * from './select/MrlSelect';
|
|
2
|
+
export * from './select/MrlSelectItem';
|
|
3
|
+
export * from './select/MrlSelectMenu';
|
|
4
|
+
export * from './text-input/MrlTextInput';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SelectStates, InputKinds, InputSizes } from '
|
|
3
|
-
import { AttrsObject } from '
|
|
2
|
+
import { SelectStates, InputKinds, InputSizes } from '../../constants';
|
|
3
|
+
import { AttrsObject } from '../../../../utils';
|
|
4
4
|
export interface MrlSelectProptypes extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/** Additional function to be run when the value of the select changes */
|
|
6
6
|
hookChange?: (newValue?: string) => void | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlSelect, type MrlSelectProptypes } from './MrlSelect';
|
package/dist/components/form/{MrlSelectItem/index.d.ts → select/MrlSelectItem/MrlSelectItem.d.ts}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { AttrsObject } from '
|
|
2
|
+
import { AttrsObject } from '../../../../utils';
|
|
3
3
|
export interface MrlSelectItemProptypes extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
5
5
|
* value of the select item that is stored as the selected value of the select input
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlSelectItem } from './MrlSelectItem';
|
package/dist/components/form/{MrlSelectMenu/index.d.ts → select/MrlSelectMenu/MrlSelectMenu.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SelectMenuPositions } from '
|
|
3
|
-
import { AttrsObject } from '
|
|
2
|
+
import { SelectMenuPositions } from '../../constants';
|
|
3
|
+
import { AttrsObject } from '../../../../utils';
|
|
4
4
|
export interface MrlSelectMenuProptypes extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/** The placement of the menu in relation to its trigger */
|
|
6
6
|
position?: SelectMenuPositions;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlSelectMenu } from './MrlSelectMenu';
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AttrsObject } from '../../../../utils';
|
|
3
|
+
import { RightActionConfig, InputStates } from '../../constants';
|
|
4
|
+
/**
|
|
5
|
+
* @todo - we need to add static icon support for right
|
|
6
|
+
*/
|
|
7
|
+
interface MrlTextInputProps {
|
|
8
|
+
/** Applies additional HTML attributes to the text input element */
|
|
9
|
+
attrs?: AttrsObject;
|
|
10
|
+
/** Additional function to be run when the input's value is cleared */
|
|
11
|
+
hookClear?: () => void;
|
|
12
|
+
/** Id of the text input */
|
|
13
|
+
inputId: string;
|
|
14
|
+
/** The value of the text input used to make it a controlled input */
|
|
15
|
+
value?: string;
|
|
16
|
+
/** Text placeholder for the text input */
|
|
17
|
+
placeholder?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Changes the state of the input based on user permissions or actions.
|
|
20
|
+
*/
|
|
21
|
+
state?: InputStates;
|
|
22
|
+
/** Configures a static icon to persistently display on the left side of the input */
|
|
23
|
+
persistIcon?: Record<string, unknown>;
|
|
24
|
+
/** Configures an icon to the right side of the input */
|
|
25
|
+
dynamicIcon?: RightActionConfig;
|
|
26
|
+
/** Preset for setting up a clearable input via a right icon */
|
|
27
|
+
isClearable?: boolean;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Allows the user to input plain text
|
|
31
|
+
*
|
|
32
|
+
* @param {MrlTextInputProps} props - the component props
|
|
33
|
+
* @returns a text input element
|
|
34
|
+
*/
|
|
35
|
+
export declare function MrlTextInput({ attrs, inputId, isClearable, dynamicIcon, hookClear, persistIcon, placeholder, state, value }: MrlTextInputProps): JSX.Element;
|
|
36
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface MrlTextInputRightIconProps {
|
|
3
|
+
/** the action that should be executed when interacting with the icon */
|
|
4
|
+
action: (event: React.MouseEvent | React.KeyboardEvent) => void;
|
|
5
|
+
/** the icon that will be rendered */
|
|
6
|
+
icon: Record<string, unknown>;
|
|
7
|
+
/** data-qa attribute for the icon */
|
|
8
|
+
dataQa?: string;
|
|
9
|
+
/** describes the purpouse of the icon button */
|
|
10
|
+
label: string;
|
|
11
|
+
/** determines if the icon has active color or not */
|
|
12
|
+
hasActiveColor: boolean;
|
|
13
|
+
setHasActiveColor: (hasActiveColor: boolean) => void;
|
|
14
|
+
/** the text input value used to calculate the active style */
|
|
15
|
+
value?: string;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Renders the right icon in the text input
|
|
19
|
+
*
|
|
20
|
+
* @param {MrlTextInputRightIconProps} props - the component props
|
|
21
|
+
* @returns a button element with an icon
|
|
22
|
+
*/
|
|
23
|
+
export declare function MrlTextInputRightIcon({ action, dataQa, hasActiveColor, icon, label, setHasActiveColor, value }: MrlTextInputRightIconProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlTextInput } from './MrlTextInput';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { InputStates } from '../../constants';
|
|
2
|
+
type useActiveColorReturn = {
|
|
3
|
+
hasActiveColor: boolean;
|
|
4
|
+
setHasActiveColor: (hasActiveColor: boolean) => void;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Custom hook used to track the active color state of the text input
|
|
8
|
+
*
|
|
9
|
+
* @param {InputStates | undefined} state - the text input state
|
|
10
|
+
* @returns the hasActiveColor state and handler
|
|
11
|
+
*/
|
|
12
|
+
export declare function useActiveColor(state?: InputStates): useActiveColorReturn;
|
|
13
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
2
|
import { MrlComponentProps } from '../../../utils';
|
|
3
3
|
import { ModalSize, ModalState } from '../constants';
|
|
4
|
-
import './
|
|
4
|
+
import './MrlModal.global.scss';
|
|
5
5
|
interface ModalProps extends MrlComponentProps {
|
|
6
6
|
/**
|
|
7
7
|
* Content of the modal
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AttrsObject } from '../../../utils';
|
|
3
|
+
import { NotificationKind, NotificationIconConfig, NotificationState, NotificationLevel } from '../constants';
|
|
4
|
+
import './MrlBlockNotification.global.scss';
|
|
5
|
+
export interface MrlBlockNotificationProps {
|
|
6
|
+
/**
|
|
7
|
+
* Block Notification Wrapper Class
|
|
8
|
+
*/
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Adds CTA button to the notification
|
|
12
|
+
*/
|
|
13
|
+
cta?: React.ReactElement;
|
|
14
|
+
/**
|
|
15
|
+
* The kind of notification to display.
|
|
16
|
+
*
|
|
17
|
+
* Examples: warning, error, info, success
|
|
18
|
+
*/
|
|
19
|
+
kind?: NotificationKind;
|
|
20
|
+
/**
|
|
21
|
+
* Configuration of an icon. Either an icon or a configuration for an icon can be used.
|
|
22
|
+
*/
|
|
23
|
+
iconConfig?: Record<string, unknown> | string | NotificationIconConfig;
|
|
24
|
+
/**
|
|
25
|
+
* Sets header text for notification
|
|
26
|
+
*/
|
|
27
|
+
heading?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Adds a close button to notificaiton if true
|
|
30
|
+
*/
|
|
31
|
+
dismissible?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Sets the primary content for the notification
|
|
34
|
+
*/
|
|
35
|
+
message: React.ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* Open/Close state of the notification
|
|
38
|
+
*/
|
|
39
|
+
state?: NotificationState;
|
|
40
|
+
/**
|
|
41
|
+
* Open notification callback
|
|
42
|
+
*
|
|
43
|
+
* @returns {void}
|
|
44
|
+
*/
|
|
45
|
+
hookOpen?: () => void;
|
|
46
|
+
/**
|
|
47
|
+
* Close notification callback
|
|
48
|
+
*
|
|
49
|
+
* @returns {void}
|
|
50
|
+
*/
|
|
51
|
+
hookClose?: () => void;
|
|
52
|
+
/**
|
|
53
|
+
* Sets the header level
|
|
54
|
+
* Example output: h1, h2, h3, h4
|
|
55
|
+
*/
|
|
56
|
+
level?: NotificationLevel;
|
|
57
|
+
/**
|
|
58
|
+
* Attributes that are applied to the component during the initial render.
|
|
59
|
+
*
|
|
60
|
+
* Example usage: html attributes, custom data attributes (data-qa), aria
|
|
61
|
+
*/
|
|
62
|
+
attrs?: AttrsObject;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Block Notification Component
|
|
66
|
+
*
|
|
67
|
+
* @param props - Component props
|
|
68
|
+
* @returns {Element} Block Notification
|
|
69
|
+
*/
|
|
70
|
+
export declare const MrlBlockNotification: React.FC<MrlBlockNotificationProps>;
|
|
@@ -1,70 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { AttrsObject } from '../../../utils';
|
|
3
|
-
import { NotificationKind, NotificationIconConfig, NotificationState, NotificationLevel } from '../constants';
|
|
4
|
-
import './styles.global.scss';
|
|
5
|
-
export interface MrlBlockNotificationProps {
|
|
6
|
-
/**
|
|
7
|
-
* Block Notification Wrapper Class
|
|
8
|
-
*/
|
|
9
|
-
className?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Adds CTA button to the notification
|
|
12
|
-
*/
|
|
13
|
-
cta?: React.ReactElement;
|
|
14
|
-
/**
|
|
15
|
-
* The kind of notification to display.
|
|
16
|
-
*
|
|
17
|
-
* Examples: warning, error, info, success
|
|
18
|
-
*/
|
|
19
|
-
kind?: NotificationKind;
|
|
20
|
-
/**
|
|
21
|
-
* Configuration of an icon. Either an icon or a configuration for an icon can be used.
|
|
22
|
-
*/
|
|
23
|
-
iconConfig?: Record<string, unknown> | string | NotificationIconConfig;
|
|
24
|
-
/**
|
|
25
|
-
* Sets header text for notification
|
|
26
|
-
*/
|
|
27
|
-
heading?: string;
|
|
28
|
-
/**
|
|
29
|
-
* Adds a close button to notificaiton if true
|
|
30
|
-
*/
|
|
31
|
-
dismissible?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Sets the primary content for the notification
|
|
34
|
-
*/
|
|
35
|
-
message: React.ReactNode;
|
|
36
|
-
/**
|
|
37
|
-
* Open/Close state of the notification
|
|
38
|
-
*/
|
|
39
|
-
state?: NotificationState;
|
|
40
|
-
/**
|
|
41
|
-
* Open notification callback
|
|
42
|
-
*
|
|
43
|
-
* @returns {void}
|
|
44
|
-
*/
|
|
45
|
-
hookOpen?: () => void;
|
|
46
|
-
/**
|
|
47
|
-
* Close notification callback
|
|
48
|
-
*
|
|
49
|
-
* @returns {void}
|
|
50
|
-
*/
|
|
51
|
-
hookClose?: () => void;
|
|
52
|
-
/**
|
|
53
|
-
* Sets the header level
|
|
54
|
-
* Example output: h1, h2, h3, h4
|
|
55
|
-
*/
|
|
56
|
-
level?: NotificationLevel;
|
|
57
|
-
/**
|
|
58
|
-
* Attributes that are applied to the component during the initial render.
|
|
59
|
-
*
|
|
60
|
-
* Example usage: html attributes, custom data attributes (data-qa), aria
|
|
61
|
-
*/
|
|
62
|
-
attrs?: AttrsObject;
|
|
63
|
-
}
|
|
64
|
-
/**
|
|
65
|
-
* Block Notification Component
|
|
66
|
-
*
|
|
67
|
-
* @param props - Component props
|
|
68
|
-
* @returns {Element} Block Notification
|
|
69
|
-
*/
|
|
70
|
-
export declare const MrlBlockNotification: React.FC<MrlBlockNotificationProps>;
|
|
1
|
+
export { MrlBlockNotification, type MrlBlockNotificationProps } from './MrlBlockNotification';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlSvg, type SvgPropTypes } from './MrlSvg';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlSvgAnimate, type MrlSvgAnimateProps } from './MrlSvgAnimate';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlTooltip } from './MrlTooltip';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { AttrsObject } from '../../../utils';
|
|
3
3
|
import { MrlTooltipAnchor, MrlTooltipPosition, MrlTooltipState } from '../constants';
|
|
4
|
-
import './
|
|
4
|
+
import './MrlTooltipContent.global.scss';
|
|
5
5
|
interface MrlTooltipContentProps {
|
|
6
6
|
/**
|
|
7
7
|
* The arrow position of the tooltip in relation to its trigger's content.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MrlTooltipContent } from './MrlTooltipContent';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './MrlTooltip';
|
|
2
2
|
export * from './constants';
|