@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.
Files changed (53) hide show
  1. package/dist/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts +1 -1
  2. package/dist/components/button/MrlButton/MrlButton.d.ts +1 -1
  3. package/dist/components/button/MrlIconButton/MrlIconButton.d.ts +1 -1
  4. package/dist/components/focus-trap/MrlFocusTrap/index.d.ts +1 -0
  5. package/dist/components/focus-trap/index.d.ts +1 -1
  6. package/dist/components/form/constants.d.ts +2 -1
  7. package/dist/components/form/index.d.ts +4 -3
  8. package/dist/components/form/{MrlSelect/select.d.ts → select/MrlSelect/MrlSelect.d.ts} +2 -2
  9. package/dist/components/form/select/MrlSelect/index.d.ts +1 -0
  10. package/dist/components/form/{MrlSelectItem/index.d.ts → select/MrlSelectItem/MrlSelectItem.d.ts} +1 -1
  11. package/dist/components/form/select/MrlSelectItem/index.d.ts +1 -0
  12. package/dist/components/form/{MrlSelectMenu/index.d.ts → select/MrlSelectMenu/MrlSelectMenu.d.ts} +2 -2
  13. package/dist/components/form/select/MrlSelectMenu/index.d.ts +1 -0
  14. package/dist/components/form/{MrlSelect → select}/index.d.ts +1 -1
  15. package/dist/components/form/text-input/MrlTextInput/MrlTextInput.d.ts +36 -0
  16. package/dist/components/form/text-input/MrlTextInput/MrlTextInputRightIcon.d.ts +23 -0
  17. package/dist/components/form/text-input/MrlTextInput/index.d.ts +1 -0
  18. package/dist/components/form/text-input/MrlTextInput/useActiveColor.d.ts +13 -0
  19. package/dist/components/modal/MrlModal/index.d.ts +1 -1
  20. package/dist/components/modal/MrlModalFooter/index.d.ts +1 -1
  21. package/dist/components/notification/MrlBlockNotification/MrlBlockNotification.d.ts +70 -0
  22. package/dist/components/notification/MrlBlockNotification/index.d.ts +1 -70
  23. package/dist/components/svg/MrlSvg/index.d.ts +1 -0
  24. package/dist/components/svg/MrlSvgAnimate/index.d.ts +1 -0
  25. package/dist/components/tooltip/MrlTooltip/index.d.ts +1 -0
  26. package/dist/components/tooltip/MrlTooltipContent/MrlTooltipContent.d.ts +1 -1
  27. package/dist/components/tooltip/MrlTooltipContent/index.d.ts +1 -0
  28. package/dist/components/tooltip/index.d.ts +1 -1
  29. package/dist/index.js +1 -1
  30. package/dist/styles/MrlBlockNotification/global.scss +2 -1
  31. package/dist/styles/MrlBlockNotification/module.scss +3 -2
  32. package/dist/styles/MrlModal/global.scss +2 -2
  33. package/dist/styles/MrlModal/module.scss +2 -2
  34. package/dist/styles/MrlModal/variables.scss +1 -1
  35. package/dist/styles/MrlModalContent/module.scss +1 -1
  36. package/dist/styles/MrlModalFooter/module.scss +1 -1
  37. package/dist/styles/MrlModalFooter/variables.scss +1 -1
  38. package/dist/styles/MrlModalHeader/module.scss +1 -1
  39. package/dist/styles/MrlSelect/module.scss +4 -3
  40. package/dist/styles/MrlSelect/variables.scss +15 -0
  41. package/dist/styles/MrlSelectItem/module.scss +3 -2
  42. package/dist/styles/MrlSelectItem/variables.scss +36 -0
  43. package/dist/styles/MrlSelectMenu/module.scss +3 -2
  44. package/dist/styles/MrlSelectMenu/variables.scss +8 -0
  45. package/dist/styles/MrlText/module.scss +1 -1
  46. package/dist/styles/MrlTextHeading/module.scss +1 -1
  47. package/dist/styles/MrlTextInput/module.scss +97 -0
  48. package/dist/styles/MrlTextInput/variables.scss +6 -0
  49. package/dist/styles/MrlTooltipContent/global.scss +2 -2
  50. package/dist/styles/form/global.scss +160 -0
  51. package/dist/styles/form/variables.scss +63 -0
  52. package/package.json +1 -1
  53. /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" | "children" | "disabled" | "className" | "color" | "size" | "attrs" | "onClick" | "role" | "name" | "id" | "state" | "value" | "kind" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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" | "position" | "type" | "badge" | "disableEvents" | "icon" | "toggleAria" | "toggleStyle" | "tipAnchor" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
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" | "children" | "disabled" | "className" | "color" | "size" | "attrs" | "onClick" | "role" | "name" | "id" | "state" | "value" | "kind" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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" | "type" | "badge" | "disableEvents" | "icon" | "toggleAria" | "toggleStyle" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "iconPos"> & React.RefAttributes<HTMLButtonElement>>;
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" | "children" | "disabled" | "className" | "color" | "size" | "attrs" | "onClick" | "role" | "name" | "id" | "state" | "value" | "kind" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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" | "position" | "type" | "badge" | "disableEvents" | "icon" | "toggleAria" | "toggleStyle" | "tipAnchor" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
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 * from './MrlFocusTrap/MrlFocusTrap';
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 '../constants';
3
- import { AttrsObject } from '../../../utils';
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';
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { AttrsObject } from '../../../utils';
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';
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { SelectMenuPositions } from '../constants';
3
- import { AttrsObject } from '../../../utils';
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';
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { MrlSelectProptypes } from './select';
2
+ import { MrlSelectProptypes } from './MrlSelect';
3
3
  /**
4
4
  * Creates and exports component class for Mural Select
5
5
  *
@@ -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 './styles.global.scss';
4
+ import './MrlModal.global.scss';
5
5
  interface ModalProps extends MrlComponentProps {
6
6
  /**
7
7
  * Content of the modal
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { MrlComponentProps } from '../../../utils';
3
- import './styles.global.scss';
3
+ import './MrlModalFooter.global.scss';
4
4
  interface MrlModalFooterProps extends MrlComponentProps {
5
5
  /**
6
6
  * Content of the modal footer
@@ -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
- import React from 'react';
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 './styles.global.scss';
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 "./MrlTooltip/MrlTooltip";
1
+ export * from './MrlTooltip';
2
2
  export * from './constants';