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

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

@@ -0,0 +1,72 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var dsIcons = require('@muraldevkit/ds-icons');
+var constants = require('../constants.js');
+var MrlLink_module = require('./MrlLink.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 = ["target", "className", "color", "kind", "size", "href", "attrs", "onClick", "text"];
+/**
+ * Renders a link component
+ *
+ * @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 _ref$target = _ref.target,
+    target = _ref$target === void 0 ? constants.defaults.target : _ref$target,
+    className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? constants.defaults.color : _ref$color,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? constants.defaults.kind : _ref$kind,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? constants.defaults.size : _ref$size,
+    href = _ref.href,
+    attrs = _ref.attrs,
+    onClick = _ref.onClick,
+    text = _ref.text,
+    remainingProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames(className, 'mrl-link', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlLink_module.default['mrl-link'], true), MrlLink_module.default["mrl-link--".concat(color)], color !== constants.defaults.color), MrlLink_module.default["mrl-link--".concat(kind)], kind !== constants.defaults.kind), MrlLink_module.default["mrl-link--".concat(size)], size !== constants.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'];
+  return /*#__PURE__*/React__namespace.createElement("a", _rollupPluginBabelHelpers.extends({}, remainingProps, {
+    className: allClasses,
+    href: href,
+    target: target,
+    onClick: onClick,
+    rel: linkRel
+  }, attrs), /*#__PURE__*/React__namespace.createElement("span", {
+    className: "mrl-link-text ".concat(MrlLink_module.default.MrlLinkText)
+  }, text), target === '_blank' ? /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    svg: dsIcons.linkOpen,
+    size: svgSize,
+    className: "mrl-link-icon ".concat(MrlLink_module.default.MrlLinkIcon)
+  }) : null);
+};
+
+exports.MrlLink = MrlLink;
+//# sourceMappingURL=MrlLink.js.map

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

@@ -0,0 +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":"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"}

package/dist/cjs/components/link/MrlLink/MrlLink.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"mrl-u-focus-wrapper":"mrl-u-focus-wrapper--sGwMW","mrl-link":"mrl-link--Xzu_x","mrl-link--mono":"mrl-link--mono--LL0fI","mrl-link--inverse":"mrl-link--inverse--bzMVs","border-animation":"border-animation--yBIrx","MrlLinkText":"MrlLinkText--m_Pyz","border-animation-inverse":"border-animation-inverse--axDWs","mrl-link--large":"mrl-link--large--a1aPV","mrl-link--medium":"mrl-link--medium--RPXCU","mrl-link--small":"mrl-link--small--gifgD","mrl-link--xsmall":"mrl-link--xsmall--pdESI","mrl-link--simple":"mrl-link--simple--GLfdf","MrlLinkIcon":"MrlLinkIcon--O8nJ8","outline-animation":"outline-animation--G9mhb"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlLink.module.scss.js.map

package/dist/cjs/components/link/MrlLink/MrlLink.module.scss.js.map

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

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

