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

package/dist/cjs/components/modal/MrlModalHeader/MrlModalHeader.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlModalHeader_module = require('./MrlModalHeader.module.scss.js');
+var MrlModalContext = require('../MrlModalContext/MrlModalContext.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["attrs", "children", "className", "text"];
+/**
+ * Modal Header component for the MrlModal.
+ * @param {MrlModalHeaderProps} props - The props for the MrlModalFooter component
+ * @param {AttrsObject} props.attrs - Additional HTML attributes for the `mrl-modal` element
+ * @returns {React.ReactElement} The rendered MrlModalFooter component
+ */
+var MrlModalHeader = function MrlModalHeader(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    children = _ref.children,
+    className = _ref.className,
+    text = _ref.text,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useMrlModalContext = MrlModalContext.useMrlModalContext(),
+    scrollableContent = _useMrlModalContext.scrollableContent,
+    setTitle = _useMrlModalContext.setTitle;
+  var attributes = setAttributes.setAttributes(attrs);
+  var classes = classnames(className, 'mrl-modal-header', MrlModalHeader_module.default['mrl-modal-header'], _rollupPluginBabelHelpers.defineProperty({}, MrlModalHeader_module.default['mrl-modal-scroll-shadow-top'], scrollableContent.hasScrollTop));
+  React__namespace.useEffect(function () {
+    setTitle(text);
+  }, [text, setTitle]);
+  delete attrs["class"];
+  delete attrs.className;
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, attributes, {
+    className: classes
+  }), /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    attrs: {
+      className: 'mrl-modal-text-heading'
+    },
+    level: "2",
+    text: text,
+    size: "large"
+  }), children);
+};
+
+exports.MrlModalHeader = MrlModalHeader;
+//# sourceMappingURL=MrlModalHeader.js.map

