@muraldevkit/ui-toolkit 4.68.0-dev-qt54.1 → 4.68.0

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

@@ -1,73 +0,0 @@
-'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 _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return 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__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-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 = _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__default.default(className, 'mrl-modal-header', MrlModalHeader_module.default['mrl-modal-header'], {
-    [MrlModalHeader_module.default['mrl-modal-scroll-shadow-top']]: scrollableContent.hasScrollTop
-  });
-  React__namespace.useEffect(() => {
-    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

@@ -1 +0,0 @@
-{"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","hasScrollTop","React","useEffect","class","createElement","_extends","MrlTextHeading","level","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,GAAGC,IAAA,IAMU;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;AACvC,EAAA,IAAMa,OAAO,GAAGC,2BAAU,CAACZ,SAAS,EAAE,kBAAkB,EAAEa,6BAAM,CAAC,kBAAkB,CAAC,EAAE;AACrF,IAAA,CAACA,6BAAM,CAAC,6BAA6B,CAAC,GAAGN,iBAAiB,CAACO;AAC5D,GAAC,CAAC;EAEFC,gBAAK,CAACC,SAAS,CAAC,MAAM;IACrBR,QAAQ,CAACP,IAAI,CAAC;AACf,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEO,QAAQ,CAAC,CAAC;EAEpB,OAAOV,KAAK,CAACmB,KAAK;EAClB,OAAOnB,KAAK,CAACE,SAAS;EACtB,oBACCe,gBAAA,CAAAG,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA,EAAA,EAASjB,IAAI,EAAMO,UAAU,EAAA;AAAET,IAAAA,SAAS,EAAEW;AAAQ,GAAA,CAAA,eACjDI,gBAAA,CAAAG,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

@@ -1,8 +0,0 @@
-'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

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

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

@@ -1,25 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,73 +0,0 @@
-'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 _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return 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__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-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__default.default(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

@@ -1 +0,0 @@
-{"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,2BAAU,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

@@ -1,8 +0,0 @@
-'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

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

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

@@ -1,65 +0,0 @@
-'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 _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return 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__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-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__default.default('MrlSidebarNavItem', MrlSidebarNavItem_module.default['MrlSidebarNavItem'], {
-    [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

@@ -1 +0,0 @@
-{"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","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;EAEP,IAAMC,UAAU,GAAGC,2BAAU,CAC5B,mBAAmB,EACnBC,gCAAM,CAAC,mBAAmB,CAAC,EAC3B;AACC,IAAA,CAACA,gCAAM,CAAC,4BAA4B,CAAC,GAAGR,UAAU;AAClD,IAAA,4BAA4B,EAAEA,UAAU;AACxC,IAAA,CAACQ,gCAAM,CAAC,SAAS,CAAC,GAAG,OAAOT,IAAI,KAAK;GACrC,EACDF,SACD,CAAC;AAED,EAAA,oBACCY,gBAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,iCAAA,KAAQR,IAAI,EAAA;AAAE,IAAA,SAAA,EAASL,EAAG;AAACD,IAAAA,SAAS,EAAES;AAAW,GAAA,CAAA,EAC/CJ,UAAU,CAAC;AACXU,IAAAA,WAAW,eACVH,gBAAA,CAAAC,aAAA,CAAAD,gBAAA,CAAAI,QAAA,EAAA,IAAA,EACEd,IAAI,iBACJU,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AACN,MAAA,aAAA,EAAY,MAAM;AAClBC,MAAAA,GAAG,EAAEhB,IAAK;AACVF,MAAAA,SAAS,EAAEW,gCAAM,CAAC,wBAAwB,CAAE;AAC5CQ,MAAAA,IAAI,EAAC;KACL,CACD,EACAf,IACA;AAEJ,GAAC,CACE,CAAC;AAEP;;;;"}

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

@@ -1,8 +0,0 @@
-'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

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

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

@@ -1,217 +0,0 @@
-'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 _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return 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__*/_interopNamespace(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-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 = 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(() => {
-    setNotificationState('open');
-    setTimeout(() => {
-      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(() => {
-    setNotificationState('close');
-    setTimeout(() => {
-      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(() => {
-    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(() => {
-    setNotificationState(state || constants.defaults.state);
-  }, [state]);
-
-  /**
-   * Renders a custom icon or a default icon if the kind supports it.
-   * @returns ReactElement | null
-   */
-  var 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__default.default(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__default.default(MrlBlockNotification_module.default['mrl-blockNotification'], className, 'mrl-blockNotification', {
-    [MrlBlockNotification_module.default['mrl-blockNotification--dismissible']]: Boolean(dismissible),
-    'mrl-is--transitioning': notificationState === 'close'
-  });
-  var closeButtonKind = React__namespace.useMemo(() => {
-    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__default.default(MrlBlockNotification_module.default['mrl-blockNotification-message'], 'mrl-blockNotification-message')
-  }, heading && /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
-    className: classnames__default.default(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__default.default(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__default.default('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__default.default(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

@@ -1 +0,0 @@
-{"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","Boolean","closeButtonKind","useMemo","class","_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

@@ -1,8 +0,0 @@
-'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

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