@@ -0,0 +1,108 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants$1 = require('../../button/constants.js');
+var helpers = require('../../button/helpers.js');
+var constants$2 = require('../constants.js');
+var constants = require('../../loader/constants.js');
+var MrlTooltip = require('../../tooltip/MrlTooltip/MrlTooltip.js');
+var MrlSpinner = require('../../loader/MrlSpinner/MrlSpinner.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", "href", "icon", "iconPos", "kind", "loading", "loadingText", "onClick", "target", "text", "size", "tooltip"];
+/**
+ * Warning: use this component with care. Our links generally do not look like buttons.
+ * If this interaction does not navigate the user - use `MrlButton`.
+ */
+var MrlLinkButton = /*#__PURE__*/React__namespace.forwardRef(function MrlLinkButton(_ref, ref) {
+  var className = _ref.className,
+    href = _ref.href,
+    icon = _ref.icon,
+    _ref$iconPos = _ref.iconPos,
+    iconPos = _ref$iconPos === void 0 ? constants$1.buttonDefaults.iconPos : _ref$iconPos,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? constants$2.defaults.linkButtonKind : _ref$kind,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$loadingText = _ref.loadingText,
+    loadingText = _ref$loadingText === void 0 ? constants.spinnerDefaults.text : _ref$loadingText,
+    onClick = _ref.onClick,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? constants$2.defaults.target : _ref$target,
+    text = _ref.text,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? constants$1.buttonDefaults.size : _ref$size,
+    tooltip = _ref.tooltip,
+    remainingProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  /**
+   * If the link has an href of `#` and an `onClick`
+   * then a button should be used instead. Links should navigate
+   * the user somewhere, and this pattern shows us that we aren't
+   * navigating but are performing an action instead.
+   */
+  if (href === '#' && onClick) {
+    console.error('Error: `MrlLinkButton` should have an href that navigates the user somewhere');
+  }
+
+  /**
+   * Handle onClick events
+   *
+   * @param {React.MouseEvent<HTMLAnchorElement>} e - mouse event
+   */
+  function handleOnClick(e) {
+    e.stopPropagation();
+    if (onClick && typeof onClick === 'function') {
+      onClick(e);
+    }
+  }
+  var classNames = classnames('mrlButton mrlLinkButton', "mrlButton--".concat(size), "mrlButton--".concat(kind), !icon && loading && "mrlButton--loading", icon && "mrlButton--icon-".concat(iconPos), className);
+  var spinnerProps = helpers._spinnerProps(kind, size);
+  var spinnerClass = icon ? '' : 'mrlButton-spinner';
+  var spinner = /*#__PURE__*/React__namespace.createElement(MrlSpinner.MrlSpinner, {
+    className: spinnerClass,
+    kind: spinnerProps.kind,
+    role: "none",
+    size: spinnerProps.size,
+    text: loadingText
+  });
+  var renderLinkButton = function renderLinkButton() {
+    return /*#__PURE__*/React__namespace.createElement("a", _rollupPluginBabelHelpers.extends({}, remainingProps, {
+      className: classNames,
+      href: href,
+      target: target,
+      ref: ref,
+      onClick: handleOnClick
+    }), loading ? spinner : icon, /*#__PURE__*/React__namespace.createElement("span", {
+      className: "mrlButton-text"
+    }, text));
+  };
+  return !tooltip ? renderLinkButton() : /*#__PURE__*/React__namespace.createElement(MrlTooltip.MrlTooltip, {
+    position: tooltip.position || 'bottom',
+    anchor: tooltip.anchor || 'center',
+    text: tooltip.text,
+    dataQa: tooltip.dataQa
+  }, renderLinkButton());
+});
+
+exports.MrlLinkButton = MrlLinkButton;
+//# sourceMappingURL=MrlLinkButton.js.map

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

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

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

@@ -0,0 +1,18 @@
+'use strict';
+
+// @todo - v2 - we don't use "type" in our other type names so we should remove it here
+
+/**
+ * Default values for props on the Link component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  color: 'default',
+  kind: 'bold',
+  linkButtonKind: 'secondary',
+  size: 'default',
+  target: '_self'
+};
+
+exports.defaults = defaults;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/link/constants.ts"],"sourcesContent":["export const allowedValues = {\n\tcolors: ['default', 'mono', 'inverse'] as const,\n\tkind: ['bold', 'simple'] as const,\n\tlinkButtonKind: ['secondary', 'primary', 'inverse'] as const,\n\tsizes: [\n\t\t'default',\n\t\t'large',\n\t\t'medium',\n\t\t'small',\n\t\t'xsmall'\n\t] as const,\n\ttargets: [\n\t\t'_blank',\n\t\t'_parent',\n\t\t'_top',\n\t\t'_self'\n\t] as const\n};\n\nexport type LinkColor = (typeof allowedValues.colors)[number];\nexport type LinkKind = (typeof allowedValues.kind)[number];\nexport type LinkSize = (typeof allowedValues.sizes)[number];\n// @todo - v2 - we don't use \"type\" in our other type names so we should remove it here\nexport type LinkTargetType = (typeof allowedValues.targets)[number];\n\nexport type MrlLinkButtonKind = (typeof allowedValues.linkButtonKind)[number];\n\nexport interface LinkDefaults {\n\tcolor: LinkColor;\n\tkind: LinkKind;\n\tlinkButtonKind: MrlLinkButtonKind;\n\tsize: LinkSize;\n\ttarget: LinkTargetType;\n}\n\n/**\n * Default values for props on the Link component;\n * Shared between the component and Storybook\n */\nexport const defaults: LinkDefaults = {\n\tcolor: 'default',\n\tkind: 'bold',\n\tlinkButtonKind: 'secondary',\n\tsize: 'default',\n\ttarget: '_self'\n};\n"],"names":["defaults","color","kind","linkButtonKind","size","target"],"mappings":";;AAsBA;;AAaA;AACA;AACA;AACA;AACO,IAAMA,QAAsB,GAAG;AACrCC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,cAAc,EAAE,WAAW;AAC3BC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,MAAM,EAAE;AACT;;;;"}

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

@@ -0,0 +1,84 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var uniqueId = require('lodash.uniqueid');
+var React = require('react');
+
+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 = ["ariaAtomic", "ariaLive", "ariaRelevant", "id", "srContent", "visible", "shouldClearContent"];
+/**
+ * Live region component to render an HTML live region with the provided content.
+ *
+ * @param props - The live region component props.
+ * @returns The live region component.
+ */
+var MrlLiveRegion = function MrlLiveRegion(_ref) {
+  var ariaAtomic = _ref.ariaAtomic,
+    ariaLive = _ref.ariaLive,
+    ariaRelevant = _ref.ariaRelevant,
+    id = _ref.id,
+    srContent = _ref.srContent,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$shouldClearConte = _ref.shouldClearContent,
+    shouldClearContent = _ref$shouldClearConte === void 0 ? false : _ref$shouldClearConte,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(''),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    content = _useState2[0],
+    setContent = _useState2[1];
+  React__namespace.useEffect(function () {
+    setContent(srContent);
+    if (shouldClearContent) {
+      var contentTimeout = setTimeout(function () {
+        setContent('');
+        clearTimeout(contentTimeout);
+      }, 1000);
+      return function () {
+        return clearTimeout(contentTimeout);
+      };
+    }
+  }, [shouldClearContent, srContent]);
+  var nodeId = React.useMemo(function () {
+    return id || uniqueId('live-region-');
+  }, [id]);
+  var dataQaProp = props['data-qa'];
+  var dataQa = dataQaProp || "".concat(nodeId, "-live-region");
+  var classes = classnames('MrlLiveRegion', {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    'mrl-visually-hidden': !visible
+  });
+  return /*#__PURE__*/React__namespace.createElement("p", _rollupPluginBabelHelpers.extends({}, ariaAtomic ? {
+    'aria-atomic': ariaAtomic
+  } : {}, {
+    "aria-live": ariaLive
+  }, ariaRelevant ? {
+    'aria-relevant': ariaRelevant
+  } : {}, {
+    className: classes,
+    "data-qa": dataQa,
+    id: nodeId
+  }, props), content);
+};
+
+exports.MrlLiveRegion = MrlLiveRegion;
+//# sourceMappingURL=MrlLiveRegion.js.map

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

@@ -0,0 +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,iDAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAA8BC,cAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;EAE1BI,gBAAK,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,aAAO,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,gBAAA,CAAAa,aAAA,MAAAC,iCAAA,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/cjs/components/loader/MrlProgressBar/MrlProgressBar.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../constants.js');
+var MrlProgressBar_module = require('./MrlProgressBar.module.scss.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 = ["children", "className", "indeterminate", "name", "percent", "showText", "text", "time"];
+
+/**
+ * MrlProgressBar React component.
+ *
+ * @param props - component props
+ * @returns a MrlProgressBar React component.
+ */
+function MrlProgressBar(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$indeterminate = _ref.indeterminate,
+    indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
+    name = _ref.name,
+    _ref$percent = _ref.percent,
+    percent = _ref$percent === void 0 ? constants.progressBarDefaults.percent : _ref$percent,
+    _ref$showText = _ref.showText,
+    showText = _ref$showText === void 0 ? constants.progressBarDefaults.showText : _ref$showText,
+    text = _ref.text,
+    _ref$time = _ref.time,
+    time = _ref$time === void 0 ? 0 : _ref$time,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var roundPercent = percent ? Math.round(percent) : 0;
+  var containerClasses = classnames(MrlProgressBar_module.default['MrlProgressBar-container'], 'MrlProgressBar-container', _rollupPluginBabelHelpers.defineProperty({}, "".concat(className, "-container"), className !== ''));
+  var progressBarClasses = classnames(MrlProgressBar_module.default['MrlProgressBar'], 'MrlProgressBar', className);
+  var textContainerClass = classnames(MrlProgressBar_module.default['MrlProgressBar--textContainer'], 'MrlProgressBar--textContainer', {
+    'mrl-visually-hidden': !showText
+  });
+  var completeClasses = classnames(MrlProgressBar_module.default['MrlProgressBar--complete'], _rollupPluginBabelHelpers.defineProperty({}, MrlProgressBar_module.default['MrlProgressBar--timed'], time > 0 && !indeterminate), _rollupPluginBabelHelpers.defineProperty({}, MrlProgressBar_module.default['MrlProgressBar--indeterminate'], indeterminate));
+  var completeStyle = time > 0 && !indeterminate ? {
+    'animation-duration': "".concat(time, "ms")
+  } : indeterminate ? {
+    width: '100%'
+  } : {
+    width: "".concat(roundPercent, "%")
+  };
+  var defaultText = time > 0 || indeterminate ? 'Loading' : "".concat(roundPercent === null || roundPercent === void 0 ? void 0 : roundPercent.toString(), "% complete");
+  var ariaValues = time > 0 || indeterminate ? {} : {
+    'aria-valuemin': 0,
+    'aria-valuemax': 100,
+    'aria-valuetext': "".concat(roundPercent, "%"),
+    'aria-valuenow': roundPercent
+  };
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: containerClasses
+  }), /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: progressBarClasses,
+    "aria-label": name,
+    role: "progressbar"
+  }, ariaValues), /*#__PURE__*/React__namespace.createElement("div", {
+    className: completeClasses,
+    style: completeStyle
+  })), /*#__PURE__*/React__namespace.createElement("div", {
+    className: textContainerClass,
+    role: "status"
+  }, /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    hierarchy: "secondary",
+    kind: "title",
+    level: "2",
+    size: "xsmall"
+  }, text || defaultText)), children);
+}
+
+exports.MrlProgressBar = MrlProgressBar;
+//# sourceMappingURL=MrlProgressBar.js.map

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

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