package/dist/cjs/components/modal/MrlModalHeader/MrlModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlModalHeader.js","sources":["../../../../../src/components/modal/MrlModalHeader/MrlModalHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AttrsObject, MrlComponentProps, setAttributes } from '../../../utils';\nimport classNames from 'classnames';\nimport { MrlTextHeading } from '../../';\n\nimport styles from './MrlModalHeader.module.scss';\nimport { useMrlModalContext } from '../MrlModalContext';\n\nexport interface MrlModalHeaderProps extends MrlComponentProps {\n\t/**\n\t * Content of the modal header\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Wrapper Class\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Text the h1 element of modal header\n\t */\n\ttext: string;\n}\n\n/**\n * Modal Header component for the MrlModal.\n * @param {MrlModalHeaderProps} props - The props for the MrlModalFooter component\n * @param {AttrsObject} props.attrs - Additional HTML attributes for the `mrl-modal` element\n * @returns {React.ReactElement} The rendered MrlModalFooter component\n */\nexport const MrlModalHeader = ({\n\tattrs = {},\n\tchildren,\n\tclassName,\n\ttext,\n\t...rest\n}: MrlModalHeaderProps): JSX.Element => {\n\tconst { scrollableContent, setTitle } = useMrlModalContext();\n\tconst attributes = setAttributes(attrs);\n\tconst classes = classNames(className, 'mrl-modal-header', styles['mrl-modal-header'], {\n\t\t[styles['mrl-modal-scroll-shadow-top']]: scrollableContent.hasScrollTop\n\t});\n\n\tReact.useEffect(() => {\n\t\tsetTitle(text);\n\t}, [text, setTitle]);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\treturn (\n\t\t<div {...rest} {...attributes} className={classes}>\n\t\t\t<MrlTextHeading\n\t\t\t\tattrs={{ className: 'mrl-modal-text-heading' }}\n\t\t\t\tlevel=\"2\"\n\t\t\t\ttext={text}\n\t\t\t\tsize=\"large\"\n\t\t\t/>\n\t\t\t{children}\n\t\t\t{/* Looking for the close button? The close button is intentionally part of the overall modal container, not the header */}\n\t\t</div>\n\t);\n};\n"],"names":["MrlModalHeader","_ref","_ref$attrs","attrs","children","className","text","rest","_objectWithoutProperties","_excluded","_useMrlModalContext","useMrlModalContext","scrollableContent","setTitle","attributes","setAttributes","classes","classNames","styles","_defineProperty","hasScrollTop","React","useEffect","createElement","_extends","MrlTextHeading","level","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAMa;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CALvCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,IAAI,GAAAL,IAAA,CAAJK,IAAI;AACDC,IAAAA,IAAI,GAAAC,iDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAAC,mBAAA,GAAwCC,kCAAkB,EAAE;IAApDC,iBAAiB,GAAAF,mBAAA,CAAjBE,iBAAiB;IAAEC,QAAQ,GAAAH,mBAAA,CAARG,QAAQ;AACnC,EAAA,IAAMC,UAAU,GAAGC,2BAAa,CAACZ,KAAK,CAAC;EACvC,IAAMa,OAAO,GAAGC,UAAU,CAACZ,SAAS,EAAE,kBAAkB,EAAEa,6BAAM,CAAC,kBAAkB,CAAC,EAAAC,wCAAA,CAAA,EAAA,EAClFD,6BAAM,CAAC,6BAA6B,CAAC,EAAGN,iBAAiB,CAACQ,YAAY,CACvE,CAAC;EAEFC,gBAAK,CAACC,SAAS,CAAC,YAAM;IACrBT,QAAQ,CAACP,IAAI,CAAC;AACf,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEO,QAAQ,CAAC,CAAC;AAEpB,EAAA,OAAOV,KAAK,CAAA,OAAA,CAAM;EAClB,OAAOA,KAAK,CAACE,SAAS;EACtB,oBACCgB,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA,EAAA,EAASjB,IAAI,EAAMO,UAAU,EAAA;AAAET,IAAAA,SAAS,EAAEW;AAAQ,GAAA,CAAA,eACjDK,gBAAA,CAAAE,aAAA,CAACE,6BAAc,EAAA;AACdtB,IAAAA,KAAK,EAAE;AAAEE,MAAAA,SAAS,EAAE;KAA2B;AAC/CqB,IAAAA,KAAK,EAAC,GAAG;AACTpB,IAAAA,IAAI,EAAEA,IAAK;AACXqB,IAAAA,IAAI,EAAC;GACL,CAAC,EACDvB,QAEG,CAAC;AAER;;;;"}

package/dist/cjs/components/modal/MrlModalHeader/MrlModalHeader.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"mrl-modal-header":"mrl-modal-header--LAa4V","mrl-modal-scroll-shadow-top":"mrl-modal-scroll-shadow-top--uMyh_"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlModalHeader.module.scss.js.map

package/dist/cjs/components/modal/MrlModalHeader/MrlModalHeader.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlModalHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/modal/constants.js

@@ -0,0 +1,25 @@
+'use strict';
+
+/*
+ * Modal component
+ * ------------------------------------------------------------------
+ */
+var allowedValues = {
+  sizes: ['small', 'medium', 'large'],
+  states: ['open', 'close']
+};
+/**
+ * Default values for props on the Modal component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  attrs: {},
+  size: 'medium',
+  state: 'close'
+};
+var TransitionDuration = 300;
+
+exports.TransitionDuration = TransitionDuration;
+exports.allowedValues = allowedValues;
+exports.defaults = defaults;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/modal/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/modal/constants.ts"],"sourcesContent":["import { AttrsObject } from '../../utils';\n\n/*\n * Modal component\n * ------------------------------------------------------------------\n */\nexport const allowedValues = {\n\tsizes: ['small', 'medium', 'large'] as const,\n\tstates: ['open', 'close'] as const\n};\n\nexport type ModalSize = (typeof allowedValues.sizes)[number];\nexport type ModalState = (typeof allowedValues.states)[number];\n\nexport interface ModalDefaults {\n\tattrs: AttrsObject;\n\tsize: ModalSize;\n\tstate: ModalState;\n}\n\n/**\n * Default values for props on the Modal component;\n * Shared between the component and Storybook\n */\nexport const defaults: ModalDefaults = {\n\tattrs: {},\n\tsize: 'medium',\n\tstate: 'close'\n};\n\nexport const TransitionDuration = 300;\n"],"names":["allowedValues","sizes","states","defaults","attrs","size","state","TransitionDuration"],"mappings":";;AAEA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG;AAC5BC,EAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU;AAC5CC,EAAAA,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO;AACzB;AAWA;AACA;AACA;AACA;AACO,IAAMC,QAAuB,GAAG;EACtCC,KAAK,EAAE,EAAE;AACTC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,KAAK,EAAE;AACR;AAEO,IAAMC,kBAAkB,GAAG;;;;;;"}

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlSidebarNavGroup_module = require('./MrlSidebarNavGroup.module.scss.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["className", "children", "level", "headingText", "style", "hiddenHeading"];
+/**
+ * Sidebar group component
+ *
+ * @param {MrlSidebarNavGroupProps} props - the component props
+ * @returns a sidebar nav group
+ */
+function MrlSidebarNavGroup(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$level = _ref.level,
+    level = _ref$level === void 0 ? '3' : _ref$level,
+    headingText = _ref.headingText,
+    style = _ref.style,
+    hiddenHeading = _ref.hiddenHeading,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames(MrlSidebarNavGroup_module.default['MrlSidebarNavGroup'], className);
+  var headingIdRef = React__namespace.useRef(setAttributes.getUniqueId('mrl-sidebar-nav-group-heading'));
+  var navLabelProps = hiddenHeading ? {
+    'aria-label': headingText
+  } : {
+    'aria-labelledby': headingIdRef.current
+  };
+  return /*#__PURE__*/React__namespace.createElement("nav", _rollupPluginBabelHelpers.extends({
+    className: allClasses,
+    style: style
+  }, navLabelProps, rest), headingText && !hiddenHeading && /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    attrs: {
+      className: MrlSidebarNavGroup_module.default['MrlSidebarNavGroup-heading'],
+      id: headingIdRef.current
+    },
+    level: level,
+    text: headingText,
+    size: "xsmall",
+    hierarchy: "secondary",
+    kind: "title"
+  }), /*#__PURE__*/React__namespace.createElement("ul", null, children));
+}
+
+exports.MrlSidebarNavGroup = MrlSidebarNavGroup;
+//# sourceMappingURL=MrlSidebarNavGroup.js.map

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSidebarNavGroup.js","sources":["../../../../../src/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlTextHeading } from '../../';\nimport { LevelType } from '../../text/constants';\nimport { getUniqueId } from '../../../utils';\n\nimport styles from './MrlSidebarNavGroup.module.scss';\n\ninterface MrlSidebarNavGroupProps extends React.ComponentPropsWithoutRef<'nav'> {\n\t/** Additional class to add to the nav element */\n\tclassName?: string;\n\t/** A list of navigation items */\n\tchildren: React.ReactNode;\n\t/** Set the semantic level of the heading, only applies when headingText is defined */\n\tlevel?: Exclude<LevelType, '1'>;\n\t/**\n\t *  Sets the heading's text.\n\t *  If no visual heading is required add the hiddenHeading prop\n\t */\n\theadingText: string;\n\t/** Prevents rendering the heading and uses aria-label to label the nav element */\n\thiddenHeading?: boolean;\n}\n\n/**\n * Sidebar group component\n *\n * @param {MrlSidebarNavGroupProps} props - the component props\n * @returns a sidebar nav group\n */\nexport function MrlSidebarNavGroup({\n\tclassName,\n\tchildren,\n\tlevel = '3',\n\theadingText,\n\tstyle,\n\thiddenHeading,\n\t...rest\n}: MrlSidebarNavGroupProps): JSX.Element {\n\tconst allClasses = classnames(styles['MrlSidebarNavGroup'], className);\n\tconst headingIdRef = React.useRef(getUniqueId('mrl-sidebar-nav-group-heading'));\n\n\tconst navLabelProps = hiddenHeading\n\t\t? { 'aria-label': headingText }\n\t\t: { 'aria-labelledby': headingIdRef.current };\n\n\treturn (\n\t\t<nav className={allClasses} style={style} {...navLabelProps}\n\t\t\t{...rest}>\n\t\t\t{headingText && !hiddenHeading && (\n\t\t\t\t<MrlTextHeading\n\t\t\t\t\tattrs={{\n\t\t\t\t\t\tclassName: styles['MrlSidebarNavGroup-heading'],\n\t\t\t\t\t\tid: headingIdRef.current\n\t\t\t\t\t}}\n\t\t\t\t\tlevel={level}\n\t\t\t\t\ttext={headingText}\n\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\thierarchy=\"secondary\"\n\t\t\t\t\tkind=\"title\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<ul>{children}</ul>\n\t\t</nav>\n\t);\n}\n"],"names":["MrlSidebarNavGroup","_ref","className","children","_ref$level","level","headingText","style","hiddenHeading","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","headingIdRef","React","useRef","getUniqueId","navLabelProps","current","createElement","_extends","MrlTextHeading","attrs","id","text","size","hierarchy","kind"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAAAC,IAAA,EAQO;AAAA,EAAA,IAPxCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,UAAA,GAAAH,IAAA,CACRI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,GAAG,GAAAA,UAAA;IACXE,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,aAAa,GAAAP,IAAA,CAAbO,aAAa;AACVC,IAAAA,IAAI,GAAAC,iDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;EAEP,IAAMC,UAAU,GAAGC,UAAU,CAACC,iCAAM,CAAC,oBAAoB,CAAC,EAAEZ,SAAS,CAAC;EACtE,IAAMa,YAAY,GAAGC,gBAAK,CAACC,MAAM,CAACC,yBAAW,CAAC,+BAA+B,CAAC,CAAC;EAE/E,IAAMC,aAAa,GAAGX,aAAa,GAChC;AAAE,IAAA,YAAY,EAAEF;AAAY,GAAC,GAC7B;IAAE,iBAAiB,EAAES,YAAY,CAACK;GAAS;AAE9C,EAAA,oBACCJ,gBAAA,CAAAK,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AAAKpB,IAAAA,SAAS,EAAEU,UAAW;AAACL,IAAAA,KAAK,EAAEA;AAAM,GAAA,EAAKY,aAAa,EACtDV,IAAI,CAAA,EACPH,WAAW,IAAI,CAACE,aAAa,iBAC7BQ,gBAAA,CAAAK,aAAA,CAACE,6BAAc,EAAA;AACdC,IAAAA,KAAK,EAAE;AACNtB,MAAAA,SAAS,EAAEY,iCAAM,CAAC,4BAA4B,CAAC;MAC/CW,EAAE,EAAEV,YAAY,CAACK;KAChB;AACFf,IAAAA,KAAK,EAAEA,KAAM;AACbqB,IAAAA,IAAI,EAAEpB,WAAY;AAClBqB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,SAAS,EAAC,WAAW;AACrBC,IAAAA,IAAI,EAAC;GACL,CACD,eACDb,gBAAA,CAAAK,aAAA,CAAA,IAAA,EAAA,IAAA,EAAKlB,QAAa,CACd,CAAC;AAER;;;;"}

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlSidebarNavGroup":"MrlSidebarNavGroup--k2AnI","MrlSidebarNavGroup-heading":"MrlSidebarNavGroup-heading--e4Arl"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlSidebarNavGroup.module.scss.js.map

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSidebarNavGroup.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlSidebarNavItem_module = require('./MrlSidebarNavItem.module.scss.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["className", "data-qa", "icon", "isSelected", "text", "renderLink"];
+/**
+ * Sidebar nav item component
+ * @param {MrlSidebarNavItemProps} props - the component props
+ * @returns a sidebar nav item
+ */
+function MrlSidebarNavItem(_ref) {
+  var className = _ref.className,
+    qa = _ref['data-qa'],
+    icon = _ref.icon,
+    isSelected = _ref.isSelected,
+    text = _ref.text,
+    renderLink = _ref.renderLink,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames('MrlSidebarNavItem', MrlSidebarNavItem_module.default['MrlSidebarNavItem'], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlSidebarNavItem_module.default['MrlSidebarNavItem-selected'], isSelected), 'MrlSidebarNavItem-selected', isSelected), MrlSidebarNavItem_module.default['hasIcon'], typeof icon !== 'undefined'), className);
+  return /*#__PURE__*/React__namespace.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
+    "data-qa": qa,
+    className: allClasses
+  }), renderLink({
+    linkContent: /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, icon && /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      "aria-hidden": "true",
+      svg: icon,
+      className: MrlSidebarNavItem_module.default['MrlSidebarNavItem-icon'],
+      size: "auto"
+    }), text)
+  }));
+}
+
+exports.MrlSidebarNavItem = MrlSidebarNavItem;
+//# sourceMappingURL=MrlSidebarNavItem.js.map

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSidebarNavItem.js","sources":["../../../../../src/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { DSIconType, MrlSvg } from '../../';\n\nimport styles from './MrlSidebarNavItem.module.scss';\n\ninterface MrlSidebarNavItemProps {\n\t/** Additional class to add to the li element */\n\tclassName?: string;\n\t/** A string value used for data-qa attribute. */\n\t['data-qa']?: string;\n\t/** Leading icon of the sidebar nav item */\n\ticon?: DSIconType;\n\t/** Sets the selected state for the sidebar nav item */\n\tisSelected?: boolean;\n\t/**\n\t * Render function used to wrap the sidebar nav item with a link component.\n\t * It allows users to wrap the sidebar nav item with different link implementations, react-router's link for example.\n\t * @example\n\t * <MrlSidebarNavItem renderLink={({linkContent}) => <Link to=\"/\">{linkContent}</Link>}/>\n\t * <MrlSidebarNavItem renderLink={({linkContent}) => <a href=\"/\">{linkContent}</a>}/>\n\t */\n\trenderLink: ({ linkContent }: { linkContent: React.ReactNode }) => JSX.Element;\n\t/** The text of the sidebar item */\n\ttext?: React.ReactNode;\n}\n\n/**\n * Sidebar nav item component\n * @param {MrlSidebarNavItemProps} props - the component props\n * @returns a sidebar nav item\n */\nexport function MrlSidebarNavItem({\n\tclassName,\n\t['data-qa']: qa,\n\ticon,\n\tisSelected,\n\ttext,\n\trenderLink,\n\t...rest\n}: MrlSidebarNavItemProps): JSX.Element {\n\tconst allClasses = classnames(\n\t\t'MrlSidebarNavItem',\n\t\tstyles['MrlSidebarNavItem'],\n\t\t{\n\t\t\t[styles['MrlSidebarNavItem-selected']]: isSelected,\n\t\t\t'MrlSidebarNavItem-selected': isSelected,\n\t\t\t[styles['hasIcon']]: typeof icon !== 'undefined'\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<li {...rest} data-qa={qa} className={allClasses}>\n\t\t\t{renderLink({\n\t\t\t\tlinkContent: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{icon && (\n\t\t\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tsvg={icon}\n\t\t\t\t\t\t\t\tclassName={styles['MrlSidebarNavItem-icon']}\n\t\t\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</>\n\t\t\t\t)\n\t\t\t})}\n\t\t</li>\n\t);\n}\n"],"names":["MrlSidebarNavItem","_ref","className","qa","icon","isSelected","text","renderLink","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","_defineProperty","React","createElement","_extends","linkContent","Fragment","MrlSvg","svg","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAAAC,IAAA,EAQO;AAAA,EAAA,IAPvCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACIC,EAAE,GAAAF,IAAA,CAAd,SAAS,CAAA;IACVG,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,UAAU,GAAAN,IAAA,CAAVM,UAAU;AACPC,IAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAC5B,mBAAmB,EACnBC,gCAAM,CAAC,mBAAmB,CAAC,EAAAC,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,KAEzBD,gCAAM,CAAC,4BAA4B,CAAC,EAAGR,UAAU,CAAA,EAClD,4BAA4B,EAAEA,UAAU,GACvCQ,gCAAM,CAAC,SAAS,CAAC,EAAG,OAAOT,IAAI,KAAK,WAAW,CAAA,EAEjDF,SACD,CAAC;AAED,EAAA,oBACCa,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,iCAAA,KAAQT,IAAI,EAAA;AAAE,IAAA,SAAA,EAASL,EAAG;AAACD,IAAAA,SAAS,EAAES;AAAW,GAAA,CAAA,EAC/CJ,UAAU,CAAC;AACXW,IAAAA,WAAW,eACVH,gBAAA,CAAAC,aAAA,CAAAD,gBAAA,CAAAI,QAAA,EAAA,IAAA,EACEf,IAAI,iBACJW,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AACN,MAAA,aAAA,EAAY,MAAM;AAClBC,MAAAA,GAAG,EAAEjB,IAAK;AACVF,MAAAA,SAAS,EAAEW,gCAAM,CAAC,wBAAwB,CAAE;AAC5CS,MAAAA,IAAI,EAAC;KACL,CACD,EACAhB,IACA;AAEJ,GAAC,CACE,CAAC;AAEP;;;;"}

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlSidebarNavItem":"MrlSidebarNavItem--QDN9P","hasIcon":"hasIcon--TUNgW","MrlSidebarNavItem-selected":"MrlSidebarNavItem-selected--vA8rc","MrlSidebarNavItem-icon":"MrlSidebarNavItem-icon--VIvzN"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlSidebarNavItem.module.scss.js.map

package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSidebarNavItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.js

@@ -0,0 +1,210 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var dsIcons = require('@muraldevkit/ds-icons');
+var classnames = require('classnames');
+var constants = require('../constants.js');
+var MrlBlockNotification_module = require('./MrlBlockNotification.module.scss.js');
+var useAutoClose = require('../../../hooks/useAutoClose/useAutoClose.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
+var MrlIconButton = require('../../button/MrlIconButton/MrlIconButton.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["attrs", "autoCloseAfterMs", "children", "className", "closeQa", "cta", "kind", "dismissible", "heading", "hookClose", "hookOpen", "customIcon", "level", "message", "onAutoClose", "scope", "shouldAutoClose", "state"];
+/**
+ * Configuration options for icons
+ */
+var iconOptions = {
+  error: dsIcons.error,
+  info: dsIcons.info,
+  success: dsIcons.check,
+  warning: dsIcons.warning
+};
+
+/**
+ * Block Notification Component
+ * @param props - Component props
+ * @returns {Element} Block Notification
+ */
+var MrlBlockNotification = function MrlBlockNotification(props) {
+  var attrs = props.attrs,
+    autoCloseAfterMs = props.autoCloseAfterMs,
+    children = props.children,
+    className = props.className,
+    closeQa = props.closeQa,
+    cta = props.cta,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? constants.defaults.kind : _props$kind,
+    _props$dismissible = props.dismissible,
+    dismissible = _props$dismissible === void 0 ? constants.defaults.dismissible : _props$dismissible,
+    heading = props.heading,
+    hookClose = props.hookClose,
+    hookOpen = props.hookOpen,
+    customIcon = props.customIcon,
+    _props$level = props.level,
+    level = _props$level === void 0 ? constants.defaults.level : _props$level,
+    message = props.message,
+    onAutoClose = props.onAutoClose,
+    _props$scope = props.scope,
+    scope = _props$scope === void 0 ? constants.defaults.scope : _props$scope,
+    _props$shouldAutoClos = props.shouldAutoClose,
+    shouldAutoClose = _props$shouldAutoClos === void 0 ? false : _props$shouldAutoClos,
+    _props$state = props.state,
+    state = _props$state === void 0 ? constants.defaults.state : _props$state,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+
+  /**
+   * Sets the open/close state of the notification
+   */
+  var _React$useState = React__namespace.useState(constants.defaults.state),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    notificationState = _React$useState2[0],
+    setNotificationState = _React$useState2[1];
+
+  /**
+   * Reference to the notification
+   */
+  var notification = React__namespace.useRef(null);
+
+  /**
+   * Handles logic for opening the notification
+   */
+  var handleOpen = React__namespace.useCallback(function () {
+    setNotificationState('open');
+    setTimeout(function () {
+      hookOpen && hookOpen();
+    }, constants.TransitionDuration);
+  }, [hookOpen]);
+
+  /**
+   * It is an accessibility anti-pattern to auto-close an interactive element.
+   * Both the dismiss button and cta are interactive elements.
+   */
+  var isInteractiveElementPresent = dismissible || cta;
+  /**
+   * Controls auto-close behavior of the notification
+   */
+  var _useAutoClose = useAutoClose.useAutoClose(shouldAutoClose && !isInteractiveElementPresent, autoCloseAfterMs, onAutoClose),
+    _useAutoClose2 = _rollupPluginBabelHelpers.slicedToArray(_useAutoClose, 1),
+    autoClosed = _useAutoClose2[0];
+
+  /**
+   * Handles logic for closing the notification
+   */
+  var handleClose = React__namespace.useCallback(function () {
+    setNotificationState('close');
+    setTimeout(function () {
+      var _notification$current;
+      // add class mrl-is--closed
+      (_notification$current = notification.current) === null || _notification$current === void 0 ? void 0 : _notification$current.classList.add('mrl-is--closed');
+      hookClose && hookClose();
+    }, constants.TransitionDuration);
+  }, [hookClose]);
+
+  /**
+   * Toggles the open/closed state based on the state of the component
+   */
+  React__namespace.useEffect(function () {
+    if (notificationState === 'open' && autoClosed !== true) {
+      handleOpen();
+    } else {
+      handleClose();
+    }
+  }, [notificationState, handleClose, handleOpen, autoClosed]);
+
+  /**
+   * Updates the internal state of the component when the state prop changes
+   */
+  React__namespace.useEffect(function () {
+    setNotificationState(state || constants.defaults.state);
+  }, [state]);
+
+  /**
+   * Renders a custom icon or a default icon if the kind supports it.
+   * @returns ReactElement | null
+   */
+  var renderIcon = function renderIcon() {
+    var notificationIcon = typeof customIcon === 'undefined' ? iconOptions[kind] : customIcon;
+
+    // It could be undefined if the kind doesn't support a default icon.
+    if (!notificationIcon) return null;
+    return /*#__PURE__*/React__namespace.createElement("div", {
+      className: classnames(MrlBlockNotification_module.default['mrl-blockNotification-icon'], 'mrl-blockNotification-icon')
+    }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      size: "small",
+      svg: notificationIcon
+    }));
+  };
+  var attributes = setAttributes.setAttributes(attrs, {
+    'aria-hidden': (state === 'close').toString(),
+    // @todo need to determine if we want errors to always be assertive or
+    // if we want an easier ability to overwrite than the attrs object.
+    'aria-live': kind === 'error' ? 'assertive' : 'polite',
+    role: 'status'
+  });
+  var allClasses = classnames(MrlBlockNotification_module.default['mrl-blockNotification'], className, 'mrl-blockNotification', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlBlockNotification_module.default['mrl-blockNotification--dismissible'], Boolean(dismissible)), 'mrl-is--transitioning', notificationState === 'close'));
+  var closeButtonKind = React__namespace.useMemo(function () {
+    return kind === 'warning' ? 'ghost' : 'ghost-inverse';
+  }, [kind]);
+  delete attributes["class"];
+  delete attributes.className;
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: allClasses
+  }, attributes, {
+    "data-kind": kind,
+    "data-scope": scope,
+    ref: notification
+  }), renderIcon(), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBlockNotification_module.default['mrl-blockNotification-message'], 'mrl-blockNotification-message')
+  }, heading && /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    className: classnames(MrlBlockNotification_module.default['mrl-blockNotification-heading'], 'mrl-blockNotification-heading'),
+    kind: "title",
+    size: "small",
+    level: level,
+    text: heading
+  }), message && /*#__PURE__*/React__namespace.createElement("p", {
+    className: classnames(MrlBlockNotification_module.default['mrl-blockNotification-text'], 'mrl-blockNotification-text')
+  }, message), children && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children)), cta && /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames('cta', MrlBlockNotification_module.default['cta'])
+  }, cta), dismissible && /*#__PURE__*/React__namespace.createElement(MrlIconButton.MrlIconButton, {
+    attrs: {
+      'data-qa': closeQa
+    },
+    icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      svg: dsIcons.close,
+      size: "small"
+    }),
+    onClick: handleClose,
+    text: "Close",
+    size: "small",
+    kind: closeButtonKind,
+    state: "default",
+    position: "bottom",
+    tipAnchor: "center",
+    wrapperClassName: classnames(MrlBlockNotification_module.default['mrl-blockNotification-close-wrapper'], 'mrl-blockNotification-close-wrapper')
+  }));
+};
+
+exports.MrlBlockNotification = MrlBlockNotification;
+//# sourceMappingURL=MrlBlockNotification.js.map

