@muraldevkit/ui-toolkit 4.68.0-dev-NFbt.1 → 4.68.0-dev-nPeA.1

package/dist/esm/components/layout/MrlSidebar/MrlSidebar.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { menu, close } from '@muraldevkit/ds-icons';
@@ -27,7 +27,7 @@ var MrlSidebar = /*#__PURE__*/React.forwardRef(function MrlSidebar(_ref, ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isExpanded = _React$useState2[0],
     setIsExpanded = _React$useState2[1];
-  var setExpandedAndNotify = React.useCallback(function (expanded, info) {
+  var setExpandedAndNotify = React.useCallback((expanded, info) => {
     if (expanded) {
       hookOpen === null || hookOpen === void 0 ? void 0 : hookOpen(info);
     } else {
@@ -37,19 +37,19 @@ var MrlSidebar = /*#__PURE__*/React.forwardRef(function MrlSidebar(_ref, ref) {
   }, [hookOpen, hookClose]);
   var _useLayoutContext = useLayoutContext(),
     isTopbarRendered = _useLayoutContext.isTopbarRendered;
-  React.useImperativeHandle(ref, function () {
+  React.useImperativeHandle(ref, () => {
     return {
-      close: function close() {
+      close() {
         setExpandedAndNotify(false, {
           source: 'imperativeHandler'
         });
       },
-      open: function open() {
+      open() {
         setExpandedAndNotify(true, {
           source: 'imperativeHandler'
         });
       },
-      toggle: function toggle() {
+      toggle() {
         setExpandedAndNotify(!isExpanded, {
           source: 'imperativeHandler'
         });
@@ -66,10 +66,15 @@ var MrlSidebar = /*#__PURE__*/React.forwardRef(function MrlSidebar(_ref, ref) {
   // So, we need to negate them. Don't worry, it works.
   var shouldFocusTrap = !(renderMobile && isExpanded);
   var offsetClass = classnames(isTopbarRendered && styles['MrlSidebar--offset']);
-  var sidebarClasses = classnames(styles['MrlSidebar'], 'MrlSidebar', className, offsetClass, _defineProperty(_defineProperty({}, styles['MrlSidebar--mobile'], renderMobile), styles['MrlSidebar--mobile--open'], renderMobile && isExpanded));
+  var sidebarClasses = classnames(styles['MrlSidebar'], 'MrlSidebar', className, offsetClass, {
+    [styles['MrlSidebar--mobile']]: renderMobile,
+    [styles['MrlSidebar--mobile--open']]: renderMobile && isExpanded
+  });
   var overlayClasses = classnames(styles['MrlSidebar-overlay'], 'MrlSidebar-overlay', renderMobile && isExpanded && styles['MrlSidebar-overlay--visible'], offsetClass);
-  var sidebarContentClasses = classnames(styles['MrlSidebar-content'], 'MrlSidebar-content', _defineProperty({}, styles['MrlSidebar-content--visible'], isExpanded || !renderMobile));
-  var handleKeyUp = function handleKeyUp(e) {
+  var sidebarContentClasses = classnames(styles['MrlSidebar-content'], 'MrlSidebar-content', {
+    [styles['MrlSidebar-content--visible']]: isExpanded || !renderMobile
+  });
+  var handleKeyUp = e => {
     e.preventDefault();
     e.stopPropagation();
     if (e.key === 'Escape') {
@@ -80,7 +85,7 @@ var MrlSidebar = /*#__PURE__*/React.forwardRef(function MrlSidebar(_ref, ref) {
       (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
     }
   };
-  var handleClick = function handleClick(e) {
+  var handleClick = e => {
     e.preventDefault();
     setExpandedAndNotify(!isExpanded, {
       source: 'userInteraction'
@@ -121,7 +126,10 @@ var MrlSidebar = /*#__PURE__*/React.forwardRef(function MrlSidebar(_ref, ref) {
     disabled: shouldFocusTrap,
     containerRef: sidebarRef
   }, isExpanded && /*#__PURE__*/React.createElement(MrlIconButton, {
-    wrapperClassName: classnames(styles['MrlSidebar-menu-trigger'], styles['MrlSidebar-menu'], _defineProperty(_defineProperty({}, styles['MrlSidebar-menu-close'], isExpanded), 'MrlSidebar-menu-close', isExpanded)),
+    wrapperClassName: classnames(styles['MrlSidebar-menu-trigger'], styles['MrlSidebar-menu'], {
+      [styles['MrlSidebar-menu-close']]: isExpanded,
+      'MrlSidebar-menu-close': isExpanded
+    }),
     icon: /*#__PURE__*/React.createElement(MrlSvg, {
       svg: close
     }),

package/dist/esm/components/layout/MrlSidebar/MrlSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSidebar.js","sources":["../../../../../src/components/layout/MrlSidebar/MrlSidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { menu, close } from '@muraldevkit/ds-icons';\nimport { MrlIconButton, MrlFocusTrap, MrlSvg } from '../../';\nimport { LayoutComponent, LayoutSection } from '../constants';\nimport { useBreakpoint } from '../../../hooks/useBreakpoint';\nimport { isMobile } from '../utils';\nimport { useLayoutContext } from '../context/LayoutContext';\n\nimport styles from './MrlSidebar.module.scss';\n\nexport type MrlSidebarHookInfo = { source: 'userInteraction' | 'imperativeHandler' };\n\ninterface MrlSidebarHook {\n\thookClose?: (info: MrlSidebarHookInfo) => void;\n\thookOpen?: (info: MrlSidebarHookInfo) => void;\n}\n\ntype MrlSidebar = LayoutComponent & LayoutSection & MrlSidebarHook;\nexport interface MrlSidebarHandle {\n\tclose: () => void;\n\topen: () => void;\n\ttoggle: () => void;\n}\n\n/**\n * MrlSidebar React component.\n * @param props - component props\n * @returns a MrlSidebar React component.\n */\nexport const MrlSidebar = React.forwardRef<MrlSidebarHandle, MrlSidebar>(function MrlSidebar(\n\t{ children, className = '', hookOpen, hookClose, ...rest }: MrlSidebar,\n\tref: React.Ref<MrlSidebarHandle>\n): JSX.Element {\n\tconst [isExpanded, setIsExpanded] = React.useState<boolean>(false);\n\tconst setExpandedAndNotify = React.useCallback(\n\t\t(expanded: boolean, info: MrlSidebarHookInfo) => {\n\t\t\tif (expanded) {\n\t\t\t\thookOpen?.(info);\n\t\t\t} else {\n\t\t\t\thookClose?.(info);\n\t\t\t}\n\t\t\tsetIsExpanded(expanded);\n\t\t},\n\t\t[hookOpen, hookClose]\n\t);\n\n\tconst { isTopbarRendered } = useLayoutContext();\n\n\tReact.useImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tclose() {\n\t\t\t\tsetExpandedAndNotify(false, { source: 'imperativeHandler' });\n\t\t\t},\n\t\t\topen() {\n\t\t\t\tsetExpandedAndNotify(true, { source: 'imperativeHandler' });\n\t\t\t},\n\t\t\ttoggle() {\n\t\t\t\tsetExpandedAndNotify(!isExpanded, { source: 'imperativeHandler' });\n\t\t\t}\n\t\t};\n\t}, [isExpanded, setExpandedAndNotify]);\n\n\tconst breakpoint = useBreakpoint();\n\tconst renderMobile = isMobile(breakpoint);\n\n\tconst sidebarRef = React.useRef<HTMLDivElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\n\t// If both of these are true, then we want to set focus trap disabled to \"False\"\n\t// which is kind of confusing, because these values actually return true.\n\t// So, we need to negate them. Don't worry, it works.\n\tconst shouldFocusTrap = !(renderMobile && isExpanded);\n\n\tconst offsetClass = classnames(isTopbarRendered && styles['MrlSidebar--offset']);\n\n\tconst sidebarClasses = classnames(styles['MrlSidebar'], 'MrlSidebar', className, offsetClass, {\n\t\t[styles['MrlSidebar--mobile']]: renderMobile,\n\t\t[styles['MrlSidebar--mobile--open']]: renderMobile && isExpanded\n\t});\n\n\tconst overlayClasses = classnames(\n\t\tstyles['MrlSidebar-overlay'],\n\t\t'MrlSidebar-overlay',\n\t\trenderMobile && isExpanded && styles['MrlSidebar-overlay--visible'],\n\t\toffsetClass\n\t);\n\n\tconst sidebarContentClasses = classnames(styles['MrlSidebar-content'], 'MrlSidebar-content', {\n\t\t[styles['MrlSidebar-content--visible']]: isExpanded || !renderMobile\n\t});\n\n\tconst handleKeyUp = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tif (e.key === 'Escape') {\n\t\t\tsetExpandedAndNotify(false, { source: 'userInteraction' });\n\t\t\ttriggerRef.current?.focus();\n\t\t}\n\t};\n\n\tconst handleClick = (e: React.SyntheticEvent<HTMLElement, Event>) => {\n\t\te.preventDefault();\n\t\tsetExpandedAndNotify(!isExpanded, { source: 'userInteraction' });\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\t// If the sidebar is rendered on mobile, we want to render the menu button and overlay.\n\t\t\t\trenderMobile && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\twrapperClassName={classnames(\n\t\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu-trigger'],\n\t\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu']\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\ticon={<MrlSvg svg={menu} />}\n\t\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\t\tref={triggerRef}\n\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\ttext=\"Open\"\n\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\ttoggleAria=\"expanded\"\n\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={overlayClasses}\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t// we only want to allow click events on the overlay if the sidebar is expanded\n\t\t\t\t\t\t\t// otherwise pointer events are none and no click events are allowed\n\t\t\t\t\t\t\t{...(isExpanded && { onClick: handleClick })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)\n\t\t\t}\n\t\t\t<section\n\t\t\t\t{...rest}\n\t\t\t\tclassName={sidebarClasses}\n\t\t\t\tonKeyUp={handleKeyUp}\n\t\t\t\tref={sidebarRef}\n\t\t\t\trole=\"presentation\"\n\t\t\t\t{...(renderMobile && { 'aria-hidden': !isExpanded })}\n\t\t\t>\n\t\t\t\t<MrlFocusTrap disabled={shouldFocusTrap} containerRef={sidebarRef}>\n\t\t\t\t\t{isExpanded && (\n\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\twrapperClassName={classnames(\n\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu-trigger'],\n\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu'],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[styles['MrlSidebar-menu-close']]: isExpanded,\n\t\t\t\t\t\t\t\t\t'MrlSidebar-menu-close': isExpanded\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\ttoggleAria=\"expanded\"\n\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={sidebarContentClasses}>{children}</div>\n\t\t\t\t</MrlFocusTrap>\n\t\t\t</section>\n\t\t</>\n\t);\n});\n"],"names":["MrlSidebar","React","forwardRef","_ref","ref","children","_ref$className","className","hookOpen","hookClose","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setIsExpanded","setExpandedAndNotify","useCallback","expanded","info","_useLayoutContext","useLayoutContext","isTopbarRendered","useImperativeHandle","close","source","open","toggle","breakpoint","useBreakpoint","renderMobile","isMobile","sidebarRef","useRef","triggerRef","shouldFocusTrap","offsetClass","classnames","styles","sidebarClasses","_defineProperty","overlayClasses","sidebarContentClasses","handleKeyUp","e","preventDefault","stopPropagation","key","_triggerRef$current","current","focus","handleClick","createElement","Fragment","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","menu","kind","onClick","position","size","text","tipAnchor","toggleAria","state","_extends","role","tabIndex","onKeyUp","MrlFocusTrap","disabled","containerRef"],"mappings":"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"}
+{"version":3,"file":"MrlSidebar.js","sources":["../../../../../src/components/layout/MrlSidebar/MrlSidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { menu, close } from '@muraldevkit/ds-icons';\nimport { MrlIconButton, MrlFocusTrap, MrlSvg } from '../../';\nimport { LayoutComponent, LayoutSection } from '../constants';\nimport { useBreakpoint } from '../../../hooks/useBreakpoint';\nimport { isMobile } from '../utils';\nimport { useLayoutContext } from '../context/LayoutContext';\n\nimport styles from './MrlSidebar.module.scss';\n\nexport type MrlSidebarHookInfo = { source: 'userInteraction' | 'imperativeHandler' };\n\ninterface MrlSidebarHook {\n\thookClose?: (info: MrlSidebarHookInfo) => void;\n\thookOpen?: (info: MrlSidebarHookInfo) => void;\n}\n\ntype MrlSidebar = LayoutComponent & LayoutSection & MrlSidebarHook;\nexport interface MrlSidebarHandle {\n\tclose: () => void;\n\topen: () => void;\n\ttoggle: () => void;\n}\n\n/**\n * MrlSidebar React component.\n * @param props - component props\n * @returns a MrlSidebar React component.\n */\nexport const MrlSidebar = React.forwardRef<MrlSidebarHandle, MrlSidebar>(function MrlSidebar(\n\t{ children, className = '', hookOpen, hookClose, ...rest }: MrlSidebar,\n\tref: React.Ref<MrlSidebarHandle>\n): JSX.Element {\n\tconst [isExpanded, setIsExpanded] = React.useState<boolean>(false);\n\tconst setExpandedAndNotify = React.useCallback(\n\t\t(expanded: boolean, info: MrlSidebarHookInfo) => {\n\t\t\tif (expanded) {\n\t\t\t\thookOpen?.(info);\n\t\t\t} else {\n\t\t\t\thookClose?.(info);\n\t\t\t}\n\t\t\tsetIsExpanded(expanded);\n\t\t},\n\t\t[hookOpen, hookClose]\n\t);\n\n\tconst { isTopbarRendered } = useLayoutContext();\n\n\tReact.useImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tclose() {\n\t\t\t\tsetExpandedAndNotify(false, { source: 'imperativeHandler' });\n\t\t\t},\n\t\t\topen() {\n\t\t\t\tsetExpandedAndNotify(true, { source: 'imperativeHandler' });\n\t\t\t},\n\t\t\ttoggle() {\n\t\t\t\tsetExpandedAndNotify(!isExpanded, { source: 'imperativeHandler' });\n\t\t\t}\n\t\t};\n\t}, [isExpanded, setExpandedAndNotify]);\n\n\tconst breakpoint = useBreakpoint();\n\tconst renderMobile = isMobile(breakpoint);\n\n\tconst sidebarRef = React.useRef<HTMLDivElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\n\t// If both of these are true, then we want to set focus trap disabled to \"False\"\n\t// which is kind of confusing, because these values actually return true.\n\t// So, we need to negate them. Don't worry, it works.\n\tconst shouldFocusTrap = !(renderMobile && isExpanded);\n\n\tconst offsetClass = classnames(isTopbarRendered && styles['MrlSidebar--offset']);\n\n\tconst sidebarClasses = classnames(styles['MrlSidebar'], 'MrlSidebar', className, offsetClass, {\n\t\t[styles['MrlSidebar--mobile']]: renderMobile,\n\t\t[styles['MrlSidebar--mobile--open']]: renderMobile && isExpanded\n\t});\n\n\tconst overlayClasses = classnames(\n\t\tstyles['MrlSidebar-overlay'],\n\t\t'MrlSidebar-overlay',\n\t\trenderMobile && isExpanded && styles['MrlSidebar-overlay--visible'],\n\t\toffsetClass\n\t);\n\n\tconst sidebarContentClasses = classnames(styles['MrlSidebar-content'], 'MrlSidebar-content', {\n\t\t[styles['MrlSidebar-content--visible']]: isExpanded || !renderMobile\n\t});\n\n\tconst handleKeyUp = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tif (e.key === 'Escape') {\n\t\t\tsetExpandedAndNotify(false, { source: 'userInteraction' });\n\t\t\ttriggerRef.current?.focus();\n\t\t}\n\t};\n\n\tconst handleClick = (e: React.SyntheticEvent<HTMLElement, Event>) => {\n\t\te.preventDefault();\n\t\tsetExpandedAndNotify(!isExpanded, { source: 'userInteraction' });\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\t// If the sidebar is rendered on mobile, we want to render the menu button and overlay.\n\t\t\t\trenderMobile && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\twrapperClassName={classnames(\n\t\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu-trigger'],\n\t\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu']\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\ticon={<MrlSvg svg={menu} />}\n\t\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\t\tref={triggerRef}\n\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\ttext=\"Open\"\n\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\ttoggleAria=\"expanded\"\n\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={overlayClasses}\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t// we only want to allow click events on the overlay if the sidebar is expanded\n\t\t\t\t\t\t\t// otherwise pointer events are none and no click events are allowed\n\t\t\t\t\t\t\t{...(isExpanded && { onClick: handleClick })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)\n\t\t\t}\n\t\t\t<section\n\t\t\t\t{...rest}\n\t\t\t\tclassName={sidebarClasses}\n\t\t\t\tonKeyUp={handleKeyUp}\n\t\t\t\tref={sidebarRef}\n\t\t\t\trole=\"presentation\"\n\t\t\t\t{...(renderMobile && { 'aria-hidden': !isExpanded })}\n\t\t\t>\n\t\t\t\t<MrlFocusTrap disabled={shouldFocusTrap} containerRef={sidebarRef}>\n\t\t\t\t\t{isExpanded && (\n\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\twrapperClassName={classnames(\n\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu-trigger'],\n\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu'],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[styles['MrlSidebar-menu-close']]: isExpanded,\n\t\t\t\t\t\t\t\t\t'MrlSidebar-menu-close': isExpanded\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\ttoggleAria=\"expanded\"\n\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={sidebarContentClasses}>{children}</div>\n\t\t\t\t</MrlFocusTrap>\n\t\t\t</section>\n\t\t</>\n\t);\n});\n"],"names":["MrlSidebar","React","forwardRef","_ref","ref","children","_ref$className","className","hookOpen","hookClose","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setIsExpanded","setExpandedAndNotify","useCallback","expanded","info","_useLayoutContext","useLayoutContext","isTopbarRendered","useImperativeHandle","close","source","open","toggle","breakpoint","useBreakpoint","renderMobile","isMobile","sidebarRef","useRef","triggerRef","shouldFocusTrap","offsetClass","classnames","styles","sidebarClasses","overlayClasses","sidebarContentClasses","handleKeyUp","e","preventDefault","stopPropagation","key","_triggerRef$current","current","focus","handleClick","createElement","Fragment","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","menu","kind","onClick","position","size","text","tipAnchor","toggleAria","state","_extends","role","tabIndex","onKeyUp","MrlFocusTrap","disabled","containerRef"],"mappings":"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"}

package/dist/esm/components/layout/MrlTopbar/MrlTopbar.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { TOPBAR_SELECTOR } from '../constants.js';
@@ -22,7 +22,10 @@ function MrlTopbar(_ref) {
   var renderMobile = isMobile(breakpoint);
   var _useLayoutContext = useLayoutContext(),
     isSidebarRendered = _useLayoutContext.isSidebarRendered;
-  var allClasses = classnames(styles['MrlTopbar'], TOPBAR_SELECTOR, className, _defineProperty(_defineProperty({}, styles['MrlTopbar--mobile'], renderMobile), styles['MrlTopbar--no-sidebar'], !isSidebarRendered));
+  var allClasses = classnames(styles['MrlTopbar'], TOPBAR_SELECTOR, className, {
+    [styles['MrlTopbar--mobile']]: renderMobile,
+    [styles['MrlTopbar--no-sidebar']]: !isSidebarRendered
+  });
   return /*#__PURE__*/React.createElement("header", _extends({}, rest, {
     className: allClasses
   }), children);

package/dist/esm/components/layout/MrlTopbar/MrlTopbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlTopbar.js","sources":["../../../../../src/components/layout/MrlTopbar/MrlTopbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { LayoutComponent, LayoutSection, TOPBAR_SELECTOR } from '../constants';\nimport { useBreakpoint } from '../../../hooks';\nimport { useLayoutContext } from '../context/LayoutContext';\nimport { isMobile } from '../utils';\n\nimport styles from './MrlTopbar.module.scss';\n\ntype MrlTopbar = LayoutComponent & LayoutSection;\n\n/**\n * MrlTopbar React component.\n * @param props - component props\n * @returns a MrlTopbar React component.\n */\nexport function MrlTopbar({ children, className = '', ...rest }: MrlTopbar): JSX.Element {\n\tconst breakpoint = useBreakpoint();\n\tconst renderMobile = isMobile(breakpoint);\n\tconst { isSidebarRendered } = useLayoutContext();\n\n\tconst allClasses = classnames(styles['MrlTopbar'], TOPBAR_SELECTOR, className, {\n\t\t[styles['MrlTopbar--mobile']]: renderMobile,\n\t\t[styles['MrlTopbar--no-sidebar']]: !isSidebarRendered\n\t});\n\n\treturn (\n\t\t<header {...rest} className={allClasses}>\n\t\t\t{children}\n\t\t</header>\n\t);\n}\n"],"names":["MrlTopbar","_ref","children","_ref$className","className","rest","_objectWithoutProperties","_excluded","breakpoint","useBreakpoint","renderMobile","isMobile","_useLayoutContext","useLayoutContext","isSidebarRendered","allClasses","classnames","styles","TOPBAR_SELECTOR","_defineProperty","React","createElement","_extends"],"mappings":";;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAC5D,EAAA,IAAMC,UAAU,GAAGC,aAAa,EAAE;AAClC,EAAA,IAAMC,YAAY,GAAGC,QAAQ,CAACH,UAAU,CAAC;AACzC,EAAA,IAAAI,iBAAA,GAA8BC,gBAAgB,EAAE;IAAxCC,iBAAiB,GAAAF,iBAAA,CAAjBE,iBAAiB;AAEzB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAEC,eAAe,EAAEd,SAAS,EAAAe,eAAA,CAAAA,eAAA,CAAA,EAAA,EAC3EF,MAAM,CAAC,mBAAmB,CAAC,EAAGP,YAAY,CAAA,EAC1CO,MAAM,CAAC,uBAAuB,CAAC,EAAG,CAACH,iBAAiB,CACrD,CAAC;AAEF,EAAA,oBACCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,KAAYjB,IAAI,EAAA;AAAED,IAAAA,SAAS,EAAEW;AAAW,GAAA,CAAA,EACtCb,QACM,CAAC;AAEX;;;;"}
+{"version":3,"file":"MrlTopbar.js","sources":["../../../../../src/components/layout/MrlTopbar/MrlTopbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { LayoutComponent, LayoutSection, TOPBAR_SELECTOR } from '../constants';\nimport { useBreakpoint } from '../../../hooks';\nimport { useLayoutContext } from '../context/LayoutContext';\nimport { isMobile } from '../utils';\n\nimport styles from './MrlTopbar.module.scss';\n\ntype MrlTopbar = LayoutComponent & LayoutSection;\n\n/**\n * MrlTopbar React component.\n * @param props - component props\n * @returns a MrlTopbar React component.\n */\nexport function MrlTopbar({ children, className = '', ...rest }: MrlTopbar): JSX.Element {\n\tconst breakpoint = useBreakpoint();\n\tconst renderMobile = isMobile(breakpoint);\n\tconst { isSidebarRendered } = useLayoutContext();\n\n\tconst allClasses = classnames(styles['MrlTopbar'], TOPBAR_SELECTOR, className, {\n\t\t[styles['MrlTopbar--mobile']]: renderMobile,\n\t\t[styles['MrlTopbar--no-sidebar']]: !isSidebarRendered\n\t});\n\n\treturn (\n\t\t<header {...rest} className={allClasses}>\n\t\t\t{children}\n\t\t</header>\n\t);\n}\n"],"names":["MrlTopbar","_ref","children","_ref$className","className","rest","_objectWithoutProperties","_excluded","breakpoint","useBreakpoint","renderMobile","isMobile","_useLayoutContext","useLayoutContext","isSidebarRendered","allClasses","classnames","styles","TOPBAR_SELECTOR","React","createElement","_extends"],"mappings":";;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAC5D,EAAA,IAAMC,UAAU,GAAGC,aAAa,EAAE;AAClC,EAAA,IAAMC,YAAY,GAAGC,QAAQ,CAACH,UAAU,CAAC;AACzC,EAAA,IAAAI,iBAAA,GAA8BC,gBAAgB,EAAE;IAAxCC,iBAAiB,GAAAF,iBAAA,CAAjBE,iBAAiB;AAEzB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACC,MAAM,CAAC,WAAW,CAAC,EAAEC,eAAe,EAAEd,SAAS,EAAE;AAC9E,IAAA,CAACa,MAAM,CAAC,mBAAmB,CAAC,GAAGP,YAAY;AAC3C,IAAA,CAACO,MAAM,CAAC,uBAAuB,CAAC,GAAG,CAACH;AACrC,GAAC,CAAC;AAEF,EAAA,oBACCK,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,KAAYhB,IAAI,EAAA;AAAED,IAAAA,SAAS,EAAEW;AAAW,GAAA,CAAA,EACtCb,QACM,CAAC;AAEX;;;;"}

package/dist/esm/components/layout/context/LayoutContext.js

@@ -21,14 +21,14 @@ function LayoutProvider(_ref) {
     isTopbarRendered = _React$useState4[0],
     setIsTopbarRendered = _React$useState4[1];
   var contextRef = React.useRef(null);
-  React.useEffect(function () {
+  React.useEffect(() => {
     setIsSidebarRendered(hasElement(contextRef.current, SIDEBAR_SELECTOR));
     setIsTopbarRendered(hasElement(contextRef.current, TOPBAR_SELECTOR));
   }, [children]);
   return /*#__PURE__*/React.createElement(LayoutContext.Provider, {
     value: {
-      isSidebarRendered: isSidebarRendered,
-      isTopbarRendered: isTopbarRendered
+      isSidebarRendered,
+      isTopbarRendered
     }
   }, /*#__PURE__*/React.createElement("div", {
     ref: contextRef
@@ -42,7 +42,7 @@ function LayoutProvider(_ref) {
  * @throws Will throw an error if not used within a `LayoutProvider`.
  * @returns The layout context containing isSidebarRendered and isTopbarRendered.
  */
-var useLayoutContext = function useLayoutContext() {
+var useLayoutContext = () => {
   var context = React.useContext(LayoutContext);
   if (!context) {
     throw new Error('useLayoutContext must be used within a LayoutProvider');

package/dist/esm/components/layout/context/LayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/components/layout/context/LayoutContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TOPBAR_SELECTOR, SIDEBAR_SELECTOR } from '../constants';\nimport { hasElement } from '../utils';\n\ntype LayoutContextType = {\n\tisSidebarRendered: boolean;\n\tisTopbarRendered: boolean;\n};\n\nconst LayoutContext = React.createContext<LayoutContextType | undefined>(undefined);\n\ntype LayoutProviderProps = {\n\tchildren: React.ReactNode;\n};\n\n/**\n * Provides layout-related context values to child components.\n *\n * @param {LayoutProviderProps} props - The props for the component.\n * @returns A React element that provides the layout context to children.\n */\nexport function LayoutProvider({ children }: LayoutProviderProps): React.ReactElement {\n\tconst [isSidebarRendered, setIsSidebarRendered] = React.useState<boolean>(false);\n\tconst [isTopbarRendered, setIsTopbarRendered] = React.useState<boolean>(false);\n\n\tconst contextRef = React.useRef<HTMLDivElement>(null);\n\n\tReact.useEffect(() => {\n\t\tsetIsSidebarRendered(hasElement(contextRef.current, SIDEBAR_SELECTOR));\n\t\tsetIsTopbarRendered(hasElement(contextRef.current, TOPBAR_SELECTOR));\n\t}, [children]);\n\n\treturn (\n\t\t<LayoutContext.Provider value={{ isSidebarRendered, isTopbarRendered }}>\n\t\t\t<div ref={contextRef}>{children}</div>\n\t\t</LayoutContext.Provider>\n\t);\n}\n\n/**\n * Custom hook to access layout context values.\n * This hook ensures that the component using it is wrapped within a LayoutProvider.\n *\n * @throws Will throw an error if not used within a `LayoutProvider`.\n * @returns The layout context containing isSidebarRendered and isTopbarRendered.\n */\nexport const useLayoutContext = (): LayoutContextType => {\n\tconst context = React.useContext(LayoutContext);\n\tif (!context) {\n\t\tthrow new Error('useLayoutContext must be used within a LayoutProvider');\n\t}\n\treturn context;\n};\n"],"names":["LayoutContext","React","createContext","undefined","LayoutProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","isSidebarRendered","setIsSidebarRendered","_React$useState3","_React$useState4","isTopbarRendered","setIsTopbarRendered","contextRef","useRef","useEffect","hasElement","current","SIDEBAR_SELECTOR","TOPBAR_SELECTOR","createElement","Provider","value","ref","useLayoutContext","context","useContext","Error"],"mappings":";;;;;AASA,IAAMA,aAAa,gBAAGC,KAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAMnF;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAAC,IAAA,EAAwD;AAAA,EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACxC,EAAA,IAAAC,eAAA,GAAkDN,KAAK,CAACO,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAzEI,IAAAA,iBAAiB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,oBAAoB,GAAAH,gBAAA,CAAA,CAAA,CAAA;AAC9C,EAAA,IAAAI,gBAAA,GAAgDZ,KAAK,CAACO,QAAQ,CAAU,KAAK,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAAvEE,IAAAA,gBAAgB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAE5C,EAAA,IAAMG,UAAU,GAAGhB,KAAK,CAACiB,MAAM,CAAiB,IAAI,CAAC;EAErDjB,KAAK,CAACkB,SAAS,CAAC,YAAM;IACrBP,oBAAoB,CAACQ,UAAU,CAACH,UAAU,CAACI,OAAO,EAAEC,gBAAgB,CAAC,CAAC;IACtEN,mBAAmB,CAACI,UAAU,CAACH,UAAU,CAACI,OAAO,EAAEE,eAAe,CAAC,CAAC;AACrE,EAAA,CAAC,EAAE,CAACjB,QAAQ,CAAC,CAAC;AAEd,EAAA,oBACCL,KAAA,CAAAuB,aAAA,CAACxB,aAAa,CAACyB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEf,MAAAA,iBAAiB,EAAjBA,iBAAiB;AAAEI,MAAAA,gBAAgB,EAAhBA;AAAiB;GAAE,eACtEd,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,GAAG,EAAEV;GAAW,EAAEX,QAAc,CACd,CAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;IACasB,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAA4B;AACxD,EAAA,IAAMC,OAAO,GAAG5B,KAAK,CAAC6B,UAAU,CAAC9B,aAAa,CAAC;EAC/C,IAAI,CAAC6B,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,uDAAuD,CAAC;AACzE,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;"}
+{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/components/layout/context/LayoutContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TOPBAR_SELECTOR, SIDEBAR_SELECTOR } from '../constants';\nimport { hasElement } from '../utils';\n\ntype LayoutContextType = {\n\tisSidebarRendered: boolean;\n\tisTopbarRendered: boolean;\n};\n\nconst LayoutContext = React.createContext<LayoutContextType | undefined>(undefined);\n\ntype LayoutProviderProps = {\n\tchildren: React.ReactNode;\n};\n\n/**\n * Provides layout-related context values to child components.\n *\n * @param {LayoutProviderProps} props - The props for the component.\n * @returns A React element that provides the layout context to children.\n */\nexport function LayoutProvider({ children }: LayoutProviderProps): React.ReactElement {\n\tconst [isSidebarRendered, setIsSidebarRendered] = React.useState<boolean>(false);\n\tconst [isTopbarRendered, setIsTopbarRendered] = React.useState<boolean>(false);\n\n\tconst contextRef = React.useRef<HTMLDivElement>(null);\n\n\tReact.useEffect(() => {\n\t\tsetIsSidebarRendered(hasElement(contextRef.current, SIDEBAR_SELECTOR));\n\t\tsetIsTopbarRendered(hasElement(contextRef.current, TOPBAR_SELECTOR));\n\t}, [children]);\n\n\treturn (\n\t\t<LayoutContext.Provider value={{ isSidebarRendered, isTopbarRendered }}>\n\t\t\t<div ref={contextRef}>{children}</div>\n\t\t</LayoutContext.Provider>\n\t);\n}\n\n/**\n * Custom hook to access layout context values.\n * This hook ensures that the component using it is wrapped within a LayoutProvider.\n *\n * @throws Will throw an error if not used within a `LayoutProvider`.\n * @returns The layout context containing isSidebarRendered and isTopbarRendered.\n */\nexport const useLayoutContext = (): LayoutContextType => {\n\tconst context = React.useContext(LayoutContext);\n\tif (!context) {\n\t\tthrow new Error('useLayoutContext must be used within a LayoutProvider');\n\t}\n\treturn context;\n};\n"],"names":["LayoutContext","React","createContext","undefined","LayoutProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","isSidebarRendered","setIsSidebarRendered","_React$useState3","_React$useState4","isTopbarRendered","setIsTopbarRendered","contextRef","useRef","useEffect","hasElement","current","SIDEBAR_SELECTOR","TOPBAR_SELECTOR","createElement","Provider","value","ref","useLayoutContext","context","useContext","Error"],"mappings":";;;;;AASA,IAAMA,aAAa,gBAAGC,KAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAMnF;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAAC,IAAA,EAAwD;AAAA,EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACxC,EAAA,IAAAC,eAAA,GAAkDN,KAAK,CAACO,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAzEI,IAAAA,iBAAiB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,oBAAoB,GAAAH,gBAAA,CAAA,CAAA,CAAA;AAC9C,EAAA,IAAAI,gBAAA,GAAgDZ,KAAK,CAACO,QAAQ,CAAU,KAAK,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAAvEE,IAAAA,gBAAgB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAE5C,EAAA,IAAMG,UAAU,GAAGhB,KAAK,CAACiB,MAAM,CAAiB,IAAI,CAAC;EAErDjB,KAAK,CAACkB,SAAS,CAAC,MAAM;IACrBP,oBAAoB,CAACQ,UAAU,CAACH,UAAU,CAACI,OAAO,EAAEC,gBAAgB,CAAC,CAAC;IACtEN,mBAAmB,CAACI,UAAU,CAACH,UAAU,CAACI,OAAO,EAAEE,eAAe,CAAC,CAAC;AACrE,EAAA,CAAC,EAAE,CAACjB,QAAQ,CAAC,CAAC;AAEd,EAAA,oBACCL,KAAA,CAAAuB,aAAA,CAACxB,aAAa,CAACyB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MAAEf,iBAAiB;AAAEI,MAAAA;AAAiB;GAAE,eACtEd,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,GAAG,EAAEV;GAAW,EAAEX,QAAc,CACd,CAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMsB,gBAAgB,GAAGA,MAAyB;AACxD,EAAA,IAAMC,OAAO,GAAG5B,KAAK,CAAC6B,UAAU,CAAC9B,aAAa,CAAC;EAC/C,IAAI,CAAC6B,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,uDAAuD,CAAC;AACzE,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;"}

package/dist/esm/components/layout/error-page/MrlBrandColors/MrlBrandColors.js

@@ -13,7 +13,7 @@ function getRandomInt() {
  * @param props - MrlBrandColors component props
  * @returns MrlBrandColors component
  */
-var MrlBrandColors = function MrlBrandColors(_ref) {
+var MrlBrandColors = _ref => {
   var className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var patternRef = React.useRef(getRandomInt());

package/dist/esm/components/layout/error-page/MrlBrandColors/MrlBrandColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlBrandColors.js","sources":["../../../../../../src/components/layout/error-page/MrlBrandColors/MrlBrandColors.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './MrlBrandColors.module.scss';\nimport classnames from 'classnames';\n\nexport interface MrlBrandColorsProps {\n\t/**\n\t * Custom class name to be added to the component\n\t */\n\tclassName?: string;\n}\n\nfunction getRandomInt(): number {\n\treturn Math.floor(Math.random() * 6) + 1;\n}\n\n/**\n * MrlBrandColors component\n * @param props - MrlBrandColors component props\n * @returns MrlBrandColors component\n */\nexport const MrlBrandColors = ({ className, ...rest }: MrlBrandColorsProps): JSX.Element => {\n\tconst patternRef = React.useRef(getRandomInt());\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={classnames(\n\t\t\t\tstyles['MrlBrandColors'],\n\t\t\t\tstyles[`MrlPattern-0${patternRef.current}`],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-black'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-jade'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-blue'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-pink'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-red'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-yellow'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-grape'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-sky'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-lemon'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-lavander'])}></div>\n\t\t</div>\n\t);\n};\n"],"names":["getRandomInt","Math","floor","random","MrlBrandColors","_ref","className","rest","_objectWithoutProperties","_excluded","patternRef","React","useRef","createElement","_extends","classnames","styles","concat","current"],"mappings":";;;;;;AAWA,SAASA,YAAYA,GAAW;AAC/B,EAAA,OAAOC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC;AACzC;;AAEA;AACA;AACA;AACA;AACA;IACaC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAA3DC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;EAClD,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAACZ,YAAY,EAAE,CAAC;AAE/C,EAAA,oBACCW,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAAC,QAAA,KACKP,IAAI,EAAA;AACR,IAAA,aAAA,EAAY,MAAM;AAClBD,IAAAA,SAAS,EAAES,UAAU,CACpBC,MAAM,CAAC,gBAAgB,CAAC,EACxBA,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBP,UAAU,CAACQ,OAAO,CAAA,CAAG,EAC3CZ,SACD;GAAE,CAAA,eAEFK,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC;AAAE,GAAM,CAAC,eACrEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,4BAA4B,CAAC;AAAE,GAAM,CAAC,eACxEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC;AAAE,GAAM,CAAC,eACrEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,8BAA8B,CAAC;AAAE,GAAM,CACrE,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlBrandColors.js","sources":["../../../../../../src/components/layout/error-page/MrlBrandColors/MrlBrandColors.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './MrlBrandColors.module.scss';\nimport classnames from 'classnames';\n\nexport interface MrlBrandColorsProps {\n\t/**\n\t * Custom class name to be added to the component\n\t */\n\tclassName?: string;\n}\n\nfunction getRandomInt(): number {\n\treturn Math.floor(Math.random() * 6) + 1;\n}\n\n/**\n * MrlBrandColors component\n * @param props - MrlBrandColors component props\n * @returns MrlBrandColors component\n */\nexport const MrlBrandColors = ({ className, ...rest }: MrlBrandColorsProps): JSX.Element => {\n\tconst patternRef = React.useRef(getRandomInt());\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={classnames(\n\t\t\t\tstyles['MrlBrandColors'],\n\t\t\t\tstyles[`MrlPattern-0${patternRef.current}`],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-black'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-jade'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-blue'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-pink'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-red'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-yellow'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-grape'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-sky'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-lemon'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-lavander'])}></div>\n\t\t</div>\n\t);\n};\n"],"names":["getRandomInt","Math","floor","random","MrlBrandColors","_ref","className","rest","_objectWithoutProperties","_excluded","patternRef","React","useRef","createElement","_extends","classnames","styles","concat","current"],"mappings":";;;;;;AAWA,SAASA,YAAYA,GAAW;AAC/B,EAAA,OAAOC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC;AACzC;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMC,cAAc,GAAGC,IAAA,IAA8D;AAAA,EAAA,IAA3DC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;EAClD,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAACZ,YAAY,EAAE,CAAC;AAE/C,EAAA,oBACCW,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAAC,QAAA,KACKP,IAAI,EAAA;AACR,IAAA,aAAA,EAAY,MAAM;AAClBD,IAAAA,SAAS,EAAES,UAAU,CACpBC,MAAM,CAAC,gBAAgB,CAAC,EACxBA,MAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBP,UAAU,CAACQ,OAAO,CAAA,CAAG,EAC3CZ,SACD;GAAE,CAAA,eAEFK,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC;AAAE,GAAM,CAAC,eACrEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,4BAA4B,CAAC;AAAE,GAAM,CAAC,eACxEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC;AAAE,GAAM,CAAC,eACrEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,MAAM,CAAC,8BAA8B,CAAC;AAAE,GAAM,CACrE,CAAC;AAER;;;;"}

package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.js

@@ -16,7 +16,7 @@ var _excluded = ["title", "children", "data-qa", "className", "headerUtils"];
  * @param props.title - Title of the error page
  * @returns  MrlErrorPage component
  */
-var MrlErrorPage = function MrlErrorPage(props) {
+var MrlErrorPage = props => {
   var title = props.title,
     children = props.children,
     _props$dataQa = props['data-qa'],

package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlErrorPage.js","sources":["../../../../../../src/components/layout/error-page/MrlErrorPage/MrlErrorPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './MrlErrorPage.module.scss';\nimport classnames from 'classnames';\nimport { brandWordmark } from '@muraldevkit/ds-pictograms';\nimport { MrlSvg } from '../../../svg';\nimport { MrlTextHeading } from '../../../text';\nimport { MrlBrandColors } from '../MrlBrandColors';\n\nexport interface MrlErrorPageProps extends React.ComponentProps<'div'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\t/**\n\t * Children to be rendered within the main tag of the error page\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * Title of the error page\n\t */\n\ttitle: string;\n\t/**\n\t * Add custom components to the error page header\n\t */\n\theaderUtils?: React.ReactNode;\n}\n\n/**\n * MrlErrorPage component\n *\n * @param props - MrlErrorPage component props\n * @param props.children - Children to be rendered within the main tag of the error page\n * @param props.title - Title of the error page\n * @returns  MrlErrorPage component\n */\nexport const MrlErrorPage = (props: MrlErrorPageProps): JSX.Element => {\n\tconst {\n\t\ttitle,\n\t\tchildren,\n\t\t['data-qa']: qa = '',\n\t\tclassName,\n\t\theaderUtils,\n\t\t...remainingProps\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classnames(styles['MrlErrorPage'], 'MrlErrorPage', className)}\n\t\t\tdata-qa={qa}\n\t\t\t{...remainingProps}\n\t\t>\n\t\t\t<header className={classnames(styles['MrlErrorPage-header'], 'MrlErrorPage-header')}>\n\t\t\t\t<a href=\"/\" aria-label=\"Go to homepage\">\n\t\t\t\t\t<MrlSvg svg={brandWordmark} aria-label=\"Mural logo\" size=\"auto\" />\n\t\t\t\t</a>\n\t\t\t\t{headerUtils && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={classnames(styles['MrlErrorPage-header-utils'], 'MrlErrorPage-header-utils')}\n\t\t\t\t\t>\n\t\t\t\t\t\t{headerUtils}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</header>\n\t\t\t<main className={classnames(styles['MrlErrorPage-main'], 'MrlErrorPage-main')}>\n\t\t\t\t<MrlTextHeading\n\t\t\t\t\tattrs={{ 'data-qa': `${qa}-title` }}\n\t\t\t\t\tlevel=\"1\"\n\t\t\t\t\tclassName={classnames(styles['MrlErrorPage-title'], 'MrlErrorPage-title')}\n\t\t\t\t\tkind=\"display\"\n\t\t\t\t\tsize=\"large\"\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</MrlTextHeading>\n\t\t\t\t{children}\n\t\t\t</main>\n\t\t\t<MrlBrandColors\n\t\t\t\tclassName={classnames(styles['MrlErrorPage-brand-colors'], 'MrlErrorPage-brand-colors')}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["MrlErrorPage","props","title","children","_props$dataQa","qa","className","headerUtils","remainingProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classnames","styles","href","MrlSvg","svg","brandWordmark","size","MrlTextHeading","attrs","concat","level","kind","MrlBrandColors"],"mappings":";;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB,EAAkB;AACtE,EAAA,IACCC,KAAK,GAMFD,KAAK,CANRC,KAAK;IACLC,QAAQ,GAKLF,KAAK,CALRE,QAAQ;IAAAC,aAAA,GAKLH,KAAK,CAJP,SAAS,CAAA;AAAGI,IAAAA,EAAE,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IACpBE,SAAS,GAGNL,KAAK,CAHRK,SAAS;IACTC,WAAW,GAERN,KAAK,CAFRM,WAAW;AACRC,IAAAA,cAAc,GAAAC,wBAAA,CACdR,KAAK,EAAAS,SAAA,CAAA;AAET,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;IACCP,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,cAAc,CAAC,EAAE,cAAc,EAAET,SAAS,CAAE;IACzE,SAAA,EAASD;AAAG,GAAA,EACRG,cAAc,CAAA,eAElBG,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;IAAQN,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB;GAAE,eACnFJ,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGI,IAAAA,IAAI,EAAC,GAAG;IAAC,YAAA,EAAW;AAAgB,GAAA,eACtCL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,aAAc;AAAC,IAAA,YAAA,EAAW,YAAY;AAACC,IAAAA,IAAI,EAAC;AAAM,GAAE,CAC/D,CAAC,EACHb,WAAW,iBACXI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCN,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC,EAAE,2BAA2B;AAAE,GAAA,EAEvFR,WACG,CAEC,CAAC,eACTI,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMN,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,mBAAmB,CAAC,EAAE,mBAAmB;AAAE,GAAA,eAC7EJ,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AACdC,IAAAA,KAAK,EAAE;MAAE,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKlB,EAAE,EAAA,QAAA;KAAW;AACpCmB,IAAAA,KAAK,EAAC,GAAG;IACTlB,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,oBAAoB,CAAC,EAAE,oBAAoB,CAAE;AAC1EU,IAAAA,IAAI,EAAC,SAAS;AACdL,IAAAA,IAAI,EAAC;GAAO,EAEXlB,KACc,CAAC,EAChBC,QACI,CAAC,eACPQ,KAAA,CAAAC,aAAA,CAACc,cAAc,EAAA;IACdpB,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC,EAAE,2BAA2B;AAAE,GACxF,CACG,CAAC;AAER;;;;"}
+{"version":3,"file":"MrlErrorPage.js","sources":["../../../../../../src/components/layout/error-page/MrlErrorPage/MrlErrorPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './MrlErrorPage.module.scss';\nimport classnames from 'classnames';\nimport { brandWordmark } from '@muraldevkit/ds-pictograms';\nimport { MrlSvg } from '../../../svg';\nimport { MrlTextHeading } from '../../../text';\nimport { MrlBrandColors } from '../MrlBrandColors';\n\nexport interface MrlErrorPageProps extends React.ComponentProps<'div'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\t/**\n\t * Children to be rendered within the main tag of the error page\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * Title of the error page\n\t */\n\ttitle: string;\n\t/**\n\t * Add custom components to the error page header\n\t */\n\theaderUtils?: React.ReactNode;\n}\n\n/**\n * MrlErrorPage component\n *\n * @param props - MrlErrorPage component props\n * @param props.children - Children to be rendered within the main tag of the error page\n * @param props.title - Title of the error page\n * @returns  MrlErrorPage component\n */\nexport const MrlErrorPage = (props: MrlErrorPageProps): JSX.Element => {\n\tconst {\n\t\ttitle,\n\t\tchildren,\n\t\t['data-qa']: qa = '',\n\t\tclassName,\n\t\theaderUtils,\n\t\t...remainingProps\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classnames(styles['MrlErrorPage'], 'MrlErrorPage', className)}\n\t\t\tdata-qa={qa}\n\t\t\t{...remainingProps}\n\t\t>\n\t\t\t<header className={classnames(styles['MrlErrorPage-header'], 'MrlErrorPage-header')}>\n\t\t\t\t<a href=\"/\" aria-label=\"Go to homepage\">\n\t\t\t\t\t<MrlSvg svg={brandWordmark} aria-label=\"Mural logo\" size=\"auto\" />\n\t\t\t\t</a>\n\t\t\t\t{headerUtils && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={classnames(styles['MrlErrorPage-header-utils'], 'MrlErrorPage-header-utils')}\n\t\t\t\t\t>\n\t\t\t\t\t\t{headerUtils}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</header>\n\t\t\t<main className={classnames(styles['MrlErrorPage-main'], 'MrlErrorPage-main')}>\n\t\t\t\t<MrlTextHeading\n\t\t\t\t\tattrs={{ 'data-qa': `${qa}-title` }}\n\t\t\t\t\tlevel=\"1\"\n\t\t\t\t\tclassName={classnames(styles['MrlErrorPage-title'], 'MrlErrorPage-title')}\n\t\t\t\t\tkind=\"display\"\n\t\t\t\t\tsize=\"large\"\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</MrlTextHeading>\n\t\t\t\t{children}\n\t\t\t</main>\n\t\t\t<MrlBrandColors\n\t\t\t\tclassName={classnames(styles['MrlErrorPage-brand-colors'], 'MrlErrorPage-brand-colors')}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["MrlErrorPage","props","title","children","_props$dataQa","qa","className","headerUtils","remainingProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classnames","styles","href","MrlSvg","svg","brandWordmark","size","MrlTextHeading","attrs","concat","level","kind","MrlBrandColors"],"mappings":";;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,YAAY,GAAIC,KAAwB,IAAkB;AACtE,EAAA,IACCC,KAAK,GAMFD,KAAK,CANRC,KAAK;IACLC,QAAQ,GAKLF,KAAK,CALRE,QAAQ;IAAAC,aAAA,GAKLH,KAAK,CAJP,SAAS,CAAA;AAAGI,IAAAA,EAAE,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IACpBE,SAAS,GAGNL,KAAK,CAHRK,SAAS;IACTC,WAAW,GAERN,KAAK,CAFRM,WAAW;AACRC,IAAAA,cAAc,GAAAC,wBAAA,CACdR,KAAK,EAAAS,SAAA,CAAA;AAET,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;IACCP,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,cAAc,CAAC,EAAE,cAAc,EAAET,SAAS,CAAE;IACzE,SAAA,EAASD;AAAG,GAAA,EACRG,cAAc,CAAA,eAElBG,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;IAAQN,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB;GAAE,eACnFJ,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGI,IAAAA,IAAI,EAAC,GAAG;IAAC,YAAA,EAAW;AAAgB,GAAA,eACtCL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,aAAc;AAAC,IAAA,YAAA,EAAW,YAAY;AAACC,IAAAA,IAAI,EAAC;AAAM,GAAE,CAC/D,CAAC,EACHb,WAAW,iBACXI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCN,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC,EAAE,2BAA2B;AAAE,GAAA,EAEvFR,WACG,CAEC,CAAC,eACTI,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMN,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,mBAAmB,CAAC,EAAE,mBAAmB;AAAE,GAAA,eAC7EJ,KAAA,CAAAC,aAAA,CAACS,cAAc,EAAA;AACdC,IAAAA,KAAK,EAAE;MAAE,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKlB,EAAE,EAAA,QAAA;KAAW;AACpCmB,IAAAA,KAAK,EAAC,GAAG;IACTlB,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,oBAAoB,CAAC,EAAE,oBAAoB,CAAE;AAC1EU,IAAAA,IAAI,EAAC,SAAS;AACdL,IAAAA,IAAI,EAAC;GAAO,EAEXlB,KACc,CAAC,EAChBC,QACI,CAAC,eACPQ,KAAA,CAAAC,aAAA,CAACc,cAAc,EAAA;IACdpB,SAAS,EAAEQ,UAAU,CAACC,MAAM,CAAC,2BAA2B,CAAC,EAAE,2BAA2B;AAAE,GACxF,CACG,CAAC;AAER;;;;"}

package/dist/esm/components/layout/utils.js

@@ -4,7 +4,7 @@
  * @param {string} breakpoint - The breakpoint value
  * @returns {boolean} Returns `true` if the breakpoint corresponds to a mobile size ('xs', 'sm', or 'md')
  */
-var isMobile = function isMobile(breakpoint) {
+var isMobile = breakpoint => {
   if (breakpoint === 'xs' || breakpoint === 'sm') {
     return true;
   }
@@ -18,7 +18,7 @@ var isMobile = function isMobile(breakpoint) {
  * @param selector - The selector to search for the topbar
  * @returns true/false if the topbar is present within the element
  */
-var hasElement = function hasElement(element, selector) {
+var hasElement = (element, selector) => {
   return element ? !!element.querySelector(".".concat(selector)) : false;
 };
 

package/dist/esm/components/layout/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/layout/utils.ts"],"sourcesContent":["/**\n * Returns true/false depending on if we are in a mobile view\n *\n * @param {string} breakpoint - The breakpoint value\n * @returns {boolean} Returns `true` if the breakpoint corresponds to a mobile size ('xs', 'sm', or 'md')\n */\nexport const isMobile = (breakpoint: string): boolean => {\n\tif (breakpoint === 'xs' || breakpoint === 'sm') {\n\t\treturn true;\n\t}\n\n\treturn false;\n};\n\n/**\n * Returns true/false if the topbar is present within the given element\n *\n * @param element - The element to search for the topbar\n * @param selector - The selector to search for the topbar\n * @returns true/false if the topbar is present within the element\n */\nexport const hasElement = (element: HTMLElement | null, selector: string): boolean => {\n\treturn element ? !!element.querySelector(`.${selector}`) : false;\n};\n"],"names":["isMobile","breakpoint","hasElement","element","selector","querySelector","concat"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,UAAkB,EAAc;AACxD,EAAA,IAAIA,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,IAAI,EAAE;AAC/C,IAAA,OAAO,IAAI;AACZ,EAAA;AAEA,EAAA,OAAO,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,OAA2B,EAAEC,QAAgB,EAAc;AACrF,EAAA,OAAOD,OAAO,GAAG,CAAC,CAACA,OAAO,CAACE,aAAa,CAAA,GAAA,CAAAC,MAAA,CAAKF,QAAQ,CAAE,CAAC,GAAG,KAAK;AACjE;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/layout/utils.ts"],"sourcesContent":["/**\n * Returns true/false depending on if we are in a mobile view\n *\n * @param {string} breakpoint - The breakpoint value\n * @returns {boolean} Returns `true` if the breakpoint corresponds to a mobile size ('xs', 'sm', or 'md')\n */\nexport const isMobile = (breakpoint: string): boolean => {\n\tif (breakpoint === 'xs' || breakpoint === 'sm') {\n\t\treturn true;\n\t}\n\n\treturn false;\n};\n\n/**\n * Returns true/false if the topbar is present within the given element\n *\n * @param element - The element to search for the topbar\n * @param selector - The selector to search for the topbar\n * @returns true/false if the topbar is present within the element\n */\nexport const hasElement = (element: HTMLElement | null, selector: string): boolean => {\n\treturn element ? !!element.querySelector(`.${selector}`) : false;\n};\n"],"names":["isMobile","breakpoint","hasElement","element","selector","querySelector","concat"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAIC,UAAkB,IAAc;AACxD,EAAA,IAAIA,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,IAAI,EAAE;AAC/C,IAAA,OAAO,IAAI;AACZ,EAAA;AAEA,EAAA,OAAO,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;IACaC,UAAU,GAAGA,CAACC,OAA2B,EAAEC,QAAgB,KAAc;AACrF,EAAA,OAAOD,OAAO,GAAG,CAAC,CAACA,OAAO,CAACE,aAAa,CAAA,GAAA,CAAAC,MAAA,CAAKF,QAAQ,CAAE,CAAC,GAAG,KAAK;AACjE;;;;"}

package/dist/esm/components/link/MrlLink/MrlLink.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { linkOpen } from '@muraldevkit/ds-icons';
@@ -13,7 +13,7 @@ var _excluded = ["target", "className", "color", "kind", "size", "href", "attrs"
  * @param {MrlLinkProptypes} props the props for your MrlLink
  * @returns {React.ReactElement} an a element containing the text you pass
  */
-var MrlLink = function MrlLink(_ref) {
+var MrlLink = _ref => {
   var _ref$target = _ref.target,
     target = _ref$target === void 0 ? defaults.target : _ref$target,
     className = _ref.className,
@@ -28,7 +28,12 @@ var MrlLink = function MrlLink(_ref) {
     onClick = _ref.onClick,
     text = _ref.text,
     remainingProps = _objectWithoutProperties(_ref, _excluded);
-  var allClasses = classnames(className, 'mrl-link', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles['mrl-link'], true), styles["mrl-link--".concat(color)], color !== defaults.color), styles["mrl-link--".concat(kind)], kind !== defaults.kind), styles["mrl-link--".concat(size)], size !== defaults.size));
+  var allClasses = classnames(className, 'mrl-link', {
+    [styles['mrl-link']]: true,
+    [styles["mrl-link--".concat(color)]]: color !== defaults.color,
+    [styles["mrl-link--".concat(kind)]]: kind !== defaults.kind,
+    [styles["mrl-link--".concat(size)]]: size !== defaults.size
+  });
   var smallIconSizes = ['default', 'medium'];
   var svgSize = smallIconSizes.indexOf(size) > -1 ? 'small' : size === 'large' ? 'medium' : 'auto';
   var linkRel = target === '_blank' ? 'noopener noreferrer' : remainingProps['rel'];

package/dist/esm/components/link/MrlLink/MrlLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlLink.js","sources":["../../../../../src/components/link/MrlLink/MrlLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { linkOpen } from '@muraldevkit/ds-icons';\nimport { defaults, LinkColor, LinkKind, LinkSize, LinkTargetType } from '../constants';\nimport { AttrsObject } from '../../../utils';\nimport { MrlSvg } from '../../';\nimport styles from './MrlLink.module.scss';\n\nexport interface MrlLinkProptypes extends React.ComponentProps<'a'> {\n\t/** The textual label describing the link's purpose */\n\ttext: string;\n\t/** Specifies where to redirect the linked document */\n\thref: string;\n\t/** Specifies how to open the linked document */\n\ttarget?: LinkTargetType;\n\t/**\n\t * Color scheme to use based on the link's container background\n\t * - bold (default): a thicker underline to help a link stand out in a large amount of body copy\n\t * - simple: a thinner underline to help address visual hierarchy issues when many links are in a list\n\t */\n\tkind?: LinkKind;\n\t/**\n\t * Color scheme to use based on the link's container background\n\t * - default: most use cases\n\t * - mono: use on colored/saturated backgrounds (e.g. warning notifications)\n\t * - inverse: use on dark backgrounds\n\t */\n\tcolor?: LinkColor;\n\t/**\n\t * Allows developers to chose a specific font-size for the link. By default,\n\t * it will inherit the font-size of its parent/surrounding text.\n\t */\n\tsize?: LinkSize;\n\t/**\n\t * Applies additional HTML attributes to the nested anchor (`a`) element.\n\t * Example: `attrs='{ \"aria-label\": \"Special message for screen reader users\" }'`\n\t */\n\tattrs?: AttrsObject;\n\t/**\n\t * classes to apply to the component\n\t */\n\tclassName?: string;\n\t/**\n\t * Custom on click listener\n\t */\n\tonClick?: (e: React.MouseEvent<HTMLElement>) => void | undefined;\n}\n\n/**\n * Renders a link component\n *\n * @param {MrlLinkProptypes} props the props for your MrlLink\n * @returns {React.ReactElement} an a element containing the text you pass\n */\nexport const MrlLink = ({\n\ttarget = defaults.target,\n\tclassName,\n\tcolor = defaults.color,\n\tkind = defaults.kind,\n\tsize = defaults.size,\n\thref,\n\tattrs,\n\tonClick,\n\ttext,\n\t...remainingProps\n}: MrlLinkProptypes): React.ReactElement => {\n\tconst allClasses = classnames(className, 'mrl-link', {\n\t\t[styles['mrl-link']]: true,\n\t\t[styles[`mrl-link--${color}`]]: color !== defaults.color,\n\t\t[styles[`mrl-link--${kind}`]]: kind !== defaults.kind,\n\t\t[styles[`mrl-link--${size}`]]: size !== defaults.size\n\t});\n\n\tconst smallIconSizes = ['default', 'medium'];\n\tconst svgSize =\n\t\tsmallIconSizes.indexOf(size) > -1 ? 'small' : size === 'large' ? 'medium' : 'auto';\n\tconst linkRel =\n\t\ttarget === '_blank' ? 'noopener noreferrer' : (remainingProps as { rel?: string })['rel'];\n\n\treturn (\n\t\t<a\n\t\t\t{...remainingProps}\n\t\t\tclassName={allClasses}\n\t\t\thref={href}\n\t\t\ttarget={target}\n\t\t\tonClick={onClick}\n\t\t\trel={linkRel}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t<span className={`mrl-link-text ${styles.MrlLinkText}`}>{text}</span>\n\t\t\t{target === '_blank' ? (\n\t\t\t\t<MrlSvg svg={linkOpen} size={svgSize} className={`mrl-link-icon ${styles.MrlLinkIcon}`} />\n\t\t\t) : null}\n\t\t</a>\n\t);\n};\n"],"names":["MrlLink","_ref","_ref$target","target","defaults","className","_ref$color","color","_ref$kind","kind","_ref$size","size","href","attrs","onClick","text","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","_defineProperty","styles","concat","smallIconSizes","svgSize","indexOf","linkRel","React","createElement","_extends","rel","MrlLinkText","MrlSvg","svg","linkOpen","MrlLinkIcon"],"mappings":";;;;;;;;;AAgDA;AACA;AACA;AACA;AACA;AACA;IACaA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAWwB;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAV3CE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,QAAQ,CAACD,MAAM,GAAAD,WAAA;IACxBG,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,UAAA,GAAAL,IAAA,CACTM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGF,QAAQ,CAACG,KAAK,GAAAD,UAAA;IAAAE,SAAA,GAAAP,IAAA,CACtBQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGJ,QAAQ,CAACK,IAAI,GAAAD,SAAA;IAAAE,SAAA,GAAAT,IAAA,CACpBU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGN,QAAQ,CAACO,IAAI,GAAAD,SAAA;IACpBE,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,KAAK,GAAAZ,IAAA,CAALY,KAAK;IACLC,OAAO,GAAAb,IAAA,CAAPa,OAAO;IACPC,IAAI,GAAAd,IAAA,CAAJc,IAAI;AACDC,IAAAA,cAAc,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;AAEjB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACf,SAAS,EAAE,UAAU,EAAAgB,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EACjDC,MAAM,CAAC,UAAU,CAAC,EAAG,IAAI,CAAA,EACzBA,MAAM,CAAA,YAAA,CAAAC,MAAA,CAAchB,KAAK,EAAG,EAAGA,KAAK,KAAKH,QAAQ,CAACG,KAAK,CAAA,EACvDe,MAAM,CAAA,YAAA,CAAAC,MAAA,CAAcd,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAKL,QAAQ,CAACK,IAAI,CAAA,EACpDa,MAAM,CAAA,YAAA,CAAAC,MAAA,CAAcZ,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAKP,QAAQ,CAACO,IAAI,CACrD,CAAC;AAEF,EAAA,IAAMa,cAAc,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC;EAC5C,IAAMC,OAAO,GACZD,cAAc,CAACE,OAAO,CAACf,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,GAAGA,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,MAAM;EACnF,IAAMgB,OAAO,GACZxB,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAIa,cAAc,CAAsB,KAAK,CAAC;AAE1F,EAAA,oBACCY,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,KACKd,cAAc,EAAA;AAClBX,IAAAA,SAAS,EAAEc,UAAW;AACtBP,IAAAA,IAAI,EAAEA,IAAK;AACXT,IAAAA,MAAM,EAAEA,MAAO;AACfW,IAAAA,OAAO,EAAEA,OAAQ;AACjBiB,IAAAA,GAAG,EAAEJ;AAAQ,GAAA,EACTd,KAAK,CAAA,eAETe,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMxB,IAAAA,SAAS,EAAA,gBAAA,CAAAkB,MAAA,CAAmBD,MAAM,CAACU,WAAW;GAAG,EAAEjB,IAAW,CAAC,EACpEZ,MAAM,KAAK,QAAQ,gBACnByB,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,QAAS;AAACxB,IAAAA,IAAI,EAAEc,OAAQ;AAACpB,IAAAA,SAAS,EAAA,gBAAA,CAAAkB,MAAA,CAAmBD,MAAM,CAACc,WAAW;GAAK,CAAC,GACvF,IACF,CAAC;AAEN;;;;"}
+{"version":3,"file":"MrlLink.js","sources":["../../../../../src/components/link/MrlLink/MrlLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { linkOpen } from '@muraldevkit/ds-icons';\nimport { defaults, LinkColor, LinkKind, LinkSize, LinkTargetType } from '../constants';\nimport { AttrsObject } from '../../../utils';\nimport { MrlSvg } from '../../';\nimport styles from './MrlLink.module.scss';\n\nexport interface MrlLinkProptypes extends React.ComponentProps<'a'> {\n\t/** The textual label describing the link's purpose */\n\ttext: string;\n\t/** Specifies where to redirect the linked document */\n\thref: string;\n\t/** Specifies how to open the linked document */\n\ttarget?: LinkTargetType;\n\t/**\n\t * Color scheme to use based on the link's container background\n\t * - bold (default): a thicker underline to help a link stand out in a large amount of body copy\n\t * - simple: a thinner underline to help address visual hierarchy issues when many links are in a list\n\t */\n\tkind?: LinkKind;\n\t/**\n\t * Color scheme to use based on the link's container background\n\t * - default: most use cases\n\t * - mono: use on colored/saturated backgrounds (e.g. warning notifications)\n\t * - inverse: use on dark backgrounds\n\t */\n\tcolor?: LinkColor;\n\t/**\n\t * Allows developers to chose a specific font-size for the link. By default,\n\t * it will inherit the font-size of its parent/surrounding text.\n\t */\n\tsize?: LinkSize;\n\t/**\n\t * Applies additional HTML attributes to the nested anchor (`a`) element.\n\t * Example: `attrs='{ \"aria-label\": \"Special message for screen reader users\" }'`\n\t */\n\tattrs?: AttrsObject;\n\t/**\n\t * classes to apply to the component\n\t */\n\tclassName?: string;\n\t/**\n\t * Custom on click listener\n\t */\n\tonClick?: (e: React.MouseEvent<HTMLElement>) => void | undefined;\n}\n\n/**\n * Renders a link component\n *\n * @param {MrlLinkProptypes} props the props for your MrlLink\n * @returns {React.ReactElement} an a element containing the text you pass\n */\nexport const MrlLink = ({\n\ttarget = defaults.target,\n\tclassName,\n\tcolor = defaults.color,\n\tkind = defaults.kind,\n\tsize = defaults.size,\n\thref,\n\tattrs,\n\tonClick,\n\ttext,\n\t...remainingProps\n}: MrlLinkProptypes): React.ReactElement => {\n\tconst allClasses = classnames(className, 'mrl-link', {\n\t\t[styles['mrl-link']]: true,\n\t\t[styles[`mrl-link--${color}`]]: color !== defaults.color,\n\t\t[styles[`mrl-link--${kind}`]]: kind !== defaults.kind,\n\t\t[styles[`mrl-link--${size}`]]: size !== defaults.size\n\t});\n\n\tconst smallIconSizes = ['default', 'medium'];\n\tconst svgSize =\n\t\tsmallIconSizes.indexOf(size) > -1 ? 'small' : size === 'large' ? 'medium' : 'auto';\n\tconst linkRel =\n\t\ttarget === '_blank' ? 'noopener noreferrer' : (remainingProps as { rel?: string })['rel'];\n\n\treturn (\n\t\t<a\n\t\t\t{...remainingProps}\n\t\t\tclassName={allClasses}\n\t\t\thref={href}\n\t\t\ttarget={target}\n\t\t\tonClick={onClick}\n\t\t\trel={linkRel}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t<span className={`mrl-link-text ${styles.MrlLinkText}`}>{text}</span>\n\t\t\t{target === '_blank' ? (\n\t\t\t\t<MrlSvg svg={linkOpen} size={svgSize} className={`mrl-link-icon ${styles.MrlLinkIcon}`} />\n\t\t\t) : null}\n\t\t</a>\n\t);\n};\n"],"names":["MrlLink","_ref","_ref$target","target","defaults","className","_ref$color","color","_ref$kind","kind","_ref$size","size","href","attrs","onClick","text","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","styles","concat","smallIconSizes","svgSize","indexOf","linkRel","React","createElement","_extends","rel","MrlLinkText","MrlSvg","svg","linkOpen","MrlLinkIcon"],"mappings":";;;;;;;;;AAgDA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,OAAO,GAAGC,IAAA,IAWqB;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAV3CE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,QAAQ,CAACD,MAAM,GAAAD,WAAA;IACxBG,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,UAAA,GAAAL,IAAA,CACTM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGF,QAAQ,CAACG,KAAK,GAAAD,UAAA;IAAAE,SAAA,GAAAP,IAAA,CACtBQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGJ,QAAQ,CAACK,IAAI,GAAAD,SAAA;IAAAE,SAAA,GAAAT,IAAA,CACpBU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGN,QAAQ,CAACO,IAAI,GAAAD,SAAA;IACpBE,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,KAAK,GAAAZ,IAAA,CAALY,KAAK;IACLC,OAAO,GAAAb,IAAA,CAAPa,OAAO;IACPC,IAAI,GAAAd,IAAA,CAAJc,IAAI;AACDC,IAAAA,cAAc,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;AAEjB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACf,SAAS,EAAE,UAAU,EAAE;AACpD,IAAA,CAACgB,MAAM,CAAC,UAAU,CAAC,GAAG,IAAI;IAC1B,CAACA,MAAM,CAAA,YAAA,CAAAC,MAAA,CAAcf,KAAK,CAAA,CAAG,GAAGA,KAAK,KAAKH,QAAQ,CAACG,KAAK;IACxD,CAACc,MAAM,CAAA,YAAA,CAAAC,MAAA,CAAcb,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAKL,QAAQ,CAACK,IAAI;IACrD,CAACY,MAAM,CAAA,YAAA,CAAAC,MAAA,CAAcX,IAAI,EAAG,GAAGA,IAAI,KAAKP,QAAQ,CAACO;AAClD,GAAC,CAAC;AAEF,EAAA,IAAMY,cAAc,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC;EAC5C,IAAMC,OAAO,GACZD,cAAc,CAACE,OAAO,CAACd,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,GAAGA,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,MAAM;EACnF,IAAMe,OAAO,GACZvB,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAIa,cAAc,CAAsB,KAAK,CAAC;AAE1F,EAAA,oBACCW,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,QAAA,KACKb,cAAc,EAAA;AAClBX,IAAAA,SAAS,EAAEc,UAAW;AACtBP,IAAAA,IAAI,EAAEA,IAAK;AACXT,IAAAA,MAAM,EAAEA,MAAO;AACfW,IAAAA,OAAO,EAAEA,OAAQ;AACjBgB,IAAAA,GAAG,EAAEJ;AAAQ,GAAA,EACTb,KAAK,CAAA,eAETc,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMvB,IAAAA,SAAS,EAAA,gBAAA,CAAAiB,MAAA,CAAmBD,MAAM,CAACU,WAAW;GAAG,EAAEhB,IAAW,CAAC,EACpEZ,MAAM,KAAK,QAAQ,gBACnBwB,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,QAAS;AAACvB,IAAAA,IAAI,EAAEa,OAAQ;AAACnB,IAAAA,SAAS,EAAA,gBAAA,CAAAiB,MAAA,CAAmBD,MAAM,CAACc,WAAW;GAAK,CAAC,GACvF,IACF,CAAC;AAEN;;;;"}

package/dist/esm/components/link/MrlLinkButton/MrlLinkButton.js

@@ -64,17 +64,15 @@ var MrlLinkButton = /*#__PURE__*/React.forwardRef(function MrlLinkButton(_ref, r
     size: spinnerProps.size,
     text: loadingText
   });
-  var renderLinkButton = function renderLinkButton() {
-    return /*#__PURE__*/React.createElement("a", _extends({}, remainingProps, {
-      className: classNames,
-      href: href,
-      target: target,
-      ref: ref,
-      onClick: handleOnClick
-    }), loading ? spinner : icon, /*#__PURE__*/React.createElement("span", {
-      className: "mrlButton-text"
-    }, text));
-  };
+  var renderLinkButton = () => /*#__PURE__*/React.createElement("a", _extends({}, remainingProps, {
+    className: classNames,
+    href: href,
+    target: target,
+    ref: ref,
+    onClick: handleOnClick
+  }), loading ? spinner : icon, /*#__PURE__*/React.createElement("span", {
+    className: "mrlButton-text"
+  }, text));
   return !tooltip ? renderLinkButton() : /*#__PURE__*/React.createElement(MrlTooltip, {
     position: tooltip.position || 'bottom',
     anchor: tooltip.anchor || 'center',

package/dist/esm/components/link/MrlLinkButton/MrlLinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlLinkButton.js","sources":["../../../../../src/components/link/MrlLinkButton/MrlLinkButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { buttonDefaults, MrlButtonKind, MrlButtonSize, IconPosition } from '../../button/constants';\nimport { _spinnerProps } from '../../button/helpers';\nimport { defaults, LinkTargetType, MrlLinkButtonKind } from '../constants';\nimport { MrlSpinner, MrlTooltip, TooltipConfig } from '../../';\nimport { spinnerDefaults } from '../../loader/constants';\nimport { MrlComponentProps } from '../../../utils';\n\nimport './MrlLinkButton.global.scss';\n\nexport interface MrlLinkButtonProps\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tReact.ComponentProps<'a'> {\n\t/** Specifies where to redirect the linked document */\n\thref: string;\n\t/** Specifies how to open the linked document */\n\ttarget?: LinkTargetType;\n\t/**\n\t * Allow developers to add icon to buttons.\n\t */\n\ticon?: React.ReactElement;\n\t/**\n\t * Allows developers to right-align an icon within a button.\n\t */\n\ticonPos?: IconPosition;\n\t/**\n\t * Changes the visual emphasis of the button.\n\t */\n\tkind?: MrlLinkButtonKind;\n\t/**\n\t * Displays a spinner in the button to indicate some action is in progress.\n\t */\n\tloading?: boolean;\n\t/**\n\t * Text for the spinner when the button is in a loading state.\n\t */\n\tloadingText?: string;\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e: React.SyntheticEvent<HTMLAnchorElement>) => void;\n\t/**\n\t * Changes the size of the button so it can scale with its surrounding context.\n\t */\n\tsize?: MrlButtonSize;\n\t/**\n\t * The textual label describing the button's purpose/action.\n\t * Icon buttons require a text label to ensure accessibility.\n\t */\n\ttext: string;\n\n\t/**\n\t * Tooltip configuration for the button\n\t */\n\ttooltip?: TooltipConfig;\n}\n\n/**\n * Warning: use this component with care. Our links generally do not look like buttons.\n * If this interaction does not navigate the user - use `MrlButton`.\n */\nexport const MrlLinkButton = React.forwardRef<HTMLAnchorElement, MrlLinkButtonProps>(\n\tfunction MrlLinkButton(\n\t\t{\n\t\t\tclassName,\n\t\t\thref,\n\t\t\ticon,\n\t\t\ticonPos = buttonDefaults.iconPos,\n\t\t\tkind = defaults.linkButtonKind,\n\t\t\tloading = false,\n\t\t\tloadingText = spinnerDefaults.text,\n\t\t\tonClick,\n\t\t\ttarget = defaults.target,\n\t\t\ttext,\n\t\t\tsize = buttonDefaults.size,\n\t\t\ttooltip,\n\t\t\t...remainingProps\n\t\t}: MrlLinkButtonProps,\n\t\tref\n\t) {\n\t\t/**\n\t\t * If the link has an href of `#` and an `onClick`\n\t\t * then a button should be used instead. Links should navigate\n\t\t * the user somewhere, and this pattern shows us that we aren't\n\t\t * navigating but are performing an action instead.\n\t\t */\n\t\tif (href === '#' && onClick) {\n\t\t\tconsole.error('Error: `MrlLinkButton` should have an href that navigates the user somewhere');\n\t\t}\n\n\t\t/**\n\t\t * Handle onClick events\n\t\t *\n\t\t * @param {React.MouseEvent<HTMLAnchorElement>} e - mouse event\n\t\t */\n\t\tfunction handleOnClick(e: React.MouseEvent<HTMLAnchorElement>) {\n\t\t\te.stopPropagation();\n\n\t\t\tif (onClick && typeof onClick === 'function') {\n\t\t\t\tonClick(e);\n\t\t\t}\n\t\t}\n\n\t\tconst classNames = classnames(\n\t\t\t'mrlButton mrlLinkButton',\n\t\t\t`mrlButton--${size}`,\n\t\t\t`mrlButton--${kind}`,\n\t\t\t!icon && loading && `mrlButton--loading`,\n\t\t\ticon && `mrlButton--icon-${iconPos}`,\n\t\t\tclassName\n\t\t);\n\n\t\tconst spinnerProps = _spinnerProps(kind as MrlButtonKind, size);\n\t\tconst spinnerClass = icon ? '' : 'mrlButton-spinner';\n\t\tconst spinner = (\n\t\t\t<MrlSpinner\n\t\t\t\tclassName={spinnerClass}\n\t\t\t\tkind={spinnerProps.kind}\n\t\t\t\trole=\"none\"\n\t\t\t\tsize={spinnerProps.size}\n\t\t\t\ttext={loadingText}\n\t\t\t/>\n\t\t);\n\n\t\tconst renderLinkButton = () => (\n\t\t\t<a\n\t\t\t\t{...remainingProps}\n\t\t\t\tclassName={classNames}\n\t\t\t\thref={href}\n\t\t\t\ttarget={target}\n\t\t\t\tref={ref}\n\t\t\t\tonClick={handleOnClick}\n\t\t\t>\n\t\t\t\t{loading ? spinner : icon}\n\t\t\t\t<span className=\"mrlButton-text\">{text}</span>\n\t\t\t</a>\n\t\t);\n\n\t\treturn !tooltip ? (\n\t\t\trenderLinkButton()\n\t\t) : (\n\t\t\t<MrlTooltip\n\t\t\t\tposition={tooltip.position || 'bottom'}\n\t\t\t\tanchor={tooltip.anchor || 'center'}\n\t\t\t\ttext={tooltip.text}\n\t\t\t\tdataQa={tooltip.dataQa}\n\t\t\t>\n\t\t\t\t{renderLinkButton()}\n\t\t\t</MrlTooltip>\n\t\t);\n\t}\n);\n"],"names":["MrlLinkButton","React","forwardRef","_ref","ref","className","href","icon","_ref$iconPos","iconPos","buttonDefaults","_ref$kind","kind","defaults","linkButtonKind","_ref$loading","loading","_ref$loadingText","loadingText","spinnerDefaults","text","onClick","_ref$target","target","_ref$size","size","tooltip","remainingProps","_objectWithoutProperties","_excluded","console","error","handleOnClick","e","stopPropagation","classNames","classnames","concat","spinnerProps","_spinnerProps","spinnerClass","spinner","createElement","MrlSpinner","role","renderLinkButton","_extends","MrlTooltip","position","anchor","dataQa"],"mappings":"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"}
+{"version":3,"file":"MrlLinkButton.js","sources":["../../../../../src/components/link/MrlLinkButton/MrlLinkButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { buttonDefaults, MrlButtonKind, MrlButtonSize, IconPosition } from '../../button/constants';\nimport { _spinnerProps } from '../../button/helpers';\nimport { defaults, LinkTargetType, MrlLinkButtonKind } from '../constants';\nimport { MrlSpinner, MrlTooltip, TooltipConfig } from '../../';\nimport { spinnerDefaults } from '../../loader/constants';\nimport { MrlComponentProps } from '../../../utils';\n\nimport './MrlLinkButton.global.scss';\n\nexport interface MrlLinkButtonProps\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tReact.ComponentProps<'a'> {\n\t/** Specifies where to redirect the linked document */\n\thref: string;\n\t/** Specifies how to open the linked document */\n\ttarget?: LinkTargetType;\n\t/**\n\t * Allow developers to add icon to buttons.\n\t */\n\ticon?: React.ReactElement;\n\t/**\n\t * Allows developers to right-align an icon within a button.\n\t */\n\ticonPos?: IconPosition;\n\t/**\n\t * Changes the visual emphasis of the button.\n\t */\n\tkind?: MrlLinkButtonKind;\n\t/**\n\t * Displays a spinner in the button to indicate some action is in progress.\n\t */\n\tloading?: boolean;\n\t/**\n\t * Text for the spinner when the button is in a loading state.\n\t */\n\tloadingText?: string;\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e: React.SyntheticEvent<HTMLAnchorElement>) => void;\n\t/**\n\t * Changes the size of the button so it can scale with its surrounding context.\n\t */\n\tsize?: MrlButtonSize;\n\t/**\n\t * The textual label describing the button's purpose/action.\n\t * Icon buttons require a text label to ensure accessibility.\n\t */\n\ttext: string;\n\n\t/**\n\t * Tooltip configuration for the button\n\t */\n\ttooltip?: TooltipConfig;\n}\n\n/**\n * Warning: use this component with care. Our links generally do not look like buttons.\n * If this interaction does not navigate the user - use `MrlButton`.\n */\nexport const MrlLinkButton = React.forwardRef<HTMLAnchorElement, MrlLinkButtonProps>(\n\tfunction MrlLinkButton(\n\t\t{\n\t\t\tclassName,\n\t\t\thref,\n\t\t\ticon,\n\t\t\ticonPos = buttonDefaults.iconPos,\n\t\t\tkind = defaults.linkButtonKind,\n\t\t\tloading = false,\n\t\t\tloadingText = spinnerDefaults.text,\n\t\t\tonClick,\n\t\t\ttarget = defaults.target,\n\t\t\ttext,\n\t\t\tsize = buttonDefaults.size,\n\t\t\ttooltip,\n\t\t\t...remainingProps\n\t\t}: MrlLinkButtonProps,\n\t\tref\n\t) {\n\t\t/**\n\t\t * If the link has an href of `#` and an `onClick`\n\t\t * then a button should be used instead. Links should navigate\n\t\t * the user somewhere, and this pattern shows us that we aren't\n\t\t * navigating but are performing an action instead.\n\t\t */\n\t\tif (href === '#' && onClick) {\n\t\t\tconsole.error('Error: `MrlLinkButton` should have an href that navigates the user somewhere');\n\t\t}\n\n\t\t/**\n\t\t * Handle onClick events\n\t\t *\n\t\t * @param {React.MouseEvent<HTMLAnchorElement>} e - mouse event\n\t\t */\n\t\tfunction handleOnClick(e: React.MouseEvent<HTMLAnchorElement>) {\n\t\t\te.stopPropagation();\n\n\t\t\tif (onClick && typeof onClick === 'function') {\n\t\t\t\tonClick(e);\n\t\t\t}\n\t\t}\n\n\t\tconst classNames = classnames(\n\t\t\t'mrlButton mrlLinkButton',\n\t\t\t`mrlButton--${size}`,\n\t\t\t`mrlButton--${kind}`,\n\t\t\t!icon && loading && `mrlButton--loading`,\n\t\t\ticon && `mrlButton--icon-${iconPos}`,\n\t\t\tclassName\n\t\t);\n\n\t\tconst spinnerProps = _spinnerProps(kind as MrlButtonKind, size);\n\t\tconst spinnerClass = icon ? '' : 'mrlButton-spinner';\n\t\tconst spinner = (\n\t\t\t<MrlSpinner\n\t\t\t\tclassName={spinnerClass}\n\t\t\t\tkind={spinnerProps.kind}\n\t\t\t\trole=\"none\"\n\t\t\t\tsize={spinnerProps.size}\n\t\t\t\ttext={loadingText}\n\t\t\t/>\n\t\t);\n\n\t\tconst renderLinkButton = () => (\n\t\t\t<a\n\t\t\t\t{...remainingProps}\n\t\t\t\tclassName={classNames}\n\t\t\t\thref={href}\n\t\t\t\ttarget={target}\n\t\t\t\tref={ref}\n\t\t\t\tonClick={handleOnClick}\n\t\t\t>\n\t\t\t\t{loading ? spinner : icon}\n\t\t\t\t<span className=\"mrlButton-text\">{text}</span>\n\t\t\t</a>\n\t\t);\n\n\t\treturn !tooltip ? (\n\t\t\trenderLinkButton()\n\t\t) : (\n\t\t\t<MrlTooltip\n\t\t\t\tposition={tooltip.position || 'bottom'}\n\t\t\t\tanchor={tooltip.anchor || 'center'}\n\t\t\t\ttext={tooltip.text}\n\t\t\t\tdataQa={tooltip.dataQa}\n\t\t\t>\n\t\t\t\t{renderLinkButton()}\n\t\t\t</MrlTooltip>\n\t\t);\n\t}\n);\n"],"names":["MrlLinkButton","React","forwardRef","_ref","ref","className","href","icon","_ref$iconPos","iconPos","buttonDefaults","_ref$kind","kind","defaults","linkButtonKind","_ref$loading","loading","_ref$loadingText","loadingText","spinnerDefaults","text","onClick","_ref$target","target","_ref$size","size","tooltip","remainingProps","_objectWithoutProperties","_excluded","console","error","handleOnClick","e","stopPropagation","classNames","classnames","concat","spinnerProps","_spinnerProps","spinnerClass","spinner","createElement","MrlSpinner","role","renderLinkButton","_extends","MrlTooltip","position","anchor","dataQa"],"mappings":"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"}

package/dist/esm/components/live-region/MrlLiveRegion/MrlLiveRegion.js

@@ -11,7 +11,7 @@ var _excluded = ["ariaAtomic", "ariaLive", "ariaRelevant", "id", "srContent", "v
  * @param props - The live region component props.
  * @returns The live region component.
  */
-var MrlLiveRegion = function MrlLiveRegion(_ref) {
+var MrlLiveRegion = _ref => {
   var ariaAtomic = _ref.ariaAtomic,
     ariaLive = _ref.ariaLive,
     ariaRelevant = _ref.ariaRelevant,
@@ -26,21 +26,17 @@ var MrlLiveRegion = function MrlLiveRegion(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     content = _useState2[0],
     setContent = _useState2[1];
-  React.useEffect(function () {
+  React.useEffect(() => {
     setContent(srContent);
     if (shouldClearContent) {
-      var contentTimeout = setTimeout(function () {
+      var contentTimeout = setTimeout(() => {
         setContent('');
         clearTimeout(contentTimeout);
       }, 1000);
-      return function () {
-        return clearTimeout(contentTimeout);
-      };
+      return () => clearTimeout(contentTimeout);
     }
   }, [shouldClearContent, srContent]);
-  var nodeId = useMemo(function () {
-    return id || uniqueId('live-region-');
-  }, [id]);
+  var nodeId = useMemo(() => id || uniqueId('live-region-'), [id]);
   var dataQaProp = props['data-qa'];
   var dataQa = dataQaProp || "".concat(nodeId, "-live-region");
   var classes = classnames('MrlLiveRegion', {

package/dist/esm/components/live-region/MrlLiveRegion/MrlLiveRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlLiveRegion.js","sources":["../../../../../src/components/live-region/MrlLiveRegion/MrlLiveRegion.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport uniqueId from 'lodash.uniqueid';\nimport * as React from 'react';\nimport { useMemo, useState } from 'react';\n\ntype AriaRelevant = 'additions' | 'all' | 'removals' | 'text' | 'additions text' | undefined;\n\nexport interface MrlLiveRegionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n\tariaAtomic?: boolean;\n\tariaLive: 'polite' | 'assertive' | 'off';\n\tariaRelevant?: AriaRelevant;\n\tid?: string;\n\tshouldClearContent?: boolean;\n\tsrContent: string;\n\tvisible?: boolean;\n}\n\n/**\n * Live region component to render an HTML live region with the provided content.\n *\n * @param props - The live region component props.\n * @returns The live region component.\n */\nexport const MrlLiveRegion = ({\n\tariaAtomic,\n\tariaLive,\n\tariaRelevant,\n\tid,\n\tsrContent,\n\tvisible = false,\n\tshouldClearContent = false,\n\t...props\n}: MrlLiveRegionProps): React.ReactElement => {\n\tconst [content, setContent] = useState('');\n\n\tReact.useEffect(() => {\n\t\tsetContent(srContent);\n\n\t\tif (shouldClearContent) {\n\t\t\tconst contentTimeout = setTimeout(() => {\n\t\t\t\tsetContent('');\n\t\t\t\tclearTimeout(contentTimeout);\n\t\t\t}, 1000);\n\n\t\t\treturn () => clearTimeout(contentTimeout);\n\t\t}\n\t}, [shouldClearContent, srContent]);\n\n\tconst nodeId = useMemo(() => id || uniqueId('live-region-'), [id]);\n\n\tconst dataQaProp = (props as { 'data-qa'?: string })['data-qa'];\n\tconst dataQa = dataQaProp || `${nodeId}-live-region`;\n\n\tconst classes = classNames('MrlLiveRegion', {\n\t\t// eslint-disable-next-line @typescript-eslint/naming-convention\n\t\t'mrl-visually-hidden': !visible\n\t});\n\n\treturn (\n\t\t<p\n\t\t\t{...(ariaAtomic ? { 'aria-atomic': ariaAtomic } : {})}\n\t\t\taria-live={ariaLive}\n\t\t\t{...(ariaRelevant ? { 'aria-relevant': ariaRelevant } : {})}\n\t\t\tclassName={classes}\n\t\t\tdata-qa={dataQa}\n\t\t\tid={nodeId}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</p>\n\t);\n};\n"],"names":["MrlLiveRegion","_ref","ariaAtomic","ariaLive","ariaRelevant","id","srContent","_ref$visible","visible","_ref$shouldClearConte","shouldClearContent","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","content","setContent","React","useEffect","contentTimeout","setTimeout","clearTimeout","nodeId","useMemo","uniqueId","dataQaProp","dataQa","concat","classes","classNames","createElement","_extends","className"],"mappings":";;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EASoB;AAAA,EAAA,IAR7CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,YAAA,GAAAN,IAAA,CACTO,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,qBAAA,GAAAR,IAAA,CACfS,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;AACvBE,IAAAA,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAA8BC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;EAE1BI,KAAK,CAACC,SAAS,CAAC,YAAM;IACrBF,UAAU,CAACb,SAAS,CAAC;AAErB,IAAA,IAAII,kBAAkB,EAAE;AACvB,MAAA,IAAMY,cAAc,GAAGC,UAAU,CAAC,YAAM;QACvCJ,UAAU,CAAC,EAAE,CAAC;QACdK,YAAY,CAACF,cAAc,CAAC;MAC7B,CAAC,EAAE,IAAI,CAAC;MAER,OAAO,YAAA;QAAA,OAAME,YAAY,CAACF,cAAc,CAAC;AAAA,MAAA,CAAA;AAC1C,IAAA;AACD,EAAA,CAAC,EAAE,CAACZ,kBAAkB,EAAEJ,SAAS,CAAC,CAAC;EAEnC,IAAMmB,MAAM,GAAGC,OAAO,CAAC,YAAA;AAAA,IAAA,OAAMrB,EAAE,IAAIsB,QAAQ,CAAC,cAAc,CAAC;EAAA,CAAA,EAAE,CAACtB,EAAE,CAAC,CAAC;AAElE,EAAA,IAAMuB,UAAU,GAAIjB,KAAK,CAA4B,SAAS,CAAC;AAC/D,EAAA,IAAMkB,MAAM,GAAGD,UAAU,OAAAE,MAAA,CAAOL,MAAM,EAAA,cAAA,CAAc;AAEpD,EAAA,IAAMM,OAAO,GAAGC,UAAU,CAAC,eAAe,EAAE;AAC3C;AACA,IAAA,qBAAqB,EAAE,CAACxB;AACzB,GAAC,CAAC;AAEF,EAAA,oBACCY,KAAA,CAAAa,aAAA,MAAAC,QAAA,CAAA,EAAA,EACMhC,UAAU,GAAG;AAAE,IAAA,aAAa,EAAEA;GAAY,GAAG,EAAE,EAAA;IACpD,WAAA,EAAWC;AAAS,GAAA,EACfC,YAAY,GAAG;AAAE,IAAA,eAAe,EAAEA;GAAc,GAAG,EAAE,EAAA;AAC1D+B,IAAAA,SAAS,EAAEJ,OAAQ;AACnB,IAAA,SAAA,EAASF,MAAO;AAChBxB,IAAAA,EAAE,EAAEoB;GAAO,EACPd,KAAK,CAAA,EAERO,OACC,CAAC;AAEN;;;;"}
+{"version":3,"file":"MrlLiveRegion.js","sources":["../../../../../src/components/live-region/MrlLiveRegion/MrlLiveRegion.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport uniqueId from 'lodash.uniqueid';\nimport * as React from 'react';\nimport { useMemo, useState } from 'react';\n\ntype AriaRelevant = 'additions' | 'all' | 'removals' | 'text' | 'additions text' | undefined;\n\nexport interface MrlLiveRegionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n\tariaAtomic?: boolean;\n\tariaLive: 'polite' | 'assertive' | 'off';\n\tariaRelevant?: AriaRelevant;\n\tid?: string;\n\tshouldClearContent?: boolean;\n\tsrContent: string;\n\tvisible?: boolean;\n}\n\n/**\n * Live region component to render an HTML live region with the provided content.\n *\n * @param props - The live region component props.\n * @returns The live region component.\n */\nexport const MrlLiveRegion = ({\n\tariaAtomic,\n\tariaLive,\n\tariaRelevant,\n\tid,\n\tsrContent,\n\tvisible = false,\n\tshouldClearContent = false,\n\t...props\n}: MrlLiveRegionProps): React.ReactElement => {\n\tconst [content, setContent] = useState('');\n\n\tReact.useEffect(() => {\n\t\tsetContent(srContent);\n\n\t\tif (shouldClearContent) {\n\t\t\tconst contentTimeout = setTimeout(() => {\n\t\t\t\tsetContent('');\n\t\t\t\tclearTimeout(contentTimeout);\n\t\t\t}, 1000);\n\n\t\t\treturn () => clearTimeout(contentTimeout);\n\t\t}\n\t}, [shouldClearContent, srContent]);\n\n\tconst nodeId = useMemo(() => id || uniqueId('live-region-'), [id]);\n\n\tconst dataQaProp = (props as { 'data-qa'?: string })['data-qa'];\n\tconst dataQa = dataQaProp || `${nodeId}-live-region`;\n\n\tconst classes = classNames('MrlLiveRegion', {\n\t\t// eslint-disable-next-line @typescript-eslint/naming-convention\n\t\t'mrl-visually-hidden': !visible\n\t});\n\n\treturn (\n\t\t<p\n\t\t\t{...(ariaAtomic ? { 'aria-atomic': ariaAtomic } : {})}\n\t\t\taria-live={ariaLive}\n\t\t\t{...(ariaRelevant ? { 'aria-relevant': ariaRelevant } : {})}\n\t\t\tclassName={classes}\n\t\t\tdata-qa={dataQa}\n\t\t\tid={nodeId}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</p>\n\t);\n};\n"],"names":["MrlLiveRegion","_ref","ariaAtomic","ariaLive","ariaRelevant","id","srContent","_ref$visible","visible","_ref$shouldClearConte","shouldClearContent","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","content","setContent","React","useEffect","contentTimeout","setTimeout","clearTimeout","nodeId","useMemo","uniqueId","dataQaProp","dataQa","concat","classes","classNames","createElement","_extends","className"],"mappings":";;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAGC,IAAA,IASiB;AAAA,EAAA,IAR7CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,YAAA,GAAAN,IAAA,CACTO,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,qBAAA,GAAAR,IAAA,CACfS,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;AACvBE,IAAAA,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAA8BC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;EAE1BI,KAAK,CAACC,SAAS,CAAC,MAAM;IACrBF,UAAU,CAACb,SAAS,CAAC;AAErB,IAAA,IAAII,kBAAkB,EAAE;AACvB,MAAA,IAAMY,cAAc,GAAGC,UAAU,CAAC,MAAM;QACvCJ,UAAU,CAAC,EAAE,CAAC;QACdK,YAAY,CAACF,cAAc,CAAC;MAC7B,CAAC,EAAE,IAAI,CAAC;AAER,MAAA,OAAO,MAAME,YAAY,CAACF,cAAc,CAAC;AAC1C,IAAA;AACD,EAAA,CAAC,EAAE,CAACZ,kBAAkB,EAAEJ,SAAS,CAAC,CAAC;AAEnC,EAAA,IAAMmB,MAAM,GAAGC,OAAO,CAAC,MAAMrB,EAAE,IAAIsB,QAAQ,CAAC,cAAc,CAAC,EAAE,CAACtB,EAAE,CAAC,CAAC;AAElE,EAAA,IAAMuB,UAAU,GAAIjB,KAAK,CAA4B,SAAS,CAAC;AAC/D,EAAA,IAAMkB,MAAM,GAAGD,UAAU,OAAAE,MAAA,CAAOL,MAAM,EAAA,cAAA,CAAc;AAEpD,EAAA,IAAMM,OAAO,GAAGC,UAAU,CAAC,eAAe,EAAE;AAC3C;AACA,IAAA,qBAAqB,EAAE,CAACxB;AACzB,GAAC,CAAC;AAEF,EAAA,oBACCY,KAAA,CAAAa,aAAA,MAAAC,QAAA,CAAA,EAAA,EACMhC,UAAU,GAAG;AAAE,IAAA,aAAa,EAAEA;GAAY,GAAG,EAAE,EAAA;IACpD,WAAA,EAAWC;AAAS,GAAA,EACfC,YAAY,GAAG;AAAE,IAAA,eAAe,EAAEA;GAAc,GAAG,EAAE,EAAA;AAC1D+B,IAAAA,SAAS,EAAEJ,OAAQ;AACnB,IAAA,SAAA,EAASF,MAAO;AAChBxB,IAAAA,EAAE,EAAEoB;GAAO,EACPd,KAAK,CAAA,EAERO,OACC,CAAC;AAEN;;;;"}

package/dist/esm/components/loader/MrlProgressBar/MrlProgressBar.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { progressBarDefaults } from '../constants.js';
@@ -29,12 +29,18 @@ function MrlProgressBar(_ref) {
     time = _ref$time === void 0 ? 0 : _ref$time,
     rest = _objectWithoutProperties(_ref, _excluded);
   var roundPercent = percent ? Math.round(percent) : 0;
-  var containerClasses = classnames(styles['MrlProgressBar-container'], 'MrlProgressBar-container', _defineProperty({}, "".concat(className, "-container"), className !== ''));
+  var containerClasses = classnames(styles['MrlProgressBar-container'], 'MrlProgressBar-container', {
+    ["".concat(className, "-container")]: className !== ''
+  });
   var progressBarClasses = classnames(styles['MrlProgressBar'], 'MrlProgressBar', className);
   var textContainerClass = classnames(styles['MrlProgressBar--textContainer'], 'MrlProgressBar--textContainer', {
     'mrl-visually-hidden': !showText
   });
-  var completeClasses = classnames(styles['MrlProgressBar--complete'], _defineProperty({}, styles['MrlProgressBar--timed'], time > 0 && !indeterminate), _defineProperty({}, styles['MrlProgressBar--indeterminate'], indeterminate));
+  var completeClasses = classnames(styles['MrlProgressBar--complete'], {
+    [styles['MrlProgressBar--timed']]: time > 0 && !indeterminate
+  }, {
+    [styles['MrlProgressBar--indeterminate']]: indeterminate
+  });
   var completeStyle = time > 0 && !indeterminate ? {
     'animation-duration': "".concat(time, "ms")
   } : indeterminate ? {

package/dist/esm/components/loader/MrlProgressBar/MrlProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlProgressBar.js","sources":["../../../../../src/components/loader/MrlProgressBar/MrlProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlTextHeading } from '../../';\nimport { ProgressBarComponent, progressBarDefaults } from '../constants';\n\nimport styles from './MrlProgressBar.module.scss';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\n\n/**\n * MrlProgressBar React component.\n *\n * @param props - component props\n * @returns a MrlProgressBar React component.\n */\nexport function MrlProgressBar({\n\tchildren,\n\tclassName = '',\n\tindeterminate = false,\n\tname,\n\tpercent = progressBarDefaults.percent,\n\tshowText = progressBarDefaults.showText,\n\ttext,\n\ttime = 0,\n\t...rest\n}: ProgressBarComponent): JSX.Element {\n\tconst roundPercent = percent ? Math.round(percent) : 0;\n\tconst containerClasses = classnames(\n\t\tstyles['MrlProgressBar-container'],\n\t\t'MrlProgressBar-container',\n\t\t{\n\t\t\t[`${className}-container`]: className !== ''\n\t\t}\n\t);\n\tconst progressBarClasses = classnames(styles['MrlProgressBar'], 'MrlProgressBar', className);\n\tconst textContainerClass = classnames(\n\t\tstyles['MrlProgressBar--textContainer'],\n\t\t'MrlProgressBar--textContainer',\n\t\t{\n\t\t\t'mrl-visually-hidden': !showText\n\t\t}\n\t);\n\tconst completeClasses = classnames(\n\t\tstyles['MrlProgressBar--complete'],\n\t\t{\n\t\t\t[styles['MrlProgressBar--timed']]: time > 0 && !indeterminate\n\t\t},\n\t\t{\n\t\t\t[styles['MrlProgressBar--indeterminate']]: indeterminate\n\t\t}\n\t);\n\tconst completeStyle =\n\t\ttime > 0 && !indeterminate\n\t\t\t? {\n\t\t\t\t\t'animation-duration': `${time}ms`\n\t\t\t\t}\n\t\t\t: indeterminate\n\t\t\t\t? {\n\t\t\t\t\t\twidth: '100%'\n\t\t\t\t\t}\n\t\t\t\t: {\n\t\t\t\t\t\twidth: `${roundPercent}%`\n\t\t\t\t\t};\n\tconst defaultText =\n\t\ttime > 0 || indeterminate ? 'Loading' : `${roundPercent?.toString()}% complete`;\n\tconst ariaValues =\n\t\ttime > 0 || indeterminate\n\t\t\t? {}\n\t\t\t: {\n\t\t\t\t\t'aria-valuemin': 0,\n\t\t\t\t\t'aria-valuemax': 100,\n\t\t\t\t\t'aria-valuetext': `${roundPercent}%`,\n\t\t\t\t\t'aria-valuenow': roundPercent\n\t\t\t\t};\n\n\treturn (\n\t\t<div {...rest} className={containerClasses}>\n\t\t\t<div className={progressBarClasses} aria-label={name} role=\"progressbar\" {...ariaValues}>\n\t\t\t\t<div className={completeClasses} style={completeStyle} />\n\t\t\t</div>\n\t\t\t<div className={textContainerClass} role=\"status\">\n\t\t\t\t<MrlTextHeading hierarchy=\"secondary\" kind=\"title\" level=\"2\" size=\"xsmall\">\n\t\t\t\t\t{text || defaultText}\n\t\t\t\t</MrlTextHeading>\n\t\t\t</div>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["MrlProgressBar","_ref","children","_ref$className","className","_ref$indeterminate","indeterminate","name","_ref$percent","percent","progressBarDefaults","_ref$showText","showText","text","_ref$time","time","rest","_objectWithoutProperties","_excluded","roundPercent","Math","round","containerClasses","classnames","styles","_defineProperty","concat","progressBarClasses","textContainerClass","completeClasses","completeStyle","width","defaultText","toString","ariaValues","React","createElement","_extends","role","style","MrlTextHeading","hierarchy","kind","level","size"],"mappings":"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"}
+{"version":3,"file":"MrlProgressBar.js","sources":["../../../../../src/components/loader/MrlProgressBar/MrlProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlTextHeading } from '../../';\nimport { ProgressBarComponent, progressBarDefaults } from '../constants';\n\nimport styles from './MrlProgressBar.module.scss';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\n\n/**\n * MrlProgressBar React component.\n *\n * @param props - component props\n * @returns a MrlProgressBar React component.\n */\nexport function MrlProgressBar({\n\tchildren,\n\tclassName = '',\n\tindeterminate = false,\n\tname,\n\tpercent = progressBarDefaults.percent,\n\tshowText = progressBarDefaults.showText,\n\ttext,\n\ttime = 0,\n\t...rest\n}: ProgressBarComponent): JSX.Element {\n\tconst roundPercent = percent ? Math.round(percent) : 0;\n\tconst containerClasses = classnames(\n\t\tstyles['MrlProgressBar-container'],\n\t\t'MrlProgressBar-container',\n\t\t{\n\t\t\t[`${className}-container`]: className !== ''\n\t\t}\n\t);\n\tconst progressBarClasses = classnames(styles['MrlProgressBar'], 'MrlProgressBar', className);\n\tconst textContainerClass = classnames(\n\t\tstyles['MrlProgressBar--textContainer'],\n\t\t'MrlProgressBar--textContainer',\n\t\t{\n\t\t\t'mrl-visually-hidden': !showText\n\t\t}\n\t);\n\tconst completeClasses = classnames(\n\t\tstyles['MrlProgressBar--complete'],\n\t\t{\n\t\t\t[styles['MrlProgressBar--timed']]: time > 0 && !indeterminate\n\t\t},\n\t\t{\n\t\t\t[styles['MrlProgressBar--indeterminate']]: indeterminate\n\t\t}\n\t);\n\tconst completeStyle =\n\t\ttime > 0 && !indeterminate\n\t\t\t? {\n\t\t\t\t\t'animation-duration': `${time}ms`\n\t\t\t\t}\n\t\t\t: indeterminate\n\t\t\t\t? {\n\t\t\t\t\t\twidth: '100%'\n\t\t\t\t\t}\n\t\t\t\t: {\n\t\t\t\t\t\twidth: `${roundPercent}%`\n\t\t\t\t\t};\n\tconst defaultText =\n\t\ttime > 0 || indeterminate ? 'Loading' : `${roundPercent?.toString()}% complete`;\n\tconst ariaValues =\n\t\ttime > 0 || indeterminate\n\t\t\t? {}\n\t\t\t: {\n\t\t\t\t\t'aria-valuemin': 0,\n\t\t\t\t\t'aria-valuemax': 100,\n\t\t\t\t\t'aria-valuetext': `${roundPercent}%`,\n\t\t\t\t\t'aria-valuenow': roundPercent\n\t\t\t\t};\n\n\treturn (\n\t\t<div {...rest} className={containerClasses}>\n\t\t\t<div className={progressBarClasses} aria-label={name} role=\"progressbar\" {...ariaValues}>\n\t\t\t\t<div className={completeClasses} style={completeStyle} />\n\t\t\t</div>\n\t\t\t<div className={textContainerClass} role=\"status\">\n\t\t\t\t<MrlTextHeading hierarchy=\"secondary\" kind=\"title\" level=\"2\" size=\"xsmall\">\n\t\t\t\t\t{text || defaultText}\n\t\t\t\t</MrlTextHeading>\n\t\t\t</div>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n"],"names":["MrlProgressBar","_ref","children","_ref$className","className","_ref$indeterminate","indeterminate","name","_ref$percent","percent","progressBarDefaults","_ref$showText","showText","text","_ref$time","time","rest","_objectWithoutProperties","_excluded","roundPercent","Math","round","containerClasses","classnames","styles","concat","progressBarClasses","textContainerClass","completeClasses","completeStyle","width","defaultText","toString","ariaValues","React","createElement","_extends","role","style","MrlTextHeading","hierarchy","kind","level","size"],"mappings":"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"}