package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlProgressBar-container":"MrlProgressBar-container--fe9Ne","MrlProgressBar":"MrlProgressBar--CTsQm","MrlProgressBar--complete":"MrlProgressBar--complete--Vb2oS","MrlProgressBar--textContainer":"MrlProgressBar--textContainer--fLrQK","MrlProgressBar--timed":"MrlProgressBar--timed--teE4n","MrlProgressBar--indeterminate":"MrlProgressBar--indeterminate--hpJSe"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlProgressBar.module.scss.js.map

package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.module.scss.js.map

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

package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../constants.js');
+var MrlSpinner_module = require('./MrlSpinner.module.scss.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", "logo", "kind", "role", "size", "text"];
+
+/**
+ * MrlSpinner React component.
+ *
+ * @param props - component props
+ * @returns a MrlSpinner React component.
+ */
+function MrlSpinner(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$logo = _ref.logo,
+    logo = _ref$logo === void 0 ? false : _ref$logo,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? constants.spinnerDefaults.kind : _ref$kind,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? constants.spinnerDefaults.role : _ref$role,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? constants.spinnerDefaults.size : _ref$size,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? constants.spinnerDefaults.text : _ref$text,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var containerClasses = classnames(MrlSpinner_module.default['MrlSpinner-container'], 'MrlSpinner-container', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(className, "-container"), className !== ''), MrlSpinner_module.default["MrlSpinner-container--".concat(size)], size !== constants.spinnerDefaults.size), MrlSpinner_module.default["MrlSpinner-container--logo"], logo !== constants.spinnerDefaults.logo), 'MrlSpinner-container--logo', logo !== constants.spinnerDefaults.logo));
+  var spinnerClasses = classnames(MrlSpinner_module.default['MrlSpinner'], 'MrlSpinner', className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlSpinner_module.default["MrlSpinner--".concat(kind)], kind !== constants.spinnerDefaults.kind), MrlSpinner_module.default["MrlSpinner--".concat(size)], size !== constants.spinnerDefaults.size));
+  return /*#__PURE__*/React__namespace.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: containerClasses,
+    role: role
+  }), /*#__PURE__*/React__namespace.createElement("span", {
+    className: spinnerClasses
+  }), logo && /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 99 30",
+    "data-mrl-svg-name": "brandWordmark",
+    role: "presentation",
+    className: MrlSpinner_module.default.MrlSpinnerLogo
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#00843F",
+    d: "M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#000",
+    d: "M35.836 9.21h-5.185v19.794h5.185V9.21Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#FF4B4B",
+    d: "M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#000",
+    d: "M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#5887FF",
+    d: "M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#000",
+    d: "M43.141 9.21h-5.185v11.166h5.185V9.21Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#FC83FF",
+    d: "M98.772 1.324h-5.185V9.21h5.185V1.324Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#000",
+    d: "M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#FA0",
+    d: "M70.767 9.21h-12.76v5.185h12.76V9.21Z"
+  })), /*#__PURE__*/React__namespace.createElement("span", {
+    className: "mrl-visually-hidden"
+  }, text || constants.spinnerDefaults.text));
+}
+
+exports.MrlSpinner = MrlSpinner;
+//# sourceMappingURL=MrlSpinner.js.map