package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBlockNotification.js","sources":["../../../../../src/components/notification/MrlBlockNotification/MrlBlockNotification.tsx"],"sourcesContent":["import * as React from 'react';\nimport { check, close, error, info, warning } from '@muraldevkit/ds-icons';\nimport classNames from 'classnames';\nimport { AttrsObject, setAttributes } from '../../../utils';\nimport {\n\tdefaults,\n\tNotificationKind,\n\tNotificationScope,\n\tNotificationState,\n\tNotificationLevel,\n\tTransitionDuration\n} from '../constants';\nimport { DSIconType, MrlIconButton, MrlSvg, MrlTextHeading } from '../..';\n\nimport styles from './MrlBlockNotification.module.scss';\nimport './MrlBlockNotification.global.scss';\nimport { useAutoClose } from '../../../hooks/useAutoClose';\n\nexport interface MrlBlockNotificationProps {\n\t/**\n\t * Block Notification Wrapper Class\n\t */\n\tclassName?: string;\n\n\t/**\n\t * QA attribute for close button to allow tests to find the element easier\n\t */\n\tcloseQa?: string;\n\n\t/**\n\t * Children\n\t *\n\t * IMPORTANT! — Make sure to set shouldAutoClose: false if children of this component\n\t * contain interactive elements. Autoclosing interactive elements is an accessibility\n\t * anti-pattern and should be avoided.\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Adds CTA button to the notification\n\t */\n\tcta?: React.ReactElement;\n\n\t/**\n\t * The kind of notification to display.\n\t *\n\t * Examples: warning, error, info, success\n\t */\n\tkind?: NotificationKind;\n\n\t/**\n\t * A custom DS icon.\n\t */\n\tcustomIcon?: DSIconType;\n\n\t/**\n\t * Sets header text for notification\n\t */\n\theading?: string;\n\n\t/**\n\t * Adds a close button to notificaiton if true\n\t */\n\tdismissible?: boolean;\n\n\t/**\n\t * Sets the primary content for the notification\n\t */\n\tmessage?: React.ReactNode;\n\n\t/**\n\t * Sets the scope of the notification\n\t */\n\tscope?: NotificationScope;\n\n\t/**\n\t * Open/Close state of the notification\n\t */\n\tstate?: NotificationState;\n\n\t/**\n\t * Open notification callback\n\t * @returns {void}\n\t */\n\thookOpen?: () => void;\n\n\t/**\n\t * Close notification callback\n\t * @returns {void}\n\t */\n\thookClose?: () => void;\n\n\t/**\n\t * Sets the header level\n\t * Example output: h1, h2, h3, h4\n\t */\n\tlevel?: NotificationLevel;\n\n\t/**\n\t * Attributes that are applied to the component during the initial render.\n\t *\n\t * Example usage: html attributes, custom data attributes (data-qa), aria\n\t */\n\tattrs?: AttrsObject;\n\n\t/**\n\t * When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern) (see useAutoClose)\n\t */\n\tshouldAutoClose?: Parameters<useAutoClose>[0];\n\n\t/**\n\t * Delay in milliseconds before the component closes (see useAutoClose)\n\t */\n\tautoCloseAfterMs?: Parameters<useAutoClose>[1];\n\n\t/**\n\t * Callback to be called when component closes (see useAutoClose)\n\t */\n\tonAutoClose?: Parameters<useAutoClose>[2];\n}\n\n/**\n * Configuration options for icons\n */\nconst iconOptions: Record<string, DSIconType> = {\n\terror,\n\tinfo,\n\tsuccess: check,\n\twarning\n};\n\n/**\n * Block Notification Component\n * @param props - Component props\n * @returns {Element} Block Notification\n */\nexport const MrlBlockNotification = (props: MrlBlockNotificationProps): JSX.Element => {\n\tconst {\n\t\tattrs,\n\t\tautoCloseAfterMs,\n\t\tchildren,\n\t\tclassName,\n\t\tcloseQa,\n\t\tcta,\n\t\tkind = defaults.kind,\n\t\tdismissible = defaults.dismissible,\n\t\theading,\n\t\thookClose,\n\t\thookOpen,\n\t\tcustomIcon,\n\t\tlevel = defaults.level,\n\t\tmessage,\n\t\tonAutoClose,\n\t\tscope = defaults.scope,\n\t\tshouldAutoClose = false,\n\t\tstate = defaults.state,\n\t\t...rest\n\t} = props;\n\n\t/**\n\t * Sets the open/close state of the notification\n\t */\n\tconst [notificationState, setNotificationState] = React.useState<NotificationState>(\n\t\tdefaults.state\n\t);\n\n\t/**\n\t * Reference to the notification\n\t */\n\tconst notification = React.useRef<HTMLDivElement>(null);\n\n\t/**\n\t * Handles logic for opening the notification\n\t */\n\tconst handleOpen = React.useCallback(() => {\n\t\tsetNotificationState('open');\n\n\t\tsetTimeout(() => {\n\t\t\thookOpen && hookOpen();\n\t\t}, TransitionDuration);\n\t}, [hookOpen]);\n\n\t/**\n\t * It is an accessibility anti-pattern to auto-close an interactive element.\n\t * Both the dismiss button and cta are interactive elements.\n\t */\n\tconst isInteractiveElementPresent = dismissible || cta;\n\t/**\n\t * Controls auto-close behavior of the notification\n\t */\n\tconst [autoClosed] = useAutoClose(\n\t\tshouldAutoClose && !isInteractiveElementPresent,\n\t\tautoCloseAfterMs,\n\t\tonAutoClose\n\t);\n\n\t/**\n\t * Handles logic for closing the notification\n\t */\n\tconst handleClose = React.useCallback(() => {\n\t\tsetNotificationState('close');\n\n\t\tsetTimeout(() => {\n\t\t\t// add class mrl-is--closed\n\t\t\tnotification.current?.classList.add('mrl-is--closed');\n\t\t\thookClose && hookClose();\n\t\t}, TransitionDuration);\n\t}, [hookClose]);\n\n\t/**\n\t * Toggles the open/closed state based on the state of the component\n\t */\n\tReact.useEffect(() => {\n\t\tif (notificationState === 'open' && autoClosed !== true) {\n\t\t\thandleOpen();\n\t\t} else {\n\t\t\thandleClose();\n\t\t}\n\t}, [notificationState, handleClose, handleOpen, autoClosed]);\n\n\t/**\n\t * Updates the internal state of the component when the state prop changes\n\t */\n\tReact.useEffect(() => {\n\t\tsetNotificationState(state || defaults.state);\n\t}, [state]);\n\n\t/**\n\t * Renders a custom icon or a default icon if the kind supports it.\n\t * @returns ReactElement | null\n\t */\n\tconst renderIcon = (): React.ReactElement | null => {\n\t\tconst notificationIcon = typeof customIcon === 'undefined' ? iconOptions[kind] : customIcon;\n\n\t\t// It could be undefined if the kind doesn't support a default icon.\n\t\tif (!notificationIcon) return null;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={classNames(styles['mrl-blockNotification-icon'], 'mrl-blockNotification-icon')}\n\t\t\t>\n\t\t\t\t<MrlSvg size=\"small\" svg={notificationIcon} />\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst attributes = setAttributes(attrs, {\n\t\t'aria-hidden': (state === 'close').toString(),\n\n\t\t// @todo need to determine if we want errors to always be assertive or\n\t\t// if we want an easier ability to overwrite than the attrs object.\n\t\t'aria-live': kind === 'error' ? 'assertive' : 'polite',\n\t\trole: 'status'\n\t});\n\n\tconst allClasses = classNames(\n\t\tstyles['mrl-blockNotification'],\n\t\tclassName,\n\t\t'mrl-blockNotification',\n\t\t{\n\t\t\t[styles['mrl-blockNotification--dismissible']]: Boolean(dismissible),\n\t\t\t'mrl-is--transitioning': notificationState === 'close'\n\t\t}\n\t);\n\n\tconst closeButtonKind = React.useMemo(() => {\n\t\treturn kind === 'warning' ? 'ghost' : 'ghost-inverse';\n\t}, [kind]);\n\n\tdelete attributes.class;\n\tdelete attributes.className;\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={allClasses}\n\t\t\t{...attributes}\n\t\t\tdata-kind={kind}\n\t\t\tdata-scope={scope}\n\t\t\tref={notification}\n\t\t>\n\t\t\t{renderIcon()}\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\tstyles['mrl-blockNotification-message'],\n\t\t\t\t\t'mrl-blockNotification-message'\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/* // to do, add configurable header based on level, when MrlText is completed */}\n\t\t\t\t{heading && (\n\t\t\t\t\t<MrlTextHeading\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles['mrl-blockNotification-heading'],\n\t\t\t\t\t\t\t'mrl-blockNotification-heading'\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tkind=\"title\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tlevel={level}\n\t\t\t\t\t\ttext={heading}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{message && (\n\t\t\t\t\t<p\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles['mrl-blockNotification-text'],\n\t\t\t\t\t\t\t'mrl-blockNotification-text'\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{message}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t\t{children && <>{children}</>}\n\t\t\t</div>\n\t\t\t{cta && <div className={classNames('cta', styles['cta'])}>{cta}</div>}\n\t\t\t{dismissible && (\n\t\t\t\t<MrlIconButton\n\t\t\t\t\tattrs={{\n\t\t\t\t\t\t'data-qa': closeQa\n\t\t\t\t\t}}\n\t\t\t\t\ticon={<MrlSvg svg={close} size=\"small\" />}\n\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tkind={closeButtonKind}\n\t\t\t\t\tstate=\"default\"\n\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\twrapperClassName={classNames(\n\t\t\t\t\t\tstyles['mrl-blockNotification-close-wrapper'],\n\t\t\t\t\t\t'mrl-blockNotification-close-wrapper'\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["iconOptions","error","info","success","check","warning","MrlBlockNotification","props","attrs","autoCloseAfterMs","children","className","closeQa","cta","_props$kind","kind","defaults","_props$dismissible","dismissible","heading","hookClose","hookOpen","customIcon","_props$level","level","message","onAutoClose","_props$scope","scope","_props$shouldAutoClos","shouldAutoClose","_props$state","state","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","notificationState","setNotificationState","notification","useRef","handleOpen","useCallback","setTimeout","TransitionDuration","isInteractiveElementPresent","_useAutoClose","useAutoClose","_useAutoClose2","autoClosed","handleClose","_notification$current","current","classList","add","useEffect","renderIcon","notificationIcon","createElement","classNames","styles","MrlSvg","size","svg","attributes","setAttributes","toString","role","allClasses","_defineProperty","Boolean","closeButtonKind","useMemo","_extends","ref","MrlTextHeading","text","Fragment","MrlIconButton","icon","close","onClick","position","tipAnchor","wrapperClassName"],"mappings":"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"}

package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"mrl-blockNotification":"mrl-blockNotification--xbhrd","mrl-blockNotification-icon":"mrl-blockNotification-icon--CAq04","mrl-blockNotification-close-wrapper":"mrl-blockNotification-close-wrapper--yODTH","cta":"cta--gnyoO","mrl-blockNotification--dismissible":"mrl-blockNotification--dismissible--ZlIID","mrl-blockNotification-message":"mrl-blockNotification-message--MdtXZ","mrl-blockNotification-heading":"mrl-blockNotification-heading--WGPWE"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlBlockNotification.module.scss.js.map

package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBlockNotification.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/notification/MrlInlineMessage/MrlInlineMessage.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var dsIcons = require('@muraldevkit/ds-icons');
+var classnames = require('classnames');
+var MrlInlineMessage_module = require('./MrlInlineMessage.module.scss.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["children", "customIcon", "id", "kind", "message", "data-qa"];
+var getIcon = function getIcon(kind, customIcon) {
+  switch (kind) {
+    case 'error':
+      return dsIcons.error;
+    case 'info':
+      return dsIcons.info;
+    case 'warning':
+      return dsIcons.warning;
+    case 'success':
+      return dsIcons.check;
+    default:
+      return customIcon ? customIcon : undefined;
+  }
+};
+var renderIcon = function renderIcon(icon, iconClasses) {
+  if (icon) {
+    return /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClasses
+    }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      size: "auto",
+      svg: icon
+    }));
+  }
+};
+
+/**
+ * MrlInlineMessage is a notification component that can be used to display messages to the user.
+ * @param props - The properties of the component.
+ * @returns A React component.
+ */
+var MrlInlineMessage = function MrlInlineMessage(_ref) {
+  var children = _ref.children,
+    customIcon = _ref.customIcon,
+    id = _ref.id,
+    kind = _ref.kind,
+    message = _ref.message,
+    _ref$dataQa = _ref['data-qa'],
+    qa = _ref$dataQa === void 0 ? 'mrl-inline-notification' : _ref$dataQa,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var icon = getIcon(kind, customIcon);
+  var iconClasses = classnames(MrlInlineMessage_module.default['MrlInlineMessage-icon']);
+  var notificationClasses = classnames(MrlInlineMessage_module.default['MrlInlineMessage'], 'MrlInlineMessage', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlInlineMessage_module.default.error, kind === 'error'), MrlInlineMessage_module.default.information, kind === 'info'), MrlInlineMessage_module.default.success, kind === 'success'), MrlInlineMessage_module.default.warning, kind === 'warning'), MrlInlineMessage_module.default.helper, kind === 'helper'));
+  return /*#__PURE__*/React__namespace.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: notificationClasses,
+    "data-qa": qa,
+    id: id
+  }), renderIcon(icon, iconClasses), /*#__PURE__*/React__namespace.createElement("span", {
+    className: "MrlInlineMessage-message"
+  }, typeof message !== 'undefined' ? message : children));
+};
+
+exports.MrlInlineMessage = MrlInlineMessage;
+//# sourceMappingURL=MrlInlineMessage.js.map