package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSpinner.js","sources":["../../../../../src/components/loader/MrlSpinner/MrlSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { SpinnerComponent, spinnerDefaults } from '../constants';\n\nimport styles from './MrlSpinner.module.scss';\nimport '../../../styles/shared/a11y-helpers/a11y.global.scss';\n\n/**\n * MrlSpinner React component.\n *\n * @param props - component props\n * @returns a MrlSpinner React component.\n */\nexport function MrlSpinner({\n\tclassName = '',\n\tlogo = false,\n\tkind = spinnerDefaults.kind,\n\trole = spinnerDefaults.role,\n\tsize = spinnerDefaults.size,\n\ttext = spinnerDefaults.text,\n\t...rest\n}: SpinnerComponent): JSX.Element {\n\tconst containerClasses = classnames(styles['MrlSpinner-container'], 'MrlSpinner-container', {\n\t\t[`${className}-container`]: className !== '',\n\t\t[styles[`MrlSpinner-container--${size}`]]: size !== spinnerDefaults.size,\n\t\t[styles[`MrlSpinner-container--logo`]]: logo !== spinnerDefaults.logo,\n\t\t['MrlSpinner-container--logo']: logo !== spinnerDefaults.logo\n\t});\n\tconst spinnerClasses = classnames(styles['MrlSpinner'], 'MrlSpinner', className, {\n\t\t[styles[`MrlSpinner--${kind}`]]: kind !== spinnerDefaults.kind,\n\t\t[styles[`MrlSpinner--${size}`]]: size !== spinnerDefaults.size\n\t});\n\n\treturn (\n\t\t<span {...rest} className={containerClasses} role={role}>\n\t\t\t<span className={spinnerClasses} />\n\t\t\t{logo && (\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tviewBox=\"0 0 99 30\"\n\t\t\t\t\tdata-mrl-svg-name=\"brandWordmark\"\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\tclassName={styles.MrlSpinnerLogo}\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#00843F\"\n\t\t\t\t\t\td=\"M80.557 29.328c-5.36 0-9.722-4.577-9.722-10.194 0-5.617 4.361-10.194 9.722-10.194 5.36 0 9.721 4.577 9.721 10.194 0 5.617-4.374 10.194-9.721 10.194Zm.594-15.73c-2.836 0-5.131 2.484-5.131 5.522 0 3.052 2.309 5.523 5.13 5.523 2.823 0 5.132-2.484 5.132-5.523 0-3.038-2.31-5.522-5.131-5.522Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#000\" d=\"M35.836 9.21h-5.185v19.794h5.185V9.21Z\"></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#FF4B4B\"\n\t\t\t\t\t\td=\"M11.234 29.004V9.21A3.028 3.028 0 0 0 8.21 6.185 3.02 3.02 0 0 0 5.185 9.21H0c0-4.524 3.686-8.197 8.21-8.197 4.523 0 8.21 3.687 8.21 8.21v14.61h3.01V9.21c0-4.524 3.686-8.21 8.21-8.21 4.523 0 8.21 3.686 8.21 8.21h-5.186a3.028 3.028 0 0 0-3.024-3.025 3.028 3.028 0 0 0-3.025 3.025v19.794h-13.38Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#000\"\n\t\t\t\t\t\td=\"M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#5887FF\"\n\t\t\t\t\t\td=\"M46.908 29.328c-4.942 0-8.966-4.023-8.966-8.965h5.185c0 2.08 1.702 3.78 3.781 3.78 2.08 0 3.78-1.7 3.78-3.78h5.186c0 4.942-4.024 8.965-8.966 8.965Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#000\" d=\"M43.141 9.21h-5.185v11.166h5.185V9.21Z\"></path>\n\t\t\t\t\t<path fill=\"#FC83FF\" d=\"M98.772 1.324h-5.185V9.21h5.185V1.324Z\"></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill=\"#000\"\n\t\t\t\t\t\td=\"M91.467 9.21h-5.185v19.794h5.185V9.21Zm7.305 0h-5.185v19.794h5.185V9.21Zm-35.58 5.171h-5.185v14.61h5.185V14.38Z\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path fill=\"#FA0\" d=\"M70.767 9.21h-12.76v5.185h12.76V9.21Z\"></path>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t<span className=\"mrl-visually-hidden\">{text || spinnerDefaults.text}</span>\n\t\t</span>\n\t);\n}\n"],"names":["MrlSpinner","_ref","_ref$className","className","_ref$logo","logo","_ref$kind","kind","spinnerDefaults","_ref$role","role","_ref$size","size","_ref$text","text","rest","_objectWithoutProperties","_excluded","containerClasses","classnames","styles","_defineProperty","concat","spinnerClasses","React","createElement","_extends","xmlns","fill","viewBox","MrlSpinnerLogo","d"],"mappings":"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"}

package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlSpinner-container":"MrlSpinner-container--BbU6W","MrlSpinner-container--xsmall":"MrlSpinner-container--xsmall--vY91J","MrlSpinner-container--medium":"MrlSpinner-container--medium--fCwTF","MrlSpinner-container--large":"MrlSpinner-container--large--UE9f9","MrlSpinner-container--logo":"MrlSpinner-container--logo--BrgYx","MrlSpinner":"MrlSpinner--PDiRC","spin":"spin--uLQTd","MrlSpinner--xsmall":"MrlSpinner--xsmall--lKxwJ","MrlSpinner--medium":"MrlSpinner--medium--TkBU7","MrlSpinner--large":"MrlSpinner--large--m3U6M","MrlSpinner--inverse":"MrlSpinner--inverse--SsPk0","MrlSpinnerLogo":"MrlSpinnerLogo--DZqlx"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlSpinner.module.scss.js.map

package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.module.scss.js.map

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

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

@@ -0,0 +1,26 @@
+'use strict';
+
+/**
+ * Default values for props on the MrlProgressBar component;
+ * Shared between the component and Storybook
+ */
+var progressBarDefaults = {
+  percent: 0,
+  showText: false,
+  name: 'Progress Bar'
+};
+/**
+ * Default values for props on the MrlSpinner component;
+ * Shared between the component and Storybook
+ */
+var spinnerDefaults = {
+  kind: 'default',
+  role: 'status',
+  size: 'small',
+  text: 'Loading',
+  logo: false
+};
+
+exports.progressBarDefaults = progressBarDefaults;
+exports.spinnerDefaults = spinnerDefaults;
+//# sourceMappingURL=constants.js.map